"use strict";
(self["webpackChunkskote"] = self["webpackChunkskote"] || []).push([["default-src_app_pages_estadistica_estadistica_module_ts"],{

/***/ 99699:
/*!*****************************************************!*\
  !*** ./src/app/core/services/cardSelect.service.ts ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CardSelectService: () => (/* binding */ CardSelectService)
/* harmony export */ });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ 65619);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);


class CardSelectService {
  constructor() {
    this.selectedTarjetaIndex = new rxjs__WEBPACK_IMPORTED_MODULE_0__.BehaviorSubject(null);
    this.selectedTarjetaIndex$ = this.selectedTarjetaIndex.asObservable();
  }
  setSelectedTarjetaIndex(index) {
    this.selectedTarjetaIndex.next(index);
  }
  static #_ = this.ɵfac = function CardSelectService_Factory(t) {
    return new (t || CardSelectService)();
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({
    token: CardSelectService,
    factory: CardSelectService.ɵfac
  });
}

/***/ }),

/***/ 20510:
/*!***************************************************************************!*\
  !*** ./src/app/core/services/estadisticas/componentesVisuales.service.ts ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ComponentesVisualesService: () => (/* binding */ ComponentesVisualesService)
/* harmony export */ });
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common/http */ 69862);
/* harmony import */ var _config_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config.service */ 56375);
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../auth.service */ 90304);
/* harmony import */ var _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/api-base.service */ 78169);
/* harmony import */ var _recursos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../recursos.service */ 50657);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 65879);






class ComponentesVisualesService extends _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__.ApiBaseService {
  constructor(http, configService, recursosService, authService) {
    super(http, configService, recursosService, authService);
    this.endpoint = this.url + this.estadistica.COMP_VISUALES.VERSION + this.estadistica.COMP_VISUALES.PATH_BASE;
  }
  static #_ = this.ɵfac = function ComponentesVisualesService_Factory(t) {
    return new (t || ComponentesVisualesService)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_5__.HttpClient), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_config_service__WEBPACK_IMPORTED_MODULE_0__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_recursos_service__WEBPACK_IMPORTED_MODULE_3__.RecursosService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_auth_service__WEBPACK_IMPORTED_MODULE_1__.AuthService));
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjectable"]({
    token: ComponentesVisualesService,
    factory: ComponentesVisualesService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 35651:
/*!*******************************************************************!*\
  !*** ./src/app/core/services/estadisticas/fuenteDatos.service.ts ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FuenteDatosService: () => (/* binding */ FuenteDatosService)
/* harmony export */ });
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common/http */ 69862);
/* harmony import */ var _config_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config.service */ 56375);
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../auth.service */ 90304);
/* harmony import */ var _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/api-base.service */ 78169);
/* harmony import */ var _recursos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../recursos.service */ 50657);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 65879);






class FuenteDatosService extends _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__.ApiBaseService {
  constructor(http, configService, recursosService, authService) {
    super(http, configService, recursosService, authService);
    this.endpoint = this.url + this.estadistica.FUENTE_DATOS.VERSION + this.estadistica.FUENTE_DATOS.PATH_BASE;
  }
  static #_ = this.ɵfac = function FuenteDatosService_Factory(t) {
    return new (t || FuenteDatosService)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_5__.HttpClient), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_config_service__WEBPACK_IMPORTED_MODULE_0__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_recursos_service__WEBPACK_IMPORTED_MODULE_3__.RecursosService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_auth_service__WEBPACK_IMPORTED_MODULE_1__.AuthService));
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjectable"]({
    token: FuenteDatosService,
    factory: FuenteDatosService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 33799:
/*!*******************************************************************!*\
  !*** ./src/app/core/services/estadisticas/indicadores.service.ts ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   IndicadoresService: () => (/* binding */ IndicadoresService)
/* harmony export */ });
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common/http */ 69862);
/* harmony import */ var _config_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config.service */ 56375);
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../auth.service */ 90304);
/* harmony import */ var _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/api-base.service */ 78169);
/* harmony import */ var _recursos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../recursos.service */ 50657);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ 65879);







class IndicadoresService extends _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__.ApiBaseService {
  constructor(http, configService, recursosService, authService) {
    super(http, configService, recursosService, authService);
    this.endpoint = this.url + this.estadistica.INDICADORES.VERSION + this.estadistica.INDICADORES.PATH_BASE;
  }
  getWidgets() {
    return lodash__WEBPACK_IMPORTED_MODULE_4__.times(200, i => {
      return {
        Id: i,
        Nombre: `Widget ${i}`,
        Descripcion: `Descripcion ${i}`,
        Grafico: {
          Id: i,
          Nombre: `Grafico ${i}`
        },
        Configurable: 'S',
        FuenteDatos: {
          Id: i,
          Nombre: `Fuente de datos ${i}`,
          Tipo: {
            Id: 'O',
            Nombre: 'Bajo Demanda'
          }
        },
        Configuracion: {
          Id: i,
          Variables: [{
            Id: i,
            Columna: {
              Id: 1,
              Nombre: 'Columna 1'
            },
            VarVisual: {
              Id: 1,
              Nombre: 'Variable 1'
            }
          }, {
            Id: i + 1,
            Columna: {
              Id: 2,
              Nombre: 'Columna 2'
            },
            VarVisual: {
              Id: 2,
              Nombre: 'Variable 2'
            }
          }, {
            Id: i + 2,
            Columna: {
              Id: 3,
              Nombre: 'Columna 3'
            },
            VarVisual: {
              Id: 3,
              Nombre: 'Variable 3'
            }
          }]
        }
      };
    });
  }
  postMasivoInstanciaIndicadores(data) {
    let path = this.url + this.estadistica.INDICADORES.POST_INSTANCIA_INDICADOR_MASIVO.VERSION + this.estadistica.INDICADORES.POST_INSTANCIA_INDICADOR_MASIVO.PATH_REL;
    return this.nuevo(data, path);
  }
  putMasivoInstanciaIndicadores(data) {
    let path = this.url + this.estadistica.INDICADORES.PUT_INSTANCIA_INDICADOR_MASIVO.VERSION + this.estadistica.INDICADORES.PUT_INSTANCIA_INDICADOR_MASIVO.PATH_REL;
    return this.editarSinId(data, path);
  }
  postDatosInstanciaIndicadores(data, id) {
    let path = this.url + this.estadistica.INDICADORES.POST_INSTANCIA_INDICADOR_DATOS.VERSION + this.estadistica.INDICADORES.POST_INSTANCIA_INDICADOR_DATOS.PATH_REL.replace('{id}', id);
    return this.nuevo(data, path);
  }
  deleteInstanciaIndicador(id) {
    let path = this.url + this.estadistica.INDICADORES.DELETE_INSTANCIA_INDICADOR.VERSION + this.estadistica.INDICADORES.DELETE_INSTANCIA_INDICADOR.PATH_REL.replace('{id}', id);
    return this.eliminar(id, path);
  }
  static #_ = this.ɵfac = function IndicadoresService_Factory(t) {
    return new (t || IndicadoresService)(_angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_6__.HttpClient), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵinject"](_config_service__WEBPACK_IMPORTED_MODULE_0__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵinject"](_recursos_service__WEBPACK_IMPORTED_MODULE_3__.RecursosService), _angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵinject"](_auth_service__WEBPACK_IMPORTED_MODULE_1__.AuthService));
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_5__["ɵɵdefineInjectable"]({
    token: IndicadoresService,
    factory: IndicadoresService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 42785:
/*!*****************************************************************************!*\
  !*** ./src/app/core/services/estadisticas/persistencia-tableros.service.ts ***!
  \*****************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   PersistenciaTablerosService: () => (/* binding */ PersistenciaTablerosService)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 65879);

class PersistenciaTablerosService {
  constructor() {
    this.indicadoresLocal = 'dashboards';
  }
  /* Tableros Local*/
  getIndicadoresLocal() {
    let indicadores = localStorage.getItem(this.indicadoresLocal);
    if (indicadores) {
      return JSON.parse(indicadores);
    } else {
      return [];
    }
  }
  /* Indicador Local */
  setIndicadorLocal(idTablero, idSubtablero, nuevoIndicador) {
    let indicador = this.getIndicadoresLocal().find(indicadores => indicadores.idTablero === idTablero && indicadores.idSubtablero === idSubtablero && indicadores.idIndicador === nuevoIndicador.Id);
    if (indicador) {
      indicador.Data = nuevoIndicador.Data;
      indicador.loading = nuevoIndicador.loading;
      indicador.noConfigurado = nuevoIndicador.noConfigurado;
      indicador.UltActualizacion = nuevoIndicador.UltActualizacion;
      indicador.Parametros = nuevoIndicador.Parametros;
      //SP SINWEB-681 se actualiza parametros del indicador en el localstorage
      this.updateIndicadorLocal(indicador);
      return true;
    } else {
      this.nuevoIndicadorLocal(idTablero, idSubtablero, nuevoIndicador);
      return false;
    }
  }
  nuevoIndicadorLocal(idTablero, idSubtablero, nuevoIndicador) {
    let indicadores = this.getIndicadoresLocal();
    indicadores.push({
      idTablero: idTablero,
      idSubtablero: idSubtablero,
      idIndicador: nuevoIndicador.Id,
      Data: nuevoIndicador.Data,
      loading: nuevoIndicador.loading,
      noConfigurado: nuevoIndicador.noConfigurado,
      UltActualizacion: nuevoIndicador.UltActualizacion,
      Parametros: nuevoIndicador.Parametros
    });
    localStorage.setItem(this.indicadoresLocal, JSON.stringify(indicadores));
  }
  updateIndicadorLocal(indicador) {
    let indicadores = this.getIndicadoresLocal();
    let index = indicadores.findIndex(indicadores => indicadores.idTablero === indicador.idTablero && indicadores.idSubtablero === indicador.idSubtablero && indicadores.idIndicador === indicador.idIndicador);
    indicadores[index] = indicador;
    localStorage.setItem(this.indicadoresLocal, JSON.stringify(indicadores));
  }
  deleteIndicadorLocal(idTablero, idSubtablero, indicador) {
    let indicadores = this.getIndicadoresLocal();
    let index = indicadores.findIndex(indicadores => indicadores.idTablero === idTablero && indicadores.idSubtablero === idSubtablero && indicadores.idIndicador === indicador.Id);
    if (index >= 0) {
      indicadores.splice(index, 1);
      localStorage.setItem(this.indicadoresLocal, JSON.stringify(indicadores));
    }
  }
  static #_ = this.ɵfac = function PersistenciaTablerosService_Factory(t) {
    return new (t || PersistenciaTablerosService)();
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjectable"]({
    token: PersistenciaTablerosService,
    factory: PersistenciaTablerosService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 61300:
/*!******************************************************************!*\
  !*** ./src/app/core/services/estadisticas/subtablero.service.ts ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SubtableroService: () => (/* binding */ SubtableroService)
/* harmony export */ });
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common/http */ 69862);
/* harmony import */ var _config_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config.service */ 56375);
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../auth.service */ 90304);
/* harmony import */ var _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/api-base.service */ 78169);
/* harmony import */ var _recursos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../recursos.service */ 50657);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 65879);






class SubtableroService extends _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__.ApiBaseService {
  constructor(http, configService, recursosService, authService) {
    super(http, configService, recursosService, authService);
    this.endpoint = this.url + this.estadistica.SUBTABLERO.VERSION + this.estadistica.SUBTABLERO.PATH_BASE;
  }
  mockSubtablerosFavoritos(datos) {
    return [{
      Id: 1,
      InfSubtablero: {
        Id: 1,
        Nombre: 'Subtablero 1'
      },
      Orden: 1
    }, {
      Id: 2,
      InfSubtablero: {
        Id: 2,
        Nombre: 'Subtablero 2'
      },
      Orden: 2
    }, {
      Id: 3,
      InfSubtablero: {
        Id: 3,
        Nombre: 'Subtablero 3'
      },
      Orden: 3
    }, {
      Id: 4,
      InfSubtablero: {
        Id: 4,
        Nombre: 'Subtablero 4'
      }
    }, {
      Id: 5,
      InfSubtablero: {
        Id: 5,
        Nombre: 'Subtablero 5'
      }
    }, {
      Id: 6,
      InfSubtablero: {
        Id: 6,
        Nombre: 'Subtablero 6'
      }
    }];
  }
  static #_ = this.ɵfac = function SubtableroService_Factory(t) {
    return new (t || SubtableroService)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_5__.HttpClient), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_config_service__WEBPACK_IMPORTED_MODULE_0__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_recursos_service__WEBPACK_IMPORTED_MODULE_3__.RecursosService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_auth_service__WEBPACK_IMPORTED_MODULE_1__.AuthService));
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjectable"]({
    token: SubtableroService,
    factory: SubtableroService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 9652:
/*!***************************************************************!*\
  !*** ./src/app/core/services/estadisticas/tablero.service.ts ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TableroService: () => (/* binding */ TableroService)
/* harmony export */ });
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common/http */ 69862);
/* harmony import */ var _config_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../config.service */ 56375);
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../auth.service */ 90304);
/* harmony import */ var _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/api-base.service */ 78169);
/* harmony import */ var _recursos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../recursos.service */ 50657);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 65879);






class TableroService extends _core_api_base_service__WEBPACK_IMPORTED_MODULE_2__.ApiBaseService {
  constructor(http, configService, recursosService, authService) {
    super(http, configService, recursosService, authService);
    this.endpoint = this.url + this.estadistica.TABLERO.VERSION + this.estadistica.TABLERO.PATH_BASE;
  }
  static #_ = this.ɵfac = function TableroService_Factory(t) {
    return new (t || TableroService)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_5__.HttpClient), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_config_service__WEBPACK_IMPORTED_MODULE_0__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_recursos_service__WEBPACK_IMPORTED_MODULE_3__.RecursosService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵinject"](_auth_service__WEBPACK_IMPORTED_MODULE_1__.AuthService));
  };
  static #_2 = this.ɵprov = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjectable"]({
    token: TableroService,
    factory: TableroService.ɵfac,
    providedIn: 'root'
  });
}

/***/ }),

/***/ 24806:
/*!*****************************************************************!*\
  !*** ./src/app/core/utils/constantes/constantes-estadistica.ts ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   COMP_VISUAL_DICTIONARY: () => (/* binding */ COMP_VISUAL_DICTIONARY),
/* harmony export */   LayoutType: () => (/* binding */ LayoutType),
/* harmony export */   TipoFuenteOptions: () => (/* binding */ TipoFuenteOptions),
/* harmony export */   TodosOptions: () => (/* binding */ TodosOptions),
/* harmony export */   coloresGraficos: () => (/* binding */ coloresGraficos),
/* harmony export */   compVisuales: () => (/* binding */ compVisuales),
/* harmony export */   layouts: () => (/* binding */ layouts)
/* harmony export */ });
const TipoFuenteOptions = [{
  Id: 1,
  Nombre: 'On Demand'
}, {
  Id: 2,
  Nombre: 'Real Time'
}, {
  Id: 3,
  Nombre: 'Alto Procesamiento'
}];
const TodosOptions = [{
  Id: '',
  Nombre: 'Todos'
}, {
  Id: 'N',
  Nombre: 'No'
}, {
  Id: 'S',
  Nombre: 'Si'
}];
var LayoutType;
(function (LayoutType) {
  LayoutType["ONE_COL"] = "one_col";
  LayoutType["TWO_COL_EQUAL"] = "two_col_equal";
  LayoutType["TWO_COL_NARROW_WIDE"] = "two_col_narrow_wide";
  LayoutType["TWO_COL_WIDE_NARROW"] = "two_col_wide_narrow";
  LayoutType["THREE_COL_EQUAL"] = "three_col_equal";
})(LayoutType || (LayoutType = {}));
const layouts = [{
  id: 0,
  structure: LayoutType.ONE_COL,
  default: [[]]
}, {
  id: 1,
  structure: LayoutType.TWO_COL_EQUAL,
  default: [[], []]
}, {
  id: 2,
  structure: LayoutType.TWO_COL_NARROW_WIDE,
  default: [[], []]
}, {
  id: 3,
  structure: LayoutType.TWO_COL_WIDE_NARROW,
  default: [[], []]
}, {
  id: 4,
  structure: LayoutType.THREE_COL_EQUAL,
  default: [[], [], []]
}];
const COMP_VISUAL_DICTIONARY = [{
  Id: 1,
  Nombre: 'KPI',
  Style: 'background:#f44336',
  Class: 'badge font-size-14'
}, {
  Id: 2,
  Nombre: 'Barras',
  Style: 'background:#e40066',
  Class: 'badge font-size-14'
}, {
  Id: 3,
  Nombre: 'Torta',
  Style: 'background:#03CEA4',
  Class: 'badge font-size-14'
}, {
  Id: 4,
  Nombre: 'Columnas',
  Style: 'background:#eac435',
  Class: 'badge font-size-14'
}, {
  Id: 5,
  Nombre: 'Listado',
  Style: 'background:#BDC696',
  Class: 'badge font-size-14'
}, {
  Id: 6,
  Nombre: 'Lineas',
  Style: 'background:#008BF8',
  Class: 'badge font-size-14'
}, {
  Id: 7,
  Nombre: 'Dona',
  Style: 'background:#89FC00',
  Class: 'badge font-size-14'
}, {
  Id: 8,
  Nombre: 'KPI avanzado',
  Style: 'background:#28587B',
  Class: 'badge font-size-14'
}];
const compVisuales = [{
  id: 1,
  name: 'KPI',
  icon: 'mdi mdi-card-bulleted-outline',
  type: 'kpi'
}, {
  id: 2,
  name: 'Barras',
  icon: 'mdi mdi-chart-bar',
  type: 'bar',
  style: 'transform:scaleX(-1) rotate(270deg)'
}, {
  id: 3,
  name: 'Torta',
  icon: 'mdi mdi-chart-pie',
  type: 'pie'
}, {
  id: 4,
  name: 'Columnas',
  icon: 'mdi mdi-chart-bar',
  type: 'column'
}, {
  id: 5,
  name: 'Listado',
  icon: 'mdi mdi-format-list-bulleted',
  type: 'list'
}, {
  id: 6,
  name: 'Lineas',
  icon: 'mdi mdi-chart-line',
  type: 'line'
}, {
  id: 7,
  name: 'Dona',
  icon: 'mdi mdi-chart-donut-variant',
  type: 'donut'
}, {
  id: 8,
  name: 'KPI Avanzado',
  icon: 'mdi mdi-card-bulleted-settings-outline',
  type: 'kpiAdvanced'
}
// {
//   id:6,
//   name: 'Histograma',
//   icon: 'mdi mdi-chart-histogram',
//   type: 'histogram'
// },
// {
//   id:7,
//   name: 'Gráfico de area',
//   icon: 'mdi mdi-chart-areaspline',
// },
// {
//   id:8,
//   name: 'Gráfico de dona',
//   icon: 'mdi mdi-chart-donut-variant',
// },
// {
//   id:9,
//   name: 'Linea de tiempo',
//   icon: 'mdi-chart-timeline',
// },
];
const coloresGraficos = ['#FF5733', '#33FF57', '#3357FF', '#FF33A6', '#33FFF5', '#A633FF', '#FFA633', '#33A6FF', '#F533FF', '#3FFF33', '#FF3380', '#80FF33', '#3380FF', '#FF8033', '#8033FF', '#33FF80', '#FF3333', '#33FF33', '#3333FF', '#FF33FF', '#33FFFF', '#FFFF33', '#FF6633', '#6633FF', '#33FF66', '#FF3366', '#66FF33', '#3366FF', '#FF9933', '#9933FF'];

/***/ }),

/***/ 89467:
/*!******************************************************************************!*\
  !*** ./src/app/pages/estadistica/arbol-tableros/arbol-tableros.component.ts ***!
  \******************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ArbolTablerosComponent: () => (/* binding */ ArbolTablerosComponent)
/* harmony export */ });
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ 30034);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! primeng/api */ 85219);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var primeng_tree__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! primeng/tree */ 3745);
/* harmony import */ var primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! primeng/overlaypanel */ 88454);











function ArbolTablerosComponent_div_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 6)(1, "h5", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2, "Resumen de colecciones");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
  }
}
function ArbolTablerosComponent_h5_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "h5", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1, "Resumen de colecciones");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
}
function ArbolTablerosComponent_ng_template_5_Case_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 15);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 16);
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r6.getGrafico(node_r4.data.Visual).icon + " mdi-18px")("pTooltip", ctx_r6.getGrafico(node_r4.data.Visual).name);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 17);
  }
}
function ArbolTablerosComponent_ng_template_5_i_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "i", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function ArbolTablerosComponent_ng_template_5_i_5_Template_i_click_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r16);
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
      const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵreference"](9);
      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](_r10.toggle($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
}
function ArbolTablerosComponent_ng_template_5_i_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r19 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "i", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function ArbolTablerosComponent_ng_template_5_i_7_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r19);
      const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
      const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r17.onNodeLink(node_r4));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
}
function ArbolTablerosComponent_ng_template_5_Case_11_i_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 27);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_11_i_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 28);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_11_div_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", node_r4.data.Descripcion, " ");
  }
}
function ArbolTablerosComponent_ng_template_5_Case_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 20)(1, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](2, ArbolTablerosComponent_ng_template_5_Case_11_i_2_Template, 1, 0, "i", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](3, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](4, ArbolTablerosComponent_ng_template_5_Case_11_i_4_Template, 1, 0, "i", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](9, ArbolTablerosComponent_ng_template_5_Case_11_div_9_Template, 2, 1, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Predeterminado == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Configurable == "N");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de creaci\u00F3n: ", node_r4.data.CreateAt, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de \u00FAltima actualizaci\u00F3n: ", node_r4.data.UpdateAt, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Descripcion);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_12_i_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 34);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 30)(1, "div", 31)(2, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](5, ArbolTablerosComponent_ng_template_5_Case_12_i_5_Template, 1, 0, "i", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", node_r4.data.ModoOffline == "S" ? "Offline" : "Online", " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Favorito == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de creaci\u00F3n: ", node_r4.data.CreateAt, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de \u00FAltima actualizaci\u00F3n: ", node_r4.data.UpdateAt, " ");
  }
}
function ArbolTablerosComponent_ng_template_5_Case_13_i_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "i", 36);
  }
}
function ArbolTablerosComponent_ng_template_5_Case_13_div_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", node_r4.data.Descripcion, " ");
  }
}
function ArbolTablerosComponent_ng_template_5_Case_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 30)(1, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](2, ArbolTablerosComponent_ng_template_5_Case_13_i_2_Template, 1, 0, "i", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](3, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](4, "i", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](9, "div", 25)(10, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](12, ArbolTablerosComponent_ng_template_5_Case_13_div_12_Template, 2, 1, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const node_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Oculto == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r13.getGrafico(node_r4.data.Visual).icon + " mdi-18px")("pTooltip", ctx_r13.getGrafico(node_r4.data.Visual).name);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de creaci\u00F3n: ", node_r4.data.CreateAt, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" Fecha de \u00FAltima actualizaci\u00F3n: ", node_r4.data.UltFechaActualizacion, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", node_r4.data.Origen, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Descripcion);
  }
}
function ArbolTablerosComponent_ng_template_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, ArbolTablerosComponent_ng_template_5_Case_1_Template, 1, 0)(2, ArbolTablerosComponent_ng_template_5_Case_2_Template, 1, 2)(3, ArbolTablerosComponent_ng_template_5_Case_3_Template, 1, 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](5, ArbolTablerosComponent_ng_template_5_i_5_Template, 1, 0, "i", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](7, ArbolTablerosComponent_ng_template_5_i_7_Template, 1, 0, "i", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "p-overlayPanel", 12, 13)(10, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](11, ArbolTablerosComponent_ng_template_5_Case_11_Template, 10, 5)(12, ArbolTablerosComponent_ng_template_5_Case_12_Template, 10, 4)(13, ArbolTablerosComponent_ng_template_5_Case_13_Template, 13, 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const node_r4 = ctx.$implicit;
    let ArbolTablerosComponent_ng_template_5_contFlowTmp;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](1, (ArbolTablerosComponent_ng_template_5_contFlowTmp = node_r4.data.Type) === "tablero" ? 1 : ArbolTablerosComponent_ng_template_5_contFlowTmp === "indicador" ? 2 : ArbolTablerosComponent_ng_template_5_contFlowTmp === "subtablero" ? 3 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" \u00A0 ", node_r4.label, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Type != "root");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", node_r4.data.Type == "tablero");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](11, (ArbolTablerosComponent_ng_template_5_contFlowTmp = node_r4.data.Type) === "tablero" ? 11 : ArbolTablerosComponent_ng_template_5_contFlowTmp === "subtablero" ? 12 : ArbolTablerosComponent_ng_template_5_contFlowTmp === "indicador" ? 13 : -1);
  }
}
function ArbolTablerosComponent_div_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r32 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 37)(1, "button", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function ArbolTablerosComponent_div_6_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r32);
      const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r31.close());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2, " Aceptar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
  }
}
class ArbolTablerosComponent {
  constructor(injector,
  //public modal:NgbActiveModal,
  router, tableroService) {
    this.injector = injector;
    this.router = router;
    this.tableroService = tableroService;
    this.tableros = [];
    this.format = 'comp';
    this.tablerosAux = [];
    this.treeTableros = [];
    this.treeTableroSelect = null;
    this.loading = false;
  }
  ngOnChanges(changes) {
    if (changes.tableros && changes.tableros.currentValue.length > 0) {
      this.cargarTodo();
    }
  }
  ngOnInit() {
    if (this.format == 'modal') {
      this.modal = this.injector.get(_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__.NgbActiveModal);
    }
    if (this.tableros.length > 0 && this.format == 'modal') {
      this.cargarTodo();
    }
  }
  cargarTodo() {
    this.tablerosAux = [];
    let suscTableros = this.tableros.map(tablero => tablero.Id);
    let susc = suscTableros.map(id => this.tableroService.SerchById(id));
    this.loading = true;
    let concatSusc = (0,rxjs__WEBPACK_IMPORTED_MODULE_4__.concat)(...susc).subscribe({
      next: value => {
        this.tablerosAux.push(value);
      },
      complete: () => {
        this.loading = false;
        this.treeTableros = [this.transformTableros(this.tablerosAux)];
      }
    });
    concatSusc.unsubscribe;
  }
  transformTableros(tableros) {
    let tablerosAux = tableros.map(tablero => {
      return {
        label: tablero.Nombre,
        expanded: false,
        data: {
          Type: 'tablero',
          Id: tablero.Id,
          Descripcion: tablero.Descripcion,
          CreateAt: tablero.CreatedAt,
          UpdateAt: tablero.UpdatedAt,
          Configurable: tablero.Configurable,
          Predeterminado: tablero.InfTablerosEmpresas[0].Predeterminado
        },
        children: tablero.InfTablerosSubtableros.map(subtablero => {
          return {
            label: subtablero.InfSubtablero.Nombre,
            expanded: false,
            data: {
              Type: 'subtablero',
              Id: subtablero.InfSubtablero.Id,
              CreateAt: subtablero.InfSubtablero.CreatedAt,
              UpdateAt: subtablero.InfSubtablero.UpdatedAt,
              Favorito: subtablero.InfSubtablero.Favorito,
              ModoOffline: subtablero.InfSubtablero.ModoOffline
            },
            children: subtablero.InfSubtablero.InfIndicadorInstancias.map(indicador => {
              let indLocal = this.buscarIndicadorEnLocal(localStorage.getItem('dashboard'), indicador.Id);
              //let noConfigurado = !indLocal || indLocal.noConfigurado ? 'S' : 'N';
              let ultUpdate = indLocal ? indLocal.UltActualizacion : 'No hay datos cargados';
              return {
                label: indicador.Nombre,
                expanded: false,
                data: {
                  Type: 'indicador',
                  Id: indicador.Id,
                  Descripcion: indicador.Descripcion,
                  Oculto: indicador.Oculto,
                  CreateAt: indicador.CreatedAt,
                  UltFechaActualizacion: ultUpdate,
                  //NoConfigurado: noConfigurado,
                  Origen: indicador.InfIndicador.InfOrigen.Nombre,
                  Visual: indicador.InfIndicador.InfVisual.Nombre
                }
              };
            })
          };
        })
      };
    });
    return {
      label: 'Colecciones actuales',
      expanded: true,
      data: {
        Type: 'root'
      },
      children: tablerosAux
    };
  }
  buscarIndicadorEnLocal(dashboard, idInd) {
    let dashObj = dashboard != undefined ? JSON.parse(dashboard) : dashboard;
    if (dashObj != undefined) {
      let indicadorLocal = dashObj.find(indicador => indicador.idIndicador == idInd);
      return indicadorLocal;
    }
  }
  expandAll() {
    this.tableros.forEach(node => {
      this.expandRecursive(node, true);
    });
  }
  collapseAll() {
    this.tableros.forEach(node => {
      this.expandRecursive(node, false);
    });
  }
  expandRecursive(node, isExpand) {
    node.expanded = isExpand;
    if (node.children) {
      node.children.forEach(childNode => {
        this.expandRecursive(childNode, isExpand);
      });
    }
  }
  onNodeExpand($event) {
    console.log($event);
    if ($event.node.data.Type == 'subtablero') {}
  }
  onNodeLink(node) {
    if (node.data.Type == 'tablero') {
      if (this.format == 'modal') {
        this.modal.dismiss();
      }
      console.log(node);
      console.log(`/estadistica/ver-coleccion/${node.data.Id}`);
      this.router.navigate([`/estadistica/ver-coleccion/${node.data.Id}`]);
    }
  }
  getGrafico(grafico) {
    let graficoFind = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_0__.compVisuales.find(visual => visual.name == grafico);
    return graficoFind ? graficoFind : {
      id: 0,
      name: 'No encontrado',
      icon: '',
      type: 'notFound'
    };
  }
  close() {
    this.modal.dismiss();
  }
  static #_ = this.ɵfac = function ArbolTablerosComponent_Factory(t) {
    return new (t || ArbolTablerosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injector), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_5__.Router), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_1__.TableroService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({
    type: ArbolTablerosComponent,
    selectors: [["app-arbol-tableros"]],
    inputs: {
      tableros: "tableros",
      format: "format"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵNgOnChangesFeature"]],
    decls: 7,
    vars: 7,
    consts: [[3, "ngClass"], ["class", "modal-header", 4, "ngIf"], ["class", "text-muted", 4, "ngIf"], [1, "w-full", "md:w-30rem", 3, "value", "loading"], ["pTemplate", "default"], ["class", "modal-footer", 4, "ngIf"], [1, "modal-header"], [1, "modal-title", "h4"], [1, "text-muted"], [1, "fw-bold"], ["class", "mdi mdi-information-outline mdi-18px text-success pointer", 3, "click", 4, "ngIf"], ["class", "mdi mdi-share mdi-18px text-primary pointer", 3, "click", 4, "ngIf"], ["baseZIndex", "1056"], ["op", ""], [1, "flex", "flex-column", "gap-3", "w-25rem"], [1, "mdi", "mdi-monitor-dashboard", "mdi-18px"], [3, "ngClass", "pTooltip"], [1, "mdi", "mdi-view-dashboard-outline", "mdi-18px'"], [1, "mdi", "mdi-information-outline", "mdi-18px", "text-success", "pointer", 3, "click"], [1, "mdi", "mdi-share", "mdi-18px", "text-primary", "pointer", 3, "click"], [1, "border", "rounded", "border-primary", "border-opacity-10", "p-3", "position-relative"], [1, "d-block", "position-absolute", "mt-2", "me-2", "top-0", "end-0"], ["class", "text-primary mdi mdi-bookmark-check mdi-18px", 4, "ngIf"], ["class", "text-primary mdi mdi-cog-off-outline mdi-18px", 4, "ngIf"], [1, "mt-4"], [1, "mt-2"], ["style", "max-width: 300px; word-break: break-all", "class", "border border-secondary border-opacity-10 p-2 mt-2", 4, "ngIf"], [1, "text-primary", "mdi", "mdi-bookmark-check", "mdi-18px"], [1, "text-primary", "mdi", "mdi-cog-off-outline", "mdi-18px"], [1, "border", "border-secondary", "border-opacity-10", "p-2", "mt-2", 2, "max-width", "300px", "word-break", "break-all"], [1, "border", "border-primary", "border-opacity-10", "p-3", "position-relative"], [1, "position-absolute", "mt-2", "me-2", "top-0", "end-0"], [1, "bagde", "rounded-pill", "bg-primary-subtle", "p-1"], ["class", "text-warning mdi mdi-star mdi-18px", 4, "ngIf"], [1, "text-warning", "mdi", "mdi-star", "mdi-18px"], ["class", "text-warning mdi mdi-eye-off mdi-18px", 4, "ngIf"], [1, "text-warning", "mdi", "mdi-eye-off", "mdi-18px"], [1, "modal-footer"], ["type", "button", "data-dismiss", "modal", 1, "btn", "btn-success", 3, "click"]],
    template: function ArbolTablerosComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, ArbolTablerosComponent_div_1_Template, 3, 0, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](3, ArbolTablerosComponent_h5_3_Template, 2, 0, "h5", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "p-tree", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](5, ArbolTablerosComponent_ng_template_5_Template, 14, 5, "ng-template", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](6, ArbolTablerosComponent_div_6_Template, 3, 0, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.format == "modal" ? "modal-content" : "card");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.format == "modal");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.format == "modal" ? "modal-body" : "card-body");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.format == "comp");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("value", ctx.treeTableros)("loading", ctx.loading);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.format == "modal");
      }
    },
    dependencies: [primeng_api__WEBPACK_IMPORTED_MODULE_6__.PrimeTemplate, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgIf, primeng_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, primeng_tree__WEBPACK_IMPORTED_MODULE_9__.Tree, primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_10__.OverlayPanel],
    styles: [".pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}"]
  });
}

/***/ }),

/***/ 96954:
/*!*****************************************************************!*\
  !*** ./src/app/pages/estadistica/estadistica-routing.module.ts ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EstadisticaRoutingModule: () => (/* binding */ EstadisticaRoutingModule)
/* harmony export */ });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var _inicio_estadistica_inicio_estadistica_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inicio-estadistica/inicio-estadistica.component */ 34338);
/* harmony import */ var src_app_core_guards_auth_guard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/guards/auth.guard */ 8036);
/* harmony import */ var _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ver-tablero/ver-tablero.component */ 7951);
/* harmony import */ var _widgets_widgets_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widgets/widgets.component */ 5138);
/* harmony import */ var _tableros_tableros_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tableros/tableros.component */ 41803);
/* harmony import */ var src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/utils/permisos/permisos-estadistica */ 48214);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 65879);









const PERMISO_LIS_COLECCION = src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_5__.PERMISO_LIS_COLECCION;
const PERMISO_LIS_INDICADORES = src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_5__.PERMISO_LIS_INDICADORES;
const routes = [{
  path: 'inicio',
  component: _inicio_estadistica_inicio_estadistica_component__WEBPACK_IMPORTED_MODULE_0__.InicioEstadisticaComponent,
  canActivate: [src_app_core_guards_auth_guard__WEBPACK_IMPORTED_MODULE_1__.AuthGuard],
  data: {
    permiso: PERMISO_LIS_COLECCION
  }
}, {
  path: 'colecciones',
  component: _tableros_tableros_component__WEBPACK_IMPORTED_MODULE_4__.TablerosComponent,
  canActivate: [src_app_core_guards_auth_guard__WEBPACK_IMPORTED_MODULE_1__.AuthGuard],
  data: {
    permiso: PERMISO_LIS_COLECCION
  }
}, {
  path: 'ver-coleccion/:id',
  component: _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_2__.VerTableroComponent,
  canActivate: [src_app_core_guards_auth_guard__WEBPACK_IMPORTED_MODULE_1__.AuthGuard],
  data: {
    permiso: PERMISO_LIS_COLECCION
  }
}, {
  path: 'widgets',
  component: _widgets_widgets_component__WEBPACK_IMPORTED_MODULE_3__.WidgetsComponent,
  canActivate: [src_app_core_guards_auth_guard__WEBPACK_IMPORTED_MODULE_1__.AuthGuard],
  data: {
    permiso: PERMISO_LIS_INDICADORES
  }
}];
/**
 * SP SINWEB-328 file de routing del modulo de estadistica
 */
class EstadisticaRoutingModule {
  static #_ = this.ɵfac = function EstadisticaRoutingModule_Factory(t) {
    return new (t || EstadisticaRoutingModule)();
  };
  static #_2 = this.ɵmod = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineNgModule"]({
    type: EstadisticaRoutingModule
  });
  static #_3 = this.ɵinj = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineInjector"]({
    imports: [_angular_router__WEBPACK_IMPORTED_MODULE_7__.RouterModule.forChild(routes), _angular_router__WEBPACK_IMPORTED_MODULE_7__.RouterModule]
  });
}
(function () {
  (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsetNgModuleScope"](EstadisticaRoutingModule, {
    imports: [_angular_router__WEBPACK_IMPORTED_MODULE_7__.RouterModule],
    exports: [_angular_router__WEBPACK_IMPORTED_MODULE_7__.RouterModule]
  });
})();

/***/ }),

/***/ 42603:
/*!*********************************************************!*\
  !*** ./src/app/pages/estadistica/estadistica.module.ts ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EstadisticaModule: () => (/* binding */ EstadisticaModule)
/* harmony export */ });
/* harmony import */ var ngx_mask__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ngx-mask */ 43735);
/* harmony import */ var _inicio_estadistica_inicio_estadistica_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inicio-estadistica/inicio-estadistica.component */ 34338);
/* harmony import */ var _estadistica_routing_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./estadistica-routing.module */ 96954);
/* harmony import */ var src_app_pages_autorizacion_autorizacion_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/pages/autorizacion/autorizacion.module */ 94955);
/* harmony import */ var src_app_pages_produccion_produccion_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/pages/produccion/produccion.module */ 224);
/* harmony import */ var src_app_pages_rma_rma_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/pages/rma/rma.module */ 634);
/* harmony import */ var src_app_pages_servicios_servicios_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/pages/servicios/servicios.module */ 32895);
/* harmony import */ var src_app_pages_web_web_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/pages/web/web.module */ 61259);
/* harmony import */ var src_app_pages_plataformas_plataformas_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/pages/plataformas/plataformas.module */ 79022);
/* harmony import */ var src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/shared/shared.module */ 56208);
/* harmony import */ var _notificaciones_notificaciones_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../notificaciones/notificaciones.module */ 74201);
/* harmony import */ var _tableros_tableros_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./tableros/tableros.component */ 41803);
/* harmony import */ var _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ver-tablero/ver-tablero.component */ 7951);
/* harmony import */ var _tableros_tablero_edit_tablero_edit_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./tableros/tablero-edit/tablero-edit.component */ 44138);
/* harmony import */ var _widgets_widgets_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./widgets/widgets.component */ 5138);
/* harmony import */ var _widgets_listado_cards_widget_listado_cards_widget_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./widgets/listado-cards-widget/listado-cards-widget.component */ 77782);
/* harmony import */ var _ver_tablero_agregar_widgets_agregar_widgets_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./ver-tablero/agregar-widgets/agregar-widgets.component */ 65472);
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ng2-dragula */ 43256);
/* harmony import */ var _widgets_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./widgets/widget-edit/widget-edit.component */ 33689);
/* harmony import */ var _ver_tablero_subtablero_edit_subtablero_edit_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./ver-tablero/subtablero-edit/subtablero-edit.component */ 52441);
/* harmony import */ var _ver_tablero_estado_instancia_estado_instancia_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./ver-tablero/estado-instancia/estado-instancia.component */ 47491);
/* harmony import */ var _ver_tablero_indicador_instancia_edit_indicador_instancia_edit_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./ver-tablero/indicador-instancia-edit/indicador-instancia-edit.component */ 7351);
/* harmony import */ var _graficos_lineas_lineas_component__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./graficos/lineas/lineas.component */ 67533);
/* harmony import */ var _graficos_wrapper_wrapper_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./graficos/wrapper/wrapper.component */ 6623);
/* harmony import */ var _graficos_torta_torta_component__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./graficos/torta/torta.component */ 47334);
/* harmony import */ var _graficos_barras_barras_component__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./graficos/barras/barras.component */ 29668);
/* harmony import */ var _graficos_columnas_columnas_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./graficos/columnas/columnas.component */ 33772);
/* harmony import */ var _graficos_kpi_kpi_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./graficos/kpi/kpi.component */ 94695);
/* harmony import */ var _graficos_listado_listado_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./graficos/listado/listado.component */ 16390);
/* harmony import */ var _ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./ordenar-subtableros/ordenar-subtableros.component */ 59053);
/* harmony import */ var _graficos_wrapper_indicador_datos_listado_indicador_datos_listado_component__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./graficos/wrapper/indicador-datos-listado/indicador-datos-listado.component */ 43156);
/* harmony import */ var _arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./arbol-tableros/arbol-tableros.component */ 89467);
/* harmony import */ var _graficos_wrapper_indicador_datos_lupa_indicador_datos_lupa_component__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./graficos/wrapper/indicador-datos-lupa/indicador-datos-lupa.component */ 50396);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @angular/core */ 65879);


































/**
 * SP SINWEB-328 modulo de estadistica
 */
class EstadisticaModule {
  static #_ = this.ɵfac = function EstadisticaModule_Factory(t) {
    return new (t || EstadisticaModule)();
  };
  static #_2 = this.ɵmod = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_31__["ɵɵdefineNgModule"]({
    type: EstadisticaModule
  });
  static #_3 = this.ɵinj = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_31__["ɵɵdefineInjector"]({
    providers: [(0,ngx_mask__WEBPACK_IMPORTED_MODULE_32__.provideNgxMask)()],
    imports: [_estadistica_routing_module__WEBPACK_IMPORTED_MODULE_1__.EstadisticaRoutingModule, src_app_pages_autorizacion_autorizacion_module__WEBPACK_IMPORTED_MODULE_2__.AutorizacionModule, _notificaciones_notificaciones_module__WEBPACK_IMPORTED_MODULE_9__.NotificacionesModule, src_app_pages_produccion_produccion_module__WEBPACK_IMPORTED_MODULE_3__.ProduccionModule, src_app_pages_rma_rma_module__WEBPACK_IMPORTED_MODULE_4__.RmaModule, src_app_pages_servicios_servicios_module__WEBPACK_IMPORTED_MODULE_5__.ServiciosModule, src_app_pages_web_web_module__WEBPACK_IMPORTED_MODULE_6__.WebModule, src_app_pages_plataformas_plataformas_module__WEBPACK_IMPORTED_MODULE_7__.PlataformasModule, src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_8__.SharedModule, ng2_dragula__WEBPACK_IMPORTED_MODULE_33__.DragulaModule]
  });
}
(function () {
  (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_31__["ɵɵsetNgModuleScope"](EstadisticaModule, {
    declarations: [_inicio_estadistica_inicio_estadistica_component__WEBPACK_IMPORTED_MODULE_0__.InicioEstadisticaComponent, _tableros_tableros_component__WEBPACK_IMPORTED_MODULE_10__.TablerosComponent, _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_11__.VerTableroComponent, _tableros_tablero_edit_tablero_edit_component__WEBPACK_IMPORTED_MODULE_12__.TableroEditComponent, _widgets_widgets_component__WEBPACK_IMPORTED_MODULE_13__.WidgetsComponent, _widgets_listado_cards_widget_listado_cards_widget_component__WEBPACK_IMPORTED_MODULE_14__.ListadoCardsWidgetComponent, _ver_tablero_agregar_widgets_agregar_widgets_component__WEBPACK_IMPORTED_MODULE_15__.AgregarWidgetsComponent, _widgets_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_16__.WidgetEditComponent, _ver_tablero_subtablero_edit_subtablero_edit_component__WEBPACK_IMPORTED_MODULE_17__.SubtableroEditComponent, _ver_tablero_estado_instancia_estado_instancia_component__WEBPACK_IMPORTED_MODULE_18__.EstadoInstanciaComponent, _ver_tablero_indicador_instancia_edit_indicador_instancia_edit_component__WEBPACK_IMPORTED_MODULE_19__.IndicadorInstanciaEditComponent, _graficos_lineas_lineas_component__WEBPACK_IMPORTED_MODULE_20__.LineasComponent, _graficos_wrapper_wrapper_component__WEBPACK_IMPORTED_MODULE_21__.WrapperComponent, _graficos_torta_torta_component__WEBPACK_IMPORTED_MODULE_22__.TortaComponent, _graficos_barras_barras_component__WEBPACK_IMPORTED_MODULE_23__.BarrasComponent, _graficos_columnas_columnas_component__WEBPACK_IMPORTED_MODULE_24__.ColumnasComponent, _graficos_kpi_kpi_component__WEBPACK_IMPORTED_MODULE_25__.KpiComponent, _graficos_listado_listado_component__WEBPACK_IMPORTED_MODULE_26__.ListadoComponent, _ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_27__.OrdenarSubtablerosComponent, _graficos_wrapper_indicador_datos_listado_indicador_datos_listado_component__WEBPACK_IMPORTED_MODULE_28__.IndicadorDatosListadoComponent, _arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_29__.ArbolTablerosComponent, _graficos_wrapper_indicador_datos_lupa_indicador_datos_lupa_component__WEBPACK_IMPORTED_MODULE_30__.IndicadorDatosLupaComponent],
    imports: [_estadistica_routing_module__WEBPACK_IMPORTED_MODULE_1__.EstadisticaRoutingModule, src_app_pages_autorizacion_autorizacion_module__WEBPACK_IMPORTED_MODULE_2__.AutorizacionModule, _notificaciones_notificaciones_module__WEBPACK_IMPORTED_MODULE_9__.NotificacionesModule, src_app_pages_produccion_produccion_module__WEBPACK_IMPORTED_MODULE_3__.ProduccionModule, src_app_pages_rma_rma_module__WEBPACK_IMPORTED_MODULE_4__.RmaModule, src_app_pages_servicios_servicios_module__WEBPACK_IMPORTED_MODULE_5__.ServiciosModule, src_app_pages_web_web_module__WEBPACK_IMPORTED_MODULE_6__.WebModule, src_app_pages_plataformas_plataformas_module__WEBPACK_IMPORTED_MODULE_7__.PlataformasModule, src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_8__.SharedModule, ng2_dragula__WEBPACK_IMPORTED_MODULE_33__.DragulaModule],
    exports: [_ver_tablero_estado_instancia_estado_instancia_component__WEBPACK_IMPORTED_MODULE_18__.EstadoInstanciaComponent, _graficos_lineas_lineas_component__WEBPACK_IMPORTED_MODULE_20__.LineasComponent]
  });
})();

/***/ }),

/***/ 29668:
/*!***********************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/barras/barras.component.ts ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   BarrasComponent: () => (/* binding */ BarrasComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng-apexcharts */ 86903);





class BarrasComponent {
  constructor(fb) {
    this.fb = fb;
    this.modoEdicion = false;
    this.verMonocromatico = false;
    this.verLupa = false;
    this.onEdit = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onRefresh = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
  }
  ngOnInit() {
    this.cargarGrafico();
  }
  cargarGrafico() {
    let keysX = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje X').map(e => e.InfOrigenCol.Caption);
    let keysY = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje Y').map(e => e.InfOrigenCol.Caption);
    let ejeYValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysY, key => ({
      categories: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    let ejeXValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysX, key => ({
      name: key,
      data: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    this.barChartOptions = {
      series: ejeXValues,
      chart: {
        height: !this.verLupa ? 350 : 'auto',
        type: 'bar',
        zoom: {
          enabled: true,
          type: 'x',
          autoScaleYaxis: false,
          zoomedArea: {
            fill: {
              color: '#90CAF9',
              opacity: 0.4
            },
            stroke: {
              color: '#0D47A1',
              opacity: 0.4,
              width: 1
            }
          }
        },
        toolbar: {
          show: true,
          offsetX: 0,
          offsetY: 0,
          tools: {
            download: true,
            selection: true,
            zoom: true,
            zoomin: true,
            zoomout: true,
            pan: true,
            reset: true,
            customIcons: []
          },
          export: {
            csv: {
              filename: undefined,
              columnDelimiter: ',',
              headerCategory: 'category',
              headerValue: 'value',
              dateFormatter(timestamp) {
                return new Date(timestamp).toDateString();
              }
            },
            svg: {
              filename: undefined
            },
            png: {
              filename: undefined
            }
          },
          autoSelected: 'zoom'
        }
      },
      plotOptions: {
        bar: {
          horizontal: true,
          distributed: this.verMonocromatico !== true
        }
      },
      dataLabels: {
        enabled: false
      },
      legend: {
        show: false
      },
      colors: ['#0070af', '#6633FF', '#FF6633', '#FF3366', '#3366FF', '#FF9933', '#9933FF', '#FF33FF', '#FF5733', '#33FF57', '#3357FF', '#FF33A6', '#33FFF5', '#F533FF', '#3FFF33', '#A633FF', '#FF3380', '#80FF33', '#3380FF', '#FF8033', '#8033FF', '#FFA633', '#33A6FF', '#33FF80', '#FF3333', '#33FF33', '#3333FF', '#FF33FF', '#33FFFF', '#FFFF33'],
      xaxis: {
        categories: ejeYValues[0].categories,
        decimalsInFloat: 2,
        labels: {
          formatter: function (value) {
            if (Number.isNaN(value)) {
              return value.toString();
            } else {
              return new Intl.NumberFormat('es-ES', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2 // Número máximo de decimales
              }).format(Number(value));
            }
          },
          trim: true
        }
      },
      tooltip: {
        y: {
          formatter: function (value) {
            if (Number.isNaN(value)) {
              return value.toString();
            } else {
              return new Intl.NumberFormat('es-ES', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2 // Número máximo de decimales
              }).format(Number(value));
            }
          }
        }
      }
    };
  }
  static #_ = this.ɵfac = function BarrasComponent_Factory(t) {
    return new (t || BarrasComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_2__.FormBuilder));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: BarrasComponent,
    selectors: [["app-barras"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      verMonocromatico: "verMonocromatico",
      verLupa: "verLupa"
    },
    outputs: {
      onEdit: "onEdit",
      onDelete: "onDelete",
      onRefresh: "onRefresh"
    },
    decls: 1,
    vars: 8,
    consts: [[3, "series", "chart", "dataLabels", "plotOptions", "xaxis", "tooltip", "legend", "colors"]],
    template: function BarrasComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "apx-chart", 0);
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("series", ctx.barChartOptions.series)("chart", ctx.barChartOptions.chart)("dataLabels", ctx.barChartOptions.dataLabels)("plotOptions", ctx.barChartOptions.plotOptions)("xaxis", ctx.barChartOptions.xaxis)("tooltip", ctx.barChartOptions.tooltip)("legend", ctx.barChartOptions.legend)("colors", ctx.barChartOptions.colors);
      }
    },
    dependencies: [ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__.ChartComponent]
  });
}

/***/ }),

/***/ 33772:
/*!***************************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/columnas/columnas.component.ts ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ColumnasComponent: () => (/* binding */ ColumnasComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng-apexcharts */ 86903);





class ColumnasComponent {
  constructor(fb) {
    this.fb = fb;
    this.modoEdicion = false;
    this.verMonocromatico = false;
    this.verLupa = false;
    this.onEdit = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onRefresh = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
  }
  ngOnInit() {
    this.cargarGrafico();
  }
  cargarGrafico() {
    let keysX = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje X').map(e => e.InfOrigenCol.Caption);
    let keysY = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje Y').map(e => e.InfOrigenCol.Caption);
    let ejeYValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysX, key => ({
      categories: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key])
    }));
    let ejeXValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysY, key => ({
      name: key,
      data: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key])
    }));
    this.columnChartOptions = {
      series: ejeXValues,
      chart: {
        height: !this.verLupa ? 350 : 'auto',
        type: 'bar',
        zoom: {
          enabled: true,
          type: 'x',
          autoScaleYaxis: false,
          zoomedArea: {
            fill: {
              color: '#90CAF9',
              opacity: 0.4
            },
            stroke: {
              color: '#0D47A1',
              opacity: 0.4,
              width: 1
            }
          }
        },
        toolbar: {
          show: true,
          offsetX: 0,
          offsetY: 0,
          tools: {
            download: true,
            selection: true,
            zoom: true,
            zoomin: true,
            zoomout: true,
            pan: true,
            reset: true,
            customIcons: []
          },
          export: {
            csv: {
              filename: undefined,
              columnDelimiter: ',',
              headerCategory: 'category',
              headerValue: 'value',
              dateFormatter(timestamp) {
                return new Date(timestamp).toDateString();
              }
            },
            svg: {
              filename: undefined
            },
            png: {
              filename: undefined
            }
          },
          autoSelected: 'zoom'
        }
      },
      plotOptions: {
        bar: {
          distributed: this.verMonocromatico !== true
        }
      },
      legend: {
        show: false
      },
      colors: ['#0070af', '#6633FF', '#FF6633', '#FF3366', '#3366FF', '#FF9933', '#9933FF', '#FF33FF', '#FF5733', '#33FF57', '#3357FF', '#FF33A6', '#33FFF5', '#F533FF', '#3FFF33', '#A633FF', '#FF3380', '#80FF33', '#3380FF', '#FF8033', '#8033FF', '#FFA633', '#33A6FF', '#33FF80', '#FF3333', '#33FF33', '#3333FF', '#FF33FF', '#33FFFF', '#FFFF33'],
      dataLabels: {
        enabled: false
      },
      stroke: {
        show: true,
        width: 2,
        colors: ['transparent']
      },
      xaxis: {
        categories: ejeYValues[0].categories,
        labels: {
          rotate: -45
        }
      },
      yaxis: {
        decimalsInFloat: 2,
        labels: {
          formatter: function (value) {
            if (Number.isNaN(value)) {
              value;
            } else {
              return new Intl.NumberFormat('es-ES', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2 // Número máximo de decimales
              }).format(value);
            }
          }
        }
      }
    };
  }
  static #_ = this.ɵfac = function ColumnasComponent_Factory(t) {
    return new (t || ColumnasComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_2__.FormBuilder));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: ColumnasComponent,
    selectors: [["app-columnas"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      verMonocromatico: "verMonocromatico",
      verLupa: "verLupa"
    },
    outputs: {
      onEdit: "onEdit",
      onDelete: "onDelete",
      onRefresh: "onRefresh"
    },
    decls: 2,
    vars: 12,
    consts: [["id", "chart"], [3, "series", "chart", "dataLabels", "plotOptions", "yaxis", "legend", "fill", "stroke", "tooltip", "xaxis", "colors"]],
    template: function ColumnasComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "apx-chart", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("series", ctx.columnChartOptions.series)("chart", ctx.columnChartOptions.chart)("dataLabels", ctx.columnChartOptions.dataLabels)("plotOptions", ctx.columnChartOptions.plotOptions)("yaxis", ctx.columnChartOptions.yaxis)("legend", ctx.columnChartOptions.legend)("fill", ctx.columnChartOptions.fill)("stroke", ctx.columnChartOptions.stroke)("tooltip", ctx.columnChartOptions.tooltip)("xaxis", ctx.columnChartOptions.xaxis)("legend", ctx.columnChartOptions.legend)("colors", ctx.columnChartOptions.colors);
      }
    },
    dependencies: [ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__.ChartComponent]
  });
}

/***/ }),

/***/ 94695:
/*!*****************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/kpi/kpi.component.ts ***!
  \*****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   KpiComponent: () => (/* binding */ KpiComponent)
/* harmony export */ });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var _angular_common_locales_es_AR__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/locales/es-AR */ 57414);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ 56223);






function KpiComponent_Conditional_0_Conditional_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r2.kpis[0] == null ? null : ctx_r2.kpis[0].valor);
  }
}
function KpiComponent_Conditional_0_Conditional_4_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind3"](2, 1, ctx_r4.kpis[0] == null ? null : ctx_r4.kpis[0].valor, "1.2-2", "es-AR"));
  }
}
function KpiComponent_Conditional_0_Conditional_4_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", (ctx_r5.kpis[0] == null ? null : ctx_r5.kpis[0].valor) < 0 ? "text-danger" : "text-success");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind3"](2, 2, ctx_r5.kpis[0] == null ? null : ctx_r5.kpis[0].valor, "1.2-2", "es-AR"), " ");
  }
}
function KpiComponent_Conditional_0_Conditional_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, KpiComponent_Conditional_0_Conditional_4_Conditional_0_Template, 3, 5, "h3")(1, KpiComponent_Conditional_0_Conditional_4_Conditional_1_Template, 3, 6);
  }
  if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵconditional"](0, ctx_r3.verMonocromatico ? 0 : 1);
  }
}
function KpiComponent_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 1)(1, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "i", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, KpiComponent_Conditional_0_Conditional_3_Template, 2, 1, "h3")(4, KpiComponent_Conditional_0_Conditional_4_Template, 2, 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵconditional"](3, ctx_r0.notNumber(ctx_r0.kpis[0] == null ? null : ctx_r0.kpis[0].valor) ? 3 : 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r0.kpis[0] == null ? null : ctx_r0.kpis[0].label);
  }
}
function KpiComponent_Conditional_1_ng_container_1_Conditional_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const i_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().index;
    const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r9.kpis[i_r8] == null ? null : ctx_r9.kpis[i_r8].valor);
  }
}
function KpiComponent_Conditional_1_ng_container_1_Conditional_8_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const i_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).index;
    const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind3"](2, 1, ctx_r12.kpis[i_r8] == null ? null : ctx_r12.kpis[i_r8].valor, "1.2-2", "es-AR"));
  }
}
function KpiComponent_Conditional_1_ng_container_1_Conditional_8_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h3", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const i_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2).index;
    const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", (ctx_r13.kpis[i_r8] == null ? null : ctx_r13.kpis[i_r8].valor) < 0 ? "text-danger" : "text-success");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind3"](2, 2, ctx_r13.kpis[i_r8] == null ? null : ctx_r13.kpis[i_r8].valor, "1.2-2", "es-AR"), " ");
  }
}
function KpiComponent_Conditional_1_ng_container_1_Conditional_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, KpiComponent_Conditional_1_ng_container_1_Conditional_8_Conditional_0_Template, 3, 5, "h3")(1, KpiComponent_Conditional_1_ng_container_1_Conditional_8_Conditional_1_Template, 3, 6);
  }
  if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵconditional"](0, ctx_r10.verMonocromatico ? 0 : 1);
  }
}
function KpiComponent_Conditional_1_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 6)(2, "div", 7)(3, "div", 8)(4, "div", 9)(5, "p", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, KpiComponent_Conditional_1_ng_container_1_Conditional_7_Template, 2, 1, "h3")(8, KpiComponent_Conditional_1_ng_container_1_Conditional_8_Template, 2, 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 11)(10, "div", 12)(11, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](12, "i", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const i_r8 = ctx.index;
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r6.kpis[i_r8].label);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵconditional"](7, ctx_r6.notNumber(ctx_r6.kpis[i_r8] == null ? null : ctx_r6.kpis[i_r8].valor) ? 7 : 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r6.avatarKPI[i_r8]);
  }
}
function KpiComponent_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, KpiComponent_Conditional_1_ng_container_1_Template, 13, 3, "ng-container", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx_r1.kpis);
  }
}
class KpiComponent {
  constructor(fb) {
    this.fb = fb;
    this.modoEdicion = false;
    this.tipoAvanzado = false;
    this.verMonocromatico = false;
    this.onEdit = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.onRefresh = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.kpis = [];
    this.avatarKPI = [];
  }
  ngOnInit() {
    (0,_angular_common__WEBPACK_IMPORTED_MODULE_1__.registerLocaleData)(_angular_common_locales_es_AR__WEBPACK_IMPORTED_MODULE_2__["default"], 'es-AR');
    this.cargarGrafico();
    this.avatarKPI = this.verMonocromatico ? ['avatar-title bg-primary', 'avatar-title bg-primary', 'avatar-title bg-primary', 'avatar-title bg-primary', 'avatar-title bg-primary', 'avatar-title bg-primary'] : ['avatar-title bg-warning', 'avatar-title bg-primary', 'avatar-title bg-secondary', 'avatar-title bg-danger', 'avatar-title bg-info', 'avatar-title bg-success'];
  }
  cargarGrafico() {
    let visualVar = ['Valor Principal', 'Valor Secundario 1', 'Valor Secundario 2', 'Valor Secundario 3', 'Valor Secundario 4', 'Valor Secundario 5'];
    visualVar.forEach((v, i) => {
      let labels = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === visualVar[i]).map(e => e.InfOrigenCol.Caption);
      if (labels.length > 0 && this.indicadorInstanciaDatos.Datos.length > 0) {
        let label = labels[0];
        let valor = this.buscarClave(this.indicadorInstanciaDatos.Datos, label);
        //this.kpis.push({label: this.indicadorInstanciaDatos.Datos[0][label], valor: valor[0]});
        this.kpis.push({
          label: label,
          valor: isNaN(valor) ? valor : +valor
        });
      }
    });
  }
  excluirClave(arreglo, clave) {
    return arreglo.map(item => {
      const nuevoObjeto = {
        ...item
      };
      delete nuevoObjeto[clave];
      return Object.values(nuevoObjeto);
    }).flat(); // Aplanamos el arreglo si hay múltiples valores
  }
  buscarClave(arreglo, clave) {
    return arreglo.map(item => item[clave]);
  }
  notNumber(valor) {
    return isNaN(valor);
  }
  static #_ = this.ɵfac = function KpiComponent_Factory(t) {
    return new (t || KpiComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_3__.FormBuilder));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
    type: KpiComponent,
    selectors: [["app-kpi"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      tipoAvanzado: "tipoAvanzado",
      verMonocromatico: "verMonocromatico"
    },
    outputs: {
      onEdit: "onEdit",
      onDelete: "onDelete",
      onRefresh: "onRefresh"
    },
    decls: 2,
    vars: 1,
    consts: [["class", "text-center"], [1, "text-center"], [1, "mb-4"], [1, "bx", "bx-chart", "text-primary", "display-4"], [3, "ngClass"], [4, "ngFor", "ngForOf"], [1, "card", "mini-stats-wid", "shadow-sm"], [1, "card-body"], [1, "d-flex"], [1, "flex-grow-1"], [1, "text-muted", "mb-2"], [1, "flex-shrink-0", "align-self-center"], [1, "mini-stat-icon", "avatar-sm", "rounded-circle"], [1, "bx", "bx-line-chart", "font-size-20"]],
    template: function KpiComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, KpiComponent_Conditional_0_Template, 7, 2, "div", 0)(1, KpiComponent_Conditional_1_Template, 2, 1);
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵconditional"](0, !ctx.tipoAvanzado ? 0 : 1);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_1__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_1__.DecimalPipe]
  });
}

/***/ }),

/***/ 67533:
/*!***********************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/lineas/lineas.component.ts ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LineasComponent: () => (/* binding */ LineasComponent)
/* harmony export */ });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var ng_apexcharts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ng-apexcharts */ 86903);



class LineasComponent {
  constructor() {
    this.modoEdicion = false;
    this.verMonocromatico = false;
    this.verLupa = false;
  }
  ngOnInit() {
    this.cargarGrafico();
  }
  cargarGrafico() {
    let keysX = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje X').map(e => e.InfOrigenCol.Caption);
    let keysY = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Eje Y').map(e => e.InfOrigenCol.Caption);
    let ejeXValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysX, key => ({
      categories: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    let ejeYValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(keysY, key => ({
      name: key,
      data: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    this.lineChartOptions = {
      series: ejeYValues,
      chart: {
        height: !this.verLupa ? 350 : 'auto',
        type: 'line',
        zoom: {
          enabled: true,
          type: 'x',
          autoScaleYaxis: false,
          zoomedArea: {
            fill: {
              color: '#90CAF9',
              opacity: 0.4
            },
            stroke: {
              color: '#0D47A1',
              opacity: 0.4,
              width: 1
            }
          }
        },
        toolbar: {
          show: true,
          offsetX: 0,
          offsetY: 0,
          tools: {
            download: true,
            selection: true,
            zoom: true,
            zoomin: true,
            zoomout: true,
            pan: true,
            reset: true,
            customIcons: []
          },
          export: {
            csv: {
              filename: undefined,
              columnDelimiter: ',',
              headerCategory: 'category',
              headerValue: 'value',
              dateFormatter(timestamp) {
                return new Date(timestamp).toDateString();
              }
            },
            svg: {
              filename: undefined
            },
            png: {
              filename: undefined
            }
          },
          autoSelected: 'zoom'
        }
      },
      dataLabels: {
        enabled: false
      },
      colors: this.getColor(),
      stroke: {
        curve: 'straight'
      },
      grid: {
        row: {
          colors: ['#f3f3f3', 'transparent'],
          opacity: 0.5
        }
      },
      xaxis: {
        categories: ejeXValues[0].categories,
        labels: {
          rotate: -45
        }
      },
      yaxis: {
        decimalsInFloat: 2,
        labels: {
          formatter: function (value) {
            if (Number.isNaN(value)) {
              return value.toString();
            } else {
              return new Intl.NumberFormat('es-ES', {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2 // Número máximo de decimales
              }).format(Number(value));
            }
          }
        }
      }
    };
  }
  getColor() {
    return this.verMonocromatico ? ['#0070af'] : ['#d4a602', '#f44336', '#2196f3', '#4caf50', '#ff9800', '#9c27b0'];
  }
  static #_ = this.ɵfac = function LineasComponent_Factory(t) {
    return new (t || LineasComponent)();
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: LineasComponent,
    selectors: [["app-lineas"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      verMonocromatico: "verMonocromatico",
      verLupa: "verLupa"
    },
    decls: 2,
    vars: 9,
    consts: [[1, "p-2", "row"], [3, "series", "chart", "xaxis", "yaxis", "dataLabels", "grid", "stroke", "title", "colors"]],
    template: function LineasComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "apx-chart", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("series", ctx.lineChartOptions.series)("chart", ctx.lineChartOptions.chart)("xaxis", ctx.lineChartOptions.xaxis)("yaxis", ctx.lineChartOptions.yaxis)("dataLabels", ctx.lineChartOptions.dataLabels)("grid", ctx.lineChartOptions.grid)("stroke", ctx.lineChartOptions.stroke)("title", ctx.lineChartOptions.title)("colors", ctx.lineChartOptions.colors);
      }
    },
    dependencies: [ng_apexcharts__WEBPACK_IMPORTED_MODULE_2__.ChartComponent]
  });
}

/***/ }),

/***/ 16390:
/*!*************************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/listado/listado.component.ts ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ListadoComponent: () => (/* binding */ ListadoComponent)
/* harmony export */ });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var _angular_common_locales_es__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common/locales/es */ 46828);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/exportacion.service */ 18969);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);









function ListadoComponent_Conditional_0_div_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 6)(1, "div", 7)(2, "button", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](3, "i", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "ul", 10)(5, "li")(6, "a", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function ListadoComponent_Conditional_0_div_0_Template_a_click_6_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r6);
      const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r5.exportTo("Excel"));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7, "Exportar Excel");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "li")(9, "a", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function ListadoComponent_Conditional_0_div_0_Template_a_click_9_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r6);
      const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵresetView"](ctx_r7.exportTo("Pdf"));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](10, "Exportar Pdf");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()()();
  }
}
function ListadoComponent_Conditional_0_ng_container_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const col_r8 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](col_r8.InfOrigenCol.Caption);
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", dato_r10[col_r12.InfOrigenCol.Caption], " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](1, "number");
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind3"](1, 1, dato_r10[col_r12.InfOrigenCol.Caption], "1.2-2", "es"), " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "p", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", dato_r10[col_r12.InfOrigenCol.Caption] < 0 ? "text-danger" : "text-success");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind3"](2, 2, dato_r10[col_r12.InfOrigenCol.Caption], "1.2-2", "es"), " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](0, ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Conditional_0_Template, 2, 5)(1, ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Conditional_1_Template, 3, 6);
  }
  if (rf & 2) {
    const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](0, ctx_r15.verMonocromatico ? 0 : 1);
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](1, "number");
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind3"](1, 1, dato_r10[col_r12.InfOrigenCol.Caption], "1.2-2", "es"), " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "p", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](2, "number");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", dato_r10[col_r12.InfOrigenCol.Caption] < 0 ? "text-danger" : "text-success");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind3"](2, 2, dato_r10[col_r12.InfOrigenCol.Caption], "1.2-2", "es"), " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](0, ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Conditional_0_Template, 2, 5)(1, ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Conditional_1_Template, 3, 6);
  }
  if (rf & 2) {
    const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](0, ctx_r16.verMonocromatico ? 0 : 1);
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", dato_r10[col_r12.InfOrigenCol.Caption] == "S" ? "Si" : "No", " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", dato_r10[col_r12.InfOrigenCol.Caption] ? "Si" : "No", " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Case_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](0);
  }
  if (rf & 2) {
    const col_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    const dato_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", dato_r10[col_r12.InfOrigenCol.Caption], " ");
  }
}
function ListadoComponent_Conditional_0_tr_8_td_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, ListadoComponent_Conditional_0_tr_8_td_1_Case_1_Template, 1, 1)(2, ListadoComponent_Conditional_0_tr_8_td_1_Case_2_Template, 2, 1)(3, ListadoComponent_Conditional_0_tr_8_td_1_Case_3_Template, 2, 1)(4, ListadoComponent_Conditional_0_tr_8_td_1_Case_4_Template, 1, 1)(5, ListadoComponent_Conditional_0_tr_8_td_1_Case_5_Template, 1, 1)(6, ListadoComponent_Conditional_0_tr_8_td_1_Case_6_Template, 1, 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const col_r12 = ctx.$implicit;
    let ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](1, (ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp = col_r12.InfOrigenCol.Tipo) === "STR" ? 1 : ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp === "DBL" ? 2 : ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp === "INT" ? 3 : ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp === "SBOOL" ? 4 : ListadoComponent_Conditional_0_tr_8_td_1_contFlowTmp === "BOOL" ? 5 : 6);
  }
}
function ListadoComponent_Conditional_0_tr_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, ListadoComponent_Conditional_0_tr_8_td_1_Template, 7, 1, "td", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r4.indicadorInstanciaDatos == null ? null : ctx_r4.indicadorInstanciaDatos.InfIndicadorVars);
  }
}
function ListadoComponent_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](0, ListadoComponent_Conditional_0_div_0_Template, 11, 0, "div", 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 1)(2, "div", 2)(3, "table", 3)(4, "thead", 4)(5, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](6, ListadoComponent_Conditional_0_ng_container_6_Template, 3, 1, "ng-container", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "tbody");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](8, ListadoComponent_Conditional_0_tr_8_Template, 2, 1, "tr", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()()()();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx_r0.verLupa);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r0.indicadorInstanciaDatos == null ? null : ctx_r0.indicadorInstanciaDatos.InfIndicadorVars);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r0.indicadorInstanciaDatos == null ? null : ctx_r0.indicadorInstanciaDatos.Datos);
  }
}
function ListadoComponent_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 13)(1, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2, " No hay datos para mostrar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]()();
  }
}
class ListadoComponent {
  constructor(exportacion, alert) {
    this.exportacion = exportacion;
    this.alert = alert;
    this.modoEdicion = false;
    this.verMonocromatico = false;
    this.verLupa = false;
    this.onEdit = new _angular_core__WEBPACK_IMPORTED_MODULE_2__.EventEmitter();
    this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_2__.EventEmitter();
    this.onRefresh = new _angular_core__WEBPACK_IMPORTED_MODULE_2__.EventEmitter();
    this.columnas = [];
  }
  ngOnInit() {
    (0,_angular_common__WEBPACK_IMPORTED_MODULE_3__.registerLocaleData)(_angular_common_locales_es__WEBPACK_IMPORTED_MODULE_4__["default"]);
    this.cargarListado();
  }
  cargarListado() {
    this.columnas = this.indicadorInstanciaDatos?.InfIndicadorVars.map(e => e.InfOrigenCol.Caption);
  }
  exportTo(extension) {
    //SP SINWEB-91 se arman las columnas y keys para buscar datos y armar el excel
    const columns = this.columnas;
    const keys = this.columnas;
    this.alert.showLoadingAlert('Exportando Indicador', 'Generando archivo ' + extension + ', este proceso puede tardar unos segundos');
    //SP SINWEB-91 llamada al recurso correspondiente de la api
    this.alert.closeLoadingAlert();
    this.alert.showBasicAlert('Máquinas Exportadas', 'Archivo ' + extension + ' generado', 'success');
    // MC SINWEB-378 Exportación a Pdf
    if (extension === 'Excel') {
      this.exportacion.exportToExcel(this.indicadorInstanciaDatos?.Datos, columns, keys, 'Listado de Máquinas');
    } else {
      this.exportacion.exportToPdf(this.indicadorInstanciaDatos?.Datos, columns, keys, 'Listado de Máquinas');
    }
  }
  static #_ = this.ɵfac = function ListadoComponent_Factory(t) {
    return new (t || ListadoComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_1__.ExportacionService), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({
    type: ListadoComponent,
    selectors: [["app-listado"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      verMonocromatico: "verMonocromatico",
      verLupa: "verLupa"
    },
    outputs: {
      onEdit: "onEdit",
      onDelete: "onDelete",
      onRefresh: "onRefresh"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService])],
    decls: 2,
    vars: 1,
    consts: [["class", "d-flex flex-row-reverse", 4, "ngIf"], [1, "p-2", "row"], [1, "table-responsive"], [1, "table", "table-striped", "table-hover"], [1, "sticky-top"], [4, "ngFor", "ngForOf"], [1, "d-flex", "flex-row-reverse"], ["ngbDropdown", "", 1, "dropdown", "d-inline-block"], ["type", "menu", "id", "dropdownMenuButton1", "data-bs-toggle", "dropdown", "aria-expanded", "false", "ngbDropdownToggle", "", 1, "btn", "btn-success"], [1, "mdi", "mdi-dots-vertical"], ["aria-labelledby", "dropdownMenuButton1", "ngbDropdownMenu", "", 1, "dropdown-menu"], ["href", "javascript:void(0);", 1, "dropdown-item", 3, "click"], [3, "ngClass"], [1, "p-2", "row", "justify-content-center"], ["role", "alert", 1, "col-10", "alert", "alert-info", "text-center"]],
    template: function ListadoComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](0, ListadoComponent_Conditional_0_Template, 9, 3)(1, ListadoComponent_Conditional_1_Template, 3, 0);
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵconditional"](0, (ctx.indicadorInstanciaDatos == null ? null : ctx.indicadorInstanciaDatos.Datos == null ? null : ctx.indicadorInstanciaDatos.Datos.length) > 0 ? 0 : 1);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_3__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_3__.NgIf, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdownMenu, _angular_common__WEBPACK_IMPORTED_MODULE_3__.DecimalPipe],
    styles: [".table-responsive[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 20px;\n}\n@-moz-document url-prefix() {\n  .table-responsive {\n    scrollbar-width: thin;\n  }\n}\n.table-responsive[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.table-responsive[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n.table-responsive[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n\nth[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\ntd[_ngcontent-%COMP%] {\n  font-size: 12px;\n  text-wrap: wrap;\n}\n\n.table-responsive[_ngcontent-%COMP%] {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.sticky-top[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: #fff; \n\n}"]
  });
}

/***/ }),

/***/ 47334:
/*!*********************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/torta/torta.component.ts ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TortaComponent: () => (/* binding */ TortaComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ng-apexcharts */ 86903);





class TortaComponent {
  constructor(fb) {
    this.fb = fb;
    this.modoEdicion = false;
    this.tipoTorta = true;
    this.verMonocromatico = false;
    this.onEdit = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onDelete = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
    this.onRefresh = new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter();
  }
  ngOnInit() {
    this.cargarGrafico();
  }
  cargarGrafico() {
    let categoria = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Categoria').map(e => e.InfOrigenCol.Caption);
    let categoriaValor = this.indicadorInstanciaDatos.InfIndicadorVars.filter(v => v.InfVisualVar.Nombre === 'Categoria-Valor').map(e => e.InfOrigenCol.Caption);
    let categoriaValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(categoria, key => ({
      categories: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    let categoriaValorValues = lodash__WEBPACK_IMPORTED_MODULE_0__.map(categoriaValor, key => ({
      valores: lodash__WEBPACK_IMPORTED_MODULE_0__.map(this.indicadorInstanciaDatos.Datos, dataObject => dataObject[key]).filter(e => e !== null && e !== undefined)
    }));
    console.log(this.indicadorInstanciaDatos);
    this.pieChartOptions = {
      series: categoriaValorValues[0].valores,
      chart: {
        height: 350,
        type: this.tipoTorta ? 'pie' : 'donut',
        zoom: {
          enabled: true,
          type: 'x',
          autoScaleYaxis: false,
          zoomedArea: {
            fill: {
              color: '#90CAF9',
              opacity: 0.4
            },
            stroke: {
              color: '#0D47A1',
              opacity: 0.4,
              width: 1
            }
          }
        },
        toolbar: {
          show: true,
          offsetX: 0,
          offsetY: 0,
          tools: {
            download: true,
            selection: true,
            zoom: true,
            zoomin: true,
            zoomout: true,
            pan: true,
            reset: true,
            customIcons: []
          },
          export: {
            csv: {
              filename: undefined,
              columnDelimiter: ',',
              headerCategory: 'category',
              headerValue: 'value',
              dateFormatter(timestamp) {
                return new Date(timestamp).toDateString();
              }
            },
            svg: {
              filename: undefined
            },
            png: {
              filename: undefined
            }
          },
          autoSelected: 'zoom'
        }
      },
      labels: categoriaValues[0].categories
    };
  }
  static #_ = this.ɵfac = function TortaComponent_Factory(t) {
    return new (t || TortaComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_2__.FormBuilder));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: TortaComponent,
    selectors: [["app-torta"]],
    inputs: {
      modoEdicion: "modoEdicion",
      indicadorInstanciaDatos: "indicadorInstanciaDatos",
      tipoTorta: "tipoTorta",
      verMonocromatico: "verMonocromatico"
    },
    outputs: {
      onEdit: "onEdit",
      onDelete: "onDelete",
      onRefresh: "onRefresh"
    },
    decls: 1,
    vars: 4,
    consts: [[3, "series", "chart", "labels", "responsive"]],
    template: function TortaComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "apx-chart", 0);
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("series", ctx.pieChartOptions.series)("chart", ctx.pieChartOptions.chart)("labels", ctx.pieChartOptions.labels)("responsive", ctx.pieChartOptions.responsive);
      }
    },
    dependencies: [ng_apexcharts__WEBPACK_IMPORTED_MODULE_3__.ChartComponent]
  });
}

/***/ }),

/***/ 43156:
/*!*****************************************************************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/wrapper/indicador-datos-listado/indicador-datos-listado.component.ts ***!
  \*****************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   IndicadorDatosListadoComponent: () => (/* binding */ IndicadorDatosListadoComponent)
/* harmony export */ });
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes */ 74506);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/services/exportacion.service */ 18969);
/* harmony import */ var ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ngx-ui-tour-ng-bootstrap */ 58469);
/* harmony import */ var _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../shared/ui/table2/table2.component */ 63033);








class IndicadorDatosListadoComponent {
  constructor(modal, alert, exportacion) {
    this.modal = modal;
    this.alert = alert;
    this.exportacion = exportacion;
    this.headerDatos = [];
    this.datos = [];
    this.camposBusqueda = [];
    //paginacion
    this.cantSearch = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.CANT_SEARCH;
    this.pageOptions = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.PAGE_OPTIONS;
    this.sentido = 'Desc';
  }
  ngOnInit() {
    this.datos = this.indicador?.Data?.Datos.map((dato, index) => {
      return {
        Id: index + 1,
        ...dato
      };
    });
    this.totalItems = this.indicador?.Data?.Datos?.length;
    this.order = this.indicador?.Data?.InfIndicadorVars[0].InfOrigenCol.Caption;
    this.armarHeader();
  }
  armarHeader() {
    this.indicador?.Data?.InfIndicadorVars.forEach(col => {
      //Lo guarda en un array para decirle a la tabla por que campo filtrar
      this.camposBusqueda.push(col.InfOrigenCol.Caption);
      switch (col.InfOrigenCol.Tipo) {
        case 'STR':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            WCol: '20%',
            Disabled: false
          });
          break;
        case 'DBL':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Type: 'number',
            Pipe: 'number:1.2-2:es-AR',
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        case 'INT':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Type: 'number',
            Pipe: 'number:1.2-2:es-AR',
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        case 'CH':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            WCol: '20%',
            Disabled: false
          });
          break;
        case 'TS':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Type: 'date',
            Pipe: 'date:dd/MM/YYYY:es-AR',
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        case 'D':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Type: 'date',
            Pipe: 'date:dd/MM/YYYY:es-AR',
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        case 'T':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            WCol: '20%',
            Disabled: false
          });
          break;
        case 'SBOOL':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: 5,
            Type: col.InfOrigenCol.Caption,
            TrueValue: 'S',
            FalseValue: 'N',
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        case 'BOOL':
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            Order: 5,
            Type: col.InfOrigenCol.Caption,
            TrueValue: true,
            FalseValue: false,
            Class: '',
            Style: '',
            Disabled: false
          });
          break;
        default:
          this.headerDatos.push({
            Nombre: col.InfOrigenCol.Caption,
            Order: col.InfOrigenCol.Caption,
            Key: col.InfOrigenCol.Caption,
            WCol: '20%',
            Disabled: false
          });
          break;
      }
    });
  }
  obtenerCamposBusqueda() {
    this.indicador;
  }
  pageChange(event) {
    this.page = event.page;
  }
  setOrder(event) {
    this.page = 1;
    this.order = event.order;
    this.sentido = event.sentido;
  }
  /**
   * Método para exportar a Excel
   */
  exportTo(extension) {
    const columns = this.headerDatos.map(col => col.Nombre);
    const keys = this.headerDatos.map(col => col.Key);
    this.alert.showLoadingAlert('Exportando Indicadores', 'Generando archivo ' + extension + ', este proceso puede tardar unos minutos');
    //SP SINWEB-91 llamada al recurso correspondiente de la api
    this.alert.closeLoadingAlert();
    this.alert.showBasicAlert('Indicadores Exportados', 'Archivo ' + extension + ' generado', 'success');
    //Exportación a Pdf
    if (extension === 'Excel') {
      this.exportacion.exportToExcel(this.datos, columns, keys, 'Listado de Indocadores');
    } else {
      this.exportacion.exportToPdf(this.datos, columns, keys, 'Listado de Indicadores');
    }
  }
  static #_ = this.ɵfac = function IndicadorDatosListadoComponent_Factory(t) {
    return new (t || IndicadorDatosListadoComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_2__.ExportacionService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineComponent"]({
    type: IndicadorDatosListadoComponent,
    selectors: [["app-indicador-datos-listado"]],
    inputs: {
      indicador: "indicador"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService])],
    decls: 25,
    vars: 12,
    consts: [[1, "modal-content"], [1, "modal-header"], ["id", "exampleModalLabel", 1, "modal-title"], [1, "mb-0", "fw-bold"], [1, "float-end"], ["ngbDropdown", "", 1, "dropdown", "d-inline-block"], ["tourAnchor", "export.anchor.id", "type", "menu", "id", "dropdownMenuButton1", "data-bs-toggle", "dropdown", "aria-expanded", "false", "ngbDropdownToggle", "", 1, "btn", "btn-success"], [1, "mdi", "mdi-dots-vertical"], ["aria-labelledby", "dropdownMenuButton1", "ngbDropdownMenu", "", 1, "dropdown-menu"], ["href", "javascript:void(0);", 1, "dropdown-item", 3, "click"], [1, "modal-body"], [1, "row"], [1, "col-12"], ["title", "Fuente de datos de indicador", "styleTableClass", "p-datatable-gridlines", "searchMessage", "Buscar por todos los campos", 3, "columns", "datos", "page", "order", "sentido", "cant_search", "totalItems", "apiTable", "isLoading", "searchFields", "changePage", "orderPage"], [1, "modal-footer"], ["type", "button", "data-dismiss", "modal", 1, "btn", "btn-success", 3, "click"]],
    template: function IndicadorDatosListadoComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h5");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "p", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "div", 4)(8, "div", 5)(9, "button", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](10, "i", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](11, "ul", 8)(12, "li")(13, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function IndicadorDatosListadoComponent_Template_a_click_13_listener() {
          return ctx.exportTo("Excel");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](14, "Exportar Excel");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](15, "li")(16, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function IndicadorDatosListadoComponent_Template_a_click_16_listener() {
          return ctx.exportTo("Pdf");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](17, "Exportar Pdf");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](18, "div", 10)(19, "div", 11)(20, "div", 12)(21, "app-table2", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("changePage", function IndicadorDatosListadoComponent_Template_app_table2_changePage_21_listener($event) {
          return ctx.pageChange($event);
        })("orderPage", function IndicadorDatosListadoComponent_Template_app_table2_orderPage_21_listener($event) {
          return ctx.setOrder($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](22, "div", 14)(23, "button", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function IndicadorDatosListadoComponent_Template_button_click_23_listener() {
          return ctx.modal.close();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](24, " Aceptar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"]("Indicador ", ctx.indicador.Nombre, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" Los datos visualizados provienen de la fuente de origen: ", ctx.indicador.InfIndicador.InfOrigen.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](15);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("columns", ctx.headerDatos)("datos", ctx.datos)("page", ctx.page)("order", ctx.order)("sentido", ctx.sentido)("cant_search", ctx.cantSearch)("totalItems", ctx.totalItems)("apiTable", false)("isLoading", false)("searchFields", ctx.camposBusqueda);
      }
    },
    dependencies: [_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbDropdownMenu, ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__.TourAnchorNgBootstrapDirective, _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_3__.Table2Component]
  });
}

/***/ }),

/***/ 50396:
/*!***********************************************************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/wrapper/indicador-datos-lupa/indicador-datos-lupa.component.ts ***!
  \***********************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   IndicadorDatosLupaComponent: () => (/* binding */ IndicadorDatosLupaComponent)
/* harmony export */ });
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var _lineas_lineas_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../lineas/lineas.component */ 67533);
/* harmony import */ var _torta_torta_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../torta/torta.component */ 47334);
/* harmony import */ var _barras_barras_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../barras/barras.component */ 29668);
/* harmony import */ var _columnas_columnas_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../columnas/columnas.component */ 33772);
/* harmony import */ var _kpi_kpi_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../kpi/kpi.component */ 94695);
/* harmony import */ var _listado_listado_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../listado/listado.component */ 16390);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ 96814);











function IndicadorDatosLupaComponent_Case_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-kpi", 9);
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r0.indicador.Data)("tipoAvanzado", false)("verMonocromatico", ctx_r0.verMonocromatico);
  }
}
function IndicadorDatosLupaComponent_Case_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-barras", 10);
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r1.indicador.Data)("verMonocromatico", ctx_r1.verMonocromatico)("verLupa", true);
  }
}
function IndicadorDatosLupaComponent_Case_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-torta", 11);
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r2.indicador.Data)("tipoTorta", true);
  }
}
function IndicadorDatosLupaComponent_Case_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-columnas", 10);
  }
  if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r3.indicador.Data)("verMonocromatico", ctx_r3.verMonocromatico)("verLupa", true);
  }
}
function IndicadorDatosLupaComponent_Case_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-listado", 10);
  }
  if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r4.indicador.Data)("verMonocromatico", ctx_r4.verMonocromatico)("verLupa", true);
  }
}
function IndicadorDatosLupaComponent_Case_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-lineas", 10);
  }
  if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r5.indicador.Data)("verMonocromatico", ctx_r5.verMonocromatico)("verLupa", true);
  }
}
function IndicadorDatosLupaComponent_Case_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-torta", 11);
  }
  if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r6.indicador.Data)("tipoTorta", false);
  }
}
function IndicadorDatosLupaComponent_Case_15_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelement"](0, "app-kpi", 9);
  }
  if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r7.indicador.Data)("tipoAvanzado", true)("verMonocromatico", ctx_r7.verMonocromatico);
  }
}
function IndicadorDatosLupaComponent_Case_16_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 12)(1, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpipe"](3, "json");
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵpipeBind1"](3, 1, ctx_r8.indicador.Data));
  }
}
class IndicadorDatosLupaComponent {
  constructor(modal, alert) {
    this.modal = modal;
    this.alert = alert;
    this.verMonocromatico = false;
  }
  ngOnInit() {}
  static #_ = this.ɵfac = function IndicadorDatosLupaComponent_Factory(t) {
    return new (t || IndicadorDatosLupaComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_8__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineComponent"]({
    type: IndicadorDatosLupaComponent,
    selectors: [["app-indicador-datos-lupa"]],
    inputs: {
      indicador: "indicador",
      verMonocromatico: "verMonocromatico"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService])],
    decls: 23,
    vars: 3,
    consts: [[1, "modal-content"], [1, "modal-header"], ["id", "exampleModalLabel", 1, "modal-title"], [1, "modal-body"], [1, "d-flex", "mt-1"], [1, "col-12"], [1, "float-end", "text-muted"], [1, "modal-footer"], ["type", "button", "data-dismiss", "modal", 1, "btn", "btn-success", 3, "click"], [3, "indicadorInstanciaDatos", "tipoAvanzado", "verMonocromatico"], [3, "indicadorInstanciaDatos", "verMonocromatico", "verLupa"], [3, "indicadorInstanciaDatos", "tipoTorta"], [1, "text-center"]],
    template: function IndicadorDatosLupaComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h5");
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](5, "div", 3)(6, "div", 4)(7, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtemplate"](8, IndicadorDatosLupaComponent_Case_8_Template, 1, 3)(9, IndicadorDatosLupaComponent_Case_9_Template, 1, 3)(10, IndicadorDatosLupaComponent_Case_10_Template, 1, 2)(11, IndicadorDatosLupaComponent_Case_11_Template, 1, 3)(12, IndicadorDatosLupaComponent_Case_12_Template, 1, 3)(13, IndicadorDatosLupaComponent_Case_13_Template, 1, 3)(14, IndicadorDatosLupaComponent_Case_14_Template, 1, 2)(15, IndicadorDatosLupaComponent_Case_15_Template, 1, 3)(16, IndicadorDatosLupaComponent_Case_16_Template, 4, 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](17, "div")(18, "p", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementStart"](20, "div", 7)(21, "button", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵlistener"]("click", function IndicadorDatosLupaComponent_Template_button_click_21_listener() {
          return ctx.modal.close();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtext"](22, " Aceptar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵelementEnd"]()()();
      }
      if (rf & 2) {
        let IndicadorDatosLupaComponent_contFlowTmp;
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](ctx.indicador.Nombre);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵconditional"](8, (IndicadorDatosLupaComponent_contFlowTmp = ctx.indicador.InfIndicador.InfVisual.Id) === 1 ? 8 : IndicadorDatosLupaComponent_contFlowTmp === 2 ? 9 : IndicadorDatosLupaComponent_contFlowTmp === 3 ? 10 : IndicadorDatosLupaComponent_contFlowTmp === 4 ? 11 : IndicadorDatosLupaComponent_contFlowTmp === 5 ? 12 : IndicadorDatosLupaComponent_contFlowTmp === 6 ? 13 : IndicadorDatosLupaComponent_contFlowTmp === 7 ? 14 : IndicadorDatosLupaComponent_contFlowTmp === 8 ? 15 : 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵadvance"](11);
        _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵtextInterpolate"](ctx.indicador.Data == null ? null : ctx.indicador.Data.Fecha);
      }
    },
    dependencies: [_lineas_lineas_component__WEBPACK_IMPORTED_MODULE_1__.LineasComponent, _torta_torta_component__WEBPACK_IMPORTED_MODULE_2__.TortaComponent, _barras_barras_component__WEBPACK_IMPORTED_MODULE_3__.BarrasComponent, _columnas_columnas_component__WEBPACK_IMPORTED_MODULE_4__.ColumnasComponent, _kpi_kpi_component__WEBPACK_IMPORTED_MODULE_5__.KpiComponent, _listado_listado_component__WEBPACK_IMPORTED_MODULE_6__.ListadoComponent, _angular_common__WEBPACK_IMPORTED_MODULE_9__.JsonPipe]
  });
}

/***/ }),

/***/ 6623:
/*!*************************************************************************!*\
  !*** ./src/app/pages/estadistica/graficos/wrapper/wrapper.component.ts ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   WrapperComponent: () => (/* binding */ WrapperComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var _indicador_datos_listado_indicador_datos_listado_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./indicador-datos-listado/indicador-datos-listado.component */ 43156);
/* harmony import */ var _indicador_datos_lupa_indicador_datos_lupa_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./indicador-datos-lupa/indicador-datos-lupa.component */ 50396);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-gen */ 14719);
/* harmony import */ var _formkit_tempo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @formkit/tempo */ 58444);
/* harmony import */ var src_app_core_utils_validators_dateValidators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/utils/validators/dateValidators */ 49545);
/* harmony import */ var src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/configGeneral.service */ 99757);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! primeng/api */ 85219);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var primeng_sidebar__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! primeng/sidebar */ 99246);
/* harmony import */ var _shared_ui_input_number_input_number_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/ui/input-number/input-number.component */ 62271);
/* harmony import */ var _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../shared/ui/select-loading/select-loading.component */ 24718);
/* harmony import */ var _shared_ui_input_periodo_input_periodo_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../shared/ui/input-periodo/input-periodo.component */ 77947);
/* harmony import */ var _shared_ui_input_time_input_time_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../shared/ui/input-time/input-time.component */ 71902);
/* harmony import */ var _lineas_lineas_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../lineas/lineas.component */ 67533);
/* harmony import */ var _torta_torta_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../torta/torta.component */ 47334);
/* harmony import */ var _barras_barras_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../barras/barras.component */ 29668);
/* harmony import */ var _columnas_columnas_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../columnas/columnas.component */ 33772);
/* harmony import */ var _kpi_kpi_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../kpi/kpi.component */ 94695);
/* harmony import */ var _listado_listado_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../listado/listado.component */ 16390);






























function WrapperComponent_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 22)(1, "h3", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"]("Filtros de ", ctx_r0.indicadorInstancia.Nombre, "");
  }
}
function WrapperComponent_ng_template_4_Template(rf, ctx) {}
function WrapperComponent_ng_template_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r22 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_5_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r22);
      const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r21.onFilter());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](2, "button", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_5_Template_button_click_2_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r22);
      const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r23.cargarFiltros(true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](3, "i", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("disabled", ctx_r2.hayErrorFiltros());
  }
}
function WrapperComponent_button_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r25 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_10_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r25);
      const ctx_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r24.onHide(ctx_r24.indicadorInstancia.Oculto == "N" ? true : false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", ctx_r3.indicadorInstancia.Oculto == "N" ? "Ocultar" : "Mostrar");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", ctx_r3.indicadorInstancia.Oculto == "N" ? "mdi mdi-eye mdi-22px" : "mdi mdi-eye-off mdi-22px");
  }
}
function WrapperComponent_button_11_Template(rf, ctx) {
  if (rf & 1) {
    const _r27 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_11_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r27);
      const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r26.onLupa());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Visualizar indicador");
  }
}
function WrapperComponent_button_12_Template(rf, ctx) {
  if (rf & 1) {
    const _r29 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_12_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r29);
      const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r28.onList());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Listar datos");
  }
}
function WrapperComponent_button_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_13_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r31);
      const ctx_r30 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r30.onEdit());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Editar");
  }
}
function WrapperComponent_button_14_Template(rf, ctx) {
  if (rf & 1) {
    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_14_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r33);
      const ctx_r32 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r32.onDelete());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Eliminar");
  }
}
function WrapperComponent_a_17_Template(rf, ctx) {
  if (rf & 1) {
    const _r35 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "a", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_a_17_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r35);
      const ctx_r34 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r34.filtro = !ctx_r34.filtro);
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", !ctx_r8.filtro ? "mdi mdi-filter-outline mdi-18px align-middle" : "mdi mdi-filter-off-outline mdi-18px align-middle");
  }
}
function WrapperComponent_Case_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-kpi", 38);
  }
  if (rf & 2) {
    const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r9.indicadorInstancia.Data)("tipoAvanzado", false)("verMonocromatico", ctx_r9.verMonocromatico);
  }
}
function WrapperComponent_Case_21_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-barras", 39);
  }
  if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r10.indicadorInstancia.Data)("verMonocromatico", ctx_r10.verMonocromatico);
  }
}
function WrapperComponent_Case_22_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-torta", 40);
  }
  if (rf & 2) {
    const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r11.indicadorInstancia.Data)("tipoTorta", true);
  }
}
function WrapperComponent_Case_23_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-columnas", 39);
  }
  if (rf & 2) {
    const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r12.indicadorInstancia.Data)("verMonocromatico", ctx_r12.verMonocromatico);
  }
}
function WrapperComponent_Case_24_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-listado", 39);
  }
  if (rf & 2) {
    const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r13.indicadorInstancia.Data)("verMonocromatico", ctx_r13.verMonocromatico);
  }
}
function WrapperComponent_Case_25_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-lineas", 39);
  }
  if (rf & 2) {
    const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r14.indicadorInstancia.Data)("verMonocromatico", ctx_r14.verMonocromatico);
  }
}
function WrapperComponent_Case_26_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-torta", 40);
  }
  if (rf & 2) {
    const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r15.indicadorInstancia.Data)("tipoTorta", false);
  }
}
function WrapperComponent_Case_27_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "app-kpi", 38);
  }
  if (rf & 2) {
    const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("indicadorInstanciaDatos", ctx_r16.indicadorInstancia.Data)("tipoAvanzado", true)("verMonocromatico", ctx_r16.verMonocromatico);
  }
}
function WrapperComponent_Case_28_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 41)(1, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpipe"](3, "json");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpipeBind1"](3, 1, ctx_r17.indicadorInstancia.Data));
  }
}
function WrapperComponent_button_31_Template(rf, ctx) {
  if (rf & 1) {
    const _r37 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_button_31_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r37);
      const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r36.onRefresh(ctx_r36.indicadorInstancia));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_div_23_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r59 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "input", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("change", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_Template_input_change_3_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r59);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](filtro_r42.form.get("ValorTipo").setValue(""));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](4, "select", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("change", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_Template_select_change_4_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r59);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      const ctx_r60 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r60.calcularFiltroPorTipoFecha(filtro_r42.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](5, "option", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](6, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](7, "option", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](8, "Hoy");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](9, "option", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](10, "Ayer");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](11, "option", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](12, "\u00DAltimos 7 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](13, "option", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](14, "\u00DAltimos 15 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](15, "option", 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](16, "\u00DAltimos 30 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](17, "option", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](18, "\u00DAltimos 60 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](19, "option", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](20, "\u00DAltimos 90 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](21, "option", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](22, "\u00DAltimo a\u00F1o");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](23, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_div_23_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](21);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_div_17_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r66 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "app-input-periodo", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("valorEmit", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_Template_app_input_periodo_valorEmit_3_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r66);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      const ctx_r64 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r64.setMes($event, filtro_r42.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](4, "select", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("change", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_Template_select_change_4_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r66);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      const ctx_r67 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r67.calcularFiltroPorTipoMes(filtro_r42.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](5, "option", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](6, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](7, "option", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](8, "Mes actual");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](9, "option", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](10, "Mes anterior");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](11, "option", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](12, "\u00DAltimos 3 meses");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](13, "option", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](14, "\u00DAltimos 6 meses");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](15, "option", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](16, "\u00DAltimo a\u00F1o");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](17, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_div_17_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("valor", filtro_r42.form.get("Valor").value)("showErrors", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_div_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r74 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "app-input-time", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("valorEmit", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_Template_app_input_time_valorEmit_3_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r74);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](filtro_r42.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_div_4_Template, 2, 0, "div", 71)(5, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_div_5_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("value", filtro_r42.form.get("Valor").value)("showErrors", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !filtro_r42.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_3_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r79 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "app-input-number", 73);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("emitValue", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_3_Template_app_input_number_emitValue_3_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r79);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](filtro_r42.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_3_div_4_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("value", filtro_r42.form.get("Valor").value)("decimals", 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_4_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](3, "input", 74);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_4_div_4_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_5_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r86 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "app-input-number", 75);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("emitValue", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_5_Template_app_input_number_emitValue_3_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r86);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](filtro_r42.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_5_div_4_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("value", filtro_r42.form.get("Valor").value)("decimals", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_option_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "option", 80);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const item_r90 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("value", item_r90.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"](" ", item_r90.Caption, " ");
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_div_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 76)(4, "span", 77);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](5, "Ordenar por");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "select", 78)(7, "option", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](8, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](9, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_option_9_Template, 2, 2, "option", 79);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](10, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_div_10_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    const ctx_r50 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", ctx_r50.indicadorInstancia.InfIndicador.InfOrigen.InfOrigenCols);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_7_div_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 76)(4, "span", 77);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "div", 77);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](7, "input", 81);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](8, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_7_div_8_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate"](filtro_r42.InfOrigenParam.Caption == "Sentido orden" ? "Desc/Asc" : "Si/No");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_8_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_8_Template(rf, ctx) {
  if (rf & 1) {
    const _r97 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "select-loading", 82);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("valueSelect", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_8_Template_select_loading_valueSelect_3_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r97);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](filtro_r42.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_8_div_4_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    const ctx_r52 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("defaultValue", null)("defaultValueDis", false)("defaultString", "Seleccionar")("items", ctx_r52.sucursales)("valueSelected", filtro_r42.form.get("Valor").value)("loading", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_a_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r103 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "a", 87);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_a_5_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r103);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3).$implicit;
      const ctx_r101 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r101.borrarValor(filtro_r42.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 88);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_div_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r106 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 76);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "input", 83);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](5, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_a_5_Template, 2, 0, "a", 84);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "a", 85);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_Template_a_click_6_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r106);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      const ctx_r104 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r104.buscarValor(filtro_r42.form, filtro_r42.InfOrigenParam.Caption, filtro_r42.InfOrigenParam.Metatabla.Id, false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](7, "i", 86);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](8, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_div_8_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").value);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_a_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r112 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "a", 87);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_a_5_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r112);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3).$implicit;
      const ctx_r110 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r110.borrarValor(filtro_r42.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 88);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_div_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r115 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "label", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 76);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "input", 83);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](5, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_a_5_Template, 2, 0, "a", 84);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "a", 85);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_Template_a_click_6_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r115);
      const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
      const ctx_r113 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r113.buscarValor(filtro_r42.form, filtro_r42.InfOrigenParam.Caption, filtro_r42.InfOrigenParam.MetaTabla.Id, true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](7, "i", 86);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](8, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_div_8_Template, 2, 0, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate2"]("", filtro_r42.InfOrigenParam.Caption, "", filtro_r42.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").value);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", filtro_r42.form.get("Valor").invalid);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_11_Template(rf, ctx) {}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_0_Template, 24, 3)(1, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_1_Template, 18, 5)(2, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_2_Template, 6, 6)(3, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_3_Template, 5, 5)(4, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_4_Template, 5, 3)(5, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_5_Template, 5, 5)(6, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_6_Template, 11, 4)(7, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_7_Template, 9, 4)(8, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_8_Template, 5, 9)(9, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_9_Template, 9, 4)(10, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_10_Template, 9, 4)(11, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Case_11_Template, 0, 0);
  }
  if (rf & 2) {
    const filtro_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
    let WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](0, (WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp = filtro_r42.InfOrigenParam.InfParamTipo.Nombre) === "Fecha" ? 0 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Mes" ? 1 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Hora" ? 2 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Entero positivo" ? 3 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Cadena" ? 4 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Decimal" ? 5 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Orden" ? 6 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Logico" ? 7 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Sucursal" ? 8 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Entidad" ? 9 : WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_contFlowTmp === "Lista de entidades" ? 10 : 11);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerStart"](0, 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](1, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Conditional_1_Template, 12, 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const filtro_r42 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("formGroup", filtro_r42.form);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](1, !filtro_r42.form.get("Oculto").value ? 1 : -1);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_div_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 46)(1, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](5, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](6, WrapperComponent_ng_template_35_ng_container_1_div_1_ng_container_6_Template, 2, 2, "ng-container", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const grupo_r39 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
    const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate"](grupo_r39.grupo.NombreGrupo);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate"](grupo_r39.grupo.DescripcionGrupo);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", ctx_r40.layoutFiltros(ctx_r40.indicadorInstancia));
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", grupo_r39.filtros);
  }
}
function WrapperComponent_ng_template_35_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](1, WrapperComponent_ng_template_35_ng_container_1_div_1_Template, 7, 4, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const grupo_r39 = ctx.$implicit;
    const ctx_r38 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx_r38.todosOcultos(grupo_r39.filtros));
  }
}
function WrapperComponent_ng_template_35_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](1, WrapperComponent_ng_template_35_ng_container_1_Template, 2, 1, "ng-container", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", ctx_r19.layoutFiltros(ctx_r19.indicadorInstancia));
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", ctx_r19.filtrosAgrupados);
  }
}
class WrapperComponent {
  constructor(fb, configGralService, auth, modalService, alert, authService) {
    this.fb = fb;
    this.configGralService = configGralService;
    this.auth = auth;
    this.modalService = modalService;
    this.alert = alert;
    this.authService = authService;
    this.configurable = false;
    this.editTemplate = false;
    this.sucursales = [];
    this.permisos = {};
    this.recargar = new _angular_core__WEBPACK_IMPORTED_MODULE_20__.EventEmitter();
    this.editar = new _angular_core__WEBPACK_IMPORTED_MODULE_20__.EventEmitter();
    this.eliminar = new _angular_core__WEBPACK_IMPORTED_MODULE_20__.EventEmitter();
    this.ocultar = new _angular_core__WEBPACK_IMPORTED_MODULE_20__.EventEmitter();
    this.filtrar = new _angular_core__WEBPACK_IMPORTED_MODULE_20__.EventEmitter();
    this.filtro = false;
    this.filtroPosicion = this.configGralService._config.PosFiltroInd;
    this.filtrosAgrupados = [];
    //SP SINWEB-678 se carga config de verFavoritos
    this.verFavoritosConfig = this.configGralService._config.VerFavoritos == 'S';
    this.verMonocromatico = this.configGralService._config.ModoVisualTablero == 'M';
  }
  ngOnInit() {
    this.cargarFiltros();
  }
  cargarFiltros(restore) {
    if (this.indicadorInstancia.InfIndicadorInstanciaParams) {
      this.filtrosAgrupados = this.agruparFiltrosPorGrupo(this.indicadorInstancia.InfIndicadorInstanciaParams);
      lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(this.filtrosAgrupados, grupo => {
        lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(grupo.filtros, filtro => {
          let filterGroup = this.fb.group({});
          //SP SINWEB-681 se carga valor de parametro en filtro , en caso de no encontrarlo se carga el valor por defecto
          let filtroParametro = this.indicadorInstancia.Parametros?.find(parametro => parametro.IdInfOrigenParam == filtro.InfOrigenParam.Id);
          let valorFiltro = !restore && filtroParametro ? filtroParametro.Valor : filtro.InfOrigenParam.InfParamTipo.Nombre == 'Sucursal' && filtro.ValorXDefecto == -1 ? this.authService.usuario.IdSucursal : filtro.ValorXDefecto;
          /**
           * SP SINWEB-785 controlamos si el filtro es de entidad en su caso creamos un form control para el valor y otro para el nombre
           * el del valor como no se muestra tiene el valor del parametro con formato [id|nombre] y el nombre se extrae de este
           */
          switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
            case 'Entidad':
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(valorFiltro));
              filterGroup.addControl('ValorNombre', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(this.extraerDato(valorFiltro, 2)));
              break;
            case 'Lista de entidades':
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(valorFiltro));
              filterGroup.addControl('ValorNombre', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(this.extraerDato(valorFiltro, 2)));
              break;
            case 'Fecha':
              let fechaObj = this.formatearValorFecha(valorFiltro);
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(fechaObj.fecha));
              filterGroup.addControl('ValorTipo', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(fechaObj.tipo != null && fechaObj.tipo != '' ? valorFiltro : ''));
              break;
            case 'Mes':
              let mesObj = this.formatearValorMes(valorFiltro);
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(mesObj.mes));
              filterGroup.addControl('ValorTipo', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(mesObj.tipo != null && mesObj.tipo != '' ? valorFiltro : ''));
              break;
            default:
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(this.logicaFormTipo(valorFiltro, filtro.InfOrigenParam.InfParamTipo.Nombre)));
              break;
          }
          // if (filtro.InfOrigenParam.InfParamTipo.Nombre == 'Entidad' || filtro.InfOrigenParam.InfParamTipo.Nombre == 'Lista de entidades'){
          //   filterGroup.addControl('Valor',new FormControl(valorFiltro));
          //   filterGroup.addControl('ValorNombre' ,new FormControl(this.extraerDato(valorFiltro,2)));
          // }else{
          //   filterGroup.addControl('Valor' ,new FormControl(this.logicaFormTipo(valorFiltro,filtro.InfOrigenParam.InfParamTipo.Nombre)));
          // }
          filterGroup.addControl('Oculto', new _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControl(filtro.Oculto == 'S'));
          if (filtro.InfOrigenParam.Obligatorio == 'S') {
            switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
              case 'Orden':
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_21__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.Validators.min(0)]);
                break;
              case 'Mes':
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_21__.Validators.required, (0,src_app_core_utils_validators_dateValidators__WEBPACK_IMPORTED_MODULE_7__.periodoIncompleto)()]);
                break;
              default:
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_21__.Validators.required]);
                break;
            }
          }
          filtro['form'] = filterGroup;
        });
      });
    }
  }
  /**
   * SP SINWEB-785 se agrega metodo para extraer el id o nombre de un parametro de entidad
   * @param cadena
   * @param pos
   * @returns
   */
  extraerDato(cadena, pos) {
    if (!cadena) {
      return '';
    }
    const nombres = lodash__WEBPACK_IMPORTED_MODULE_0__.chain(cadena.split(',')).map(dato => pos == 1 ? dato.split('|')[0].slice(1) : dato.split('|')[1].slice(0, -1)).map(lodash__WEBPACK_IMPORTED_MODULE_0__.trim).value();
    return nombres.join(',');
  }
  agruparFiltrosPorGrupo(indParams) {
    // Obtener todos los grupos, incluyendo 'sinGrupo' para los que no tienen asignado
    const grupos = lodash__WEBPACK_IMPORTED_MODULE_0__.uniqBy(indParams.map(filtro => {
      return {
        IdGrupo: filtro.InfOrigenParam.InfGrupoParam?.Id || 0,
        NombreGrupo: filtro.InfOrigenParam.InfGrupoParam?.Nombre || 'Básicos',
        DescripcionGrupo: filtro.InfOrigenParam.InfGrupoParam?.Descripcion || 'Filtros básicos del indicador'
      };
    }), 'IdGrupo');
    // Agrupar los filtros por el grupo obtenido
    let gruposDeFiltros = grupos.map(grupo => ({
      grupo,
      filtros: indParams.filter(filtro => filtro.InfOrigenParam.InfGrupoParam?.Id === grupo.IdGrupo || grupo.IdGrupo === 0 && !filtro.InfOrigenParam.InfGrupoParam)
    }));
    return gruposDeFiltros;
  }
  onRefresh(indicadorDatos) {
    this.recargar.emit(indicadorDatos);
  }
  onEdit() {
    this.editar.emit(this.indicadorInstancia);
  }
  onDelete() {
    this.eliminar.emit(this.indicadorInstancia);
  }
  onHide(ocultar) {
    this.ocultar.emit(ocultar);
  }
  onFilter() {
    let filtros = this.prepararFiltros();
    this.filtrar.emit(filtros);
  }
  onList() {
    let modalRef = this.modalService.open(_indicador_datos_listado_indicador_datos_listado_component__WEBPACK_IMPORTED_MODULE_2__.IndicadorDatosListadoComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.getOptionsModal)('xl'));
    modalRef.componentInstance.indicador = this.indicadorInstancia;
  }
  onLupa() {
    let modalRef = this.modalService.open(_indicador_datos_lupa_indicador_datos_lupa_component__WEBPACK_IMPORTED_MODULE_3__.IndicadorDatosLupaComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.getOptionsModal)('xl'));
    modalRef.componentInstance.indicador = this.indicadorInstancia;
    modalRef.componentInstance.verMonocromatico = this.verMonocromatico;
  }
  prepararFiltros() {
    let filtros = [];
    lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(this.filtrosAgrupados, grupo => {
      lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(grupo.filtros, filtro => {
        let valor;
        /**
         * SP SINWEB-785 controlamos si el filtro es de entidad en su caso pasamos el valor derecho, si no se le da tratamiento con el
         * metodo de logicaFormReturnTipo como se venia haciendo
         */
        switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
          case 'Entidad':
            valor = filtro.form.get('Valor').value;
            break;
          case 'Lista de entidades':
            valor = filtro.form.get('Valor').value;
            break;
          case 'Fecha':
            valor = filtro.form.get('ValorTipo').value != '' ? filtro.form.get('ValorTipo').value : (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.formatFecha)(filtro.form.get('Valor').value);
            break;
          case 'Mes':
            valor = filtro.form.get('ValorTipo').value != '' ? filtro.form.get('ValorTipo').value : filtro.form.get('Valor').value;
            break;
          default:
            valor = this.logicaFormReturnTipo(filtro.form.get('Valor').value, filtro.InfOrigenParam.InfParamTipo.Nombre);
            break;
        }
        if (filtro.InfOrigenParam.InfParamTipo.Nombre == 'Entidad' || filtro.InfOrigenParam.InfParamTipo.Nombre == 'Lista de entidades') {
          valor = filtro.form.get('Valor').value;
        } else {}
        let filtroToSend = {
          IdInfOrigenParam: filtro.InfOrigenParam.Id,
          Valor: valor
        };
        /**
         * SP SINWEB-785 si el parametro es de entidad agregar al filtro el campo para identificarlo
         */
        if (filtro.InfOrigenParam.InfParamTipo.Nombre == 'Entidad' || filtro.InfOrigenParam.InfParamTipo.Nombre == 'Lista de entidades') {
          filtroToSend['EsEntidad'] = true;
        }
        filtros.push(filtroToSend);
      });
    });
    return filtros;
  }
  hayErrorFiltros() {
    let hayError = false;
    lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(this.filtrosAgrupados, grupo => {
      lodash__WEBPACK_IMPORTED_MODULE_0__.forEach(grupo.filtros, filtro => {
        if (filtro.form.get('Valor').invalid) {
          hayError = true;
        }
      });
    });
    return hayError;
  }
  logicaFormReturnTipo(valor, tipo) {
    console.log(valor, tipo);
    switch (tipo) {
      case 'Fecha':
        return (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.formatFecha)(valor);
      case 'Logico':
        return valor ? 'S' : 'N';
      case 'Hora':
        return valor;
      case 'Entero positivo':
        return valor ? +valor : null;
      case 'Cadena':
        return valor;
      case 'Decimal':
        return valor ? +valor : null;
      case 'Orden':
        return valor == '' ? null : valor;
      case 'Empresa':
        return +this.auth.usuario.IdEmpresa;
      case 'Sucursal':
        return valor ? +valor : null;
      case 'Mes':
        return valor;
      default:
        return valor;
    }
  }
  logicaFormTipo(valorXDefecto, tipo) {
    switch (tipo) {
      case 'Fecha':
        return valorXDefecto ? (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.formatFechaComp)(valorXDefecto) : '';
      case 'Logico':
        return valorXDefecto ? valorXDefecto == 'S' : false;
      case 'Hora':
        return valorXDefecto ? valorXDefecto : '';
      case 'Entero positivo':
        return valorXDefecto ? valorXDefecto : null;
      case 'Cadena':
        return valorXDefecto ? valorXDefecto : '';
      case 'Decimal':
        return valorXDefecto ? valorXDefecto : null;
      case 'Orden':
        return valorXDefecto ? valorXDefecto : '';
      case 'Empresa':
        return this.auth.usuario.IdEmpresa;
      case 'Sucursal':
        return valorXDefecto ? valorXDefecto : null;
      case 'Mes':
        return valorXDefecto ? valorXDefecto : null;
      default:
        return valorXDefecto;
    }
  }
  layoutFiltros(indicadorInstancia) {
    switch (indicadorInstancia.Layout) {
      case 1:
        return 'd-flex flex-column gap-2';
      case 2:
        return window.innerWidth < 768 ? 'd-flex flex-column gap-2' : 'd-flex gap-2';
      default:
        return 'd-flex flex-column gap-2';
    }
  }
  isMobile() {
    return window.innerWidth < 767;
  }
  tablaDisp(compVisual) {
    return true;
  }
  /**
   * SP SINWEB-785 Metodo usado por el filtro de tipo entidad
   * @param filtro
   * @param valor
   * @param idMetaTabla
   * @param multiple
   */
  buscarValor(filtro, valor, idMetaTabla, multiple) {
    const componente = src_app_core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_5__.META_TABLA.find(meta => meta.Id == idMetaTabla);
    if (componente) {
      const modalRef = this.modalService.open(componente.Componente, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.getOptionsModal)('xl', 'back-z-index-last', 'modal-z-index-last'));
      modalRef.componentInstance.filtros = {
        Multiple: multiple,
        Modal: true
      };
      // if (filtro.get('Valor').value){
      //   modalRef.componentInstance.seleccionados = filtro.get('Valor').value.split(',');
      // }
      modalRef.result.then(result => {
        if (result) {
          const valores = lodash__WEBPACK_IMPORTED_MODULE_0__.values(result);
          filtro.get('ValorNombre').setValue(valores[1].join(','));
          filtro.get('Valor').setValue(valores[0].map((v, i) => '[' + v + '|' + valores[1][i].trim() + ']').join(','));
        }
      });
    } else {
      this.alert.showBasicAlert('Error', 'No se encontro el componente', 'error');
    }
  }
  /**
   * SP SINWEB-785 metodo usado por el filtro de tipo entidad para borrar valores
   * @param filtro
   */
  borrarValor(filtro) {
    filtro.get('Valor').setValue('');
    filtro.get('ValorNombre').setValue('');
  }
  calcularMes(tipo, cantidad) {
    const mesActual = new Date();
    if (tipo === 'M') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.addMonth)(mesActual, -cantidad), 'MM/YYYY');
    }
    return '';
  }
  formatearValorMes(valor) {
    if (valor?.includes('M')) {
      const cantidad = valor.split('M')[0];
      return {
        mes: this.calcularMes('M', cantidad),
        tipo: 'M'
      };
    }
    return {
      mes: valor ? valor : '',
      tipo: ''
    };
  }
  formatearValorFecha(valor) {
    let noFecha = valor?.includes('D') || valor?.includes('ML') || valor?.includes('MF');
    if (noFecha) {
      switch (true) {
        case valor.includes('D'):
          return {
            fecha: this.calcularFecha('D', valor.split('D')[0]),
            tipo: 'D'
          };
        case valor.includes('ML'):
          return {
            fecha: this.calcularFecha('ML', valor.split('ML')[0]),
            tipo: 'ML'
          };
        case valor.includes('MF'):
          return {
            fecha: this.calcularFecha('MF', valor.split('MF')[0]),
            tipo: 'MF'
          };
        default:
          return {
            fecha: null,
            tipo: null
          };
      }
    } else {
      return {
        fecha: (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_1__.formatFechaComp)(valor ? valor : ''),
        tipo: ''
      };
    }
  }
  calcularFecha(tipo, cantidad) {
    let fechaActual = (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.format)(new Date(), 'YYYY-MM-DD');
    if (tipo == 'D') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.addDay)(fechaActual, -cantidad), 'YYYY-MM-DD');
    }
    if (tipo == 'MF') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.monthStart)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.addMonth)(fechaActual, -cantidad)), 'YYYY-MM-DD');
    }
    if (tipo == 'ML') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.monthEnd)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_6__.addMonth)(fechaActual, -cantidad)), 'YYYY-MM-DD');
    }
    return '';
  }
  calcularFiltroPorTipoFecha(filtro) {
    filtro.get('Valor').setValue(this.formatearValorFecha(filtro.get('ValorTipo').value).fecha);
  }
  calcularFiltroPorTipoMes(filtro) {
    filtro.get('Valor').setValue(this.formatearValorMes(filtro.get('ValorTipo').value).mes);
  }
  setMes($event, filtro) {
    filtro.get('Valor').setValue($event);
    filtro.get('ValorTipo').setValue('');
  }
  todosOcultos(grupoFiltros) {
    const aux = grupoFiltros.every(filtro => {
      if (filtro.InfOrigenParam.Caption != 'Empresa') {
        return filtro.form.get('Oculto').value;
      } else {
        return true;
      }
    });
    return aux;
  }
  static #_ = this.ɵfac = function WrapperComponent_Factory(t) {
    return new (t || WrapperComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_8__.ConfigGeneralService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_9__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_22__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_4__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_9__.AuthService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdefineComponent"]({
    type: WrapperComponent,
    selectors: [["app-wrapper"]],
    inputs: {
      idTablero: "idTablero",
      configurable: "configurable",
      editTemplate: "editTemplate",
      indicadorInstancia: "indicadorInstancia",
      sucursales: "sucursales",
      permisos: "permisos"
    },
    outputs: {
      recargar: "recargar",
      editar: "editar",
      eliminar: "eliminar",
      ocultar: "ocultar",
      filtrar: "filtrar"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_4__.AlertCustomService])],
    decls: 37,
    vars: 15,
    consts: [[1, "card", "mb-2"], ["styleClass", "filtros-container", 1, "d-block", 3, "visible", "fullScreen", "position", "visibleChange"], ["pTemplate", "header"], [1, "m-2"], [3, "ngTemplateOutlet"], ["pTemplate", "footer"], [1, "card-body"], [1, "card-title", "text-center", "text-lg-start"], [1, "button-options"], ["class", "btn text-info py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], ["class", "btn text-success py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], ["class", "btn text-primary py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], ["class", "btn text-danger py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], [1, "d-flex"], [1, "col-12", "p-2"], ["class", "btn btn-sm btn-icon btn-soft-secondary", "data-cy", "boton-filtro", 3, "click", 4, "ngIf"], [1, "d-flex", "mt-1"], [1, "col-12"], [1, "mdi", "mdi-information-outline", "mdi-24px", "pointer", "text-info", "float-start", 3, "pTooltip"], ["class", "btn py-0 px-2 text float-end", "pTooltip", "Recargar", "tooltipPosition", "left", 3, "click", 4, "ngIf"], [1, "float-end", "text-muted"], ["FILTRO", ""], [1, "flex", "align-items-center", "me-2"], [1, "m-0"], [1, "btn", "btn-primary", "float-end", 3, "disabled", "click"], [1, "bx", "bx-search"], ["pTooltip", "Restaurar valores por defecto", "tooltipPosition", "top", 1, "btn", "btn-secondary", "float-end", "me-2", 3, "click"], [1, "mdi", "mdi-restore", "mdi-22px"], ["tooltipPosition", "top", 1, "btn", "text-info", "py-0", "px-2", "text", 3, "pTooltip", "click"], [3, "ngClass"], ["tooltipPosition", "top", 1, "btn", "text-success", "py-0", "px-2", "text", 3, "pTooltip", "click"], [1, "mdi", "mdi-open-in-new", "mdi-22px"], [1, "mdi", "mdi-table-eye", "mdi-22px"], ["tooltipPosition", "top", 1, "btn", "text-primary", "py-0", "px-2", "text", 3, "pTooltip", "click"], [1, "mdi", "mdi-pencil", "mdi-22px"], ["tooltipPosition", "top", 1, "btn", "text-danger", "py-0", "px-2", "text", 3, "pTooltip", "click"], [1, "mdi", "mdi-delete", "mdi-22px"], ["data-cy", "boton-filtro", 1, "btn", "btn-sm", "btn-icon", "btn-soft-secondary", 3, "click"], [3, "indicadorInstanciaDatos", "tipoAvanzado", "verMonocromatico"], [3, "indicadorInstanciaDatos", "verMonocromatico"], [3, "indicadorInstanciaDatos", "tipoTorta"], [1, "text-center"], ["pTooltip", "Recargar", "tooltipPosition", "left", 1, "btn", "py-0", "px-2", "text", "float-end", 3, "click"], [1, "mdi", "mdi-reload", "mdi-22px"], [4, "ngFor", "ngForOf"], ["class", "border border-1 rounded border-opacity-10 p-2 mb-2", 4, "ngIf"], [1, "border", "border-1", "rounded", "border-opacity-10", "p-2", "mb-2"], [1, "text-muted"], [3, "formGroup", 4, "ngFor", "ngForOf"], [3, "formGroup"], [1, "form-label", "text-muted"], ["type", "date", "formControlName", "Valor", 1, "form-control", 3, "change"], ["formControlName", "ValorTipo", 1, "form-select", 3, "change"], ["value", ""], ["value", "0D"], ["value", "1D"], ["value", "7D"], ["value", "15D"], ["value", "30D"], ["value", "60D"], ["value", "90D"], ["value", "365D"], ["class", "invalid-feedback d-block animate__animated animate__shakeX", 4, "ngIf"], [1, "invalid-feedback", "d-block", "animate__animated", "animate__shakeX"], [3, "valor", "showErrors", "valorEmit"], ["value", "0M"], ["value", "1M"], ["value", "3M"], ["value", "6M"], ["value", "12M"], [3, "value", "showErrors", "valorEmit"], ["class", "valid-feedback d-block", 4, "ngIf"], [1, "valid-feedback", "d-block"], [3, "value", "decimals", "emitValue"], ["type", "text", "formControlName", "Valor", 1, "form-control"], ["placeholder", "Valor", 3, "value", "decimals", "emitValue"], [1, "input-group"], [1, "input-group-text"], ["formControlName", "Valor", 1, "form-select"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], ["type", "checkbox", "formControlName", "Valor", 1, "form-check-input"], ["id", "select-sucursal", 3, "defaultValue", "defaultValueDis", "defaultString", "items", "valueSelected", "loading", "valueSelect"], ["type", "search", "formControlName", "ValorNombre", "placeholder", "Seleccionar", "readonly", "", 1, "form-control"], ["class", "btn btn-secondary", 3, "click", 4, "ngIf"], [1, "btn", "btn-primary", 3, "click"], [1, "bx", "bx-search-alt-2"], [1, "btn", "btn-secondary", 3, "click"], [1, "bx", "bx-x"]],
    template: function WrapperComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 0)(1, "p-sidebar", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("visibleChange", function WrapperComponent_Template_p_sidebar_visibleChange_1_listener($event) {
          return ctx.filtro = $event;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](2, WrapperComponent_ng_template_2_Template, 3, 1, "ng-template", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](4, WrapperComponent_ng_template_4_Template, 0, 0, "ng-template", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](5, WrapperComponent_ng_template_5_Template, 4, 1, "ng-template", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "div", 6)(7, "h5", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](9, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](10, WrapperComponent_button_10_Template, 2, 2, "button", 9)(11, WrapperComponent_button_11_Template, 2, 1, "button", 10)(12, WrapperComponent_button_12_Template, 2, 1, "button", 10)(13, WrapperComponent_button_13_Template, 2, 1, "button", 11)(14, WrapperComponent_button_14_Template, 2, 1, "button", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](15, "div", 13)(16, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](17, WrapperComponent_a_17_Template, 2, 1, "a", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](18, "div", 16)(19, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](20, WrapperComponent_Case_20_Template, 1, 3)(21, WrapperComponent_Case_21_Template, 1, 2)(22, WrapperComponent_Case_22_Template, 1, 2)(23, WrapperComponent_Case_23_Template, 1, 2)(24, WrapperComponent_Case_24_Template, 1, 2)(25, WrapperComponent_Case_25_Template, 1, 2)(26, WrapperComponent_Case_26_Template, 1, 2)(27, WrapperComponent_Case_27_Template, 1, 3)(28, WrapperComponent_Case_28_Template, 4, 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](29, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](30, "i", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](31, WrapperComponent_button_31_Template, 2, 0, "button", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](32, " \u00A0 ");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](33, "p", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](34);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](35, WrapperComponent_ng_template_35_Template, 2, 2, "ng-template", null, 21, _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplateRefExtractor"]);
      }
      if (rf & 2) {
        const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵreference"](36);
        let WrapperComponent_contFlowTmp;
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("visible", ctx.filtro)("fullScreen", ctx.isMobile())("position", ctx.filtroPosicion == "I" ? "left" : "top");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngTemplateOutlet", _r20);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"](" ", ctx.indicadorInstancia.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.editTemplate);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx.isMobile() && !ctx.editTemplate && ctx.tablaDisp(ctx.indicadorInstancia.InfIndicador.InfVisual.Id));
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx.editTemplate && ctx.tablaDisp(ctx.indicadorInstancia.InfIndicador.InfVisual.Id));
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.configurable && !ctx.editTemplate && ctx.permisos.editarInstanciaIndicador);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.configurable && !ctx.editTemplate && ctx.permisos.eliminarInstanciaIndicador);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx.editTemplate);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](20, (WrapperComponent_contFlowTmp = ctx.indicadorInstancia.InfIndicador.InfVisual.Id) === 1 ? 20 : WrapperComponent_contFlowTmp === 2 ? 21 : WrapperComponent_contFlowTmp === 3 ? 22 : WrapperComponent_contFlowTmp === 4 ? 23 : WrapperComponent_contFlowTmp === 5 ? 24 : WrapperComponent_contFlowTmp === 6 ? 25 : WrapperComponent_contFlowTmp === 7 ? 26 : WrapperComponent_contFlowTmp === 8 ? 27 : 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](10);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", ctx.indicadorInstancia.Descripcion ? ctx.indicadorInstancia.Descripcion : "Sin Descripci\u00F3n");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx.editTemplate && ctx.permisos.obtenerDatos);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate"](ctx.indicadorInstancia.Data == null ? null : ctx.indicadorInstancia.Data.Fecha);
      }
    },
    dependencies: [primeng_api__WEBPACK_IMPORTED_MODULE_23__.PrimeTemplate, _angular_common__WEBPACK_IMPORTED_MODULE_24__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_24__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_24__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_24__.NgTemplateOutlet, primeng_tooltip__WEBPACK_IMPORTED_MODULE_25__.Tooltip, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_21__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_21__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_21__.FormControlName, primeng_sidebar__WEBPACK_IMPORTED_MODULE_26__.Sidebar, _shared_ui_input_number_input_number_component__WEBPACK_IMPORTED_MODULE_10__.InputNumberComponent, _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_11__.SelectLoadingComponent, _shared_ui_input_periodo_input_periodo_component__WEBPACK_IMPORTED_MODULE_12__.InputPeriodoComponent, _shared_ui_input_time_input_time_component__WEBPACK_IMPORTED_MODULE_13__.InputTimeComponent, _lineas_lineas_component__WEBPACK_IMPORTED_MODULE_14__.LineasComponent, _torta_torta_component__WEBPACK_IMPORTED_MODULE_15__.TortaComponent, _barras_barras_component__WEBPACK_IMPORTED_MODULE_16__.BarrasComponent, _columnas_columnas_component__WEBPACK_IMPORTED_MODULE_17__.ColumnasComponent, _kpi_kpi_component__WEBPACK_IMPORTED_MODULE_18__.KpiComponent, _listado_listado_component__WEBPACK_IMPORTED_MODULE_19__.ListadoComponent, _angular_common__WEBPACK_IMPORTED_MODULE_24__.JsonPipe],
    styles: [".card-body[_ngcontent-%COMP%] {\n  position: relative;\n}\n.card-body[_ngcontent-%COMP%]   .card-title[_ngcontent-%COMP%] {\n  margin-top: 20px;\n}\n.card-body[_ngcontent-%COMP%]   .button-options[_ngcontent-%COMP%] {\n  position: absolute;\n  display: inline-block;\n  top: 0;\n  right: 0;\n  margin: 20px;\n}\n@media screen and (max-width: 567px) {\n  .card-body[_ngcontent-%COMP%]   .button-options[_ngcontent-%COMP%] {\n    margin: 5px;\n  }\n}\n\n .filtros-container.p-sidebar-top {\n  height: 20rem;\n}\n\n .filtros-container.p-sidebar-left {\n  width: 25rem;\n}\n\n.pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}"]
  });
}

/***/ }),

/***/ 34338:
/*!**************************************************************************************!*\
  !*** ./src/app/pages/estadistica/inicio-estadistica/inicio-estadistica.component.ts ***!
  \**************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   InicioEstadisticaComponent: () => (/* binding */ InicioEstadisticaComponent)
/* harmony export */ });
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var _angular_common_locales_es__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @angular/common/locales/es */ 46828);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/layouts/layouts.model */ 45660);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/services/configGeneral.service */ 99757);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var src_app_core_services_estadisticas_estadistica_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/services/estadisticas/estadistica.service */ 57298);
/* harmony import */ var _core_services_config_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../core/services/config.service */ 56375);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/core/services/estadisticas/subtablero.service */ 61300);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var src_app_core_services_estadisticas_persistencia_tableros_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/estadisticas/persistencia-tableros.service */ 42785);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var _autorizacion_inicio_autorizacion_inicio_autorizacion_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../autorizacion/inicio-autorizacion/inicio-autorizacion.component */ 8963);
/* harmony import */ var _notificaciones_inicio_notificaciones_inicio_notificaciones_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../notificaciones/inicio-notificaciones/inicio-notificaciones.component */ 11629);
/* harmony import */ var _produccion_inicio_produccion_inicio_produccion_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../produccion/inicio-produccion/inicio-produccion.component */ 86730);
/* harmony import */ var _rma_inicio_rma_inicio_rma_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../rma/inicio-rma/inicio-rma.component */ 20032);
/* harmony import */ var _servicios_inicio_servicios_inicio_servicios_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../servicios/inicio-servicios/inicio-servicios.component */ 92548);
/* harmony import */ var _web_inicio_web_inicio_web_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../web/inicio-web/inicio-web.component */ 56785);
/* harmony import */ var _plataformas_inicio_plataformas_inicio_plataformas_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../plataformas/inicio-plataformas/inicio-plataformas.component */ 7622);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../ver-tablero/ver-tablero.component */ 7951);
/* harmony import */ var _arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../arbol-tableros/arbol-tableros.component */ 89467);


























function InicioEstadisticaComponent_ng_template_36_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_ng_template_36_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_ng_template_36_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"]();
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](46);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r10);
  }
}
function InicioEstadisticaComponent_li_37_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_37_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_37_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](48);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r12);
  }
}
function InicioEstadisticaComponent_li_37_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Autorizaci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Autorizaci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_37_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 2);
  }
}
function InicioEstadisticaComponent_li_38_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_38_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_38_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](50);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r14);
  }
}
function InicioEstadisticaComponent_li_38_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Notificaciones");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Notificaciones");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_38_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 3);
  }
}
function InicioEstadisticaComponent_li_39_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_39_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_39_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](52);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r16);
  }
}
function InicioEstadisticaComponent_li_39_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Producci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Producci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_39_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 4);
  }
}
function InicioEstadisticaComponent_li_40_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_40_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_40_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](54);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r18);
  }
}
function InicioEstadisticaComponent_li_40_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Plat. Pagos");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Plataformas de pago");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_40_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 5);
  }
}
function InicioEstadisticaComponent_li_41_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_41_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_41_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](56);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r20);
  }
}
function InicioEstadisticaComponent_li_41_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "RMA");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas RMA");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_41_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 6);
  }
}
function InicioEstadisticaComponent_li_42_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_42_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_42_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r22 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](58);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r22);
  }
}
function InicioEstadisticaComponent_li_42_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Servicios");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Servicios");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_42_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 7);
  }
}
function InicioEstadisticaComponent_li_43_ng_template_6_ng_template_0_Template(rf, ctx) {}
function InicioEstadisticaComponent_li_43_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_li_43_ng_template_6_ng_template_0_Template, 0, 0, "ng-template", 40);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    const _r24 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](60);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngTemplateOutlet", _r24);
  }
}
function InicioEstadisticaComponent_li_43_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "li", 25)(1, "a", 26)(2, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](3, "Web");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](4, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](5, "Estad\u00EDsticas Web");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](6, InicioEstadisticaComponent_li_43_ng_template_6_Template, 1, 1, "ng-template", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 8);
  }
}
function InicioEstadisticaComponent_ng_template_45_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-ver-tablero", 41);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("idTablero", 0);
  }
}
function InicioEstadisticaComponent_ng_template_45_Conditional_1_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-ver-tablero", 41);
  }
  if (rf & 2) {
    const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("idTablero", ctx_r42.tableroPredeterminado.Id);
  }
}
const _c0 = a0 => ({
  "shadow-lg": a0
});
function InicioEstadisticaComponent_ng_template_45_Conditional_1_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "div", 42)(1, "div", 43)(2, "div", 44)(3, "div", 45)(4, "div", 46)(5, "div", 4)(6, "h5", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](7, "Colecciones de tableros");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](8, "div", 48)(9, "div", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](10, "i", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](11, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](13, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](14, "Colecciones totales");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](15, "div", 51)(16, "div", 52)(17, "div", 53)(18, "div", 4)(19, "div", 54)(20, "div", 55)(21, "p", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](22, "Configurables");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](23, "h3", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](25, "div", 58)(26, "div", 59)(27, "div", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](28, "i", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](29, "div", 53)(30, "div", 4)(31, "div", 54)(32, "div", 55)(33, "p", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](34, "No Configurables");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](35, "h3", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](36);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](37, "div", 58)(38, "div", 59)(39, "div", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](40, "i", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](41, "div", 52)(42, "div", 53)(43, "div", 4)(44, "div", 54)(45, "div", 55)(46, "p", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](47, "Tableros");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](48, "h3", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](49);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](50, "div", 58)(51, "div", 59)(52, "div", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](53, "i", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](54, "div", 66)(55, "div", 4)(56, "div", 54)(57, "div", 55)(58, "p", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](59, "Tableros favoritos");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](60, "h3", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](61);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](62, "div", 58)(63, "div", 59)(64, "div", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](65, "i", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()()()()()()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](66, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](67, "app-arbol-tableros", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()();
  }
  if (rf & 2) {
    const ctx_r43 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵpureFunction1"](7, _c0, ctx_r43.useLargeShadow));
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtextInterpolate"](ctx_r43.ind_tabl);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtextInterpolate"](ctx_r43.ind_tabl_configurables);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtextInterpolate1"](" ", ctx_r43.ind_tabl_no_configurables, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtextInterpolate"](ctx_r43.ind_subt);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtextInterpolate"](ctx_r43.ind_subt_fav);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("tableros", ctx_r43.tableros);
  }
}
function InicioEstadisticaComponent_ng_template_45_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_ng_template_45_Conditional_1_Conditional_0_Template, 1, 1, "app-ver-tablero", 41)(1, InicioEstadisticaComponent_ng_template_45_Conditional_1_Conditional_1_Template, 68, 9);
  }
  if (rf & 2) {
    const ctx_r41 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵconditional"](0, ctx_r41.verEnInicio == "P" && ctx_r41.tableroPredeterminado ? 0 : 1);
  }
}
function InicioEstadisticaComponent_ng_template_45_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](0, InicioEstadisticaComponent_ng_template_45_Conditional_0_Template, 1, 1, "app-ver-tablero", 41)(1, InicioEstadisticaComponent_ng_template_45_Conditional_1_Template, 2, 1);
  }
  if (rf & 2) {
    const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵconditional"](0, ctx_r9.verEnInicio == "F" && ctx_r9.verFavorito == "S" ? 0 : 1);
  }
}
function InicioEstadisticaComponent_ng_template_47_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-autorizacion", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_49_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-notificaciones", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_51_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-produccion", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_53_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-plataformas", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_55_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-rma", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_57_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-servicios", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
function InicioEstadisticaComponent_ng_template_59_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](0, "app-inicio-web", 70);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("standalone", false);
  }
}
const _c1 = () => ["/estadistica/colecciones"];
/**
 * SP SINWEB-328 componente de inicio de estadistica
 */
class InicioEstadisticaComponent {
  constructor(configGralService, router, estadisticaService, config, fb, subtableroService, tableroService, persistenciaTablerosService, authService) {
    this.configGralService = configGralService;
    this.router = router;
    this.estadisticaService = estadisticaService;
    this.config = config;
    this.fb = fb;
    this.subtableroService = subtableroService;
    this.tableroService = tableroService;
    this.persistenciaTablerosService = persistenciaTablerosService;
    this.authService = authService;
    this.subs = [];
    //SP SINWEB-  INDICADORES INICIO
    this.charContRelRubroReady = false;
    this.chartOptionsRubro = {
      series: [{
        name: 'Contribución relativa del rubro',
        data: [],
        color: '#34c38f'
      }],
      chart: {
        type: 'bar',
        height: 350,
        defaultLocale: 'es',
        locales: [{
          name: 'es',
          options: {
            toolbar: {
              exportToSVG: 'Descargar SVG',
              exportToPNG: 'Descargar PNG',
              exportToCSV: 'Descargar CSV',
              download: 'Descargar',
              selection: 'Selección',
              selectionZoom: 'Seleccionar Zoom',
              zoomIn: 'Acercarse',
              zoomOut: 'Alejarse',
              pan: 'Panorámica',
              reset: 'Reiniciar Zoom'
            }
          }
        }]
      },
      plotOptions: {
        bar: {
          horizontal: false,
          //columnWidth: "55%",
          endingShape: 'rounded',
          dataLabels: {
            position: 'top' // top, center, bottom
          }
        }
      },
      dataLabels: {
        enabled: false,
        offsetY: -20,
        formatter: function (val) {
          return val.toFixed(2) + '%';
        }
      },
      stroke: {
        show: true,
        width: 2,
        colors: ['transparent']
      },
      xaxis: {
        type: 'category',
        // title: { text: '% de aumento de ventas con respecto a los últimos 12 meses' },
        categories: [],
        labels: {
          show: true,
          rotate: -45,
          style: {
            fontSize: '10px'
          }
        }
      },
      yaxis: {
        title: {
          text: '% de contribución'
        },
        labels: {
          formatter: function (value) {
            return new _angular_common__WEBPACK_IMPORTED_MODULE_20__.DecimalPipe('es').transform(value.toFixed(2), '1.0-2') + '%';
          }
        }
      },
      fill: {
        opacity: 1
      }
    };
    // MC SINWEB-484 Se agregan propiedades para separación de gráficos
    this.arrayChartRubro = [];
    this.indexChartRubro = 0;
    this.charEvolRubroReady = false;
    this.chartOptionsEvolRubro = {
      series: [{
        name: 'Evolucion por Rubro',
        data: [],
        color: '#34c38f'
      }],
      chart: {
        type: 'bar',
        height: 350,
        defaultLocale: 'es',
        locales: [{
          name: 'es',
          options: {
            toolbar: {
              exportToSVG: 'Descargar SVG',
              exportToPNG: 'Descargar PNG',
              exportToCSV: 'Descargar CSV',
              download: 'Descargar',
              selection: 'Selección',
              selectionZoom: 'Seleccionar Zoom',
              zoomIn: 'Acercarse',
              zoomOut: 'Alejarse',
              pan: 'Panorámica',
              reset: 'Reiniciar Zoom'
            }
          }
        }]
      },
      plotOptions: {
        bar: {
          horizontal: true,
          //columnWidth: "55%",
          endingShape: 'rounded'
        }
      },
      dataLabels: {
        enabled: false,
        formatter: function (val) {
          return val.toFixed(2) + '%';
        }
      },
      stroke: {
        show: true,
        width: 2,
        colors: ['transparent']
      },
      xaxis: {
        type: 'category',
        title: {
          text: '% de aumento de ventas netas con respecto al año previo'
        },
        categories: [],
        labels: {
          formatter: function (value) {
            return new _angular_common__WEBPACK_IMPORTED_MODULE_20__.DecimalPipe('es').transform(value.toFixed(2), '1.0-2') + '%';
          }
        }
      },
      yaxis: {
        title: {
          text: 'Rubros'
        },
        labels: {
          show: true,
          style: {
            fontSize: '10px'
          }
        }
      },
      fill: {
        opacity: 1
      }
    };
    // MC SINWEB-484 Se agregan propiedades para separación de gráficos
    this.arrayChartEvolRubro = [];
    this.indexChartEvolRubro = 0;
    this.charContRelCanalReady = false;
    this.chartOptionsCanal = {};
    this.charEvolCanalReady = false;
    this.chartOptionsEvolCanal = {};
    this.chartPerdidaClientesReady = false;
    this.chartOptionsPerdidaClientes = {};
    this.contFinalRubros = 0;
    this.contFinalCanales = 0;
    this.ventas = 0;
    this.utilidadBruta = 0;
    this.margenBruto = 0;
    this.margenBrutoTotal = 0;
    this.margenBrutoPorcentaje = 0;
    this.aporte = 0;
    this.aporteTotal = 0;
    this.aportePorcentaje = 0;
    this.perdida = 0;
    this.noPerdida = 0;
    this.perdidaTotal = 0;
    this.perdidaPorcentaje = 0;
    this.filtrosIniciales = true;
    this.indicadoresForm = this.fb.group({
      fechaDesde: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.fechaActual)()],
      fechaHasta: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.fechaActual)()],
      periodo: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.periodoActual)()],
      FechaClientesNuevos: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.restarMesesAFechaActual)(1)],
      PeriodoClientesNuevos: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.formatMMYYYYCompActual)()],
      FechaClientesActivos: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.fechaActual)()],
      FechaClientesPerdidos: [(0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_0__.fechaActual)()]
    });
    this.tableros = [];
    this.ind_tabl = 0;
    this.ind_subt = 0;
    this.ind_subt_fav = 0;
    this.ind_tabl_no_configurables = 0;
    this.ind_tabl_configurables = 0;
    this.verEnInicio = this.configGralService._config.VerEnInicio;
    this.verFavorito = this.configGralService._config.VerFavoritos;
    this.subtableros = [];
  }
  ngOnInit() {
    (0,_angular_common__WEBPACK_IMPORTED_MODULE_20__.registerLocaleData)(_angular_common_locales_es__WEBPACK_IMPORTED_MODULE_21__["default"]);
    this.darkMode = document.querySelector('html').getAttribute('data-bs-theme') === src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_2__.THEME_DARK;
    this.cargarModulos();
    this.cargarIndicadores();
  }
  ngOnDestroy() {
    this.subs.forEach(sb => sb.unsubscribe());
  }
  cargarModulos() {
    this.produccionActivo = this.config.config.modulos.produccion.activo;
    this.autorizacionActivo = this.config.config.modulos.autorizacion.activo;
    this.rmaActivo = this.config.config.modulos.rma.activo;
    this.webActivo = this.config.config.modulos.web.activo;
    this.serviciosActivo = this.config.config.modulos.servicios.activo;
    this.notificacionesActivo = this.config.config.modulos.notificaciones.activo;
    this.plataformasPagoActivo = this.config.config.modulos.plataformas.activo;
  }
  cargarIndicadores() {
    this.cargarTableros();
    this.cargarSubtableros();
  }
  cargarTableros() {
    let datos = {
      PageNumber: -1,
      IdsEmpresa: this.authService.usuario.IdEmpresa,
      IncluirEmpresas: 'S'
    };
    let susc = this.tableroService.fetch(datos).subscribe(resp => {
      this.tableros = resp.Data;
      this.ind_tabl = resp.Data.length;
      let [configurados, noConfigurados] = lodash__WEBPACK_IMPORTED_MODULE_1__.partition(resp.Data, item => item.Configurable == 'S');
      this.ind_tabl_configurables = configurados.length;
      this.ind_tabl_no_configurables = noConfigurados.length;
      this.tableroPredeterminado = resp.Data.find(tablero => tablero.InfTablerosEmpresas.find(empresa => empresa.Empresa.Id == this.authService.usuario.IdEmpresa)?.Predeterminado == 'S');
    });
  }
  cargarSubtableros() {
    let datos = {
      PageNumber: -1
    };
    let susc = this.subtableroService.fetch(datos).subscribe(resp => {
      this.subtableros = resp.Data;
      this.ind_subt = this.subtableros.length;
      this.ind_subt_fav = this.subtableros.filter(subt => subt.Favorito == 'S').length;
    });
  }
  static #_ = this.ɵfac = function InicioEstadisticaComponent_Factory(t) {
    return new (t || InicioEstadisticaComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_3__.ConfigGeneralService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_22__.Router), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_estadistica_service__WEBPACK_IMPORTED_MODULE_4__.EstadisticaService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](_core_services_config_service__WEBPACK_IMPORTED_MODULE_5__.ConfigService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_23__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_6__.SubtableroService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_7__.TableroService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_persistencia_tableros_service__WEBPACK_IMPORTED_MODULE_8__.PersistenciaTablerosService), _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_9__.AuthService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵdefineComponent"]({
    type: InicioEstadisticaComponent,
    selectors: [["app-inicio-estadistica"]],
    decls: 61,
    vars: 15,
    consts: [[1, "card"], [1, "row", "justify-content-center", "align-items-stretch", "mb-3", "g-1"], [1, "col-lg-12"], [1, "card", 3, "ngClass"], [1, "card-body"], [1, "row"], [1, "d-flex", "flex-column", "flex-sm-row", "align-items-center", "flex-wrap", "gap-2"], [1, "media", "flex-grow-1", "text-md-start", "text-center"], [1, "text-center", "text-md-start", "me-md-3"], [1, "bx", "bx-line-chart", "bx-md", "text-primary"], [1, "media-body", "align-self-center"], [1, "text-muted"], [1, "my-2"], [1, "col-lg-5", "align-self-center"], [1, "text-center", "mt-4", "mt-lg-0"], [1, "col-lg-3", "d-none", "d-lg-block"], [1, "clearfix", "mt-4", "mt-lg-0"], ["ngbDropdown", "", 1, "dropdown", "float-end"], ["type", "button", "data-toggle", "dropdown", "aria-haspopup", "true", "aria-expanded", "false", "ngbDropdownToggle", "", 1, "btn", "btn-primary", "dropdown-toggle"], [1, "bx", "bxs-share", "align-middle", "mr-1"], ["ngbDropdownMenu", "", 1, "dropdown-menu", "dropdown-menu-end"], ["href", "javascript: void(0);", 1, "dropdown-item", 3, "routerLink"], [1, "card-body", "mx-0", "mb-2"], ["ngbNav", "", 1, "nav-tabs", "nav-tabs-custom", "nav-justified", 3, "activeId"], ["mainNav", "ngbNav"], [3, "ngbNavItem"], ["ngbNavLink", ""], [1, "d-block", "d-sm-none"], [1, "d-none", "d-sm-block"], ["ngbNavContent", ""], [3, "ngbNavItem", 4, "ngIf"], [3, "ngbNavOutlet"], ["GENERAL_TAB", ""], ["AUTORIZACION_TAB", ""], ["NOTIFICACIONES_TAB", ""], ["PRODUCCION_TAB", ""], ["PLAT_PAGO_TAB", ""], ["RMA_TAB", ""], ["SERVICIOS_TAB", ""], ["WEB_TAB", ""], [3, "ngTemplateOutlet"], [3, "idTablero"], [1, "row", "pt-1", "justify-content-center"], [1, "col-xl-10"], [1, "row", "g-1", "justify-content-around"], [1, "col-xl-5"], [1, "card", "mb-0", 2, "min-height", "570px", 3, "ngClass"], [1, "text-muted", "mb-4"], [1, "text-center"], [1, "mb-4"], [1, "mdi", "mdi-monitor-dashboard", "text-primary", "display-4"], [1, "d-flex", "flex-column", "flex-lg-row"], [1, "col-12", "col-lg-6"], [1, "card", "mini-stats-wid", "shadow-sm"], [1, "d-flex"], [1, "flex-grow-1"], [1, "text-muted", "mb-2"], [1, "mb-0"], [1, "flex-shrink-0", "align-self-center"], [1, "mini-stat-icon", "avatar-sm", "rounded-circle"], [1, "avatar-title", "bg-info"], [1, "mdi", "mdi-cog-outline", "font-size-20"], [1, "avatar-title", "bg-secondary"], [1, "mdi", "mdi-cog-off-outline", "font-size-24"], [1, "avatar-title", "bg-primary"], [1, "mdi", "mdi-view-dashboard-outline", "font-size-24"], [1, "card", "mini-stats-wid", "shadow-sm", "mb-0"], [1, "avatar-title", "bg-warning"], [1, "mdi", "mdi-star", "font-size-24"], ["format", "comp", 3, "tableros"], [3, "standalone"]],
    template: function InicioEstadisticaComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div", 7)(8, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](9, "i", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](10, "div", 10)(11, "div", 11)(12, "h5", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](13, "Modulo Estad\u00EDsticas");
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](14, "div", 13)(15, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](16, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](17, "div", 15)(18, "div", 16)(19, "div", 17)(20, "button", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](21, "i", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](22, " Accesos directos ");
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](23, "div", 20)(24, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](25, "Colecciones de tableros");
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()()()()()()()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](26, "div", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementContainerStart"](27);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](28, "ul", 23, 24)(30, "li", 25)(31, "a", 26)(32, "span", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](33, "Generales");
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementStart"](34, "span", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtext"](35, "Estad\u00EDsticas Generales");
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](36, InicioEstadisticaComponent_ng_template_36_Template, 1, 1, "ng-template", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](37, InicioEstadisticaComponent_li_37_Template, 7, 1, "li", 30)(38, InicioEstadisticaComponent_li_38_Template, 7, 1, "li", 30)(39, InicioEstadisticaComponent_li_39_Template, 7, 1, "li", 30)(40, InicioEstadisticaComponent_li_40_Template, 7, 1, "li", 30)(41, InicioEstadisticaComponent_li_41_Template, 7, 1, "li", 30)(42, InicioEstadisticaComponent_li_42_Template, 7, 1, "li", 30)(43, InicioEstadisticaComponent_li_43_Template, 7, 1, "li", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelement"](44, "div", 31);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementContainerEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplate"](45, InicioEstadisticaComponent_ng_template_45_Template, 2, 1, "ng-template", null, 32, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(47, InicioEstadisticaComponent_ng_template_47_Template, 1, 1, "ng-template", null, 33, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(49, InicioEstadisticaComponent_ng_template_49_Template, 1, 1, "ng-template", null, 34, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(51, InicioEstadisticaComponent_ng_template_51_Template, 1, 1, "ng-template", null, 35, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(53, InicioEstadisticaComponent_ng_template_53_Template, 1, 1, "ng-template", null, 36, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(55, InicioEstadisticaComponent_ng_template_55_Template, 1, 1, "ng-template", null, 37, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(57, InicioEstadisticaComponent_ng_template_57_Template, 1, 1, "ng-template", null, 38, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"])(59, InicioEstadisticaComponent_ng_template_59_Template, 1, 1, "ng-template", null, 39, _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵtemplateRefExtractor"]);
      }
      if (rf & 2) {
        const _r0 = _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵreference"](29);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵpureFunction1"](12, _c0, ctx.darkMode));
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](21);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵpureFunction0"](14, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("activeId", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavItem", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.autorizacionActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.notificacionesActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.produccionActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.plataformasPagoActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.rmaActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.serviciosActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngIf", ctx.webActivo);
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_19__["ɵɵproperty"]("ngbNavOutlet", _r0);
      }
    },
    dependencies: [_angular_router__WEBPACK_IMPORTED_MODULE_22__.RouterLink, _autorizacion_inicio_autorizacion_inicio_autorizacion_component__WEBPACK_IMPORTED_MODULE_10__.InicioAutorizacionComponent, _notificaciones_inicio_notificaciones_inicio_notificaciones_component__WEBPACK_IMPORTED_MODULE_11__.InicioNotificacionesComponent, _produccion_inicio_produccion_inicio_produccion_component__WEBPACK_IMPORTED_MODULE_12__.InicioProduccionComponent, _rma_inicio_rma_inicio_rma_component__WEBPACK_IMPORTED_MODULE_13__.InicioRmaComponent, _servicios_inicio_servicios_inicio_servicios_component__WEBPACK_IMPORTED_MODULE_14__.InicioServiciosComponent, _web_inicio_web_inicio_web_component__WEBPACK_IMPORTED_MODULE_15__.InicioWebComponent, _plataformas_inicio_plataformas_inicio_plataformas_component__WEBPACK_IMPORTED_MODULE_16__.InicioPlataformasComponent, _angular_common__WEBPACK_IMPORTED_MODULE_20__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_20__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_20__.NgTemplateOutlet, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbDropdownMenu, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavContent, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNav, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavItem, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavItemRole, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavLink, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavLinkBase, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_24__.NgbNavOutlet, _ver_tablero_ver_tablero_component__WEBPACK_IMPORTED_MODULE_17__.VerTableroComponent, _arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_18__.ArbolTablerosComponent]
  });
}

/***/ }),

/***/ 59053:
/*!****************************************************************************************!*\
  !*** ./src/app/pages/estadistica/ordenar-subtableros/ordenar-subtableros.component.ts ***!
  \****************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   OrdenarSubtablerosComponent: () => (/* binding */ OrdenarSubtablerosComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! primeng/api */ 85219);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_orderlist__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! primeng/orderlist */ 41825);






function OrdenarSubtablerosComponent_ng_template_6_i_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "i", 13);
  }
}
function OrdenarSubtablerosComponent_ng_template_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 9)(1, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](3, "i", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](4, OrdenarSubtablerosComponent_ng_template_6_i_4_Template, 1, 0, "i", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const subtablero_r1 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" ", subtablero_r1.Nombre, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", subtablero_r1.Favorito == "S");
  }
}
const _c0 = () => ({
  "max-height": "30rem"
});
class OrdenarSubtablerosComponent {
  constructor(modal, tableroService) {
    this.modal = modal;
    this.tableroService = tableroService;
    this.subtableros = [];
  }
  ngOnInit() {
    if (this.tablero.InfTablerosSubtableros?.length > 0) {
      this.subtableros = this.tablero.InfTablerosSubtableros.map(subtablero => {
        return {
          Nombre: subtablero.InfSubtablero.Nombre,
          Favorito: subtablero.InfSubtablero.Favorito,
          Id: subtablero.Id,
          IdInfSubtablero: subtablero.InfSubtablero.Id,
          IdInfTablero: this.tablero.Id,
          Orden: subtablero.Orden
        };
      });
    }
  }
  onReorder(event) {
    console.log(event);
  }
  prepararTablero() {
    let tableroEnvio = {
      Nombre: this.tablero.Nombre,
      Descripcion: this.tablero.Descripcion,
      Configurable: this.tablero.Configurable,
      Orden: this.tablero.Orden,
      InfTablerosSubtableros: this.subtableros.map((subtablero, index) => {
        return {
          Id: subtablero.Id,
          IdInfSubtablero: subtablero.IdInfSubtablero,
          IdInfTablero: this.tablero.Id,
          Orden: subtablero.Orden = index + 1
        };
      }),
      InfTablerosEmpresas: this.tablero.InfTablerosEmpresas.map(infTableroEmpresa => {
        return {
          Id: infTableroEmpresa.Id,
          IdInfTablero: this.tablero.Id,
          IdEmpresa: infTableroEmpresa.Empresa.Id,
          Predeterminado: infTableroEmpresa.Predeterminado
        };
      })
    };
    return tableroEnvio;
  }
  save() {
    const susc = this.tableroService.editar(this.prepararTablero(), this.tablero.Id).subscribe(res => {
      if (res) {
        this.modal.close(res);
      }
    });
  }
  static #_ = this.ɵfac = function OrdenarSubtablerosComponent_Factory(t) {
    return new (t || OrdenarSubtablerosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_0__.TableroService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: OrdenarSubtablerosComponent,
    selectors: [["app-ordenar-subtableros"]],
    inputs: {
      tablero: "tablero"
    },
    decls: 12,
    vars: 5,
    consts: [[1, "modal-content"], [1, "modal-header"], [1, "modal-title", "h4"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], ["header", "Tableros", 3, "value", "listStyle", "dragdrop", "onReorder"], ["pTemplate", "item"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-light-primary", "font-weight-bold", 3, "click"], ["type", "button", 1, "btn", "btn-success", "font-weight-bold", 3, "click"], [1, "flex", "flex-wrap", "p-2", "align-items-center", "gap-3"], [1, "flex-grow-1"], [1, "mdi", "mdi-view-dashboard-outline", "font-size-16", "float-end"], ["class", "mdi mdi-star font-size-16 float-end", 4, "ngIf"], [1, "mdi", "mdi-star", "font-size-16", "float-end"]],
    template: function OrdenarSubtablerosComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "div", 3)(5, "p-orderList", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("onReorder", function OrdenarSubtablerosComponent_Template_p_orderList_onReorder_5_listener($event) {
          return ctx.onReorder($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](6, OrdenarSubtablerosComponent_ng_template_6_Template, 5, 2, "ng-template", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 6)(8, "button", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function OrdenarSubtablerosComponent_Template_button_click_8_listener() {
          return ctx.modal.dismiss();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9, " Cerrar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "button", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function OrdenarSubtablerosComponent_Template_button_click_10_listener() {
          return ctx.save();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11, " Guardar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" Ordernar Tableros en la colecci\u00F3n - ", ctx.tablero.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("value", ctx.subtableros)("listStyle", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](4, _c0))("dragdrop", true);
      }
    },
    dependencies: [primeng_api__WEBPACK_IMPORTED_MODULE_3__.PrimeTemplate, _angular_common__WEBPACK_IMPORTED_MODULE_4__.NgIf, primeng_orderlist__WEBPACK_IMPORTED_MODULE_5__.OrderList],
    styles: [".p-orderlist-list::-webkit-scrollbar {\n  width: 20px;\n}\n@-moz-document url-prefix() {\n  ::ng-deep.p-orderlist-list {\n    scrollbar-width: thin;\n  }\n}\n .p-orderlist-list::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n .p-orderlist-list::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n .p-orderlist-list::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}"]
  });
}

/***/ }),

/***/ 44138:
/*!***********************************************************************************!*\
  !*** ./src/app/pages/estadistica/tableros/tablero-edit/tablero-edit.component.ts ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TableroEditComponent: () => (/* binding */ TableroEditComponent)
/* harmony export */ });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/viewHelper.service */ 90556);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common */ 96814);









function TableroEditComponent_ng_container_3_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, "Editar");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
}
function TableroEditComponent_ng_container_3_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, "Nueva");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
}
function TableroEditComponent_ng_container_3_ng_container_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("'", ctx_r5.tablero.Nombre, "'");
  }
}
function TableroEditComponent_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, TableroEditComponent_ng_container_3_ng_container_1_Template, 2, 0, "ng-container", 3)(2, TableroEditComponent_ng_container_3_ng_container_2_Template, 2, 0, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](3, " Colecci\u00F3n ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](4, TableroEditComponent_ng_container_3_ng_container_4_Template, 2, 1, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.tablero.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx_r0.tablero.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.tablero.Id);
  }
}
function TableroEditComponent_ng_container_5_div_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, " Nombre correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
  }
}
function TableroEditComponent_ng_container_5_div_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, " Nombre de la colecci\u00F3n requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
  }
}
function TableroEditComponent_ng_container_5_div_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, " Nombre de la colecci\u00F3n no debe tener m\u00E1s de 100 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
  }
}
function TableroEditComponent_ng_container_5_div_19_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, " Descripci\u00F3n correcta ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
  }
}
function TableroEditComponent_ng_container_5_div_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1, " Descripci\u00F3n no debe tener m\u00E1s de 200 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
  }
}
function TableroEditComponent_ng_container_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "form", 7)(2, "div", 8)(3, "div", 9)(4, "label", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "Nombre");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](6, "input", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](7, TableroEditComponent_ng_container_5_div_7_Template, 2, 0, "div", 12)(8, TableroEditComponent_ng_container_5_div_8_Template, 2, 0, "div", 13)(9, TableroEditComponent_ng_container_5_div_9_Template, 2, 0, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "div", 14)(11, "div", 15)(12, "label", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13, "Predeterminado");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](14, "input", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "div", 18)(16, "label", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](17, "Descripci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](18, "textarea", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](19, TableroEditComponent_ng_container_5_div_19_Template, 2, 0, "div", 12)(20, TableroEditComponent_ng_container_5_div_20_Template, 2, 0, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("formGroup", ctx_r1.formGroup);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵclassProp"]("is-invalid", ctx_r1.vh.isControlInvalid("Nombre"))("is-valid", ctx_r1.vh.isControlValid("Nombre"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r1.vh.isControlValid("Nombre"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r1.vh.controlHasError("required", "Nombre"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r1.vh.controlHasError("maxlength", "Nombre"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵclassProp"]("is-invalid", ctx_r1.vh.isControlInvalid("Descripcion"))("is-valid", ctx_r1.vh.isControlValid("Descripcion"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r1.vh.isControlValid("Descripcion"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r1.vh.controlHasError("maxlength", "Descripcion"));
  }
}
function TableroEditComponent_ng_container_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "button", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function TableroEditComponent_ng_container_9_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r12);
      const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵresetView"](ctx_r11.save());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, " Guardar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("disabled", ctx_r2.formGroup.invalid);
  }
}
class TableroEditComponent {
  constructor(modal, fb, vh, tableroService, authService) {
    this.modal = modal;
    this.fb = fb;
    this.vh = vh;
    this.tableroService = tableroService;
    this.authService = authService;
    this.formGroup = this.fb.group({
      Nombre: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.maxLength(100)])],
      Descripcion: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.maxLength(200)],
      Orden: [1, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required],
      Configurable: [true, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required],
      Predeterminado: [false]
    });
  }
  ngOnInit() {
    if (!this.tablero) {
      this.tablero = {
        Id: undefined,
        Nombre: '',
        Orden: 1,
        Descripcion: '',
        Configurable: 'S',
        InfTablerosSubtableros: null,
        InfTablerosEmpresas: null
      };
    }
    this.loadForm();
  }
  loadForm() {
    this.formGroup = this.fb.group({
      Nombre: [this.tablero.Nombre, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.maxLength(100)])],
      Descripcion: [this.tablero.Descripcion ? this.tablero.Descripcion : '', _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.maxLength(200)],
      Configurable: [this.tablero.Configurable == 'S' ? true : false, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required],
      Orden: [this.tablero.Orden, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.Validators.required],
      Predeterminado: [this.tablero.InfTablerosEmpresas.find(e => e.Empresa.Id === this.authService.usuario.IdEmpresa)?.Predeterminado == 'S' ? true : false]
    });
    this.vh.inicializar();
    this.vh.formGroup = this.formGroup;
  }
  save() {
    this.formGroup.markAllAsTouched();
    if (!this.formGroup.valid) {
      return;
    }
    if (!this.tablero.Id) {
      this.createTablero();
    } else {
      this.editarTablero();
    }
  }
  prepararTablero() {
    let formData = this.formGroup.value;
    let tableroEnvio = {
      Nombre: formData.Nombre,
      Descripcion: formData.Descripcion,
      Configurable: formData.Configurable ? 'S' : 'N',
      Orden: formData.Orden,
      InfTablerosSubtableros: null,
      InfTablerosEmpresas: [{
        Id: null,
        IdInfTablero: null,
        IdEmpresa: this.authService.usuario.IdEmpresa,
        Predeterminado: formData.Predeterminado ? 'S' : 'N'
      }]
    };
    if (this.tablero.Id) {
      tableroEnvio.InfTablerosSubtableros = this.tablero.InfTablerosSubtableros.map(st => {
        return {
          Id: st.Id,
          Orden: st.Orden,
          IdInfSubtablero: st.InfSubtablero.Id,
          IdInfTablero: this.tablero.Id
        };
      });
      let tableroEmpresa = this.tablero.InfTablerosEmpresas.find(e => e.Empresa.Id == this.authService.usuario.IdEmpresa);
      tableroEnvio.InfTablerosEmpresas = tableroEmpresa ? [{
        Id: tableroEmpresa.Id,
        IdInfTablero: this.tablero.Id,
        IdEmpresa: tableroEmpresa.Empresa.Id,
        Predeterminado: formData.Predeterminado ? 'S' : 'N'
      }] : null;
    }
    return tableroEnvio;
  }
  createTablero() {
    let datos = this.prepararTablero();
    const susc = this.tableroService.nuevo(datos).subscribe(res => {
      if (res.Errors == null) {
        this.modal.close(this.tablero);
      }
    });
  }
  editarTablero() {
    let datos = this.prepararTablero();
    const susc = this.tableroService.editar(datos, this.tablero.Id).subscribe(res => {
      if (res.Errors == null) {
        this.modal.close(this.tablero);
      }
    });
  }
  static #_ = this.ɵfac = function TableroEditComponent_Factory(t) {
    return new (t || TableroEditComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_5__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_4__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_0__.ViewHelperService), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_1__.TableroService), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_2__.AuthService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({
    type: TableroEditComponent,
    selectors: [["app-tablero-edit"]],
    inputs: {
      tablero: "tablero"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵProvidersFeature"]([src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_0__.ViewHelperService])],
    decls: 10,
    vars: 3,
    consts: [[1, "modal-content"], [1, "modal-header"], ["id", "example-modal-sizes-title-lg", 1, "modal-title", "h4"], [4, "ngIf"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-light", "btn-elevate", "mr-2", 3, "click"], ["action", "#", 1, "form", "form-label-right", 3, "formGroup"], [1, "form-group", "row"], ["data-cy", "nombre-tablero", 1, "col-lg-12", "p-2"], [1, "form-label"], ["type", "text", "name", "Nombre", "autocomplete", "off", "formControlName", "Nombre", 1, "form-control", "form-control-solid"], ["class", "valid-feedback", 4, "ngIf"], ["class", "invalid-feedback", 4, "ngIf"], [1, "col-lg-6", "p-2"], [1, "form-check", "form-switch", "form-switch-lg", "mb-3"], ["for", "predeterminado", 1, "form-check-label"], ["type", "checkbox", "id", "predeterminado", "formControlName", "Predeterminado", 1, "form-check-input"], [1, "col-lg-12", "p-2"], ["name", "Descripcion", "formControlName", "Descripcion", "rows", "3", 1, "form-control", "form-control-solid"], [1, "valid-feedback"], [1, "invalid-feedback"], ["data-cy", "save-tablero", "type", "submit", 1, "btn", "btn-success", "btn-elevate", 3, "disabled", "click"]],
    template: function TableroEditComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](3, TableroEditComponent_ng_container_3_Template, 5, 3, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](5, TableroEditComponent_ng_container_5_Template, 21, 14, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 5)(7, "button", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function TableroEditComponent_Template_button_click_7_listener() {
          return ctx.modal.dismiss();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](8, " Cancelar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](9, TableroEditComponent_ng_container_9_Template, 3, 1, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.tablero);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.tablero);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.tablero);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_6__.NgIf, _angular_forms__WEBPACK_IMPORTED_MODULE_4__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_4__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_4__.FormControlName]
  });
}

/***/ }),

/***/ 41803:
/*!******************************************************************!*\
  !*** ./src/app/pages/estadistica/tableros/tableros.component.ts ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TablerosComponent: () => (/* binding */ TablerosComponent)
/* harmony export */ });
/* harmony import */ var src_app_core_services_cardSelect_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/cardSelect.service */ 99699);
/* harmony import */ var _tablero_edit_tablero_edit_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tablero-edit/tablero-edit.component */ 44138);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/utils/permisos/permisos-estadistica */ 48214);
/* harmony import */ var _ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ordenar-subtableros/ordenar-subtableros.component */ 59053);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var _arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../arbol-tableros/arbol-tableros.component */ 89467);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/exportacion.service */ 18969);
/* harmony import */ var src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! src/app/core/services/stateful.service */ 689);
/* harmony import */ var src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/core/services/configGeneral.service */ 99757);
/* harmony import */ var src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/core/services/estadisticas/subtablero.service */ 61300);
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! primeng/api */ 85219);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_carousel__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! primeng/carousel */ 43658);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ngx-ui-tour-ng-bootstrap */ 58469);
/* harmony import */ var _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../shared/ui/select-loading/select-loading.component */ 24718);

























function TablerosComponent_a_8_Template(rf, ctx) {
  if (rf & 1) {
    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "a", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_a_8_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r6);
      const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r5.nuevo());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](1, "span", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](2, "Nueva colecci\u00F3n");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](3, "i", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_a_32_Template(rf, ctx) {
  if (rf & 1) {
    const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "a", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_a_32_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r8);
      const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r7.borrarNombre());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](1, "i", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_Conditional_39_li_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "li", 50)(1, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](2, "i", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const subtablero_r12 = ctx.$implicit;
    const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r9.verMonocromatico ? "bg-warning" : "");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", subtablero_r12.Nombre, " ");
  }
}
function TablerosComponent_Conditional_39_Conditional_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](1, " Configurar tableros ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_Conditional_39_i_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](0, "i", 53);
  }
}
const _c0 = a0 => ({
  active: a0
});
function TablerosComponent_Conditional_39_Template(rf, ctx) {
  if (rf & 1) {
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Conditional_39_Template_div_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r14);
      const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r13.setActive(0));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](1, "h2", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](3, "ul", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](4, TablerosComponent_Conditional_39_li_4_Template, 4, 2, "li", 41)(5, TablerosComponent_Conditional_39_Conditional_5_Template, 2, 0, "div", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](6, "div", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](7, TablerosComponent_Conditional_39_i_7_Template, 1, 0, "i", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](8, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](10, "div", 46)(11, "button", 47)(12, "i", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Conditional_39_Template_i_click_12_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r14);
      const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r15.moveToTableroMobile(0));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](13, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](14, "i", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("id", "id0")("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction1"](8, _c0, ctx_r2.currentIndex === 0));
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate"](ctx_r2.tableroFavoritos.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngForOf", ctx_r2.tableroFavoritos.subtableros);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](5, !ctx_r2.tableroFavoritos.subtableros || ctx_r2.tableroFavoritos.subtableros.length == 0 ? 5 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", ctx_r2.tableroFavoritos.Configurable != "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", ctx_r2.tableroFavoritos.Descripcion ? ctx_r2.tableroFavoritos.Descripcion : "Sin descripci\u00F3n", " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r2.verMonocromatico ? "icon-card-color text-warning" : "icon-card");
  }
}
function TablerosComponent_ng_container_40_li_5_i_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](0, "i", 65);
  }
  if (rf & 2) {
    const ctx_r27 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r27.verMonocromatico ? "text-warning" : "");
  }
}
function TablerosComponent_ng_container_40_li_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "li", 50)(1, "div", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](2, TablerosComponent_ng_container_40_li_5_i_2_Template, 1, 1, "i", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](3, "i", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const subtablero_r26 = ctx.$implicit;
    const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r18.verMonocromatico ? "bg-info" : "");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", subtablero_r26.InfSubtablero.Favorito == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", subtablero_r26.InfSubtablero.Nombre, " ");
  }
}
function TablerosComponent_ng_container_40_Conditional_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](1, " Configurar tableros ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_Conditional_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r30 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_Conditional_9_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r30);
      const tablero_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r28.setearPredeterminado(tablero_r16, -1));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_Conditional_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_Conditional_10_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r33);
      const tablero_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r31.setearPredeterminado(tablero_r16, 1));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_i_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](0, "i", 68);
  }
}
function TablerosComponent_ng_container_40_i_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r36 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_i_13_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r36);
      const tablero_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r34 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r34.ordenarSubtableros(tablero_r16));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_button_20_Template(rf, ctx) {
  if (rf & 1) {
    const _r39 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "button", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_button_20_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r39);
      const tablero_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r37 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r37.eliminar(tablero_r16));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](1, "i", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_button_22_Template(rf, ctx) {
  if (rf & 1) {
    const _r42 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "button", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_button_22_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r42);
      const tablero_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r40.editar(tablero_r16));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](1, "i", 73);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_container_40_Template(rf, ctx) {
  if (rf & 1) {
    const _r44 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](1, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_Template_div_click_1_listener() {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r44);
      const i_r17 = restoredCtx.index;
      const ctx_r43 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r43.setActive(ctx_r43.verFavoritos ? i_r17 + 1 : i_r17));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](2, "h2", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](4, "ul", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](5, TablerosComponent_ng_container_40_li_5_Template, 5, 3, "li", 41)(6, TablerosComponent_ng_container_40_Conditional_6_Template, 2, 0, "div", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](7, "div", 54)(8, "div", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](9, TablerosComponent_ng_container_40_Conditional_9_Template, 1, 0, "i", 56)(10, TablerosComponent_ng_container_40_Conditional_10_Template, 1, 0)(11, TablerosComponent_ng_container_40_i_11_Template, 1, 0, "i", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](12, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](13, TablerosComponent_ng_container_40_i_13_Template, 1, 0, "i", 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](14, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](16, "div", 59)(17, "button", 47)(18, "i", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_container_40_Template_i_click_18_listener() {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r44);
      const tablero_r16 = restoredCtx.$implicit;
      const ctx_r45 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r45.moveToTableroMobile(tablero_r16.Id));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](19, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](20, TablerosComponent_ng_container_40_button_20_Template, 2, 0, "button", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](21, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](22, TablerosComponent_ng_container_40_button_22_Template, 2, 0, "button", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](23, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](24, "i", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const tablero_r16 = ctx.$implicit;
    const i_r17 = ctx.index;
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("id", "id" + (ctx_r3.verFavoritos ? i_r17 + 1 : i_r17))("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction1"](12, _c0, ctx_r3.currentIndex === (ctx_r3.verFavoritos ? i_r17 + 1 : i_r17)));
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate"](tablero_r16.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngForOf", tablero_r16.InfTablerosSubtableros);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](6, !tablero_r16.InfTablerosSubtableros || tablero_r16.InfTablerosSubtableros.length == 0 ? 6 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](9, ctx_r3.esPredeterminado(tablero_r16) ? 9 : 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r16.Configurable != "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r16.Configurable != "S" && (tablero_r16.InfTablerosSubtableros == null ? null : tablero_r16.InfTablerosSubtableros.length) > 0 && ctx_r3.permisosTABLEROS.editar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", tablero_r16.Descripcion ? tablero_r16.Descripcion : "Sin descripci\u00F3n", " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r16.Configurable == "S" && ctx_r3.permisosTABLEROS.eliminar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r16.Configurable == "S" && ctx_r3.permisosTABLEROS.editar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r3.verMonocromatico ? "icon-card-color text-info" : "icon-card");
  }
}
function TablerosComponent_ng_template_43_li_4_i_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](0, "i", 81);
  }
}
function TablerosComponent_ng_template_43_li_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "li", 78)(1, "div", 79);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](2, TablerosComponent_ng_template_43_li_4_i_2_Template, 1, 0, "i", 80);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](3, "i", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const subtablero_r56 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", subtablero_r56.InfSubtablero.Favorito == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", subtablero_r56.InfSubtablero.Nombre, " ");
  }
}
function TablerosComponent_ng_template_43_Conditional_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](1, " Configurar tableros ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_Conditional_8_Template(rf, ctx) {
  if (rf & 1) {
    const _r60 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_Conditional_8_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r60);
      const tablero_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r58 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r58.setearPredeterminado(tablero_r46, -1));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_Conditional_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r63 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_Conditional_9_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r63);
      const tablero_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r61 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r61.setearPredeterminado(tablero_r46, 1));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_i_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](0, "i", 68);
  }
}
function TablerosComponent_ng_template_43_i_12_Template(rf, ctx) {
  if (rf & 1) {
    const _r66 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "i", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_i_12_Template_i_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r66);
      const tablero_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r64 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r64.ordenarSubtableros(tablero_r46));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_button_19_Template(rf, ctx) {
  if (rf & 1) {
    const _r69 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "button", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_button_19_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r69);
      const tablero_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r67 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r67.eliminar(tablero_r46));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](1, "i", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_button_21_Template(rf, ctx) {
  if (rf & 1) {
    const _r72 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "button", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_button_21_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r72);
      const tablero_r46 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]().$implicit;
      const ctx_r70 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r70.editar(tablero_r46));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](1, "i", 73);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
}
function TablerosComponent_ng_template_43_Template(rf, ctx) {
  if (rf & 1) {
    const _r74 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 74)(1, "p", 75);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](3, "ul", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](4, TablerosComponent_ng_template_43_li_4_Template, 5, 2, "li", 76)(5, TablerosComponent_ng_template_43_Conditional_5_Template, 2, 0, "div", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](6, "div", 54)(7, "div", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](8, TablerosComponent_ng_template_43_Conditional_8_Template, 1, 0, "i", 56)(9, TablerosComponent_ng_template_43_Conditional_9_Template, 1, 0)(10, TablerosComponent_ng_template_43_i_10_Template, 1, 0, "i", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](11, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](12, TablerosComponent_ng_template_43_i_12_Template, 1, 0, "i", 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](13, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](15, "div", 77)(16, "button", 47)(17, "i", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_ng_template_43_Template_i_click_17_listener() {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r74);
      const tablero_r46 = restoredCtx.$implicit;
      const ctx_r73 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r73.moveToTableroMobile(tablero_r46.Id));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](18, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](19, TablerosComponent_ng_template_43_button_19_Template, 2, 0, "button", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](20, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](21, TablerosComponent_ng_template_43_button_21_Template, 2, 0, "button", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](22, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](23, "i", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const tablero_r46 = ctx.$implicit;
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate"](tablero_r46.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngForOf", tablero_r46.InfTablerosSubtableros);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](5, !tablero_r46.InfTablerosSubtableros || tablero_r46.InfTablerosSubtableros.length == 0 ? 5 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](8, ctx_r4.esPredeterminado(tablero_r46) ? 8 : 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r46.Configurable != "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r46.Configurable != "S" && (tablero_r46.InfTablerosSubtableros == null ? null : tablero_r46.InfTablerosSubtableros.length) > 0 && ctx_r4.permisosTABLEROS.editar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtextInterpolate1"](" ", tablero_r46.Descripcion ? tablero_r46.Descripcion : "Sin descripci\u00F3n", " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r46.Configurable == "S" && ctx_r4.permisosTABLEROS.eliminar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", tablero_r46.Configurable == "S" && ctx_r4.permisosTABLEROS.editar);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", !ctx_r4.verMonocromatico ? "icon-card-color" : "icon-card");
  }
}
class TablerosComponent {
  // /**
  //  * SP SINWEB-626 metodo que se encarga de manejar los eventos del teclado
  //  * @param event
  //  */
  // @HostListener('document:keydown', ['$event'])
  // handleKeyboardEvent(event: KeyboardEvent) {
  //   this.handleKeyDown(event)// Lógica para manejar las flechas del teclado
  // }
  /**
   * SP SINWEB-626 metodo que se encarga de manejar los eventos de click fuera de la tarjeta
   * @param event
   */
  onClick(event) {
    const target = event.target;
    const isCard = target.closest('.card-tablero');
    if (!isCard) {
      this.cardSelectService.setSelectedTarjetaIndex(null);
    }
  }
  constructor(cardSelectService, router, modalService, fb, alert, authService, tableroService, exportacion, sf, configGralService, subtableroService) {
    this.cardSelectService = cardSelectService;
    this.router = router;
    this.modalService = modalService;
    this.fb = fb;
    this.alert = alert;
    this.authService = authService;
    this.tableroService = tableroService;
    this.exportacion = exportacion;
    this.sf = sf;
    this.configGralService = configGralService;
    this.subtableroService = subtableroService;
    this.MSJ_EXITO_EDICION = 'Se ha editado correctamente la colección';
    this.MSJ_EXITO_INSERCION = 'Se ha creado correctamente la colección';
    this.MSJ_EXITO_ELIMINACION = 'Se ha eliminado correctamente la colección';
    this._unsubscribe = [];
    this.buscarNombre = '';
    /**
     * SP SINWEB-626 variable que almacena los tableros
     */
    this.tableros = [];
    this.verFavoritos = this.configGralService._config.VerFavoritos == 'S';
    this.verMonocromatico = this.configGralService._config.ModoVisualTablero == 'M';
    this.ordenamientos = [{
      Id: 1,
      Nombre: 'Configurables',
      params: {
        ord: 3,
        sentido: 'Desc'
      }
    }, {
      Id: 2,
      Nombre: 'No Configurables',
      params: {
        ord: 3,
        sentido: 'Asc'
      }
    }, {
      Id: 3,
      Nombre: '🠉 Nombre',
      params: {
        ord: 2,
        sentido: 'Asc'
      }
    }, {
      Id: 4,
      Nombre: '🠋 Nombre',
      params: {
        ord: 2,
        sentido: 'Desc'
      }
    }];
    this.filterForm = this.fb.group({
      ordenamiento: [1],
      nombre: ['']
    });
    this.permisosTABLEROS = {
      insertar: false,
      editar: false,
      eliminar: false
    };
  }
  ngOnInit() {
    this.cargarPermisos();
    //SP SINWEB-697 se inicializa el estado de cookies
    this.inicializarEstado();
    if (this.verFavoritos) {
      this.cargarTableroFavoritos();
    }
    //SP SINWEB-697 se cargan tableros
    this.loadPage();
    /**
     * SP SINWEB-626 se suscribe al observable para obtener el indice de la tarjeta seleccionada
     */
    const subs = this.cardSelectService.selectedTarjetaIndex$.subscribe(index => {
      this.currentIndex = index;
    });
  }
  /**
   * Método para limpiar los filtros
   */
  cleanStates() {
    this.sf.cleanAllStates();
    this.resetComp();
  }
  /**
   * SP SINWEB-697 metodo llamado pro clean estate que reinicia los estados y filtros
   */
  resetComp() {
    this._unsubscribe.forEach(sub => {
      sub.unsubscribe();
    });
    this.buscarNombre = '';
    this.inicializarEstado();
    this.loadPage();
  }
  /**
   * SP SINWEB-697 metodo que se encarga de inicializar el estado
   */
  inicializarEstado() {
    this.sf.states = this.sf.pagenamesEST.TABLERO_STATES;
    this.filterForm.get('nombre').setValue(this.sf.getState(this.sf.states.TABLERO_S_NOMBRE));
    this.buscarNombre = this.filterForm.get('nombre').value;
    this.filterForm.get('ordenamiento').setValue(this.sf.getState(this.sf.states.TABLERO_L_ORDER));
  }
  //SP SINWEB-694 permisos de tableros
  cargarPermisos() {
    this.permisosTABLEROS = {
      insertar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_INS_COLECCION),
      editar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_MOD_COLECCION),
      eliminar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_ELIM_COLECCION)
    };
  }
  /**
   * SP SINWEB-626 metodo que se encarga de cargar la pagina
   */
  loadPage() {
    this.onSearch(this.cargarFiltros());
  }
  /**
   * SP SINWEB-697 metodo que se encarga de cargar los filtros
   */
  cargarFiltros() {
    let ordenamiento = this.ordenamientos.find(o => o.Id == this.filterForm.get('ordenamiento').value);
    let datos = {
      PageNumber: -1,
      Orden: ordenamiento.params.ord,
      SentidoOrden: ordenamiento.params.sentido,
      IncluirSubtableros: 'S',
      IdsEmpresa: this.authService.usuario.IdEmpresa.toString(),
      IncluirEmpresas: 'S'
    };
    if (this.buscarNombre != '' && this.buscarNombre != undefined) {
      datos.Nombre = this.buscarNombre;
    }
    this.changeStates(datos);
    return datos;
  }
  changeStates(datos) {
    this.sf.changeState(this.sf.states.TABLERO_S_NOMBRE, !datos.Nombre ? this.sf.states.TABLERO_S_NOMBRE.default : datos.Nombre);
    this.sf.changeState(this.sf.states.TABLERO_L_ORDER, this.filterForm.get('ordenamiento').value);
  }
  /**
   * SP SINWEB-697 metodo que se encarga de cargar los tableros
   */
  onSearch(datos) {
    let susc = this.tableroService.fetch(datos).subscribe(res => {
      if (res.Data) {
        this.tableros = res.Data;
      }
    });
  }
  cargarTableroFavoritos() {
    this.tableroFavoritos = {
      Nombre: 'Favoritos',
      Id: 0,
      Descripcion: 'Colección de tableros seleccionados como favoritos',
      Configurable: 'N',
      Orden: 0,
      subtableros: null
    };
    let datos = {
      PageNumber: -1,
      Orden: 2,
      SentidoOrden: 'Asc',
      Favorito: 'S',
      IdsEmpresa: this.authService.usuario.IdEmpresa.toString()
    };
    let susc = this.subtableroService.fetch(datos).subscribe(res => {
      this.tableroFavoritos.subtableros = res.Data;
    });
  }
  /**
   * SP SINWEB-697 metodo que se encarga de exportar a pdf o excel
   * @param type
   */
  exportTo(type) {
    let datos = this.cargarFiltros();
    const columns = ['Nombre', 'Configurable', 'Descripción', 'Tablero'];
    const keys = ['Nombre', 'Configurable', 'Descripcion', ['InfTablerosSubtableros', 'InfSubtablero.Nombre']]; //, ["InfTablerosSubtableros.InfSubtablero","Nombre"]];
    this.alert.showLoadingAlert('Exportando Colecciones', 'Generando archivo ' + type + ', este proceso puede tardar unos minutos');
    this.tableroService.fetch(datos).subscribe(data => {
      let comps = data.Data;
      this.alert.closeLoadingAlert();
      this.alert.showBasicAlert('Colecciones Exportadas', 'Archivo ' + type + ' generado', 'success');
      if (type == 'Excel') {
        this.exportacion.exportToExcel(comps, columns, keys, 'Listado de Colecciones de tableros');
      } else {
        this.exportacion.exportToPdf(comps, columns, keys, 'Listado de Colecciones de tableros');
      }
    });
  }
  // /**
  //  * SP SINWEB-626 metodo que maneja los eventos del teclado
  //  * @param event
  //  */
  // handleKeyDown(event: KeyboardEvent) {
  //     let cardSelect;
  //     switch (event.key) {
  //       case 'ArrowLeft':
  //         if (this.currentIndex>0){
  //           this.cardSelectService.setSelectedTarjetaIndex(this.currentIndex - 1);
  //         }else{
  //           this.currentIndex===null? this.cardSelectService.setSelectedTarjetaIndex(0) : this.cardSelectService.setSelectedTarjetaIndex(this.tableros.length-1);
  //         }
  //         cardSelect = document.querySelector('#id'+(this.currentIndex? this.currentIndex : '0'));
  //         console.log(cardSelect);
  //         if (cardSelect){
  //           cardSelect.scrollIntoView({behavior: 'smooth', block: 'center', inline: 'center'});
  //         }
  //         break;
  //       case 'ArrowRight':
  //         if (this.currentIndex === null){
  //           this.cardSelectService.setSelectedTarjetaIndex(0);
  //         }else{
  //           if (this.currentIndex<(this.verFavoritos? this.tableros.length : this.tableros.length-1)){
  //             this.cardSelectService.setSelectedTarjetaIndex(this.currentIndex + 1);
  //           }else{
  //             this.cardSelectService.setSelectedTarjetaIndex(0);
  //           }
  //         }
  //         cardSelect = document.querySelector('#id'+(this.currentIndex? this.currentIndex : '0'));
  //         if (cardSelect){
  //           cardSelect.scrollIntoView({behavior: 'smooth', block: 'center', inline: 'center'});
  //         }
  //         break;
  //       case 'Enter':
  //         if (this.currentIndex>=0 && this.currentIndex !== null){
  //           let urlId = this.verFavoritos
  //             ? (this.currentIndex == 0? 0 : this.tableros[this.currentIndex-1].Id)
  //             : this.tableros[this.currentIndex].Id;
  //           this.router.navigateByUrl('estadistica/ver-coleccion/'+ urlId);
  //         }
  //       default:
  //            break;
  //     }
  // }
  /**
   * SP SINWEB-626 metodo que se encarga de seleccionar la tarjeta
   * @param index
   */
  setActive(index) {
    console.log(index);
    this.cardSelectService.setSelectedTarjetaIndex(index);
    let cardSelect = document.querySelector('#id' + index);
    if (cardSelect) {
      cardSelect.scrollIntoView({
        behavior: 'smooth',
        block: 'center',
        inline: 'center'
      });
    }
  }
  //  /**
  //   * SP SINWEB-626 metodo que se encarga de redirigir a la vista de tablero
  //   * @param $event
  //   */
  //  moveToTablero($event){
  //   const isButton = $event.target.closest('.btn');
  //   const isButtonIcon = $event.target.closest('#icon-buttons');
  //   if (!isButton && !isButtonIcon && this.permisosTABLEROS.verTablero ){
  //     let urlId = this.verFavoritos
  //             ? (this.currentIndex == 0? 0 : this.tableros[this.currentIndex-1].Id)
  //             : this.tableros[this.currentIndex].Id;
  //     this.router.navigateByUrl('estadistica/ver-coleccion/'+urlId);
  //   }
  //  }
  moveToTableroMobile(id) {
    this.router.navigateByUrl('estadistica/ver-coleccion/' + id);
  }
  editar(tablero) {
    let windowSize = window.innerWidth;
    let modalOptions = {
      centered: true,
      scrollable: true,
      backdrop: 'static',
      keyboard: false,
      backdropClass: 'back-z-index',
      windowClass: 'modal-z-index'
    };
    if (windowSize < 992) {
      modalOptions.fullscreen = true;
    } else {
      modalOptions.size = 'md';
    }
    let modalRef = this.modalService.open(_tablero_edit_tablero_edit_component__WEBPACK_IMPORTED_MODULE_1__.TableroEditComponent, modalOptions);
    modalRef.componentInstance.tablero = tablero;
    modalRef.result.then(result => {
      this.loadPage();
      this.alert.showBasicAlert(this.MSJ_EXITO_EDICION, '', 'success');
    });
  }
  nuevo() {
    let windowSize = window.innerWidth;
    let modalOptions = {
      centered: true,
      scrollable: true,
      backdrop: 'static',
      keyboard: false,
      backdropClass: 'back-z-index',
      windowClass: 'modal-z-index'
    };
    if (windowSize < 992) {
      modalOptions.fullscreen = true;
    } else {
      modalOptions.size = 'md';
    }
    let modalRef = this.modalService.open(_tablero_edit_tablero_edit_component__WEBPACK_IMPORTED_MODULE_1__.TableroEditComponent, modalOptions);
    modalRef.result.then(result => {
      this.loadPage();
      this.alert.showBasicAlert(this.MSJ_EXITO_INSERCION, '', 'success');
    });
  }
  /**
   * SP SINWEB-697 metodo que se encarga de eliminar un tablero
   * @param tablero
   */
  eliminar(tablero) {
    this.alert.showReturnAlert('Eliminación de colección.', "¿Está seguro de eliminar la colección: '" + tablero.Nombre + "' ?", 'warning', 'Eliminar', 'Cancelar', true, 'danger').then(result => {
      if (result.isConfirmed) {
        this.elim(tablero.Id);
      }
    });
  }
  /**
   * SP SINWEB-697 metodo que se encarga de eliminar un tablero
   * @param idTablero
   */
  elim(idTablero) {
    const susc = this.tableroService.eliminar(idTablero).subscribe(res => {
      this.loadPage();
      this.alert.showBasicAlert(this.MSJ_EXITO_ELIMINACION, '', 'success');
    });
  }
  /**
   * SP SINWEB-697 metodo que se encarga de obtener el ordenamiento
   * @returns
   */
  getOrdenamiento() {
    return this.filterForm.get('ordenamiento').value;
  }
  /**
   * SP SINWEB-697 metodo que se encarga de setear el ordenamiento
   * @param ordenamiento
   */
  setOrdenamiento(ordenamiento) {
    this.filterForm.get('ordenamiento').setValue(ordenamiento);
    this.loadPage();
  }
  /**
   * SP SINWEB-698 metodo que se encarga de ordenar los subtableros
   * @param tablero
   */
  ordenarSubtableros(tablero) {
    let windowSize = window.innerWidth;
    let modalOptions = {
      centered: true,
      scrollable: true,
      backdrop: 'static',
      keyboard: false,
      backdropClass: 'back-z-index',
      windowClass: 'modal-z-index'
    };
    if (windowSize < 992) {
      modalOptions.fullscreen = true;
    } else {
      modalOptions.size = 'md';
    }
    let modalRef = this.modalService.open(_ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_4__.OrdenarSubtablerosComponent, modalOptions);
    modalRef.componentInstance.tablero = tablero;
    modalRef.result.then(result => {
      this.loadPage();
      this.alert.showBasicAlert('', 'Tableros reordenados', 'success');
    });
  }
  /**
   * SP SINWEB-697 metodo que se encarga de setear el tablero como Predeterminado
   * @param tablero
   */
  setearPredeterminado(tablero, action) {
    let tableroEmpresa = tablero.InfTablerosEmpresas.find(e => e.Empresa.Id == this.authService.usuario.IdEmpresa);
    let tableroEnvio = {
      Nombre: tablero.Nombre,
      Descripcion: tablero.Descripcion,
      Configurable: tablero.Configurable,
      Orden: tablero.Orden,
      InfTablerosSubtableros: tablero.InfTablerosSubtableros.map(st => {
        return {
          Id: st.Id,
          Orden: st.Orden,
          IdInfSubtablero: st.InfSubtablero.Id,
          IdInfTablero: tablero.Id
        };
      }),
      InfTablerosEmpresas: tableroEmpresa ? [{
        Id: tableroEmpresa.Id,
        IdInfTablero: tablero.Id,
        IdEmpresa: tableroEmpresa.Empresa.Id,
        Predeterminado: action === -1 ? 'N' : 'S'
      }] : null
      // InfTablerosEmpresas: tablero.InfTablerosEmpresas.map(infTableroEmpresa => {return {
      //   Id: infTableroEmpresa.Id,
      //   IdInfTablero: tablero.Id,
      //   IdEmpresa: infTableroEmpresa.Empresa.Id,
      //   Predeterminado: infTableroEmpresa.Empresa.Id == this.authService.usuario.IdEmpresa ? (action === -1 ?'N':'S') : infTableroEmpresa.Predeterminado
      // }})
    };
    if (action == -1) {
      this.alert.showReturnAlert('Predeterminado', '¿Desea quitar esta colección como predeterminada?', 'question', 'Si', 'No', true, 'success').then(res => {
        if (res.isConfirmed) {
          const susc = this.tableroService.editar(tableroEnvio, tablero.Id).subscribe(res => {
            if (res) {
              this.loadPage();
              this.alert.showBasicAlert('', 'Colección predeterminada actualizada', 'success');
            }
          });
          susc.unsubscribe;
        }
      });
    } else {
      this.alert.showReturnAlert('Predeterminado', '¿Desea marcar esta colección como predeterminada?', 'question', 'Si', 'No', true, 'success').then(res => {
        if (res.isConfirmed) {
          const susc = this.tableroService.editar(tableroEnvio, tablero.Id).subscribe(res => {
            if (res) {
              this.loadPage();
              this.alert.showBasicAlert('', 'Colección predeterminada actualizada', 'success');
            }
          });
          susc.unsubscribe;
        }
      });
    }
  }
  /**
   * SP Método get para obtener campo nombre
   * @returns {string} Número de serie
   */
  getNombre() {
    return this.filterForm.controls.nombre.value;
  }
  /**
   * SP Método para limpiar filtro
   */
  borrarNombre() {
    this.filterForm.get('nombre').reset('');
    this.buscarNombre = '';
    this.loadPage();
  }
  buscarPorNombre() {
    this.buscarNombre = this.getNombre();
    this.loadPage();
  }
  /**
   * SP control de filtro no reactivo
   */
  busquedaNombre() {
    return this.buscarNombre != undefined && this.buscarNombre != '';
  }
  esPredeterminado(tablero) {
    let findPredeterminado = tablero.InfTablerosEmpresas.find(e => e.Empresa.Id == this.authService.usuario.IdEmpresa && e.Predeterminado == 'S') ? true : false;
    return findPredeterminado;
  }
  cargarArbolTableros() {
    const modalRef = this.modalService.open(_arbol_tableros_arbol_tableros_component__WEBPACK_IMPORTED_MODULE_6__.ArbolTablerosComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.getOptionsModal)('xl'));
    modalRef.componentInstance.tableros = this.tableros;
    modalRef.componentInstance.format = 'modal';
  }
  static #_ = this.ɵfac = function TablerosComponent_Factory(t) {
    return new (t || TablerosComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_cardSelect_service__WEBPACK_IMPORTED_MODULE_0__.CardSelectService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_15__.Router), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_16__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_7__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_8__.TableroService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_9__.ExportacionService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_10__.StatefulService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_11__.ConfigGeneralService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_12__.SubtableroService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdefineComponent"]({
    type: TablerosComponent,
    selectors: [["app-tableros"]],
    hostBindings: function TablerosComponent_HostBindings(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_click_HostBindingHandler($event) {
          return ctx.onClick($event);
        }, false, _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresolveDocument"]);
      }
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵProvidersFeature"]([src_app_core_services_cardSelect_service__WEBPACK_IMPORTED_MODULE_0__.CardSelectService, src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__.AlertCustomService])],
    decls: 44,
    vars: 18,
    consts: [["id", "mi-tablero", 1, "card"], [1, "card-body", "border-bottom"], [1, "d-flex", "flex-column", "flex-sm-row", "gap-2", "gap-sm-0", "align-items-center"], [1, "mb-0", "card-title", "flex-grow-1"], [1, "flex-shrink-0", "d-flex", "gap-1"], [1, "btn", "btn-warning", 3, "click"], [1, "mdi", "mdi-file-tree-outline", "mdi-16"], ["class", "btn btn-primary", 3, "click", 4, "ngIf"], [1, "btn", "btn-light", 3, "click"], [3, "ngClass"], [3, "ngClass", "click"], ["ngbDropdown", "", 1, "dropdown", "d-inline-block"], ["type", "menu", "id", "dropdownMenuButton1", "data-bs-toggle", "dropdown", "aria-expanded", "false", "ngbDropdownToggle", "", 1, "btn", "btn-success"], [1, "mdi", "mdi-dots-vertical"], ["aria-labelledby", "dropdownMenuButton1", "ngbDropdownMenu", "", 1, "dropdown-menu"], ["href", "javascript:void(0);", 1, "dropdown-item", 3, "click"], [1, "row", "justify-content-center", "justify-content-lg-between", "mb-3", "row-gap-3"], [1, "col-auto", "d-block", "d-md-none"], ["pTooltip", "Ir a colecci\u00F3n de tablero favoritos", 1, "btn", "btn-warning", 3, "click"], [1, "mdi", "mdi-star-outline", "mdi-16"], [1, "col-auto", "col-lg-4"], ["tourAnchor", "search.anchor.id", 1, "input-group", 3, "formGroup"], ["type", "text", "formControlName", "nombre", "placeholder", "Buscar por Nombre", "maxlength", "100", 1, "form-control", 3, "keyup.enter"], ["class", "btn btn-secondary", 3, "click", 4, "ngIf"], [1, "btn", "btn-primary", 3, "click"], [1, "bx", "bx-search-alt-2"], [1, "col-auto"], [3, "defaultValue", "defaultString", "defaultValueDis", "items", "valueSelected", "valueSelect"], [1, "tablero-container"], ["class", "card-tablero shadow-lg", "tabIndex", "0", 3, "id", "ngClass"], [4, "ngFor", "ngForOf"], [1, "tablero-mobile-container"], ["verticalViewPortHeight", "700px", 3, "value", "numVisible", "circular"], ["pTemplate", "item"], [1, "d-none", "d-md-block"], [1, "d-block", "d-md-none", "mdi", "mdi-plus", "mdi-16"], [1, "btn", "btn-secondary", 3, "click"], [1, "bx", "bx-x"], ["tabIndex", "0", 1, "card-tablero", "shadow-lg", 3, "id", "ngClass", "click"], [1, "mb-4", "mt-2"], [1, "container-subtablero"], ["class", "card-subtablero", 3, "ngClass", 4, "ngFor", "ngForOf"], ["class", "alert alert-info aling-self-center"], ["id", "icon-buttons", 1, "py-2", "ps-3", "d-flex", "text-primary"], ["class", "mdi mdi-cog-off-outline font-size-20", "pTooltip", "No configurable", 4, "ngIf"], [1, "descripcion-container"], [1, "button-mobile"], ["name", "redirect", 1, "btn", "text-success", "aling-self-start"], [1, "mdi", "mdi-eye", "font-size-24", 3, "click"], [1, "mdi", "mdi-star-outline"], [1, "card-subtablero", 3, "ngClass"], [1, "mdi", "mdi-view-dashboard-outline", "font-size-16"], [1, "alert", "alert-info", "aling-self-center"], ["pTooltip", "No configurable", 1, "mdi", "mdi-cog-off-outline", "font-size-20"], [1, "py-2", "ps-3", "d-flex", "justify-content-between", "align-items-center"], [1, "text-primary"], ["id", "icon-buttons", "ngClass", "mdi mdi-bookmark-check font-size-20 pointer me-2", "pTooltip", "Predeterminado"], ["class", "mdi mdi-cog-off-outline font-size-20 me-2", "pTooltip", "No configurable", 4, "ngIf"], ["class", "mdi mdi-pencil font-size-20 pointer me-2 text-warning", "pTooltip", "Ordenar tableros", 3, "click", 4, "ngIf"], [1, "py-2", "pe-3", "float-end"], ["name", "delete", "class", "btn text-danger", 3, "click", 4, "ngIf"], ["name", "edit", "class", "btn text-primary", 3, "click", 4, "ngIf"], [1, "mdi", "mdi-monitor-dashboard"], [1, "d-flex", "justify-content-center"], ["class", "mdi mdi-star font-size-16", 3, "ngClass", 4, "ngIf"], [1, "mdi", "mdi-star", "font-size-16", 3, "ngClass"], ["id", "icon-buttons", "ngClass", "mdi mdi-bookmark-check font-size-20 pointer me-2", "pTooltip", "Predeterminado", 3, "click"], ["id", "icon-buttons", "ngClass", "mdi mdi-bookmark-off-outline font-size-20 pointer me-2", 3, "click"], ["pTooltip", "No configurable", 1, "mdi", "mdi-cog-off-outline", "font-size-20", "me-2"], ["pTooltip", "Ordenar tableros", 1, "mdi", "mdi-pencil", "font-size-20", "pointer", "me-2", "text-warning", 3, "click"], ["name", "delete", 1, "btn", "text-danger", 3, "click"], [1, "mdi", "mdi-delete", "font-size-24"], ["name", "edit", 1, "btn", "text-primary", 3, "click"], [1, "mdi", "mdi-pencil", "font-size-24"], [1, "card-mobile-tablero"], [1, "mb-2", "mt-2"], ["class", "card-subtablero", 4, "ngFor", "ngForOf"], [1, "py-2", "text-center"], [1, "card-subtablero"], [1, "text-center"], ["class", "mdi mdi-star font-size-16", 4, "ngIf"], [1, "mdi", "mdi-star", "font-size-16"]],
    template: function TablerosComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h5", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](4, "Colecciones de tableros");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](5, "div", 4)(6, "a", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_6_listener() {
          return ctx.cargarArbolTableros();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](7, "i", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](8, TablerosComponent_a_8_Template, 4, 0, "a", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](9, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_9_listener() {
          return ctx.loadPage();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](10, "i", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipe"](11, "async");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](12, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_12_listener() {
          return ctx.cleanStates();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](13, "i", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](14, "div", 11)(15, "button", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](16, "i", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](17, "ul", 14)(18, "li")(19, "a", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_19_listener() {
          return ctx.exportTo("Excel");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](20, "Exportar Excel");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](21, "li")(22, "a", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_22_listener() {
          return ctx.exportTo("Pdf");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](23, "Exportar Pdf");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](24, "div", 1)(25, "div", 16)(26, "div", 17)(27, "button", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_button_click_27_listener() {
          return ctx.moveToTableroMobile(0);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](28, "i", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](29, "div", 20)(30, "div", 21)(31, "input", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("keyup.enter", function TablerosComponent_Template_input_keyup_enter_31_listener() {
          return ctx.buscarPorNombre();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](32, TablerosComponent_a_32_Template, 2, 0, "a", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](33, "a", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("click", function TablerosComponent_Template_a_click_33_listener() {
          return ctx.buscarPorNombre();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](34, "i", 25);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](35, "div", 26)(36, "select-loading", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("valueSelect", function TablerosComponent_Template_select_loading_valueSelect_36_listener($event) {
          return ctx.setOrdenamiento($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](37, "hr");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](38, "div", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](39, TablerosComponent_Conditional_39_Template, 15, 10, "div", 29)(40, TablerosComponent_ng_container_40_Template, 25, 14, "ng-container", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](41, "div", 31)(42, "p-carousel", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](43, TablerosComponent_ng_template_43_Template, 24, 10, "ng-template", 33);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", ctx.permisosTABLEROS.insertar);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipeBind1"](11, 16, ctx.tableroService.isLoading$) ? "bx bx-sync bx-spin font-size-16 align-middle" : "bx bx-sync font-size-16 align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", ctx.sf.getCantCustomStates() > 0 ? "btn btn-danger" : "btn bg-danger bg-soft");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngClass", "mdi mdi-filter-remove-outline mdi-16px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("formGroup", ctx.filterForm);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngIf", ctx.busquedaNombre());
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("defaultValue", 0)("defaultString", "Ordenar por:")("defaultValueDis", true)("items", ctx.ordenamientos)("valueSelected", ctx.getOrdenamiento());
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵconditional"](39, ctx.tableroFavoritos && ctx.verFavoritos ? 39 : -1);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngForOf", ctx.tableros);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("value", ctx.tableros)("numVisible", 1)("circular", true);
      }
    },
    dependencies: [primeng_api__WEBPACK_IMPORTED_MODULE_18__.PrimeTemplate, _angular_common__WEBPACK_IMPORTED_MODULE_19__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_19__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_19__.NgIf, primeng_carousel__WEBPACK_IMPORTED_MODULE_20__.Carousel, primeng_tooltip__WEBPACK_IMPORTED_MODULE_21__.Tooltip, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.MaxLengthValidator, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_16__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_16__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_16__.NgbDropdownMenu, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormControlName, ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_22__.TourAnchorNgBootstrapDirective, _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_13__.SelectLoadingComponent, _angular_common__WEBPACK_IMPORTED_MODULE_19__.AsyncPipe],
    styles: ["@charset \"UTF-8\";\n.tablero-container[_ngcontent-%COMP%] {\n  display: grid;\n  padding: 0 15% 0 15%;\n  gap: 60px 60px;\n  grid-column: 3;\n  grid-template-columns: 1fr 1fr 1fr;\n}\n@media screen and (max-width: 1400px) {\n  .tablero-container[_ngcontent-%COMP%] {\n    padding: 0 5% 0 5%;\n    gap: 30px;\n  }\n}\n@media screen and (max-width: 991px) {\n  .tablero-container[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media screen and (max-width: 767px) {\n  .tablero-container[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n.tablero-mobile-container[_ngcontent-%COMP%] {\n  position: relative;\n  display: none;\n}\n@media screen and (max-width: 767px) {\n  .tablero-mobile-container[_ngcontent-%COMP%] {\n    display: block;\n  }\n}\n\n.card-tablero[_ngcontent-%COMP%] {\n  position: relative;\n  border-radius: 2rem;\n  background-color: var(--bs-light-600);\n  text-align: center;\n  padding: 8px;\n  outline: none;\n  overflow: hidden;\n  transform: scale(1);\n  transition: transform cubic-in-out 500ms, box-shadow cubic-in-out 400ms;\n}\n.card-tablero[_ngcontent-%COMP%]:hover:not(.active) {\n  background-color: #c0c0c0;\n}\n\n.icon-card[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -10%;\n  left: -5%;\n  margin: auto;\n  opacity: 0.05;\n}\n.icon-card[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 100px;\n}\n\n.icon-card-color[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -10%;\n  left: -5%;\n  margin: auto;\n  opacity: 0.15;\n}\n.icon-card-color[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 100px;\n}\n\n.descripcion-container[_ngcontent-%COMP%] {\n  text-align: start;\n  overflow-y: scroll;\n  height: 100px;\n  text-wrap: wrap;\n  max-width: 100%;\n  box-sizing: border-box;\n  word-break: break-all;\n  padding: 16px 0px 16px 16px;\n  border-radius: 10px;\n  border: 1px solid var(--bs-secondary-bg-subtle);\n  color: var(--bs-dark);\n  background-color: var(--bs-secondary-bg-subtle);\n}\n.descripcion-container[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 20px;\n}\n@-moz-document url-prefix() {\n  .descripcion-container {\n    scrollbar-width: thin;\n  }\n}\n.descripcion-container[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.descripcion-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n.descripcion-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n\n.card-mobile-tablero[_ngcontent-%COMP%] {\n  position: relative;\n  overflow: hidden;\n  padding: 5px;\n  border-radius: 2rem;\n  background-color: var(--bs-light-600);\n  text-align: center;\n}\n.card-mobile-tablero[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 30px;\n  font-weight: bold;\n}\n\n.card-tablero.active[_ngcontent-%COMP%] {\n  transform: scale(1.03);\n  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); \n\n  background-color: var(--bs-primary-bg-subtle);\n}\n\n.container-subtablero[_ngcontent-%COMP%] {\n  padding-right: 16px;\n  min-height: 130px;\n  max-height: 130px;\n  overflow-y: scroll;\n}\n.container-subtablero[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(:last-child) {\n  margin-bottom: 5px;\n}\n.container-subtablero[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 20px;\n}\n@-moz-document url-prefix() {\n  .container-subtablero {\n    scrollbar-width: thin;\n  }\n}\n.container-subtablero[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.container-subtablero[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n}\n.container-subtablero[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n\n.card-subtablero[_ngcontent-%COMP%] {\n  padding: 8px 0;\n  border-radius: 10px;\n  background-color: var(--bs-secondary-bg-subtle);\n  color: var(--bs-dark);\n  list-style: none;\n  display: block;\n}\n.card-subtablero[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  display: block;\n  float: right;\n  padding-right: 10px;\n  align-self: center;\n}\n@media screen and (max-width: 1400px) {\n  .card-subtablero[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n    float: none;\n    padding-right: 0px;\n    text-align: center;\n  }\n}\n\n.pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.button-mobile[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 3.1%;\n  right: 10%;\n}"]
  });
}

/***/ }),

/***/ 65472:
/*!********************************************************************************************!*\
  !*** ./src/app/pages/estadistica/ver-tablero/agregar-widgets/agregar-widgets.component.ts ***!
  \********************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AgregarWidgetsComponent: () => (/* binding */ AgregarWidgetsComponent)
/* harmony export */ });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var _widgets_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../widgets/widget-edit/widget-edit.component */ 33689);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/services/estadisticas/indicadores.service */ 33799);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/services/estadisticas/fuenteDatos.service */ 35651);
/* harmony import */ var src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/core/services/estadisticas/componentesVisuales.service */ 20510);
/* harmony import */ var primeng_api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! primeng/api */ 85219);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var primeng_selectbutton__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! primeng/selectbutton */ 16128);
/* harmony import */ var primeng_sidebar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! primeng/sidebar */ 99246);
/* harmony import */ var primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! primeng/overlaypanel */ 88454);
/* harmony import */ var _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/ui/select-multiple/select-multiple.component */ 54245);


















function AgregarWidgetsComponent_ng_template_8_Template(rf, ctx) {}
function AgregarWidgetsComponent_div_9_ng_template_2_Template(rf, ctx) {}
function AgregarWidgetsComponent_div_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "div", 32)(1, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](2, AgregarWidgetsComponent_div_9_ng_template_2_Template, 0, 0, "ng-template", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵreference"](41);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngTemplateOutlet", _r6);
  }
}
function AgregarWidgetsComponent_ng_template_20_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](0, "i", 37);
  }
}
function AgregarWidgetsComponent_ng_template_20_Conditional_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](0, "i", 38);
  }
}
function AgregarWidgetsComponent_ng_template_20_Conditional_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](0, "i", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](1, "\u00A0");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](2, "i", 38);
  }
}
function AgregarWidgetsComponent_ng_template_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](1, AgregarWidgetsComponent_ng_template_20_Conditional_1_Template, 1, 0, "i", 35)(2, AgregarWidgetsComponent_ng_template_20_Conditional_2_Template, 1, 0, "i", 36)(3, AgregarWidgetsComponent_ng_template_20_Conditional_3_Template, 3, 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const item_r8 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("pTooltip", item_r8.tooltip);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵconditional"](1, item_r8.icon == "S" ? 1 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵconditional"](2, item_r8.icon == "NS" ? 2 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵconditional"](3, item_r8.icon == "T" ? 3 : -1);
  }
}
function AgregarWidgetsComponent_ng_container_29_div_1_i_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r17 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "i", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_ng_container_29_div_1_i_7_Template_i_click_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r17);
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      const _r15 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵreference"](9);
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](_r15.toggle($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
  }
}
function AgregarWidgetsComponent_ng_container_29_div_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "div", 40)(1, "span", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](3, "div", 42)(4, "h2");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](6, "i", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](7, AgregarWidgetsComponent_ng_container_29_div_1_i_7_Template, 1, 0, "i", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](8, "p-overlayPanel", 45, 46)(10, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](12, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](14, "span", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](16, "div", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](17, "i", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](18, "div", 51)(19, "div", 52)(20, "button", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_ng_container_29_div_1_Template_button_click_20_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r20);
      const widget_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]().$implicit;
      const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r18.removeWidget(widget_r12));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](21, "i", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](22, "button", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_ng_container_29_div_1_Template_button_click_22_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r20);
      const widget_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]().$implicit;
      const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r21.addWidget(widget_r12));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](23, "i", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()()();
  }
  if (rf & 2) {
    const widget_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]().$implicit;
    const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
    let tmp_6_0;
    let tmp_8_0;
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate"](ctx_r13.seleccionado(widget_r12).length);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" ", widget_r12.Nombre, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngIf", widget_r12.Descripcion.trim() != "");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" ", widget_r12.Descripcion, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" ", widget_r12.InfOrigen.Nombre, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate"](widget_r12.InfOrigen.InfTipo.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵstyleMap"]((tmp_6_0 = ctx_r13.getIcono(widget_r12.InfVisual.Id)) == null ? null : tmp_6_0.style);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("pTooltip", widget_r12.InfVisual.Nombre)("ngClass", (tmp_8_0 = ctx_r13.getIcono(widget_r12.InfVisual.Id)) == null ? null : tmp_8_0.icon);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("disabled", ctx_r13.seleccionado(widget_r12).length <= 0);
  }
}
function AgregarWidgetsComponent_ng_container_29_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](1, AgregarWidgetsComponent_ng_container_29_div_1_Template, 24, 11, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const widget_r12 = ctx.$implicit;
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngIf", ctx_r3.verCondition(widget_r12));
  }
}
function AgregarWidgetsComponent_ng_container_30_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementContainerStart"](0, 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](1, "div", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](2, " No hay datos para mostrar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementContainerEnd"]();
  }
}
const _forTrack0 = ($index, $item) => $item.Id;
function AgregarWidgetsComponent_ng_template_40_button_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r28 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "button", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_ng_template_40_button_6_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r28);
      const ctx_r27 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r27.borrarNombre());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](1, "i", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
  }
}
function AgregarWidgetsComponent_ng_template_40_For_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "option", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const option_r29 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("value", option_r29.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate"](option_r29.Nombre);
  }
}
function AgregarWidgetsComponent_ng_template_40_For_34_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "option", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const option_r34 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("value", option_r34.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate"](option_r34.Nombre);
  }
}
function AgregarWidgetsComponent_ng_template_40_Template(rf, ctx) {
  if (rf & 1) {
    const _r40 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "div", 60)(1, "div", 61)(2, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](3, "Nombre");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](4, "div", 62)(5, "input", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("keyup.enter", function AgregarWidgetsComponent_ng_template_40_Template_input_keyup_enter_5_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r40);
      const ctx_r39 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r39.buscarPorNombre());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](6, AgregarWidgetsComponent_ng_template_40_button_6_Template, 2, 0, "button", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](7, "button", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_ng_template_40_Template_button_click_7_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r40);
      const ctx_r41 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r41.buscarPorNombre());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](8, "i", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](9, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](10, "div")(11, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](12, "Gr\u00E1fico");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](13, "app-select-multiple", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("emitSelected", function AgregarWidgetsComponent_ng_template_40_Template_app_select_multiple_emitSelected_13_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r40);
      const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r42.filterForm.controls.IdsInfVisual.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](14, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](15, "div")(16, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](17, "Configurable");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](18, "select", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrepeaterCreate"](19, AgregarWidgetsComponent_ng_template_40_For_20_Template, 2, 2, "option", 70, _forTrack0);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](21, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](22, "div")(23, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](24, "Origen de los Datos");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](25, "app-select-multiple", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("emitSelected", function AgregarWidgetsComponent_ng_template_40_Template_app_select_multiple_emitSelected_25_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrestoreView"](_r40);
      const ctx_r43 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵresetView"](ctx_r43.filterForm.controls.IdsInfOrigen.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](26, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](27, "div")(28, "p", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](29, "Performance");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](30, "select", 69)(31, "option", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](32, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrepeaterCreate"](33, AgregarWidgetsComponent_ng_template_40_For_34_Template, 2, 2, "option", 70, _forTrack0);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
  }
  if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("formGroup", ctx_r5.filterForm);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngIf", ctx_r5.busquedaNombre());
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("selected", ctx_r5.filterForm.controls.IdsInfVisual.value)("items", ctx_r5.compVisuales);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrepeater"](ctx_r5.todosOptions);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("selected", ctx_r5.filterForm.controls.IdsInfOrigen.value)("items", ctx_r5.fuenteDatos);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("value", -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵrepeater"](ctx_r5.tipoFuenteOptions);
  }
}
/**
 * SP SINWEB-634 Componente usado para agregar widgets a un subtablero
 */
class AgregarWidgetsComponent {
  constructor(modal, modalService, indicadoresService, fb, alert, fuenteDatosService, componentesVisualesService) {
    this.modal = modal;
    this.modalService = modalService;
    this.indicadoresService = indicadoresService;
    this.fb = fb;
    this.alert = alert;
    this.fuenteDatosService = fuenteDatosService;
    this.componentesVisualesService = componentesVisualesService;
    this.subs = [];
    this.filtro = true;
    this.filtroMobile = false;
    this.fuenteDatos = [];
    this.compVisuales = [];
    this.widgets = [];
    //public widgetFiltrados: any[] = [];
    this.widgetSeleccionados = [];
    this.componentesVisuales = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.compVisuales;
    this.filterIdsInfOrigen = '';
    this.filterIdsInfVisual = '';
    this.filterConfigurable = '';
    this.filterTipoFuente = -1;
    this.filterNombre = '';
    this.filterForm = this.fb.group({
      Nombre: [''],
      IdsInfOrigen: [[]],
      IdsInfVisual: [[]],
      Configurable: [''],
      TipoFuente: [-1]
    });
    this.verItems = 'T';
    this.tipoFuenteOptions = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.TipoFuenteOptions;
    this.options = [{
      icon: 'T',
      value: 'T',
      tooltip: 'Ver Todos'
    }, {
      icon: 'NS',
      value: 'NS',
      tooltip: 'Ver no seleccionados'
    }, {
      icon: 'S',
      tooltip: 'Ver seleccionados',
      value: 'S'
    }];
    this.todosOptions = [{
      Id: '',
      Nombre: 'Todos'
    }, {
      Id: 'S',
      Nombre: 'Si'
    }, {
      Id: 'N',
      Nombre: 'No'
    }];
  }
  ngOnInit() {
    this.cargarFuenteDatos();
    this.cargarCompVisuales();
    this.loadWidgets();
    this.controlarFiltros();
    console.log(this.subtablero);
  }
  ngOnDestroy() {
    this.subs.forEach(sb => sb.unsubscribe);
  }
  controlarFiltros() {
    this.subs.push(this.filterForm.get('TipoFuente').valueChanges.subscribe(value => {
      this.filterTipoFuente = value;
      this.loadWidgets();
    }));
    this.subs.push(this.filterForm.get('Configurable').valueChanges.subscribe(value => {
      this.filterConfigurable = value;
      this.loadWidgets();
    }));
    this.subs.push(this.filterForm.get('IdsInfVisual').valueChanges.subscribe(value => {
      this.filterIdsInfVisual = value.join(',');
      this.loadWidgets();
    }));
    this.subs.push(this.filterForm.get('IdsInfOrigen').valueChanges.subscribe(value => {
      this.filterIdsInfOrigen = value.join(',');
      this.loadWidgets();
    }));
  }
  cargarCompVisuales() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    this.componentesVisualesService.fetch(datos).subscribe(res => {
      this.compVisuales = res.Data;
    });
  }
  cargarFuenteDatos() {
    let datos = {
      PageNumber: -1,
      Orden: 2,
      SentidoOrden: 'asc'
    };
    let susc = this.fuenteDatosService.fetch(datos).subscribe(data => {
      this.fuenteDatos = data.Data;
    });
    susc.unsubscribe;
  }
  onSearchWidgets(datos) {
    const susc = this.indicadoresService.fetch(datos).subscribe(data => {
      if (data.Data) {
        this.widgets = data.Data;
      }
    });
    susc.unsubscribe;
  }
  loadWidgets() {
    this.onSearchWidgets(this.cargarFiltros());
  }
  prepararInstancias() {
    let ultimaFila = !this.subtablero.InfIndicadorInstancias || this.subtablero.InfIndicadorInstancias.length == 0 ? 0 : lodash__WEBPACK_IMPORTED_MODULE_0__.maxBy(this.subtablero.InfIndicadorInstancias, 'PosicionY')['PosicionY'];
    let instanciasEnvio = this.widgetSeleccionados.map((w, index) => {
      return {
        Id: null,
        Nombre: w.Nombre,
        Descripcion: w.Descripcion,
        UltActualizacion: null,
        PosicionX: 1,
        PosicionY: 1,
        Layout: 1,
        IdInfIndicador: w.Id,
        IdInfSubtablero: this.subtablero.Id,
        Oculto: 'N',
        InfIndicadorInstanciaParams: w.InfOrigen.InfOrigenParams.map(p => {
          return {
            Id: null,
            IdIndicadorInstancia: null,
            IdInfOrigenParam: p.Id,
            Oculto: 'N'
          };
        })
      };
    });
    instanciasEnvio = this.reposicionarWidgets(instanciasEnvio, ultimaFila, this.subtablero.Layout);
    return {
      ControlarValorXDefectoRequerido: 'N',
      InstanciasIndicadores: instanciasEnvio
    };
  }
  reposicionarWidgets(instancias, ultimaFila, layout) {
    const pattern = [1, 2, 3];
    let patternIndex = 0;
    let instanciasReposicionadas = instancias.map((instancia, index) => {
      let PosX;
      let PosY;
      if (layout != 0) {
        PosX = pattern[patternIndex];
        patternIndex++;
        if (layout == 4) {
          PosY = ultimaFila + Math.floor(index / 3) + 1;
          if (patternIndex == 3) {
            patternIndex = 0;
          }
        } else {
          PosY = ultimaFila + Math.floor(index / 2) + 1;
          if (patternIndex == 2) {
            patternIndex = 0;
          }
        }
      } else {
        PosX = 1;
        PosY = ultimaFila + index;
      }
      return {
        ...instancia,
        PosicionX: PosX,
        PosicionY: PosY
      };
    });
    return instanciasReposicionadas;
  }
  save() {
    let instancias = this.prepararInstancias();
    this.indicadoresService.postMasivoInstanciaIndicadores(instancias).subscribe(resp => {
      console.log(resp);
      this.modal.close(resp);
    });
  }
  cargarFiltros() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    if (this.filterNombre != '') {
      datos.Nombre = this.filterNombre;
    }
    if (this.filterIdsInfOrigen != '') {
      datos.IdsInfOrigen = this.filterIdsInfOrigen;
    }
    if (this.filterIdsInfVisual != '') {
      datos.IdsInfVisual = this.filterIdsInfVisual;
    }
    if (this.filterConfigurable != '') {
      datos.Configurable = this.filterConfigurable;
    }
    if (this.filterTipoFuente > 0) {
      datos.IdsTipos = this.filterTipoFuente;
    }
    return datos;
  }
  addWidget(widget) {
    console.log(this.widgetSeleccionados);
    this.widgetSeleccionados.push(widget);
  }
  removeWidget(widget) {
    let index = this.widgetSeleccionados.findIndex(w => w.Id == widget.Id);
    this.widgetSeleccionados.splice(index, 1);
  }
  seleccionado(widget) {
    return lodash__WEBPACK_IMPORTED_MODULE_0__.filter(this.widgetSeleccionados, w => w.Id === widget.Id);
  }
  crearWidget() {
    let windowSize = window.innerWidth;
    let modalOptions = {
      centered: true,
      scrollable: true,
      backdrop: 'static',
      keyboard: false,
      backdropClass: 'back-z-index-1',
      windowClass: 'modal-z-index-1'
    };
    if (windowSize < 992) {
      modalOptions.fullscreen = true;
    } else {
      modalOptions.size = 'lg';
    }
    const modalRef = this.modalService.open(_widgets_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__.WidgetEditComponent, modalOptions);
    modalRef.result.then(result => {
      if (result) {
        this.alert.showBasicAlert('Indicador creado', 'El indicador se ha creado correctamente', 'success');
        this.loadWidgets();
      }
    });
  }
  /**
   *  SP SINWEB- Metodo que se encarga de verificar si un widget cumple con la condicion de visualizacion
   * @param widget
   * @returns
   */
  verCondition(widget) {
    switch (this.verItems) {
      case 'T':
        return true;
      case 'NS':
        return !this.widgetSeleccionados.find(w => w.Id == widget.Id);
      case 'S':
        return this.widgetSeleccionados.find(w => w.Id == widget.Id);
    }
  }
  /**
   * SP SINWEB- Metodo que se encarga de agregar todos los widgets a la lista de seleccionados
   */
  agregarTodos() {
    this.widgetSeleccionados = [...this.widgets];
  }
  /**
   * SP SINWEB- Metodo que se encarga de quitar todos los widgets seleccionados
   **/
  quitarTodos() {
    this.widgetSeleccionados = [];
  }
  /**
   * SP SINWEB- Metodo que se encarga de borrar el nombre del filtro
   */
  borrarNombre() {
    this.filterForm.get('Nombre').setValue('');
    this.filterNombre = '';
    this.loadWidgets();
  }
  buscarPorNombre() {
    this.filterNombre = this.filterForm.get('Nombre').value;
    this.loadWidgets();
  }
  busquedaNombre() {
    return this.filterNombre != '' && this.filterNombre != undefined;
  }
  getIcono(cv) {
    return this.componentesVisuales.find(item => item.id == cv);
  }
  static #_ = this.ɵfac = function AgregarWidgetsComponent_Factory(t) {
    return new (t || AgregarWidgetsComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_4__.IndicadoresService), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_1__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_5__.FuenteDatosService), _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_6__.ComponentesVisualesService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵdefineComponent"]({
    type: AgregarWidgetsComponent,
    selectors: [["app-agregar-widgets"]],
    inputs: {
      subtablero: "subtablero"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_1__.AlertCustomService])],
    decls: 42,
    vars: 17,
    consts: [[1, "modal-content"], [1, "modal-header"], [1, "modal-title", "h4"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], [1, "row"], ["position", "left", 1, "d-block", "d-lg-none", 3, "visible", "visibleChange"], [1, "m-2"], [3, "ngTemplateOutlet"], ["class", "col-12 col-lg-3 py-2 px-3 px-lg-0 d-none d-lg-block", 4, "ngIf"], [3, "ngClass"], [1, "pt-2", "d-flex", "justify-content-center", "justify-content-lg-between", "flex-wrap"], [1, "col-auto", "d-none", "d-lg-block"], ["data-cy", "boton-filtro", 1, "btn", "btn-icon", "btn-soft-secondary", "w-100", 3, "click"], [1, "col-auto", "d-block", "d-lg-none", "mb-2"], ["data-cy", "boton-filtroMobile", 1, "btn", "btn-icon", "btn-soft-secondary", "w-100", 3, "click"], [1, "col-12", "col-lg-auto", "d-flex", "flex-row", "gap-2", "flex-wrap", "justify-content-center"], ["optionValue", "value", "optionLabel", "icon", 3, "options", "ngModel", "unselectable", "ngModelChange"], ["pTemplate", ""], ["pTooltip", "Quitar todos", 1, "btn", "btn-danger", "px-3", 3, "click"], [1, "mdi", "mdi-delete", "font-size-16"], ["pTooltip", "Crear indicador", 1, "btn", "btn-primary", "px-3", 3, "click"], [1, "mdi", "mdi-plus", "font-size-16"], [1, "row", "justify-content-center", "justify-content-lg-start", "mb-2"], [1, "col-auto", "text-muted", "mt-2"], [1, "widget-container"], [4, "ngFor", "ngForOf"], ["class", "row justify-content-center mx-1", 4, "ngIf"], [1, "row", "justify-content-center", "justify-content-lg-start"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-light", "btn-elevate", "mr-2", 3, "click"], ["type", "button", 1, "btn", "btn-success", "btn-elevate", 3, "disabled", "click"], ["FILTRO", ""], [1, "col-12", "col-lg-3", "py-2", "px-3", "px-lg-0", "d-none", "d-lg-block"], [1, "widget-filtros"], [3, "pTooltip"], ["class", "bx bx-check"], ["class", "bx bx-x"], [1, "bx", "bx-check"], [1, "bx", "bx-x"], ["class", "widget-card", 4, "ngIf"], [1, "widget-card"], [1, "cant-items", "badge", "rounded-pill", "bg-primary", "font-size-16"], [1, "widget-card-info"], ["pTooltip", "Configurable", 1, "mdi", "mdi-cog-outline"], ["style", "cursor: pointer", "class", "mdi mdi-chat-alert-outline", 3, "click", 4, "ngIf"], ["baseZIndex", "1056"], ["op", ""], [1, "text-muted"], [1, "ms-2", "badge", "badge-pill", "rounded", "bg-primary"], [1, "widget-card-icon"], [3, "pTooltip", "ngClass"], [1, "widget-card-actions"], ["role", "group", 1, "btn-group"], ["type", "button", 1, "btn", "btn-outline-primary", 3, "disabled", "click"], [1, "bx", "bx-minus"], ["type", "button", 1, "btn", "btn-outline-primary", 3, "click"], [1, "bx", "bx-plus"], [1, "mdi", "mdi-chat-alert-outline", 2, "cursor", "pointer", 3, "click"], [1, "row", "justify-content-center", "mx-1"], ["role", "alert", 1, "col-12", "alert", "alert-info", "py-3", "text-center", "align-content-center"], [3, "formGroup"], [1, "mt-2"], [1, "input-group"], ["type", "text", "formControlName", "Nombre", "maxlength", "100", 1, "form-control", 3, "keyup.enter"], ["class", "btn btn-secondary", 3, "click", 4, "ngIf"], [1, "btn", "btn-primary", 3, "click"], [1, "bx", "bx-search", "font-size-16"], ["labelKey", "Nombre", "valueKey", "Id", "placeholder", "Seleccionar", 3, "selected", "items", "emitSelected"], ["formControlName", "Configurable", 1, "form-select"], ["formControlName", "TipoFuente", 1, "form-select"], [3, "value"], [1, "btn", "btn-secondary", 3, "click"], [1, "bx", "bx-x", "font-size-16"]],
    template: function AgregarWidgetsComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](4, "div", 3)(5, "div", 4)(6, "p-sidebar", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("visibleChange", function AgregarWidgetsComponent_Template_p_sidebar_visibleChange_6_listener($event) {
          return ctx.filtroMobile = $event;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](7, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](8, AgregarWidgetsComponent_ng_template_8_Template, 0, 0, "ng-template", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](9, AgregarWidgetsComponent_div_9_Template, 3, 1, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](10, "div", 9)(11, "div", 10)(12, "div", 11)(13, "a", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_a_click_13_listener() {
          return ctx.filtro = !ctx.filtro;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](14, "i", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](15, "div", 13)(16, "a", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_a_click_16_listener() {
          return ctx.filtroMobile = !ctx.filtroMobile;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](17, "i", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](18, "div", 15)(19, "p-selectButton", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("ngModelChange", function AgregarWidgetsComponent_Template_p_selectButton_ngModelChange_19_listener($event) {
          return ctx.verItems = $event;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](20, AgregarWidgetsComponent_ng_template_20_Template, 4, 4, "ng-template", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](21, "button", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_button_click_21_listener() {
          return ctx.quitarTodos();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](22, "i", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](23, "button", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_button_click_23_listener() {
          return ctx.crearWidget();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelement"](24, "i", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](25, "div", 22)(26, "div", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](27);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](28, "div", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](29, AgregarWidgetsComponent_ng_container_29_Template, 2, 1, "ng-container", 25)(30, AgregarWidgetsComponent_ng_container_30_Template, 3, 0, "ng-container", 26);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵpipe"](31, "async");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](32, "div", 27)(33, "div", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](34);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](35, "div", 28)(36, "button", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_button_click_36_listener() {
          return ctx.modal.dismiss();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](37, " Cancelar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementStart"](38, "button", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵlistener"]("click", function AgregarWidgetsComponent_Template_button_click_38_listener() {
          return ctx.save();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtext"](39, " Guardar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplate"](40, AgregarWidgetsComponent_ng_template_40_Template, 35, 7, "ng-template", null, 31, _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtemplateRefExtractor"]);
      }
      if (rf & 2) {
        const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵreference"](41);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" Agregar indicadores a tablero - ", ctx.subtablero == null ? null : ctx.subtablero.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("visible", ctx.filtroMobile);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngTemplateOutlet", _r6);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngIf", ctx.filtro);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngClass", ctx.filtro ? "col-12 col-lg-9" : "col-12");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngClass", !ctx.filtro ? "mdi mdi-filter-outline mdi-18px align-middle" : "mdi mdi-filter-off-outline mdi-18px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngClass", !ctx.filtroMobile ? "mdi mdi-filter-outline mdi-18px align-middle" : "mdi mdi-filter-off-outline mdi-18px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("options", ctx.options)("ngModel", ctx.verItems)("unselectable", true);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" ", ctx.widgetSeleccionados.length, " seleccionados ");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngForOf", ctx.widgets);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("ngIf", ctx.widgets.length <= 0 && !_angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵpipeBind1"](31, 15, ctx.indicadoresService.isLoading$));
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵtextInterpolate1"](" ", ctx.widgetSeleccionados.length, " seleccionados ");
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_8__["ɵɵproperty"]("disabled", ctx.widgetSeleccionados.length == 0);
      }
    },
    dependencies: [primeng_api__WEBPACK_IMPORTED_MODULE_11__.PrimeTemplate, _angular_common__WEBPACK_IMPORTED_MODULE_12__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_12__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_12__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_12__.NgTemplateOutlet, primeng_tooltip__WEBPACK_IMPORTED_MODULE_13__.Tooltip, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_10__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.MaxLengthValidator, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgModel, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormControlName, primeng_selectbutton__WEBPACK_IMPORTED_MODULE_14__.SelectButton, primeng_sidebar__WEBPACK_IMPORTED_MODULE_15__.Sidebar, primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_16__.OverlayPanel, _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_7__.SelectMultipleComponent, _angular_common__WEBPACK_IMPORTED_MODULE_12__.AsyncPipe],
    styles: [".widget-container[_ngcontent-%COMP%] {\n  display: grid;\n  padding: 8px;\n  grid-template-columns: 1fr;\n  gap: 10px;\n  overflow-y: scroll;\n  height: 70vh;\n}\n.widget-container[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 20px;\n}\n@-moz-document url-prefix() {\n  .widget-container {\n    scrollbar-width: thin;\n  }\n}\n.widget-container[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.widget-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background-color: #d6dee1;\n  border-radius: 20px;\n  border: 6px solid transparent;\n  background-clip: content-box;\n  min-height: 80px;\n}\n.widget-container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background-color: #a8bbbf;\n}\n\n.widget-card[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0px 16px 0px 32px;\n  border-radius: 8px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  min-height: 200px;\n  height: auto;\n  max-height: 300px;\n  text-align: center;\n  position: relative;\n  outline: none;\n  overflow: hidden;\n}\n.widget-card[_ngcontent-%COMP%]   .cant-items[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 4%;\n  right: 2%;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 0px 16px 0px 16px;\n    min-height: 300px;\n    height: max-content;\n    max-height: 600px;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-actions[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 16px;\n  text-align: end;\n  margin-bottom: 16px;\n  order: 3;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-actions[_ngcontent-%COMP%] {\n    text-align: center;\n    padding-right: 0px;\n    order: 3;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%] {\n  padding: 16px 0px 16px 0px;\n  width: 70%;\n  text-align: start;\n  order: 1;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  vertical-align: middle;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0px;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: center;\n    order: 2;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%] {\n  width: 30%;\n  text-align: center;\n  order: 2;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 80px;\n  align-self: center;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: center;\n    order: 1;\n  }\n}\n.widget-card[_ngcontent-%COMP%]:hover:not(.active) {\n  background-color: #c0c0c0;\n}\n\n.widget-filtros[_ngcontent-%COMP%] {\n  display: block;\n  border-radius: 8px;\n  height: 100%;\n  padding: 8px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}"]
  });
}

/***/ }),

/***/ 47491:
/*!**********************************************************************************************!*\
  !*** ./src/app/pages/estadistica/ver-tablero/estado-instancia/estado-instancia.component.ts ***!
  \**********************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EstadoInstanciaComponent: () => (/* binding */ EstadoInstanciaComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! primeng/tooltip */ 33259);




function EstadoInstanciaComponent_h5_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "h5", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r0.title, " ");
  }
}
function EstadoInstanciaComponent_button_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "button", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function EstadoInstanciaComponent_button_5_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r10);
      const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r9.onHide(ctx_r9.oculto == "N" ? true : false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("pTooltip", "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r1.oculto == "N" ? "mdi mdi-eye mdi-22px" : "mdi mdi-eye-off mdi-22px");
  }
}
function EstadoInstanciaComponent_button_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "button", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function EstadoInstanciaComponent_button_6_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r12);
      const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r11.onEdit(ctx_r11.indicadorInstanciaDatos));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("pTooltip", "Editar");
  }
}
function EstadoInstanciaComponent_button_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "button", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function EstadoInstanciaComponent_button_7_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r14);
      const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r13.onDelete(ctx_r13.indicadorInstanciaDatos));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("pTooltip", "Eliminar");
  }
}
function EstadoInstanciaComponent_ng_container_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 18)(2, "div", 19)(3, "span", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, "Loading...");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"]();
  }
}
function EstadoInstanciaComponent_ng_container_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "svg");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "image", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"]();
  }
}
function EstadoInstanciaComponent_ng_container_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "svg");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "image", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"]();
  }
}
function EstadoInstanciaComponent_ng_container_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnamespaceSVG"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "svg");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "image", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainerEnd"]();
  }
}
function EstadoInstanciaComponent_button_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "button", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function EstadoInstanciaComponent_button_13_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r16);
      const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵresetView"](ctx_r15.onRefresh());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](1, "i", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("pTooltip", "Recargar");
  }
}
class EstadoInstanciaComponent {
  constructor() {
    this.loading = false;
    this.noCargado = false;
    this.noConfigurado = false;
    this.configurable = false;
    this.editTemplate = false;
    this.oculto = 'N';
    this.permisos = {};
    this.recargar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.editar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.eliminar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
    this.ocultar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter();
  }
  ngOnInit() {}
  onRefresh() {
    this.recargar.emit(true);
  }
  onEdit() {
    this.editar.emit(true);
  }
  onDelete() {
    this.eliminar.emit(true);
  }
  onHide(ocultar) {
    this.ocultar.emit(ocultar);
  }
  static #_ = this.ɵfac = function EstadoInstanciaComponent_Factory(t) {
    return new (t || EstadoInstanciaComponent)();
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
    type: EstadoInstanciaComponent,
    selectors: [["app-estado-instancia"]],
    inputs: {
      loading: "loading",
      noCargado: "noCargado",
      noConfigurado: "noConfigurado",
      title: "title",
      configurable: "configurable",
      editTemplate: "editTemplate",
      idTablero: "idTablero",
      oculto: "oculto",
      permisos: "permisos"
    },
    outputs: {
      recargar: "recargar",
      editar: "editar",
      eliminar: "eliminar",
      ocultar: "ocultar"
    },
    decls: 14,
    vars: 9,
    consts: [[1, "box"], [1, "card", "mb-2"], [1, "card-body"], ["class", "card-title text-center text-lg-start", 4, "ngIf"], [1, "button-options"], ["class", "btn text-info py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], ["class", "btn text-primary py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], ["class", "btn text-danger py-0 px-2 text", "tooltipPosition", "top", 3, "pTooltip", "click", 4, "ngIf"], [4, "ngIf"], [1, "position-absolute", "bottom-0", "end-0", 2, "margin", "20px"], ["class", "btn text-secondary", "tooltipPosition", "left", 3, "pTooltip", "click", 4, "ngIf"], [1, "card-title", "text-center", "text-lg-start"], ["tooltipPosition", "top", 1, "btn", "text-info", "py-0", "px-2", "text", 3, "pTooltip", "click"], [3, "ngClass"], ["tooltipPosition", "top", 1, "btn", "text-primary", "py-0", "px-2", "text", 3, "pTooltip", "click"], [1, "mdi", "mdi-pencil", "mdi-22px"], ["tooltipPosition", "top", 1, "btn", "text-danger", "py-0", "px-2", "text", 3, "pTooltip", "click"], [1, "mdi", "mdi-delete", "mdi-22px"], [1, "spinner-container"], ["role", "status", 1, "spinner-border", "text-info", "m-1"], [1, "sr-only"], ["pTooltip", "No hay datos cargados, actualice el indicador", 1, "nocargado-container"], [0, "xlink", "href", "assets/icons/iconizer-database-off-outline.svg", "src", "assets/icons/iconizer-database-off-outline.svg"], ["pTooltip", "Indicador no configurado, edite y coloque valores por defecto de filtros", 1, "nocargado-container"], [0, "xlink", "href", "assets/icons/iconizer-config-off-icon.svg", "src", "assets/icons/iconizer-config-off-icon.svg"], ["pTooltip", "Indicador oculto, haga clic en el ojo para mostrar", 1, "nocargado-container"], [0, "xlink", "href", "assets/icons/iconizer-eye-off-outline.svg", "src", "assets/icons/iconizer-eye-off-outline.svg"], ["tooltipPosition", "left", 1, "btn", "text-secondary", 3, "pTooltip", "click"], [1, "mdi", "mdi-reload", "mdi-22px"]],
    template: function EstadoInstanciaComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](3, EstadoInstanciaComponent_h5_3_Template, 2, 1, "h5", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](5, EstadoInstanciaComponent_button_5_Template, 2, 2, "button", 5)(6, EstadoInstanciaComponent_button_6_Template, 2, 1, "button", 6)(7, EstadoInstanciaComponent_button_7_Template, 2, 1, "button", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, EstadoInstanciaComponent_ng_container_8_Template, 5, 0, "ng-container", 8)(9, EstadoInstanciaComponent_ng_container_9_Template, 4, 0, "ng-container", 8)(10, EstadoInstanciaComponent_ng_container_10_Template, 4, 0, "ng-container", 8)(11, EstadoInstanciaComponent_ng_container_11_Template, 4, 0, "ng-container", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, EstadoInstanciaComponent_button_13_Template, 2, 1, "button", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.title);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.editTemplate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.configurable && !ctx.editTemplate && !ctx.loading && ctx.permisos.editarInstanciaIndicador);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.configurable && !ctx.editTemplate && !ctx.loading && ctx.permisos.eliminarInstanciaIndicador);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.loading && !ctx.noCargado);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.noCargado && !ctx.loading && !ctx.noConfigurado && ctx.oculto == "N");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.noConfigurado && !ctx.loading && ctx.oculto == "N");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.oculto == "S" && !ctx.loading);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.editTemplate && ctx.noCargado && !ctx.noConfigurado && !ctx.loading);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_1__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_1__.NgIf, primeng_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip],
    styles: [".box[_ngcontent-%COMP%] {\n  width: auto;\n  height: 100%;\n}\n.box[_ngcontent-%COMP%]   .card[_ngcontent-%COMP%] {\n  height: 100%;\n}\n.box[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  padding-top: 100px;\n  padding-bottom: 100px;\n}\n.box[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin-left: 20px;\n  margin-top: 41px;\n}\n@media screen and (max-width: 567px) {\n  .box[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    right: 0;\n    left: 0;\n    margin-left: 0;\n  }\n}\n.box[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .button-options[_ngcontent-%COMP%] {\n  position: absolute;\n  display: block;\n  top: 0;\n  right: 0;\n  margin: 20px;\n}\n@media screen and (max-width: 567px) {\n  .box[_ngcontent-%COMP%]   .card-body[_ngcontent-%COMP%]   .button-options[_ngcontent-%COMP%] {\n    margin: 5px;\n  }\n}\n.box[_ngcontent-%COMP%]   .spinner-container[_ngcontent-%COMP%] {\n  width: 10%;\n  aspect-ratio: 1/1;\n  min-height: 30px;\n  min-width: 30px;\n  max-width: 200px;\n  max-height: 200px;\n}\n.box[_ngcontent-%COMP%]   .spinner-border[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  align-self: center;\n}\n.box[_ngcontent-%COMP%]   .nocargado-container[_ngcontent-%COMP%] {\n  width: 10%;\n  aspect-ratio: 1/1;\n  min-height: 30px;\n  min-width: 30px;\n  max-width: 200px;\n  max-height: 200px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 20px;\n}\n.box[_ngcontent-%COMP%]   .nocargado-container[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   image[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n}"]
  });
}

/***/ }),

/***/ 7351:
/*!**************************************************************************************************************!*\
  !*** ./src/app/pages/estadistica/ver-tablero/indicador-instancia-edit/indicador-instancia-edit.component.ts ***!
  \**************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   IndicadorInstanciaEditComponent: () => (/* binding */ IndicadorInstanciaEditComponent)
/* harmony export */ });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var _formkit_tempo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @formkit/tempo */ 58444);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/services/viewHelper.service */ 90556);
/* harmony import */ var src_app_core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-gen */ 14719);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var src_app_core_utils_validators_dateValidators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/core/utils/validators/dateValidators */ 49545);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/estadisticas/indicadores.service */ 33799);
/* harmony import */ var src_app_core_services_core_sucursal_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/core/sucursal.service */ 38396);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../core/directives/campo-obligatorio.directive */ 61528);
/* harmony import */ var _shared_ui_input_number_input_number_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../shared/ui/input-number/input-number.component */ 62271);
/* harmony import */ var _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../shared/ui/select-loading/select-loading.component */ 24718);
/* harmony import */ var _shared_ui_input_periodo_input_periodo_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../shared/ui/input-periodo/input-periodo.component */ 77947);
/* harmony import */ var _shared_ui_input_time_input_time_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../shared/ui/input-time/input-time.component */ 71902);























function IndicadorInstanciaEditComponent_div_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Nombre correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Nombre del indicador requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Nombre del indicador no puede ser mayor a 100 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_div_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Descripci\u00F3n correcta ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_div_21_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Descripci\u00F3n del indicador no puede ser mayor a 200 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_span_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "span", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](1, "i", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_div_30_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_div_31_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r26 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "input", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("change", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_Template_input_change_9_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r26);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](filtro_r8.form.get("ValorTipo").setValue(""));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_span_10_Template, 2, 0, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "select", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("change", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_Template_select_change_11_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r26);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      const ctx_r27 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r27.calcularFiltroPorTipoFecha(filtro_r8.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](12, "option", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](13, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](14, "option", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](15, "Hoy");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](16, "option", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](17, "Ayer");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](18, "option", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](19, "\u00DAltimos 7 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](20, "option", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](21, "\u00DAltimos 15 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](22, "option", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](23, "\u00DAltimos 30 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](24, "option", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](25, "\u00DAltimos 60 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](26, "option", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](27, "\u00DAltimos 90 d\u00EDas");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](28, "option", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](29, "\u00DAltimo a\u00F1o");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](30, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_div_30_Template, 2, 0, "div", 43)(31, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_div_31_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("ValorTipo").value != "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_span_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "span", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](1, "i", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_div_24_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_div_25_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r35 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "app-input-periodo", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("valorEmit", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_Template_app_input_periodo_valorEmit_9_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r35);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      const ctx_r33 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r33.setMes($event, filtro_r8.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_span_10_Template, 2, 0, "span", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "select", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("change", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_Template_select_change_11_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r35);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r36.calcularFiltroPorTipoMes(filtro_r8.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](12, "option", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](13, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](14, "option", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](15, "Mes actual");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](16, "option", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](17, "Mes anterior");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](18, "option", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](19, "\u00DAltimos 3 meses");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](20, "option", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](21, "\u00DAltimos 6 meses");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](22, "option", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](23, "\u00DAltimo a\u00F1o");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](24, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_div_24_Template, 2, 0, "div", 43)(25, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_div_25_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("valor", filtro_r8.form.get("Valor").value)("showErrors", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("ValorTipo").value != "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_div_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_div_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r43 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "app-input-time", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("valorEmit", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_Template_app_input_time_valorEmit_9_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r43);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](filtro_r8.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_div_10_Template, 2, 0, "div", 43)(11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_div_11_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("value", filtro_r8.form.get("Valor").value)("showErrors", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_div_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_div_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r49 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "app-input-number", 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("emitValue", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_Template_app_input_number_emitValue_9_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r49);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](filtro_r8.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_div_10_Template, 2, 0, "div", 43)(11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_div_11_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("value", filtro_r8.form.get("Valor").value)("decimals", 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_div_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_div_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](9, "input", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_div_10_Template, 2, 0, "div", 43)(11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_div_11_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_div_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_div_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r58 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "app-input-number", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("emitValue", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_Template_app_input_number_emitValue_9_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r58);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](filtro_r8.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_div_10_Template, 2, 0, "div", 43)(11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_div_11_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("value", filtro_r8.form.get("Valor").value)("decimals", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_option_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "option", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const item_r63 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("value", item_r63.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate1"](" ", item_r63.Caption, " ");
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_div_15_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_div_16_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "span", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](10, "Ordenar por");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "select", 62)(12, "option", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](13, "Seleccionar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](14, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_option_14_Template, 2, 2, "option", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](15, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_div_15_Template, 2, 0, "div", 43)(16, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_div_16_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngForOf", ctx_r15.instancia.InfIndicador.InfOrigen.InfOrigenCols);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "span", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](12, "input", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](13, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_div_13_Template, 2, 0, "div", 43)(14, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_div_14_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate"](filtro_r8.InfOrigenParam.Caption == "Sentido orden" ? "Desc/Asc" : "Si/No");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_div_11_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_div_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_Template(rf, ctx) {
  if (rf & 1) {
    const _r72 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](9, "select-loading", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("valueSelect", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_Template_select_loading_valueSelect_9_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r72);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](filtro_r8.form.get("Valor").setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵpipe"](10, "async");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_div_11_Template, 2, 0, "div", 43)(12, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_div_12_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("defaultValue", null)("defaultValueDis", false)("defaultString", "Seleccionar")("items", ctx_r17.sucursales)("valueSelected", filtro_r8.form.get("Valor").value)("loading", _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵpipeBind1"](10, 10, ctx_r17.sucursalService.isLoading$));
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_a_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r79 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "a", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_a_10_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r79);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2).$implicit;
      const ctx_r77 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r77.borrarValor(filtro_r8.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](1, "i", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r82 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](9, "input", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_a_10_Template, 2, 0, "a", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "a", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_Template_a_click_11_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r82);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      const ctx_r80 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r80.buscarValor(filtro_r8.form, filtro_r8.InfOrigenParam.Caption, filtro_r8.InfOrigenParam.Metatabla.Id, false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](12, "i", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](13, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_div_13_Template, 2, 0, "div", 43)(14, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_div_14_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").value);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_a_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r89 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "a", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_a_10_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r89);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2).$implicit;
      const ctx_r87 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r87.borrarValor(filtro_r8.form));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](1, "i", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](1, " Filtro requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_Template(rf, ctx) {
  if (rf & 1) {
    const _r92 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div")(1, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](3, "div", 28)(4, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](5, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](6, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](7, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](8, "Ocultar");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](9, "input", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_a_10_Template, 2, 0, "a", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](11, "a", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_Template_a_click_11_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵrestoreView"](_r92);
      const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
      const ctx_r90 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵresetView"](ctx_r90.buscarValor(filtro_r8.form, filtro_r8.InfOrigenParam.Caption, filtro_r8.InfOrigenParam.MetaTabla.Id, true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](12, "i", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](13, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_div_13_Template, 2, 0, "div", 43)(14, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_div_14_Template, 2, 0, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const filtro_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate2"]("", filtro_r8.InfOrigenParam.Caption, "", filtro_r8.InfOrigenParam.Obligatorio == "S" ? "*" : "", "");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").value);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", !filtro_r8.form.get("Valor").invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", filtro_r8.form.get("Valor").invalid);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_12_Template(rf, ctx) {}
function IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementContainerStart"](0, 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](1, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_1_Template, 32, 5)(2, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_2_Template, 26, 7)(3, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_3_Template, 12, 6)(4, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_4_Template, 12, 6)(5, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_5_Template, 12, 4)(6, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_6_Template, 12, 6)(7, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_7_Template, 17, 5)(8, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_8_Template, 15, 5)(9, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_9_Template, 13, 12)(10, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_10_Template, 15, 5)(11, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_11_Template, 15, 5)(12, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Case_12_Template, 0, 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const filtro_r8 = ctx.$implicit;
    let IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("formGroup", filtro_r8.form);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵconditional"](1, (IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp = filtro_r8.InfOrigenParam.InfParamTipo.Nombre) === "Fecha" ? 1 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Mes" ? 2 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Hora" ? 3 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Entero positivo" ? 4 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Cadena" ? 5 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Decimal" ? 6 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Orden" ? 7 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Logico" ? 8 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Sucursal" ? 9 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Entidad" ? 10 : IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_contFlowTmp === "Lista de entidades" ? 11 : 12);
  }
}
function IndicadorInstanciaEditComponent_ng_container_28_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](1, "div", 22)(2, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](4, "p", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](6, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](7, IndicadorInstanciaEditComponent_ng_container_28_ng_container_7_Template, 13, 2, "ng-container", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const grupo_r6 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate"](grupo_r6.grupo.NombreGrupo);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtextInterpolate"](grupo_r6.grupo.DescripcionGrupo);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngForOf", grupo_r6.filtros);
  }
}
class IndicadorInstanciaEditComponent {
  constructor(fb, modal, vh, auth, indicadoresService, sucursalService, modalService, alert) {
    this.fb = fb;
    this.modal = modal;
    this.vh = vh;
    this.auth = auth;
    this.indicadoresService = indicadoresService;
    this.sucursalService = sucursalService;
    this.modalService = modalService;
    this.alert = alert;
    this.sucursales = [];
    this.formGroup = this.fb.group({
      Nombre: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.maxLength(100)])],
      Descripcion: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.maxLength(200)],
      Layout: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.required]
    });
    this.formFilterArray = [];
    this._layouts = [{
      id: 1,
      name: 'Filtros verticales',
      img: 'assets/icons/verticalFiltros.svg',
      width: '50px',
      height: '100px'
    }, {
      id: 2,
      name: 'Filtros horizontales',
      img: 'assets/icons/horizontalFiltros.svg',
      width: '100px',
      height: '50px'
    }];
    this.filtrosAgrupados = [];
  }
  ngOnInit() {
    if (!this.instancia) {
      this.instancia = {
        Id: null,
        IdSubtablero: null,
        Nombre: '',
        Descripcion: '',
        UltActualizacion: null,
        PosicionX: 1,
        PosicionY: 1,
        Layout: null,
        InfIndicadorInstanciaParams: null
      };
    }
    if (this.instancia.InfIndicadorInstanciaParams?.find(filtro => filtro.InfOrigenParam.InfParamTipo.Nombre == 'Sucursal')) {
      let datos = {
        IdEmpresa: this.auth.usuario.IdEmpresa
      };
      this.sucursalService.fetch(datos).subscribe(resp => {
        this.sucursales = resp.Data ? lodash__WEBPACK_IMPORTED_MODULE_1__.concat([{
          Id: -1,
          Nombre: 'Sucursal Conectada'
        }], resp.Data) : resp.Data;
      });
    }
    this.loadForm();
  }
  loadForm() {
    this.formGroup.patchValue({
      Nombre: this.instancia.Nombre,
      Descripcion: this.instancia.Descripcion,
      Layout: this.instancia.Layout
    });
    if (this.instancia.InfIndicadorInstanciaParams) {
      this.filtrosAgrupados = this.agruparFiltrosPorGrupo(this.instancia.InfIndicadorInstanciaParams);
      lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(this.filtrosAgrupados, grupo => {
        lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(grupo.filtros, filtro => {
          let filterGroup = this.fb.group({});
          /**
           * SP SINWEB-785 Se agrega la logica para el filtro de tipo entidad
           */
          switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
            case 'Entidad':
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(filtro.ValorXDefecto));
              filterGroup.addControl('ValorNombre', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(this.extraerNombres(filtro.ValorXDefecto)));
              break;
            case 'Lista de entidades':
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(filtro.ValorXDefecto));
              filterGroup.addControl('ValorNombre', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(this.extraerNombres(filtro.ValorXDefecto)));
              break;
            case 'Fecha':
              let fechaObj = this.formatearValorFecha(filtro.ValorXDefecto);
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(fechaObj.fecha));
              filterGroup.addControl('ValorTipo', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(fechaObj.tipo != null && fechaObj.tipo != '' ? filtro.ValorXDefecto : ''));
              break;
            case 'Mes':
              let mesObj = this.formatearValorMes(filtro.ValorXDefecto);
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(mesObj.mes));
              filterGroup.addControl('ValorTipo', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(mesObj.tipo != null && mesObj.tipo != '' ? filtro.ValorXDefecto : ''));
              break;
            default:
              filterGroup.addControl('Valor', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(this.logicaFormTipo(filtro.ValorXDefecto, filtro.InfOrigenParam.InfParamTipo.Nombre)));
              break;
          }
          // if(filtro.InfOrigenParam.InfParamTipo.Nombre == 'Entidad' || filtro.InfOrigenParam.InfParamTipo.Nombre == 'Lista de entidades'){
          //   filterGroup.addControl('Valor',new FormControl(filtro.ValorXDefecto));
          //   filterGroup.addControl('ValorNombre' ,new FormControl(this.extraerNombres(filtro.ValorXDefecto)));
          // }else{
          //   filterGroup.addControl('Valor' ,new FormControl(this.logicaFormTipo( filtro.ValorXDefecto,filtro.InfOrigenParam.InfParamTipo.Nombre)));
          // }
          filterGroup.addControl('Oculto', new _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControl(filtro.Oculto == 'S'));
          if (filtro.InfOrigenParam.Obligatorio == 'S') {
            switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
              case 'Orden':
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.min(0)]);
                break;
              case 'Mes':
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.required, (0,src_app_core_utils_validators_dateValidators__WEBPACK_IMPORTED_MODULE_6__.periodoIncompleto)()]);
                break;
              default:
                filterGroup.get('Valor').setValidators([_angular_forms__WEBPACK_IMPORTED_MODULE_16__.Validators.required]);
                break;
            }
          }
          filtro['form'] = filterGroup;
        });
      });
    }
    this.vh.inicializar();
    this.vh.formGroup = this.formGroup;
  }
  calcularMes(tipo, cantidad) {
    const mesActual = new Date();
    if (tipo === 'M') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.addMonth)(mesActual, -cantidad), 'MM/YYYY');
    }
    return '';
  }
  formatearValorMes(valor) {
    if (valor?.includes('M')) {
      const cantidad = valor.split('M')[0];
      return {
        mes: this.calcularMes('M', cantidad),
        tipo: 'M'
      };
    }
    return {
      mes: valor ? valor : '',
      tipo: ''
    };
  }
  formatearValorFecha(valor) {
    let noFecha = valor?.includes('D') || valor?.includes('ML') || valor?.includes('MF');
    if (noFecha) {
      switch (true) {
        case valor.includes('D'):
          return {
            fecha: this.calcularFecha('D', valor.split('D')[0]),
            tipo: 'D'
          };
        case valor.includes('ML'):
          return {
            fecha: this.calcularFecha('ML', valor.split('ML')[0]),
            tipo: 'ML'
          };
        case valor.includes('MF'):
          return {
            fecha: this.calcularFecha('MF', valor.split('MF')[0]),
            tipo: 'MF'
          };
        default:
          return {
            fecha: null,
            tipo: null
          };
      }
    } else {
      return {
        fecha: (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.formatFechaComp)(valor ? valor : ''),
        tipo: ''
      };
    }
  }
  calcularFecha(tipo, cantidad) {
    let fechaActual = (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.format)(new Date(), 'YYYY-MM-DD');
    if (tipo == 'D') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.addDay)(fechaActual, -cantidad), 'YYYY-MM-DD');
    }
    if (tipo == 'MF') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.monthStart)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.addMonth)(fechaActual, -cantidad)), 'YYYY-MM-DD');
    }
    if (tipo == 'ML') {
      return (0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.format)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.monthEnd)((0,_formkit_tempo__WEBPACK_IMPORTED_MODULE_0__.addMonth)(fechaActual, -cantidad)), 'YYYY-MM-DD');
    }
    return '';
  }
  /**
   *  SP SINWEB-785 Metodo usado para extraer los nombres de los valores de los filtros de tipo entidad
   * @param cadena
   * @returns
   */
  extraerNombres(cadena) {
    if (!cadena) {
      return '';
    }
    const nombres = lodash__WEBPACK_IMPORTED_MODULE_1__.chain(cadena.split(',')).map(dato => dato.split('|')[1].slice(0, -1)).map(lodash__WEBPACK_IMPORTED_MODULE_1__.trim).value();
    return nombres.join(',');
  }
  logicaFormTipo(p, tipo) {
    //console.log(p)
    switch (tipo) {
      case 'Fecha':
        return p ? (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.formatFechaComp)(p) : '';
      case 'Logico':
        return p ? p == 'S' : false;
      case 'Hora':
        return p ? p : '';
      case 'Entero positivo':
        return p ? p : null;
      case 'Cadena':
        return p ? p : '';
      case 'Decimal':
        return p ? p : null;
      case 'Orden':
        return p ? p : '';
      case 'Empresa':
        return this.auth.usuario.IdEmpresa;
      case 'Sucursal':
        return p ? p : null;
      case 'Mes':
        return p ? p : null;
      default:
        return p;
    }
  }
  save() {
    let instancias = this.prepararIndicadorInstancia();
    this.indicadoresService.putMasivoInstanciaIndicadores(instancias).subscribe(resp => {
      this.modal.close(resp.Data);
    });
  }
  prepararIndicadorInstancia() {
    let formData = this.formGroup.value;
    let instanciaEnvio = {
      ControlarValorXDefectoRequerido: 'S',
      InstanciasIndicadores: [{
        Id: this.instancia.Id,
        Nombre: formData.Nombre,
        Descripcion: formData.Descripcion,
        UltActualizacion: null,
        PosicionX: this.instancia.PosicionX,
        PosicionY: this.instancia.PosicionY,
        Layout: formData.Layout,
        IdInfIndicador: this.instancia.InfIndicador.Id,
        IdInfSubtablero: this.idSubtablero,
        Oculto: 'N',
        InfIndicadorInstanciaParams: this.prepararFiltros()
      }]
    };
    return instanciaEnvio;
  }
  prepararFiltros() {
    let filtros = [];
    //console.log(this.filtrosAgrupados)
    lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(this.filtrosAgrupados, grupo => {
      lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(grupo.filtros, filtro => {
        let valor;
        /**
         * SP SINWEB-785 Se agrega la logica para el filtro de tipo entidad
         * en caso de ser de tipo entidad se envia el valor y el nombre del valor
         * en caso contrario se envia el valor formateado con la logica de retorno
         */
        switch (filtro.InfOrigenParam.InfParamTipo.Nombre) {
          case 'Entidad':
            valor = filtro.form.get('Valor').value;
            break;
          case 'Lista de entidades':
            valor = filtro.form.get('Valor').value;
            break;
          case 'Fecha':
            valor = filtro.form.get('ValorTipo').value != '' ? filtro.form.get('ValorTipo').value : (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.formatFecha)(filtro.form.get('Valor').value);
            break;
          case 'Mes':
            valor = filtro.form.get('ValorTipo').value != '' ? filtro.form.get('ValorTipo').value : filtro.form.get('Valor').value;
            break;
          default:
            valor = this.logicaFormReturnTipo(filtro.form.get('Valor').value, filtro.InfOrigenParam.InfParamTipo.Nombre);
            break;
        }
        // if (filtro.InfOrigenParam.InfParamTipo.Nombre == 'Entidad' || filtro.InfOrigenParam.InfParamTipo.Nombre == 'Lista de entidades'){
        //   valor = filtro.form.get('Valor').value
        // }else{
        //   valor = this.logicaFormReturnTipo(filtro.form.get('Valor').value,filtro.InfOrigenParam.InfParamTipo.Nombre);
        // }
        let oculto = filtro.form.get('Oculto').value;
        filtros.push({
          Id: filtro.Id,
          IdInfIndicadorInstancia: this.instancia.Id,
          IdInfOrigenParam: filtro.InfOrigenParam.Id,
          ValorXDefecto: valor,
          Oculto: oculto ? 'S' : 'N'
        });
      });
    });
    return filtros;
  }
  logicaFormReturnTipo(valor, tipo) {
    //console.log(valor,tipo)
    switch (tipo) {
      case 'Fecha':
        return (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.formatFecha)(valor);
      case 'Logico':
        return valor ? 'S' : 'N';
      case 'Hora':
        return valor;
      case 'Entero positivo':
        return valor ? +valor : null;
      case 'Cadena':
        return valor;
      case 'Decimal':
        return valor ? +valor : null;
      case 'Orden':
        return valor == '' ? null : valor;
      case 'Empresa':
        return +this.auth.usuario.IdEmpresa;
      case 'Sucursal':
        return valor ? +valor : null;
      case 'Mes':
        return valor;
      default:
        return valor;
    }
  }
  getLayout() {
    return this.formGroup.get('Layout').value;
  }
  setLayout($event) {
    this.formGroup.get('Layout').setValue($event);
  }
  hayErrorFiltros() {
    let hayError = false;
    lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(this.filtrosAgrupados, grupo => {
      lodash__WEBPACK_IMPORTED_MODULE_1__.forEach(grupo.filtros, filtro => {
        if (filtro.form.get('Valor').invalid) {
          hayError = true;
        }
      });
    });
    return hayError;
  }
  agruparFiltrosPorGrupo(indParams) {
    // Obtener todos los grupos, incluyendo 'sinGrupo' para los que no tienen asignado
    const grupos = lodash__WEBPACK_IMPORTED_MODULE_1__.uniqBy(indParams.map(filtro => {
      return {
        IdGrupo: filtro.InfOrigenParam.InfGrupoParam?.Id || 0,
        NombreGrupo: filtro.InfOrigenParam.InfGrupoParam?.Nombre || 'Filtros Básicos',
        DescripcionGrupo: filtro.InfOrigenParam.InfGrupoParam?.Descripcion || 'Valores por defecto de filtros básicos'
      };
    }), 'IdGrupo');
    // Agrupar los filtros por el grupo obtenido
    let gruposDeFiltros = grupos.map(grupo => ({
      grupo,
      filtros: indParams.filter(filtro => filtro.InfOrigenParam.InfGrupoParam?.Id === grupo.IdGrupo || grupo.IdGrupo === 0 && !filtro.InfOrigenParam.InfGrupoParam)
    }));
    return gruposDeFiltros;
  }
  /**
   * SP SINWEB-785 Metodo usado por el filtro de tipo entidad
   * @param filtro
   * @param valor
   * @param idMetaTabla
   * @param multiple
   */
  buscarValor(filtro, valor, idMetaTabla, multiple) {
    const componente = src_app_core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_4__.META_TABLA.find(meta => meta.Id == idMetaTabla);
    if (componente) {
      const modalRef = this.modalService.open(componente.Componente, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.getOptionsModal)('xl', 'back-z-index-2', 'modal-z-index-2'));
      modalRef.componentInstance.filtros = {
        Multiple: multiple,
        Modal: true
      };
      modalRef.result.then(result => {
        if (result) {
          const valores = lodash__WEBPACK_IMPORTED_MODULE_1__.values(result);
          filtro.get('ValorNombre').setValue(valores[1].join(','));
          filtro.get('Valor').setValue(valores[0].map((v, i) => '[' + v + '|' + valores[1][i].trim() + ']').join(','));
        }
      });
    } else {
      this.alert.showBasicAlert('Error', 'No se encontro el componente', 'error');
    }
  }
  /**
   * SP SINWEB-785 Metodo usado por el filtro de tipo entidad para borrado de valores
   * @param filtro
   */
  borrarValor(filtro) {
    filtro.get('Valor').setValue('');
    filtro.get('ValorNombre').setValue('');
  }
  calcularFiltroPorTipoFecha(filtro) {
    filtro.get('Valor').setValue(this.formatearValorFecha(filtro.get('ValorTipo').value).fecha);
  }
  calcularFiltroPorTipoMes(filtro) {
    filtro.get('Valor').setValue(this.formatearValorMes(filtro.get('ValorTipo').value).mes);
  }
  setMes($event, filtro) {
    filtro.get('Valor').setValue($event);
    filtro.get('ValorTipo').setValue('');
  }
  static #_ = this.ɵfac = function IndicadorInstanciaEditComponent_Factory(t) {
    return new (t || IndicadorInstanciaEditComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_17__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_3__.ViewHelperService), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_7__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_8__.IndicadoresService), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](src_app_core_services_core_sucursal_service__WEBPACK_IMPORTED_MODULE_9__.SucursalService), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_17__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__.AlertCustomService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵdefineComponent"]({
    type: IndicadorInstanciaEditComponent,
    selectors: [["app-indicador-instancia-edit"]],
    inputs: {
      instancia: "instancia",
      idSubtablero: "idSubtablero",
      sucursales: "sucursales"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵProvidersFeature"]([src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_3__.ViewHelperService, src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_2__.AlertCustomService])],
    decls: 34,
    vars: 16,
    consts: [[1, "modal-content"], [1, "modal-header"], [1, "modal-title", "h4"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], ["action", "#", 1, "form", "form-label-right", "d-flex", "flex-row", "flex-wrap", "justify-content-center", "justify-content-lg-between", 3, "formGroup"], [1, "col-12"], [1, "row"], ["campoObligatorio", "", "for", "nombre"], ["type", "text", "id", "nombre", "formControlName", "Nombre", 1, "form-control"], ["class", "valid-feedback animate__animated animate__shakeX", 4, "ngIf"], ["class", "invalid-feedback animate__animated animate__shakeX", 4, "ngIf"], [1, "row", "mt-3"], ["for", "descripcion"], ["formControlName", "Descripcion", 1, "form-control"], [1, "mb-3"], [1, "d-flex", "flex-column", "flex-lg-row", "gap-2", "flex-wrap"], [4, "ngFor", "ngForOf"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-secondary", 3, "click"], ["type", "button", 1, "btn", "btn-primary", 3, "disabled", "click"], [1, "valid-feedback", "animate__animated", "animate__shakeX"], [1, "invalid-feedback", "animate__animated", "animate__shakeX"], [1, "border", "border-1", "rounded", "border-opacity-10", "p-2", "mb-2"], [1, "text-muted"], [1, "d-flex", "flex-column", "gap-2"], [3, "formGroup", 4, "ngFor", "ngForOf"], [3, "formGroup"], [1, "form-label", "text-muted"], [1, "input-group"], [1, "input-group-text", "align-items-start"], ["type", "checkbox", "formControlName", "Oculto", 1, "form-check-input"], ["type", "date", "formControlName", "Valor", 1, "form-control", 3, "change"], ["class", "d-flex ps-2 text-primary animate__animated animate__shakeX", "pTooltip", "Si hay un valor por defecto seleccionado, esta fecha es informativa y se guarda el valor seleccionado, caso contrario se guarda la fecha", 4, "ngIf"], ["formControlName", "ValorTipo", 1, "form-select", 3, "change"], ["value", ""], ["value", "0D"], ["value", "1D"], ["value", "7D"], ["value", "15D"], ["value", "30D"], ["value", "60D"], ["value", "90D"], ["value", "365D"], ["class", "valid-feedback d-block", 4, "ngIf"], ["class", "invalid-feedback d-block animate__animated animate__shakeX", 4, "ngIf"], ["pTooltip", "Si hay un valor por defecto seleccionado, esta fecha es informativa y se guarda el valor seleccionado, caso contrario se guarda la fecha", 1, "d-flex", "ps-2", "text-primary", "animate__animated", "animate__shakeX"], [1, "align-self-center", "mdi", "mdi-information-outline", "mdi-18px"], [1, "valid-feedback", "d-block"], [1, "invalid-feedback", "d-block", "animate__animated", "animate__shakeX"], [3, "valor", "showErrors", "valorEmit"], ["class", "d-flex ps-2 text-primary animate__animated animate__shakeX", "pTooltip", "Si hay un valor por defecto seleccionado, este periodo es informativo y se guarda el valor seleccionado, caso contrario se guarda el periodo", 4, "ngIf"], ["value", "0M"], ["value", "1M"], ["value", "3M"], ["value", "6M"], ["value", "12M"], ["pTooltip", "Si hay un valor por defecto seleccionado, este periodo es informativo y se guarda el valor seleccionado, caso contrario se guarda el periodo", 1, "d-flex", "ps-2", "text-primary", "animate__animated", "animate__shakeX"], [3, "value", "showErrors", "valorEmit"], [3, "value", "decimals", "emitValue"], ["type", "text", "formControlName", "Valor", 1, "form-control"], [1, "input-group-text"], ["placeholder", "Valor", 3, "value", "decimals", "emitValue"], ["formControlName", "Valor", 1, "form-select"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], ["type", "checkbox", "formControlName", "Valor", 1, "form-check-input"], ["id", "select-sucursal", 3, "defaultValue", "defaultValueDis", "defaultString", "items", "valueSelected", "loading", "valueSelect"], ["type", "search", "formControlName", "ValorNombre", "placeholder", "Seleccionar", "readonly", "", 1, "form-control"], ["class", "btn btn-secondary", 3, "click", 4, "ngIf"], [1, "btn", "btn-primary", 3, "click"], [1, "bx", "bx-search-alt-2"], [1, "btn", "btn-secondary", 3, "click"], [1, "bx", "bx-x"]],
    template: function IndicadorInstanciaEditComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](3, " Edici\u00F3n del indicador en el tablero seleccionado ");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](4, "div", 3)(5, "form", 4)(6, "div", 5)(7, "div", 6)(8, "div", 5)(9, "label", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](10, "Nombre");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](11, "input", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](12, IndicadorInstanciaEditComponent_div_12_Template, 2, 0, "div", 9)(13, IndicadorInstanciaEditComponent_div_13_Template, 2, 0, "div", 10)(14, IndicadorInstanciaEditComponent_div_14_Template, 2, 0, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](15, "div", 11)(16, "div", 5)(17, "label", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](18, "Descripci\u00F3n");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelement"](19, "textarea", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](20, IndicadorInstanciaEditComponent_div_20_Template, 2, 0, "div", 9)(21, IndicadorInstanciaEditComponent_div_21_Template, 2, 0, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](22, "div", 11)(23, "div", 5)(24, "h3", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](25, "Filtros");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](26, "div", 6)(27, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtemplate"](28, IndicadorInstanciaEditComponent_ng_container_28_Template, 8, 3, "ng-container", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](29, "div", 17)(30, "button", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_Template_button_click_30_listener() {
          return ctx.modal.dismiss();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](31, " Cancelar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementStart"](32, "button", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵlistener"]("click", function IndicadorInstanciaEditComponent_Template_button_click_32_listener() {
          return ctx.save();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵtext"](33, " Guardar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵelementEnd"]()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("formGroup", ctx.formGroup);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("Nombre"))("is-invalid", ctx.vh.isControlInvalid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("required", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("maxlength", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("Descripcion"))("is-invalid", ctx.vh.isControlInvalid("Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("maxlength", "Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("ngForOf", ctx.filtrosAgrupados);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_15__["ɵɵproperty"]("disabled", ctx.vh.isControlInvalid && ctx.hayErrorFiltros());
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_18__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_18__.NgIf, primeng_tooltip__WEBPACK_IMPORTED_MODULE_19__.Tooltip, _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_10__.CampoObligatorioDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_16__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_16__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.CheckboxControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_16__.FormControlName, _shared_ui_input_number_input_number_component__WEBPACK_IMPORTED_MODULE_11__.InputNumberComponent, _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_12__.SelectLoadingComponent, _shared_ui_input_periodo_input_periodo_component__WEBPACK_IMPORTED_MODULE_13__.InputPeriodoComponent, _shared_ui_input_time_input_time_component__WEBPACK_IMPORTED_MODULE_14__.InputTimeComponent, _angular_common__WEBPACK_IMPORTED_MODULE_18__.AsyncPipe],
    styles: [".grid-layout[_ngcontent-%COMP%] {\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 15px 15px 0px 15px;\n}\n\n.layout-selected[_ngcontent-%COMP%] {\n  border-top: medium #0070af solid;\n  padding-top: 5px;\n}\n\nul[_ngcontent-%COMP%] {\n  text-align: center;\n  margin-bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\nli[_ngcontent-%COMP%] {\n  flex-grow: 0;\n  margin-left: 8px;\n  margin-right: 8px;\n  text-align: center;\n}\nli[_ngcontent-%COMP%]   div[_ngcontent-%COMP%] {\n  padding: 8px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  cursor: pointer;\n}\n\nul[_ngcontent-%COMP%], menu[_ngcontent-%COMP%], dir[_ngcontent-%COMP%] {\n  -webkit-padding-start: 5px;\n}"]
  });
}

/***/ }),

/***/ 52441:
/*!********************************************************************************************!*\
  !*** ./src/app/pages/estadistica/ver-tablero/subtablero-edit/subtablero-edit.component.ts ***!
  \********************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   SubtableroEditComponent: () => (/* binding */ SubtableroEditComponent)
/* harmony export */ });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/viewHelper.service */ 90556);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/services/estadisticas/subtablero.service */ 61300);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../core/directives/campo-obligatorio.directive */ 61528);
/* harmony import */ var _shared_ui_checkbox_checkbox_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/ui/checkbox/checkbox.component */ 79468);













function SubtableroEditComponent_ng_container_3_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, "Editar");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
  }
}
function SubtableroEditComponent_ng_container_3_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, "Nuevo");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
  }
}
function SubtableroEditComponent_ng_container_3_ng_container_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"]("'", ctx_r10.subtablero.Nombre, "'");
  }
}
function SubtableroEditComponent_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](1, SubtableroEditComponent_ng_container_3_ng_container_1_Template, 2, 0, "ng-container", 3)(2, SubtableroEditComponent_ng_container_3_ng_container_2_Template, 2, 0, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](3, " Tablero ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, SubtableroEditComponent_ng_container_3_ng_container_4_Template, 2, 1, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r0.subtablero.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", !ctx_r0.subtablero.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r0.subtablero.Id);
  }
}
function SubtableroEditComponent_div_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, " Nombre correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function SubtableroEditComponent_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, " Nombre del tablero requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function SubtableroEditComponent_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, " Nombre del tablero no debe tener m\u00E1s de 100 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function SubtableroEditComponent_For_22_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "option", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const tipo_r11 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("value", tipo_r11.id);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](tipo_r11.name);
  }
}
function SubtableroEditComponent_div_23_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, " Modo seleccionado ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function SubtableroEditComponent_div_24_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](1, " Seleccionar modo ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
const _c0 = a0 => ({
  "layout-selected": a0,
  seleccionable: true
});
function SubtableroEditComponent_li_31_Template(rf, ctx) {
  if (rf & 1) {
    const _r19 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "li", 28)(1, "img", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function SubtableroEditComponent_li_31_Template_img_click_1_listener() {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r19);
      const layout_r16 = restoredCtx.$implicit;
      const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r18.seleccionarLayout(layout_r16.id));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const layout_r16 = ctx.$implicit;
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate1"]("src", "assets/images/layout/", layout_r16.structure, ".png", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction1"](2, _c0, ctx_r7.getTemplate() == layout_r16.id));
  }
}
/**
 * SP SINWEB-628 Componente usado para insertar o editar un subtablero
 */
class SubtableroEditComponent {
  constructor(vh, fb, modal, alert, subtableroService) {
    this.vh = vh;
    this.fb = fb;
    this.modal = modal;
    this.alert = alert;
    this.subtableroService = subtableroService;
    this._layouts = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts;
    this.formGroup = this.fb.group({
      Nombre: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.maxLength(100)])],
      ModoOffline: ['S', _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required],
      Layout: [1, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required],
      Favorito: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required]
    });
    this.tipos = [{
      id: 'S',
      name: 'Offline'
    }, {
      id: 'N',
      name: 'Online'
    }
    // { id: '', name: 'Mixto' },
    ];
    this.templates = [{
      id: 1,
      name: 'Template 1',
      img: 'assets/images/logo/logo-empresa.png'
    }, {
      id: 2,
      name: 'Template 2',
      img: 'assets/images/logo/logo-empresa.png'
    }, {
      id: 3,
      name: 'Template 3',
      img: 'assets/images/logo/logo-empresa.png'
    }];
  }
  ngOnInit() {
    if (!this.subtablero) {
      this.subtablero = {
        Id: null,
        Nombre: '',
        ModoOffline: 'S',
        Favorito: 'N',
        Layout: 1,
        InfTablerosSubtableros: [{
          IdInfTablero: this.tablero.Id === 0 ? this.subtablero.InfTablero.Id : this.tablero.Id,
          Orden: this.tablero.InfTablerosSubtableros.length + 1
        }]
      };
    } else {
      this.subtablero = {
        Id: this.subtablero.InfSubtablero.Id,
        Nombre: this.subtablero.InfSubtablero.Nombre,
        ModoOffline: this.subtablero.InfSubtablero.ModoOffline,
        Favorito: this.subtablero.InfSubtablero.Favorito,
        Layout: this.subtablero.InfSubtablero.Layout
        // InfTablerosSubtableros: [{
        //   IdInfTablero : this.tablero.Id === 0 ? this.subtablero.InfTablero.Id : this.tablero.Id,
        //   Id: this.subtablero.Id,
        //   IdInfSubtablero: this.subtablero.InfSubtablero.Id,
        //   Orden: this.subtablero.Orden,
        // }]
      };
    }
    this.loadForm();
  }
  loadForm() {
    this.formGroup = this.fb.group({
      Nombre: [this.subtablero.Nombre, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.maxLength(100)])],
      ModoOffline: [this.subtablero.ModoOffline, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required],
      Layout: [this.subtablero.Layout, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required],
      Favorito: [this.subtablero.Favorito == 'S', _angular_forms__WEBPACK_IMPORTED_MODULE_7__.Validators.required]
    });
    this.vh.inicializar();
    this.vh.formGroup = this.formGroup;
  }
  save() {
    this.prepararSubtablero();
    if (this.subtablero.Id) {
      this.edit();
    } else {
      this.create();
    }
  }
  create() {
    let susc = this.subtableroService.nuevo(this.subtablero).subscribe(res => {
      if (res.Errors == null) {
        this.modal.close(res);
      }
    });
  }
  edit() {
    let susc = this.subtableroService.editar(this.subtablero, this.subtablero.Id).subscribe(res => {
      if (res.Errors == null) {
        this.modal.close(res);
      }
    });
  }
  prepararSubtablero() {
    let formData = this.formGroup.value;
    this.subtablero.ModoOffline = formData.ModoOffline;
    this.subtablero.Layout = formData.Layout;
    this.subtablero.Favorito = formData.Favorito ? 'S' : 'N';
    this.subtablero.Nombre = formData.Nombre;
  }
  getFavorito() {
    return this.formGroup.get('Favorito').value;
  }
  setFavorito() {
    this.formGroup.get('Favorito').setValue(!this.getFavorito());
  }
  getTemplate() {
    return this.formGroup.get('Layout').value;
  }
  setTemplate($event) {
    this.formGroup.get('Layout').setValue($event);
  }
  seleccionarLayout(layoutId) {
    this.formGroup.get('Layout').setValue(layoutId);
  }
  static #_ = this.ɵfac = function SubtableroEditComponent_Factory(t) {
    return new (t || SubtableroEditComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__.ViewHelperService), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_8__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_3__.SubtableroService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineComponent"]({
    type: SubtableroEditComponent,
    selectors: [["app-subtablero-edit"]],
    inputs: {
      tablero: "tablero",
      subtablero: "subtablero"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵProvidersFeature"]([src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__.ViewHelperService, src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService])],
    decls: 37,
    vars: 19,
    consts: [[1, "modal-content"], [1, "modal-header"], [1, "modal-title", "h4"], [4, "ngIf"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], ["action", "#", 3, "formGroup"], [1, "form-group", "row", "justify-content-center"], [1, "col-12", "col-lg-8"], ["for", "Nombre", "campoObligatorio", ""], ["type", "text", "name", "Nombre", "id", "nombre", "formControlName", "Nombre", 1, "form-control"], ["class", "valid-feedback", 4, "ngIf"], ["class", "invalid-feedback animate__animated animate__shakeX", 4, "ngIf"], [1, "col-12", "col-lg-8", "mt-2"], [1, "d-flex", "align-items-center", "gap-3"], [1, "col-6"], ["for", "ModoOffline"], ["formControlName", "ModoOffline", 1, "form-select"], [1, "mt-3"], ["title", "Favorito", "colorChecked", "success", "colorUncheked", "primary", 3, "value", "emitAction"], [1, "grid-layout"], [1, "text-center"], ["style", "list-style: none", 4, "ngFor", "ngForOf"], [1, "modal-footer"], ["type", "button", 1, "btn", "btn-light", "btn-elevate", "mr-2", 3, "click"], ["type", "button", 1, "btn", "btn-success", "btn-elevate", 3, "disabled", "click"], [1, "valid-feedback"], [1, "invalid-feedback", "animate__animated", "animate__shakeX"], [3, "value"], [2, "list-style", "none"], [3, "ngClass", "src", "click"]],
    template: function SubtableroEditComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](3, SubtableroEditComponent_ng_container_3_Template, 5, 3, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](5, "div", 4)(6, "form", 5)(7, "div", 6)(8, "div", 7)(9, "label", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](10, "Nombre");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](11, "input", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](12, SubtableroEditComponent_div_12_Template, 2, 0, "div", 10)(13, SubtableroEditComponent_div_13_Template, 2, 0, "div", 11)(14, SubtableroEditComponent_div_14_Template, 2, 0, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](15, "div", 12)(16, "div", 13)(17, "div", 14)(18, "label", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](19, "Modo");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](20, "select", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrepeaterCreate"](21, SubtableroEditComponent_For_22_Template, 2, 2, "option", 27, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrepeaterTrackByIndex"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](23, SubtableroEditComponent_div_23_Template, 2, 0, "div", 10)(24, SubtableroEditComponent_div_24_Template, 2, 0, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](25, "div", 17)(26, "app-checkbox", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("emitAction", function SubtableroEditComponent_Template_app_checkbox_emitAction_26_listener() {
          return ctx.setFavorito();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](27, "div", 19)(28, "h4", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](29, "Seleccionar template de tablero");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](30, "ul");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](31, SubtableroEditComponent_li_31_Template, 2, 4, "li", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](32, "div", 22)(33, "button", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function SubtableroEditComponent_Template_button_click_33_listener() {
          return ctx.modal.dismiss();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](34, " Cancelar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](35, "button", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function SubtableroEditComponent_Template_button_click_35_listener() {
          return ctx.save();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](36, " Guardar ");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.subtablero);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" en ", ctx.tablero.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("formGroup", ctx.formGroup);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("Nombre"))("is-invalid", ctx.vh.isControlInvalid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("required", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("maxlength", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("ModoOffline"))("is-invalid", ctx.vh.isControlInvalid("ModoOffline"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrepeater"](ctx.tipos);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("ModoOffline"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("required", "ModoOffline"));
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("value", ctx.getFavorito());
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", ctx._layouts);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("disabled", ctx.formGroup.invalid);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_9__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_9__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_9__.NgIf, _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_4__.CampoObligatorioDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_7__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_7__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_7__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormControlName, _shared_ui_checkbox_checkbox_component__WEBPACK_IMPORTED_MODULE_5__.CheckboxComponent],
    styles: ["@charset \"UTF-8\";\n.template-container[_ngcontent-%COMP%] {\n  width: 150px;\n  height: 150px;\n  background-color: var(--bs-secondary);\n  border-radius: 10px;\n  cursor: pointer;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  position: relative;\n  align-self: center;\n}\n.template-container[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%] {\n  position: absolute;\n  top: 45%;\n  left: 2%;\n}\n.template-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 100%; \n\n  object-fit: cover; \n\n  width: auto;\n  max-width: 100%; \n\n  margin: 16px;\n}\n\n.grid-layout[_ngcontent-%COMP%] {\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 15px 15px 0px 15px;\n}\n\n.layout-selected[_ngcontent-%COMP%] {\n  border-top: medium #0070af solid;\n  padding-top: 5px;\n}\n\nul[_ngcontent-%COMP%] {\n  text-align: center;\n  margin-bottom: 0px;\n}\n\nli[_ngcontent-%COMP%] {\n  display: inline-block;\n  margin-left: 5px;\n  margin-right: 5px;\n}\n\nul[_ngcontent-%COMP%], menu[_ngcontent-%COMP%], dir[_ngcontent-%COMP%] {\n  -webkit-padding-start: 5px;\n}\n\n.template-una-columna[_ngcontent-%COMP%] {\n  display: grid;\n  padding: 0 10% 0 10%;\n  grid-column: 1;\n}\n\n.seleccionable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}"]
  });
}

/***/ }),

/***/ 7951:
/*!************************************************************************!*\
  !*** ./src/app/pages/estadistica/ver-tablero/ver-tablero.component.ts ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   VerTableroComponent: () => (/* binding */ VerTableroComponent)
/* harmony export */ });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! rxjs */ 22096);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! rxjs/operators */ 94664);
/* harmony import */ var src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/layouts/layouts.model */ 45660);
/* harmony import */ var src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes */ 74506);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/utils/permisos/permisos-estadistica */ 48214);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var _agregar_widgets_agregar_widgets_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./agregar-widgets/agregar-widgets.component */ 65472);
/* harmony import */ var _subtablero_edit_subtablero_edit_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./subtablero-edit/subtablero-edit.component */ 52441);
/* harmony import */ var _indicador_instancia_edit_indicador_instancia_edit_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./indicador-instancia-edit/indicador-instancia-edit.component */ 7351);
/* harmony import */ var _ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../ordenar-subtableros/ordenar-subtableros.component */ 59053);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/core/services/estadisticas/tablero.service */ 9652);
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ng2-dragula */ 43256);
/* harmony import */ var src_app_core_services_estadisticas_persistencia_tableros_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/core/services/estadisticas/persistencia-tableros.service */ 42785);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! src/app/core/services/estadisticas/subtablero.service */ 61300);
/* harmony import */ var src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! src/app/core/services/estadisticas/indicadores.service */ 33799);
/* harmony import */ var src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! src/app/core/services/configGeneral.service */ 99757);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var src_app_core_services_core_sucursal_service__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! src/app/core/services/core/sucursal.service */ 38396);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var primeng_sidebar__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primeng/sidebar */ 99246);
/* harmony import */ var ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ngx-ui-tour-ng-bootstrap */ 58469);
/* harmony import */ var _estado_instancia_estado_instancia_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./estado-instancia/estado-instancia.component */ 47491);
/* harmony import */ var _graficos_wrapper_wrapper_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../graficos/wrapper/wrapper.component */ 6623);































function VerTableroComponent_i_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "i", 27);
  }
}
function VerTableroComponent_button_19_Template(rf, ctx) {
  if (rf & 1) {
    const _r13 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_button_19_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r13);
      const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r12.crearSubTablero());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](1, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2, "Nuevo Tablero");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "span", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "i", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
}
function VerTableroComponent_button_20_Template(rf, ctx) {
  if (rf & 1) {
    const _r15 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_button_20_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r15);
      const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r14.ordenarSubtableros());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](1, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2, "Ordenar");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "span", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "i", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("disabled", (ctx_r2.tablero == null ? null : ctx_r2.tablero.InfTablerosSubtableros == null ? null : ctx_r2.tablero.InfTablerosSubtableros.length) == 0);
  }
}
function VerTableroComponent_button_21_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "button", 34)(1, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](2, "Volver");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "span", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "i", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("routerLink", "/estadistica/colecciones/");
  }
}
function VerTableroComponent_ng_container_25_Conditional_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](0, " \u00A0");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](1, "i", 44);
  }
  if (rf & 2) {
    const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", !ctx_r18.verMonocromatico ? "text-warning" : "");
  }
}
function VerTableroComponent_ng_container_25_Conditional_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](0, "i", 45);
  }
  if (rf & 2) {
    const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", !ctx_r19.verMonocromatico ? "text-warning" : "");
  }
}
function VerTableroComponent_ng_container_25_ng_template_9_ng_template_0_Template(rf, ctx) {}
function VerTableroComponent_ng_container_25_ng_template_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, VerTableroComponent_ng_container_25_ng_template_9_ng_template_0_Template, 0, 0, "ng-template", 46);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    const _r9 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵreference"](29);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngTemplateOutlet", _r9);
  }
}
function VerTableroComponent_ng_container_25_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](1, "li", 36)(2, "a", 37)(3, "span", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](4, "i", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](5, VerTableroComponent_ng_container_25_Conditional_5_Template, 2, 1, "i", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "span", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](8, VerTableroComponent_ng_container_25_Conditional_8_Template, 1, 1, "i", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](9, VerTableroComponent_ng_container_25_ng_template_9_Template, 1, 1, "ng-template", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const subTab_r16 = ctx.$implicit;
    const i_r17 = ctx.index;
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngbNavItem", ctx_r5.id == 0 ? i_r17 + 1 : subTab_r16.Orden)("disabled", ctx_r5.editarTemp || ctx_r5.editarTempMobile);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](5, ctx_r5.esFavorito(subTab_r16.InfSubtablero) ? 5 : -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"]("", subTab_r16.InfSubtablero.Nombre, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](8, ctx_r5.esFavorito(subTab_r16.InfSubtablero) ? 8 : -1);
  }
}
function VerTableroComponent_Conditional_26_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](1, " No hay tableros cargados ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
}
function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r32 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_0_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r32);
      const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r31.recargarSubTablero());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", !ctx_r28.modoOffline ? "btn py-0 px-2 success" : "btn py-0 px-2 text-danger")("pTooltip", "Recargar");
  }
}
function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r34 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_1_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r34);
      const ctx_r33 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r33.agregarAFavoritos());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r29 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", (ctx_r29.tablero == null ? null : ctx_r29.tablero.InfTablerosSubtableros[ctx_r29.activeTab - 1].InfSubtablero.Favorito) == "S" ? "Quitar de favoritos" : "Agregar a favoritos");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", (ctx_r29.tablero == null ? null : ctx_r29.tablero.InfTablerosSubtableros[ctx_r29.activeTab - 1].InfSubtablero.Favorito) == "S" ? "mdi mdi-star mdi-24px" : "mdi mdi-star-outline mdi-24px");
  }
}
function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r36 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 62)(1, "button", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_0_div_2_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r36);
      const ctx_r35 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r35.abrirEditTemplate(false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Editar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_8_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, VerTableroComponent_div_27_Conditional_8_Conditional_0_div_0_Template, 3, 2, "div", 56)(1, VerTableroComponent_div_27_Conditional_8_Conditional_0_div_1_Template, 3, 2, "div", 56)(2, VerTableroComponent_div_27_Conditional_8_Conditional_0_div_2_Template, 3, 1, "div", 57);
  }
  if (rf & 2) {
    const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r26.permisos.obtenerDatos);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r26.permisos.editarTablero);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r26.tablero.Id != 0);
  }
}
function VerTableroComponent_div_27_Conditional_8_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r38 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 62)(1, "button", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_1_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r38);
      const ctx_r37 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r37.verTodos());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 62)(4, "button", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_1_Template_button_click_4_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r38);
      const ctx_r39 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r39.editarTemplate(false, true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](5, "i", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](6, "div", 62)(7, "button", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_8_Conditional_1_Template_button_click_7_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r38);
      const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r40.editarTemplate(false, false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](8, "i", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Mostrar ocultos");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Aceptar apariencia");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Cancelar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_8_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, VerTableroComponent_div_27_Conditional_8_Conditional_0_Template, 3, 3)(1, VerTableroComponent_div_27_Conditional_8_Conditional_1_Template, 9, 3);
  }
  if (rf & 2) {
    const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](0, !ctx_r22.editarTemp && !ctx_r22.editarTempMobile ? 0 : 1);
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_0_Template(rf, ctx) {
  if (rf & 1) {
    const _r51 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_0_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r51);
      const ctx_r50 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r50.recargarSubTablero());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r43 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", !ctx_r43.modoOffline ? "btn py-0 px-2 success" : "btn py-0 px-2 text-danger")("pTooltip", "Recargar");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r53 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_1_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r53);
      const ctx_r52 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r52.agregarAFavoritos());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r44 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", (ctx_r44.tablero == null ? null : ctx_r44.tablero.InfTablerosSubtableros[ctx_r44.activeTab - 1].InfSubtablero.Favorito) == "S" ? "Quitar de favoritos" : "Agregar a favoritos");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", (ctx_r44.tablero == null ? null : ctx_r44.tablero.InfTablerosSubtableros[ctx_r44.activeTab - 1].InfSubtablero.Favorito) == "S" ? "mdi mdi-star mdi-24px" : "mdi mdi-star-outline mdi-24px");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r55 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_2_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r55);
      const ctx_r54 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r54.agregarWidget());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Agregar indicador");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_3_Template(rf, ctx) {
  if (rf & 1) {
    const _r57 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 62)(1, "button", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_3_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r57);
      const ctx_r56 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r56.abrirEditTemplate(false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Editar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r59 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_4_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r59);
      const ctx_r58 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r58.abrirEditTemplate(true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Editar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_5_Template(rf, ctx) {
  if (rf & 1) {
    const _r61 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_5_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r61);
      const ctx_r60 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r60.editarSubTablero());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 73);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Editar");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r63 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 74);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_0_div_6_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r63);
      const ctx_r62 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r62.eliminarSubTablero());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 75);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Eliminar");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_0_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_0_Template, 3, 2, "div", 56)(1, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_1_Template, 3, 2, "div", 56)(2, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_2_Template, 3, 1, "div", 56)(3, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_3_Template, 3, 1, "div", 57)(4, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_4_Template, 3, 1, "div", 56)(5, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_5_Template, 3, 1, "div", 56)(6, VerTableroComponent_div_27_Conditional_9_Conditional_0_div_6_Template, 3, 1, "div", 56);
  }
  if (rf & 2) {
    const ctx_r41 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.obtenerDatos);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.editarTablero);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.agregarWidgets);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.editarSubTablero);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.editarSubTablero);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r41.permisos.eliminarSubTablero);
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_1_div_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r67 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_1_div_6_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r67);
      const ctx_r66 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r66.editarTemplate(true, true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Aceptar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_1_div_10_Template(rf, ctx) {
  if (rf & 1) {
    const _r69 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 58)(1, "button", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_1_div_10_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r69);
      const ctx_r68 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](4);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r68.editarTemplate(true, false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 76);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Cancelar apariencia");
  }
}
function VerTableroComponent_div_27_Conditional_9_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r71 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 62)(1, "button", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_1_Template_button_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r71);
      const ctx_r70 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r70.verTodos());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](2, "i", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](3, "div", 62)(4, "button", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_1_Template_button_click_4_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r71);
      const ctx_r72 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r72.editarTemplate(false, true));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](5, "i", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](6, VerTableroComponent_div_27_Conditional_9_Conditional_1_div_6_Template, 3, 1, "div", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](7, "div", 62)(8, "button", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_div_27_Conditional_9_Conditional_1_Template_button_click_8_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r71);
      const ctx_r73 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r73.editarTemplate(false, false));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](9, "i", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](10, VerTableroComponent_div_27_Conditional_9_Conditional_1_div_10_Template, 3, 1, "div", 56);
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Mostrar ocultos");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Aceptar apariencia");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("pTooltip", "Cancelar apariencia");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", false);
  }
}
function VerTableroComponent_div_27_Conditional_9_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](0, VerTableroComponent_div_27_Conditional_9_Conditional_0_Template, 7, 7)(1, VerTableroComponent_div_27_Conditional_9_Conditional_1_Template, 11, 5);
  }
  if (rf & 2) {
    const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](0, !ctx_r23.editarTemp && !ctx_r23.editarTempMobile ? 0 : 1);
  }
}
function VerTableroComponent_div_27_p_sidebar_11_ng_template_2_Template(rf, ctx) {}
function VerTableroComponent_div_27_p_sidebar_11_Template(rf, ctx) {
  if (rf & 1) {
    const _r76 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "p-sidebar", 77);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("visibleChange", function VerTableroComponent_div_27_p_sidebar_11_Template_p_sidebar_visibleChange_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r76);
      const ctx_r75 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r75.editarTempMobile = $event);
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](1, "div", 78);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](2, VerTableroComponent_div_27_p_sidebar_11_ng_template_2_Template, 0, 0, "ng-template", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    const _r11 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵreference"](31);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("visible", ctx_r24.editarTempMobile);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngTemplateOutlet", _r11);
  }
}
function VerTableroComponent_div_27_div_12_ng_template_3_Template(rf, ctx) {}
function VerTableroComponent_div_27_div_12_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 79)(1, "div", 80)(2, "div", 81);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](3, VerTableroComponent_div_27_div_12_ng_template_3_Template, 0, 0, "ng-template", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    const _r11 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵreference"](31);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngTemplateOutlet", _r11);
  }
}
const _c0 = a0 => ({
  "shadow-lg": a0
});
function VerTableroComponent_div_27_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 0)(1, "div", 48)(2, "div", 49)(3, "div", 3)(4, "div", 50)(5, "div", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](7, "div", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](8, VerTableroComponent_div_27_Conditional_8_Template, 2, 1)(9, VerTableroComponent_div_27_Conditional_9_Template, 2, 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](10, "div", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](11, VerTableroComponent_div_27_p_sidebar_11_Template, 3, 2, "p-sidebar", 54)(12, VerTableroComponent_div_27_div_12_Template, 4, 1, "div", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    const _r4 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵreference"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", ctx_r7.editarTemp && ctx_r7.configurable ? "col-xxl-10 col-lg-9" : "col-lg-12");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpureFunction1"](7, _c0, ctx_r7.useLargeShadow));
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"](" ", ctx_r7.tablero == null ? null : ctx_r7.tablero.InfTablerosSubtableros[ctx_r7.activeTab - 1].InfSubtablero.Nombre, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](8, !ctx_r7.configurable ? 8 : 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngbNavOutlet", _r4);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r7.configurable);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx_r7.editarTemp && ctx_r7.configurable);
  }
}
function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r88 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "app-wrapper", 85);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("recargar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template_app_wrapper_recargar_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r88);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r86 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r86.recargarDatosIndicador(indicadorY_r82));
    })("editar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template_app_wrapper_editar_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r88);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r89 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r89.editarIndicador(indicadorY_r82));
    })("eliminar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template_app_wrapper_eliminar_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r88);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r91 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r91.eliminarIndicador(indicadorY_r82));
    })("filtrar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template_app_wrapper_filtrar_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r88);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r93 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r93.filtrarIndicador($event, indicadorY_r82));
    })("ocultar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template_app_wrapper_ocultar_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r88);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r95 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r95.ocultarIndicador(indicadorY_r82, $event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
    const ctx_r84 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("idTablero", ctx_r84.id)("indicadorInstancia", indicadorY_r82)("configurable", ctx_r84.configurable)("editTemplate", ctx_r84.editarTemp || ctx_r84.editarTempMobile)("sucursales", ctx_r84.sucursales)("permisos", ctx_r84.permisos);
  }
}
function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r100 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 86)(1, "app-estado-instancia", 87);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("recargar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template_app_estado_instancia_recargar_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r100);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r98 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r98.recargarDatosIndicador(indicadorY_r82));
    })("editar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template_app_estado_instancia_editar_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r100);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r101 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r101.editarIndicador(indicadorY_r82));
    })("eliminar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template_app_estado_instancia_eliminar_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r100);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r103 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r103.eliminarIndicador(indicadorY_r82));
    })("ocultar", function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template_app_estado_instancia_ocultar_1_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r100);
      const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
      const ctx_r105 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r105.ocultarIndicador(indicadorY_r82, $event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const indicadorY_r82 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]().$implicit;
    const ctx_r85 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpureFunction1"](10, _c0, ctx_r85.useLargeShadow))("title", indicadorY_r82.Nombre)("loading", indicadorY_r82.loading)("noCargado", indicadorY_r82.Data == null)("noConfigurado", indicadorY_r82.noConfigurado)("oculto", indicadorY_r82.Oculto)("configurable", ctx_r85.configurable)("editTemplate", ctx_r85.editarTemp || ctx_r85.editarTempMobile)("idTablero", ctx_r85.id)("permisos", ctx_r85.permisos);
  }
}
function VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](1, VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_1_Template, 1, 6, "app-wrapper", 84)(2, VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Conditional_2_Template, 2, 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const indicadorY_r82 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](1, indicadorY_r82.loading == false && indicadorY_r82.Oculto == "N" ? 1 : 2);
  }
}
function VerTableroComponent_ng_template_28_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    const _r109 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](1, "div", 83);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("dragulaModelChange", function VerTableroComponent_ng_template_28_ng_container_1_Template_div_dragulaModelChange_1_listener($event) {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r109);
      const i_r80 = restoredCtx.index;
      const ctx_r108 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r108.indicadores[i_r80] = $event);
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](2, VerTableroComponent_ng_template_28_ng_container_1_ng_container_2_Template, 3, 1, "ng-container", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const indicadorX_r79 = ctx.$implicit;
    const i_r80 = ctx.index;
    const ctx_r78 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", ctx_r78.getTemplate(i_r80))("dragula", ctx_r78.dragulaServices)("dragulaModel", ctx_r78.indicadores[i_r80]);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", indicadorX_r79);
  }
}
function VerTableroComponent_ng_template_28_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 82);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](1, VerTableroComponent_ng_template_28_ng_container_1_Template, 3, 4, "ng-container", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", ctx_r8.indicadores);
  }
}
const _c1 = a0 => ({
  "layout-selected": a0,
  seleccionable: true
});
function VerTableroComponent_ng_template_30_li_6_Template(rf, ctx) {
  if (rf & 1) {
    const _r114 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "li", 91)(1, "img", 92);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("click", function VerTableroComponent_ng_template_30_li_6_Template_img_click_1_listener() {
      const restoredCtx = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵrestoreView"](_r114);
      const layout_r111 = restoredCtx.$implicit;
      const ctx_r113 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵresetView"](ctx_r113.seleccionarLayout(layout_r111.id));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const layout_r111 = ctx.$implicit;
    const ctx_r110 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpropertyInterpolate1"]("src", "assets/images/layout/", layout_r111.structure, ".png", _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpureFunction1"](2, _c1, ctx_r110.layoutSelecId == layout_r111.id));
  }
}
function VerTableroComponent_ng_template_30_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div")(1, "div")(2, "p", 88);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](3, "Modo edici\u00F3n de apariencia");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](4, "div", 89)(5, "ul");
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](6, VerTableroComponent_ng_template_30_li_6_Template, 2, 4, "li", 90);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()();
  }
  if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", ctx_r10._layouts);
  }
}
const INDICADORES_GROUP = 'IndicadoresGroup';
class VerTableroComponent {
  constructor(route, tableroService, dragulaService, persistenciaTablerosService, modalService, alert, subtableroService, indicadoresService, configGralService, authService, sucursalService) {
    this.route = route;
    this.tableroService = tableroService;
    this.dragulaService = dragulaService;
    this.persistenciaTablerosService = persistenciaTablerosService;
    this.modalService = modalService;
    this.alert = alert;
    this.subtableroService = subtableroService;
    this.indicadoresService = indicadoresService;
    this.configGralService = configGralService;
    this.authService = authService;
    this.sucursalService = sucursalService;
    this.editarTemp = false;
    this.editarTempMobile = false;
    this.configurable = false;
    this.modoOffline = false;
    //SP SINWEB-800 se necesitan sucursarles
    this.sucursales = [];
    this.indicadores = [];
    this.indicadoresAnt = [];
    this.layoutIdAnt = 1;
    this.activeTab = 1;
    this.dragulaServices = '';
    this.useLargeShadow = false;
    this.subscriptions = [];
    //SP SINWEB-678 se agrega la variable para ver los favoritos
    this.verFavoritosConfig = this.configGralService._config.VerFavoritos == 'S';
    this.verMonocromatico = this.configGralService._config.ModoVisualTablero == 'M';
    this._layouts = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts;
    this.layoutSelecId = -1;
    //SINWEB-694 AGREGAR MANEJO DE PERMISOS
    this.permisos = {
      obtenerDatos: false,
      editarTablero: false,
      crearSubTablero: false,
      editarSubTablero: false,
      eliminarSubTablero: false,
      agregarWidgets: false,
      editarInstanciaIndicador: false,
      eliminarInstanciaIndicador: false
    };
    dragulaService.createGroup(INDICADORES_GROUP, {
      removeOnSpill: false
    });
  }
  ngOnInit() {
    this.dragulaService;
    //SP SINWEB-800 precargar sucursales
    this.cargarSucursales();
    //Verificar modo oscuro
    this.darkMode = document.querySelector('html').getAttribute('data-bs-theme') === src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_0__.THEME_DARK;
    this.useLargeShadow = this.darkMode && window.location.href.includes('/estadistica/inicio');
    this.cargarPermisos();
    if (this.idTablero) {
      this.id = this.idTablero;
      this.cargarTablero(this.id);
    } else {
      //se verifica el parametro de la ruta
      const sbs = this.route.paramMap.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_21__.switchMap)(params => {
        //el parametro modo se guarda en el atributo modoListado
        this.id = Number(params.get('id'));
        if (this.id !== undefined || this.id !== null) {
          this.cargarTablero(this.id);
        }
        return (0,rxjs__WEBPACK_IMPORTED_MODULE_22__.of)('exito');
      })).subscribe(res => {
        if (res !== 'exito') {}
      });
      this.subscriptions.push(sbs);
    }
  }
  cargarSucursales() {
    let datos = {
      IdEmpresa: this.authService.usuario.IdEmpresa
    };
    this.sucursalService.fetch(datos).subscribe(resp => {
      this.sucursales = resp.Data;
    });
  }
  cargarTablero(id) {
    //aca llamar los datos del tablero
    //SP SINWEB-678 se llamara a obtener el tablero por id en caso de no ser el id 0 , si es id 0 arma el tableor favoritos y obitene los subtableros del get Subtablero
    if (this.verFavoritosConfig && id == 0) {
      this.tablero = {
        Nombre: 'Favoritos',
        Id: 0,
        Descripcion: 'Colección compuesta por los tableros favoritos de todos los existentes',
        Configurable: 'N',
        Orden: 0,
        InfTablerosSubtableros: []
      };
      this.subtableroService.fetch({
        PageNumber: -1,
        Orden: 2,
        SentidoOrden: 'asc',
        Favorito: 'S',
        IncluirInstanciasIndicadores: 'S',
        IncluirTableros: 'S',
        IdsEmpresa: this.authService.usuario.IdEmpresa
      }).subscribe(resp => {
        this.tablero.InfTablerosSubtableros = resp.Data.map(subtl => {
          let tableroSubtablero = subtl.InfTablerosSubtableros[0] ? subtl.InfTablerosSubtableros[0] : {};
          let {
            InfTablerosSubtableros,
            ...resto
          } = subtl;
          Object.assign(tableroSubtablero, {
            InfSubtablero: resto
          });
          return tableroSubtablero;
        });
        this.configurable = this.tablero.Configurable === src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO;
        if (this.tablero.InfTablerosSubtableros.length > 0) {
          this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1]);
        }
      });
    } else {
      const sb = this.tableroService.SerchById(this.id).subscribe(tablero => {
        this.tablero = tablero;
        this.configurable = this.tablero.Configurable === src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO;
        if (this.tablero.InfTablerosSubtableros.length > 0) {
          this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1]);
        }
      });
      this.subscriptions.push(sb);
    }
  }
  ngOnDestroy() {
    this.subscriptions.forEach(sb => sb.unsubscribe());
    this.dragulaService.destroy(INDICADORES_GROUP);
  }
  cargarPermisos() {
    //TODO SP SINWQEB-694 LOGICA PARA CARGAR PERMISOS , QUEDA COMPLETAR CONTROLES USANDO PERMSISOS
    this.permisos = {
      obtenerDatos: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_OBT_INDICADOR),
      editarTablero: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_MOD_COLECCION),
      crearSubTablero: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_INS_TABLEROS),
      editarSubTablero: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_MODIF_TABLEROS),
      eliminarSubTablero: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_ELIM_TABLEROS),
      agregarWidgets: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_INS_INSTANCIA_INDICADORES),
      editarInstanciaIndicador: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_MOD_INSTANCIA_INDICADORES),
      eliminarInstanciaIndicador: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_3__.PERMISO_ELIM_INSTANCIA_INDICADORES)
    };
  }
  changeTab(event) {
    this.activeTab = event.nextId;
    this.indicadores = [];
    this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1]);
  }
  getTemplate(i) {
    if (this.tablero.InfTablerosSubtableros.length >= this.activeTab) {
      switch (this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Layout) {
        case src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts[0].id:
          return 'template-una-columna';
        case src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts[1].id:
          return 'col-xl-6';
        case src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts[2].id:
          return i % 2 == 0 ? 'col-xl-3' : 'col-xl-9';
        case src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts[3].id:
          return i % 2 == 0 ? 'col-xl-9' : 'col-xl-3';
        case src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts[4].id:
          return 'col-xl-4';
        default:
          return 'template-una-columna';
      }
    }
  }
  esFavorito(subTab) {
    return subTab.Favorito === src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO;
  }
  cargarSubTablero(subTablero, forzarOff = false, forzarOn = false) {
    this.modoOffline = this.tablero?.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.ModoOffline === src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO;
    //SP SINWEB-786 cambios en logica para ocultamiento
    this.indicadoresAnt = this.editarTemp || this.editarTempMobile ? this.indicadoresAnt : this.indicadores.length === 0 ? this.ordenarIndicadores(subTablero.InfSubtablero.InfIndicadorInstancias, subTablero.InfSubtablero.Layout, false) : forzarOn ? this.ordenarIndicadores(subTablero.InfSubtablero.InfIndicadorInstancias, subTablero.InfSubtablero.Layout, false) : lodash__WEBPACK_IMPORTED_MODULE_10__.cloneDeep(this.indicadores);
    this.indicadores = this.ordenarIndicadores(subTablero.InfSubtablero.InfIndicadorInstancias, subTablero.InfSubtablero.Layout);
    this.recargarDatosSubtablero((this.modoOffline || forzarOff) && !forzarOn);
  }
  ordenarIndicadores(indicadoresParam, template, checkFlagOculto = true) {
    let indicadores = indicadoresParam;
    //SP SINWEB-786 cambios en logica para ocultamiento , se filtran ocuptlos
    if (checkFlagOculto) {
      indicadores = indicadores.filter(indicador => indicador.Oculto === src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.FALSO);
    }
    let layout = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.layouts.find(layout => layout.id === template).default;
    let ind = JSON.parse(JSON.stringify(layout));
    let indPos = this.editarTemp || this.editarTempMobile ? this.indicadores.flat() : indicadores;
    if (indPos.length === 0) {
      indPos = [];
      for (let y = 0; y < indicadores.length; y++) {
        for (let x = 0; x < 3; x++) {
          let indAux = indicadores.find(indicador => indicador.PosicionX === x + 1 && indicador.PosicionY === y + 1);
          if (indAux) {
            indPos.push(indAux);
          }
        }
      }
    }
    if (this.editarTemp || this.editarTempMobile) {
      let posX = 1;
      let posY = 1;
      indPos.forEach(indicador => {
        if (posX === ind.length + 1) {
          posX = 1;
          posY++;
        }
        if (indicador) {
          indicador.PosicionX = posX;
          indicador.PosicionY = posY;
          ind[posX - 1].push(indicador);
        }
        posX++;
      });
    } else {
      indPos.forEach(indicador => {
        if (indicador) {
          ind[indicador.PosicionX - 1].push(indicador);
        }
      });
      ind.forEach(columna => {
        columna.sort((a, b) => a.PosicionY - b.PosicionY);
      });
    }
    //guardamos datos anteriores
    this.layoutIdAnt = this.editarTemp || this.editarTempMobile ? this.layoutIdAnt : template;
    return ind;
  }
  recargarDatosSubtablero(modoOff = false) {
    this.indicadores.forEach((columna, indexX) => {
      columna.forEach((indicador, indexY) => {
        this.recargarDatosIndicador(indicador, modoOff);
      });
    });
  }
  recargarDatosIndicador(indicador, modoOff = false) {
    indicador.loading = true;
    //SP CAMBIOS
    let hayParamsNull = indicador.InfIndicadorInstanciaParams.find(param => param.ValorXDefecto === null && param.InfOrigenParam.Obligatorio == 'S');
    if (hayParamsNull) {
      indicador.loading = null;
      indicador.noConfigurado = true;
    } else {
      if (!modoOff) {
        //Aca se llama al servicio que trae los datos del indicador
        let parametros = this.prepararParametrosIndicador(indicador);
        /**
         * SP SINWEB-785 se crea un objeto auxiliar para enviar los parametros
         *con filtros entidades formateados y no afectar el que se guarda es localStorage
         */
        let parametrosToSend = parametros.Parametros.map(param => {
          return {
            IdInfOrigenParam: param.IdInfOrigenParam,
            Valor: param.EsEntidad ? this.extraerDato(param.Valor, 1) : param.Valor
          };
        });
        const sb = this.indicadoresService.postDatosInstanciaIndicadores({
          Parametros: parametrosToSend
        }, indicador.Id).subscribe(indicadores => {
          indicador.loading = false;
          indicador.noConfigurado = false;
          indicador.Data = indicadores.Data;
          indicador.Parametros = parametros.Parametros;
          this.persistenciaTablerosService.setIndicadorLocal(this.id === 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.id, this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id, indicador);
        });
        this.subscriptions.push(sb);
      } else {
        //se obtiene el indicador del local storage
        let data = this.persistenciaTablerosService.getIndicadoresLocal().find(indicadores => indicadores.idTablero === (this.tablero.Id == 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.tablero.Id) && indicadores.idSubtablero === this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id && indicadores.idIndicador === indicador.Id);
        indicador.Data = data ? data.Data : null;
        indicador.Parametros = data ? data.Parametros : null;
        indicador.loading = data == null ? null : false;
        indicador.noConfigurado = data == null ? null : false;
      }
    }
  }
  prepararParametrosIndicador(indicador) {
    let listadoParametros = [];
    //SP SINWEB-681 obtengo el indicador en el localstorage
    let indicadorLocal = this.persistenciaTablerosService.getIndicadoresLocal().find(indicadores => indicadores.idTablero === (this.tablero.Id == 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.tablero.Id) && indicadores.idSubtablero === this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id && indicadores.idIndicador === indicador.Id);
    if (!indicadorLocal) {
      indicador.InfIndicadorInstanciaParams.forEach(param => {
        let auxParam = {
          IdInfOrigenParam: param.InfOrigenParam.Id,
          Valor: param.InfOrigenParam.InfParamTipo.Nombre == 'Sucursal' && param.ValorXDefecto == -1 ? this.authService.usuario.IdSucursal : param.ValorXDefecto
        };
        /**
         * SP SINWEB-785 se guarda un flag en local storage para identicar parametro entidad
         */
        if (param.InfOrigenParam.MetaTabla) {
          auxParam.EsEntidad = true;
        }
        listadoParametros.push(auxParam);
      });
    } else {
      listadoParametros = indicadorLocal.Parametros;
    }
    let parametros = {
      Parametros: listadoParametros
    };
    return parametros;
  }
  formatearPosicionIndicadores(indicadores) {
    let ind = [];
    indicadores.forEach((columna, indexX) => {
      columna.forEach((indicador, indexY) => {
        indicador.PosicionX = indexX + 1;
        indicador.PosicionY = indexY + 1;
        ind.push(indicador);
      });
    });
    return ind;
  }
  recargarSubTablero() {
    this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1], false, true);
  }
  /**
   * SP SINWEB-628 metodo para cargar subtablero en tablero
   * */
  crearSubTablero() {
    const modalfRef = this.modalService.open(_subtablero_edit_subtablero_edit_component__WEBPACK_IMPORTED_MODULE_7__.SubtableroEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__.getOptionsModal)());
    modalfRef.componentInstance.tablero = this.tablero;
    modalfRef.result.then(result => {
      this.activeTab = result.Data.InfTablerosSubtableros[0].Orden;
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showReturnAlert('Tablero Creado', 'El tablero se ha creado correctamente, ¿Desea agregar indicadores al tablero?', 'success', 'Si', 'No', true, 'primary').then(res => {
        if (res.isConfirmed) {
          this.agregarWidget(result.Data);
        }
      });
    });
  }
  /**
   * metodo para editar subtablero en tablero
   */
  editarSubTablero() {
    const modalfRef = this.modalService.open(_subtablero_edit_subtablero_edit_component__WEBPACK_IMPORTED_MODULE_7__.SubtableroEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__.getOptionsModal)());
    modalfRef.componentInstance.tablero = this.tablero;
    modalfRef.componentInstance.subtablero = this.tablero.InfTablerosSubtableros[this.activeTab - 1];
    modalfRef.result.then(result => {
      if (result) {
        this.indicadores = [];
        this.indicadoresAnt = [];
        this.cargarTablero(this.tablero.Id);
        this.alert.showBasicAlert('Tablero Editado', 'El tablero se ha editado correctamente', 'success');
      }
    });
  }
  /**
   * SP SINWEB-628 metodo para eliminar subtablero en tablero
   */
  eliminarSubTablero() {
    this.alert.showReturnAlert('Eliminar Tablero', '¿Está seguro que desea eliminar el tablero, ' + this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Nombre + '?', 'warning', 'Eliminar', 'Cancelar', true, 'danger').then(res => {
      if (res.isConfirmed) {
        this.eliminar();
      }
    });
  }
  /**
   *  SP SINWEB-628 metodo para eliminar subtablero en tablero
   **/
  eliminar() {
    //TODO LOGICA PARA ELIMINAR SUBTABLERO Y ACTUALIZAR
    this.subtableroService.eliminar(this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id).subscribe(res => {
      this.activeTab = 1;
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('Tablero Eliminado', 'El tablero se ha eliminado correctamente', 'success');
    });
  }
  /**
   * SP SINWEB-634 metodo para agregar widget en subtablero
   **/
  agregarWidget(subtablero) {
    const modalfRef = this.modalService.open(_agregar_widgets_agregar_widgets_component__WEBPACK_IMPORTED_MODULE_6__.AgregarWidgetsComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__.getOptionsModal)('xl'));
    modalfRef.componentInstance.subtablero = subtablero ? subtablero : this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero;
    modalfRef.result.then(result => {
      //TODO LOGICA PARA ACTUALIZAR EL SUBTABLERO
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('Indicadores Agregados', 'Los indicadores se han agregado correctamente', 'success');
    });
    //console.log("Agregar Widget", this.tablero.SubTableros[this.activeTab - 1].Id)
  }
  abrirEditTemplate(modoMovil) {
    this.layoutSelecId = this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Layout;
    if (modoMovil) {
      this.editarTempMobile = !this.editarTempMobile;
    } else {
      this.editarTemp = !this.editarTemp;
    }
    if (this.editarTemp || this.editarTempMobile) {
      this.indicadores = lodash__WEBPACK_IMPORTED_MODULE_10__.cloneDeep(this.indicadoresAnt);
    }
    this.dragulaServices = (this.editarTemp || this.editarTempMobile) && this.configurable ? 'INDICADORES_GROUP' : '';
  }
  /**
   * SP SINWEB-635 metodo para eliminar indicador en subtablero
   */
  eliminarIndicador(indicador) {
    this.alert.showReturnAlert('Eliminar Indicador', '¿Está seguro que desea eliminar el indicador, ' + indicador.Nombre + '?', 'warning', 'Eliminar', 'Cancelar', true, 'danger').then(res => {
      if (res.isConfirmed) {
        this.eliminarInd(indicador);
      }
    });
  }
  /**
   * SP SINWEB-635 metodo para eliminar indicador en subtablero
   * @param indicador
   */
  eliminarInd(indicador) {
    //SP SINWEB-703 metodo para eliminar indicador en subtablero
    let susc = this.indicadoresService.deleteInstanciaIndicador(indicador.Id).subscribe(res => {
      this.persistenciaTablerosService.deleteIndicadorLocal(this.tablero.Id == 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.tablero.Id, this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id, indicador);
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('Indicador Eliminado', 'El indicador se ha eliminado correctamente', 'success');
    });
  }
  /**
   * SP SINWEB-702 metodo para editar indicador en subtablero
   * @param indicador
   */
  editarIndicador(indicador) {
    let modalRef = this.modalService.open(_indicador_instancia_edit_indicador_instancia_edit_component__WEBPACK_IMPORTED_MODULE_8__.IndicadorInstanciaEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__.getOptionsModal)('xl'));
    modalRef.componentInstance.instancia = indicador;
    modalRef.componentInstance.idSubtablero = this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id;
    modalRef.componentInstance.sucursales = this.sucursales;
    modalRef.result.then(result => {
      //TODO LOGICA PARA ACTUALIZAR EL INDICADOR
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('Indicador Editado', 'El indicador se ha editado correctamente', 'success');
    });
  }
  editarTemplate(modoMovil, aceptar) {
    //guardamos las modificaciones de la apariencia del subtablero
    if (aceptar) {
      this.alert.showReturnAlert('Edición de subtablero', '¿Desea editar el subtablero seleccionado?', 'success', 'Si', 'No', true, 'primary').then(res => {
        if (res.isConfirmed) {
          this.alert.showLoadingAlert('Editando Subtablero', 'Espere un momento por favor');
          //editamos subtablero
          const sb = this.subtableroService.editar(this.prepararEdicionSubtablero(), this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id).subscribe(subTablero => {
            this.tablero.InfTablerosSubtableros.forEach((subTablero, index) => {
              if (subTablero.Id == this.tablero.InfTablerosSubtableros[this.activeTab - 1].Id) {
                this.tablero.InfTablerosSubtableros[index].InfSubtablero.InfIndicadorInstancias = this.formatearPosicionIndicadores(this.indicadores);
              }
            });
            //editamos los indicadores=
            this.alert.showLoadingAlert('Editando indicadores', 'Espere un momento por favor');
            let aux = this.prepararEdicionIndicadores(this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id);
            //SP SINWEB-786 cambios en logica para ocultamiento , se movio el metodo abrirEditTemplate, se agrego cargar subtablero y la alerta
            const sb2 = this.indicadoresService.putMasivoInstanciaIndicadores(aux).subscribe(res => {
              this.abrirEditTemplate(modoMovil);
              this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1], true);
              this.alert.closeLoadingAlert();
            });
            this.subscriptions.push(sb2);
          });
          this.subscriptions.push(sb);
        }
      });
    } else {
      this.abrirEditTemplate(modoMovil);
      this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.InfIndicadorInstancias = this.formatearPosicionIndicadores(this.indicadoresAnt);
      this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Layout = this.layoutIdAnt;
      //SP SINWEB-786 cambios en logica para ocultamiento , se cambio el viejo clone deep por el de lodash
      this.indicadores = lodash__WEBPACK_IMPORTED_MODULE_10__.cloneDeep(this.indicadoresAnt);
      this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1], true);
    }
  }
  /**
   * SP SINWEB-698 metodo que se encarga de ordenar los subtableros
   * @param tablero
   */
  ordenarSubtableros() {
    let modalRef = this.modalService.open(_ordenar_subtableros_ordenar_subtableros_component__WEBPACK_IMPORTED_MODULE_9__.OrdenarSubtablerosComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_4__.getOptionsModal)());
    modalRef.componentInstance.tablero = this.tablero;
    modalRef.result.then(result => {
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('', 'Subtableros reordenados', 'success');
    });
  }
  prepararEdicionSubtablero() {
    let body = {
      Nombre: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Nombre,
      Layout: this.layoutSelecId,
      Favorito: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito,
      ModoOffline: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.ModoOffline
      // InfTablerosSubtableros: [
      //  { IdInfTablero: this.id === 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.id,
      //   IdInfSubtablero: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id,
      //   Orden: this.tablero.InfTablerosSubtableros[this.activeTab - 1].Orden, }
      // ]
    };
    return body;
  }
  prepararEdicionIndicadores(subtableroId) {
    let InstanciasIndicadores = [];
    let body = {
      InstanciasIndicadores: InstanciasIndicadores,
      ControlarValorXDefectoRequerido: 'N'
    };
    this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.InfIndicadorInstancias.forEach(indicador => {
      const InfIndParams = [];
      indicador.InfIndicadorInstanciaParams.forEach(param => {
        const nuevoObjeto = {
          ...param,
          IdInfOrigenParam: param.InfOrigenParam.Id,
          IdInfIndicadorInstancia: indicador.Id
        };
        delete nuevoObjeto.form;
        InfIndParams.push(nuevoObjeto);
      });
      InstanciasIndicadores.push({
        Id: indicador.Id,
        Nombre: indicador.Nombre,
        Descripcion: indicador.Descripcion,
        UltActualizacion: null,
        PosicionX: indicador.PosicionX,
        PosicionY: indicador.PosicionY,
        Layout: indicador.Layout,
        IdInfIndicador: indicador.InfIndicador.Id,
        IdInfSubtablero: subtableroId,
        Oculto: indicador.Oculto,
        InfIndicadorInstanciaParams: InfIndParams
      });
    });
    return body;
  }
  seleccionarLayout(layoutId) {
    this.layoutSelecId = layoutId;
    this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Layout = layoutId;
    this.cargarSubTablero(this.tablero.InfTablerosSubtableros[this.activeTab - 1], true);
  }
  filtrarIndicador($event, indicador) {
    indicador.loading = true;
    /**
     * SP SINWEB-785 como api requiere solo los id sacamos del parametro guardado solo el id para enviarlo, pero en local storage
     * guardamos el nombre y el id con el formato correspondiente
     */
    let paramsToSend = $event.map(param => {
      return {
        IdInfOrigenParam: param.IdInfOrigenParam,
        Valor: param.EsEntidad ? this.extraerDato(param.Valor, 1) : param.Valor
      };
    });
    //TODO TRATAMIENTO PARA CASO DE FILTRO ENTIDAD , GUARDAR NOMBRE Y ID EN LOCAL STORAGE PERO SOLO ENVIAR ID A POST
    const sb = this.indicadoresService.postDatosInstanciaIndicadores({
      Parametros: paramsToSend
    }, indicador.Id).subscribe(indicadores => {
      indicador.loading = false;
      indicador.Data = indicadores.Data;
      indicador.Parametros = $event;
      this.persistenciaTablerosService.setIndicadorLocal(this.id === 0 ? this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.id, this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id, indicador);
    });
    this.subscriptions.push(sb);
  }
  /**
   * SP SINWEB-785 metodo auxiliar para formatear el dato de la entidad ya sea el id o el nombre
   * @param cadena
   * @param pos
   * @returns
   */
  extraerDato(cadena, pos) {
    if (!cadena) {
      return '';
    }
    const nombres = lodash__WEBPACK_IMPORTED_MODULE_10__.chain(cadena.split(',')).map(dato => pos == 1 ? dato.split('|')[0].slice(1) : dato.split('|')[1].slice(0, -1)).map(lodash__WEBPACK_IMPORTED_MODULE_10__.trim).value();
    return nombres.join(',');
  }
  /**
   * SP SINWEB-770 metodo para agregar subtablero a favoritos
   */
  agregarAFavoritos() {
    this.alert.showReturnAlert(this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito == 'N' ? 'Agregar a Favoritos' : 'Quitar de Favoritos', this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito == 'N' ? '¿Está seguro que desea agregar el tablero a favoritos?' : '¿Está seguro que desea quitar el tablero de favoritos?', 'warning', this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito == 'N' ? 'Agregar' : 'Quitar', 'Cancelar', true, this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito == 'N' ? 'primary' : 'danger').then(res => {
      if (res.isConfirmed) {
        this.editarFavorito();
      }
    });
  }
  /**
   * SP SINWEB-770 metodo para editar subtablero en tablero
   */
  editarFavorito() {
    let subtableroFavorito = {
      ModoOffline: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.ModoOffline,
      Layout: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Layout,
      Favorito: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Favorito == src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO ? src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.FALSO : src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO,
      Nombre: this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Nombre
      // InfTablerosSubtableros: [{
      //   IdInfTablero : this.tablero.Id === 0 ?  this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfTablero.Id : this.tablero.Id,
      //   Id:  this.tablero.InfTablerosSubtableros[this.activeTab - 1].Id,
      //   IdInfSubtablero:  this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id,
      //   Orden: this.tablero.InfTablerosSubtableros[this.activeTab - 1].Orden,
      // }]
    };
    let susc = this.subtableroService.editar(subtableroFavorito, this.tablero.InfTablerosSubtableros[this.activeTab - 1].InfSubtablero.Id).subscribe(res => {
      this.indicadores = [];
      this.indicadoresAnt = [];
      this.cargarTablero(this.tablero.Id);
      this.alert.showBasicAlert('Tablero Agregado a Favoritos', 'El tablero se ha agregado correctamente', 'success');
    });
  }
  /**
   * SP SINWEB-786 metodo que ocultarIndicador
   **/
  ocultarIndicador(indicador, ocultar) {
    let aux = this.encontrarPosicion(this.indicadores, indicador.Id);
    this.indicadores[aux.i][aux.j].Oculto = ocultar ? src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.VERDADERO : src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.FALSO;
    this.recargarDatosIndicador(this.indicadores[aux.i][aux.j], true);
  }
  /**
   * SP SINWEB-786 metodo que muestra todos los ocultos
   */
  verTodos() {
    this.indicadores.forEach((columna, indexX) => {
      columna.forEach((indicador, indexY) => {
        indicador.Oculto = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.FALSO;
        this.recargarDatosIndicador(indicador, true);
      });
    });
  }
  /**
   * SP SINWEB-786 metodo auxiliar para encontra la posicion dle indicador en la columna
   * @param array
   * @param idBuscado
   * @returns
   */
  encontrarPosicion(array, idBuscado) {
    const arrayPlano = lodash__WEBPACK_IMPORTED_MODULE_10__.flattenDeep(array);
    const indicePlano = arrayPlano.findIndex(obj => obj.Id === idBuscado);
    if (indicePlano !== -1) {
      // Búsqueda inversa para encontrar las coordenadas en el array original
      let indiceSubarray = 0;
      let indiceObjeto = 0;
      let contador = 0;
      while (contador < indicePlano) {
        indiceObjeto++;
        contador++;
        if (indiceObjeto >= array[indiceSubarray].length) {
          indiceSubarray++;
          indiceObjeto = 0;
        }
      }
      return {
        i: indiceSubarray,
        j: indiceObjeto
      };
    }
    return null;
  }
  static #_ = this.ɵfac = function VerTableroComponent_Factory(t) {
    return new (t || VerTableroComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_23__.ActivatedRoute), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_tablero_service__WEBPACK_IMPORTED_MODULE_11__.TableroService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](ng2_dragula__WEBPACK_IMPORTED_MODULE_24__.DragulaService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_persistencia_tableros_service__WEBPACK_IMPORTED_MODULE_12__.PersistenciaTablerosService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_5__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_subtablero_service__WEBPACK_IMPORTED_MODULE_13__.SubtableroService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_14__.IndicadoresService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_configGeneral_service__WEBPACK_IMPORTED_MODULE_15__.ConfigGeneralService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_16__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdirectiveInject"](src_app_core_services_core_sucursal_service__WEBPACK_IMPORTED_MODULE_17__.SucursalService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵdefineComponent"]({
    type: VerTableroComponent,
    selectors: [["app-ver-tablero"]],
    inputs: {
      idTablero: "idTablero"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_5__.AlertCustomService])],
    decls: 32,
    vars: 12,
    consts: [[1, "row"], [1, "col-lg-12"], [1, "card", 3, "ngClass"], [1, "card-body"], [1, "col-lg-4"], [1, "media", "text-md-start", "text-center"], [1, "me-lg-3"], [1, "mdi", "mdi-monitor-dashboard", "fs-1", "text-primary"], [1, "media-body", "align-self-center"], [1, "text-muted"], [1, "my-2"], ["class", "mdi mdi-cog-off-outline font-size-15", "pTooltip", "No configurable", 4, "ngIf"], [1, "col-lg-5", "align-self-center"], [1, "text-center", "mt-4", "mt-lg-0"], [1, "col-lg-3", "d-block"], [1, "d-flex", "flex-row-reverse", "justify-content-center", "justify-content-lg-start", "gap-1"], ["type", "button", "class", "btn btn-primary btn-elevate", 3, "click", 4, "ngIf"], ["type", "button", "class", "btn btn-warning btn-elevate", 3, "disabled", "click", 4, "ngIf"], ["type", "button", "class", "btn btn-light btn-elevate ml-2", "tourAnchor", "volver.anchor.id", 3, "routerLink", 4, "ngIf"], [1, "row", "pt-3"], ["ngbNav", "", 1, "nav-pills", "nav-justified", 3, "activeId", "navChange"], ["mainNav", "ngbNav"], [4, "ngFor", "ngForOf"], ["class", "alert alert-info aling-self-center text-center"], ["class", "row", 4, "ngIf"], ["SUBTABLERO_TAB", ""], ["FILTRO", ""], ["pTooltip", "No configurable", 1, "mdi", "mdi-cog-off-outline", "font-size-15"], ["type", "button", 1, "btn", "btn-primary", "btn-elevate", 3, "click"], [1, "d-lg-block", "d-none"], [1, "d-lg-none", "d-block"], [1, "mdi", "mdi-plus", "mdi-24px"], ["type", "button", 1, "btn", "btn-warning", "btn-elevate", 3, "disabled", "click"], [1, "mdi", "mdi-sort", "mdi-24px"], ["type", "button", "tourAnchor", "volver.anchor.id", 1, "btn", "btn-light", "btn-elevate", "ml-2", 3, "routerLink"], [1, "mdi", "mdi-arrow-left", "mdi-24px"], [1, "px-1", 3, "ngbNavItem", "disabled"], ["ngbNavLink", ""], [1, "d-block", "d-sm-none"], [1, "fas", "fa-chart-bar"], ["class", "fas fa-star", 3, "ngClass"], [1, "d-none", "d-sm-block"], ["class", "fas fa-star mx-1", 3, "ngClass"], ["ngbNavContent", ""], [1, "fas", "fa-star", 3, "ngClass"], [1, "fas", "fa-star", "mx-1", 3, "ngClass"], [3, "ngTemplateOutlet"], [1, "alert", "alert-info", "aling-self-center", "text-center"], [3, "ngClass"], [1, "card", "mb-1", 3, "ngClass"], [1, "row", "g-3", "justify-content-center", "justify-content-lg-start"], [1, "d-block", "d-lg-none", "text-center", "fw-bold", "font-size-22"], [1, "col", "text-center", "text-lg-end", "d-block", "d-xl-block"], [3, "ngbNavOutlet"], ["class", "d-block d-lg-none", "position", "right", 3, "visible", "visibleChange", 4, "ngIf"], ["class", "col-xxl-2 col-lg-3 d-none d-lg-block", 4, "ngIf"], ["class", "d-inline-block", 4, "ngIf"], ["class", "d-none d-lg-inline-block", 4, "ngIf"], [1, "d-inline-block"], ["tooltipPosition", "top", 3, "ngClass", "pTooltip", "click"], [1, "mdi", "mdi-reload", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "text-warning", 3, "pTooltip", "click"], [1, "d-none", "d-lg-inline-block"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "me-1", "btn-outline-warning", 3, "pTooltip", "click"], [1, "mdi", "mdi-view-dashboard", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "me-1", "btn-outline-primary", 3, "pTooltip", "click"], [1, "mdi", "mdi-eye", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "me-1", "btn-outline-success", 3, "pTooltip", "click"], [1, "mdi", "mdi-check", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "me-1", "btn-outline-danger", 3, "pTooltip", "click"], [1, "mdi", "mdi-close", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "mx-1", "btn-outline-success", 3, "pTooltip", "click"], [1, "mdi", "mdi-folder-plus", "mdi-24px"], [1, "mdi", "mdi-pencil", "mdi-24px"], ["tooltipPosition", "top", 1, "btn", "py-0", "px-2", "btn-outline-danger", 3, "pTooltip", "click"], [1, "mdi", "mdi-delete", "mdi-24px"], [1, "mdi", "mmdi-close", "mdi-24px"], ["position", "right", 1, "d-block", "d-lg-none", 3, "visible", "visibleChange"], [1, "m-2"], [1, "col-xxl-2", "col-lg-3", "d-none", "d-lg-block"], [1, "card"], [1, "card-body", "p-2"], [1, "row", "g-1"], [3, "ngClass", "dragula", "dragulaModel", "dragulaModelChange"], [3, "idTablero", "indicadorInstancia", "configurable", "editTemplate", "sucursales", "permisos"], [3, "idTablero", "indicadorInstancia", "configurable", "editTemplate", "sucursales", "permisos", "recargar", "editar", "eliminar", "filtrar", "ocultar"], [2, "min-height", "150px"], [1, "my-1", 3, "ngClass", "title", "loading", "noCargado", "noConfigurado", "oculto", "configurable", "editTemplate", "idTablero", "permisos", "recargar", "editar", "eliminar", "ocultar"], [1, "fs-5", "text-center", "fw-bolder", "my-1"], [1, "grid-layout"], ["style", "list-style: none", 4, "ngFor", "ngForOf"], [2, "list-style", "none"], [3, "ngClass", "src", "click"]],
    template: function VerTableroComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 0)(5, "div", 4)(6, "div", 5)(7, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](8, "i", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](9, "div", 8)(10, "div", 9)(11, "h5", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtext"](12);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](13, VerTableroComponent_i_13_Template, 1, 0, "i", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](14, "div", 12)(15, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelement"](16, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](17, "div", 14)(18, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](19, VerTableroComponent_button_19_Template, 5, 0, "button", 16)(20, VerTableroComponent_button_20_Template, 5, 1, "button", 17)(21, VerTableroComponent_button_21_Template, 5, 1, "button", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementStart"](22, "div", 19)(23, "ul", 20, 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵlistener"]("navChange", function VerTableroComponent_Template_ul_navChange_23_listener($event) {
          return ctx.changeTab($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](25, VerTableroComponent_ng_container_25_Template, 10, 5, "ng-container", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵelementEnd"]()()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplate"](26, VerTableroComponent_Conditional_26_Template, 2, 0, "div", 23)(27, VerTableroComponent_div_27_Template, 13, 9, "div", 24)(28, VerTableroComponent_ng_template_28_Template, 2, 1, "ng-template", null, 25, _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplateRefExtractor"])(30, VerTableroComponent_ng_template_30_Template, 7, 1, "ng-template", null, 26, _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtemplateRefExtractor"]);
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵpureFunction1"](10, _c0, ctx.useLargeShadow));
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](10);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵtextInterpolate1"](" ", ctx.tablero == null ? null : ctx.tablero.Nombre, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", (ctx.tablero == null ? null : ctx.tablero.Configurable) != "S");
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.configurable && ctx.id != 0 && ctx.permisos.crearSubTablero);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.id != 0 && ctx.permisos.editarTablero);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", !ctx.idTablero && ctx.idTablero !== 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("activeId", ctx.activeTab);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngForOf", ctx.tablero == null ? null : ctx.tablero.InfTablerosSubtableros);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵconditional"](26, (ctx.tablero == null ? null : ctx.tablero.InfTablerosSubtableros.length) == 0 ? 26 : -1);
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_20__["ɵɵproperty"]("ngIf", ctx.tablero != undefined && (ctx.tablero == null ? null : ctx.tablero.InfTablerosSubtableros.length) > 0);
      }
    },
    dependencies: [_angular_router__WEBPACK_IMPORTED_MODULE_23__.RouterLink, _angular_common__WEBPACK_IMPORTED_MODULE_26__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_26__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_26__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_26__.NgTemplateOutlet, primeng_tooltip__WEBPACK_IMPORTED_MODULE_27__.Tooltip, ng2_dragula__WEBPACK_IMPORTED_MODULE_24__.DragulaDirective, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavContent, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNav, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavItem, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavItemRole, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavLink, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavLinkBase, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_25__.NgbNavOutlet, primeng_sidebar__WEBPACK_IMPORTED_MODULE_28__.Sidebar, ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_29__.TourAnchorNgBootstrapDirective, _estado_instancia_estado_instancia_component__WEBPACK_IMPORTED_MODULE_18__.EstadoInstanciaComponent, _graficos_wrapper_wrapper_component__WEBPACK_IMPORTED_MODULE_19__.WrapperComponent],
    styles: [".grid-layout[_ngcontent-%COMP%] {\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 15px;\n}\n\n.layout-selected[_ngcontent-%COMP%] {\n  border-top: medium #0070af solid;\n  padding-top: 5px;\n}\n\nul[_ngcontent-%COMP%] {\n  text-align: center;\n}\n\nul[_ngcontent-%COMP%], menu[_ngcontent-%COMP%], dir[_ngcontent-%COMP%] {\n  -webkit-padding-start: 5px;\n}\n\n.template-una-columna[_ngcontent-%COMP%] {\n  display: grid;\n  padding: 0 10% 0 10%;\n  grid-column: 1;\n}\n\n.seleccionable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}"]
  });
}

/***/ }),

/***/ 77782:
/*!**************************************************************************************************!*\
  !*** ./src/app/pages/estadistica/widgets/listado-cards-widget/listado-cards-widget.component.ts ***!
  \**************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ListadoCardsWidgetComponent: () => (/* binding */ ListadoCardsWidgetComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes */ 74506);
/* harmony import */ var src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/layouts/layouts.model */ 45660);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var primeng_paginator__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! primeng/paginator */ 42947);
/* harmony import */ var primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! primeng/overlaypanel */ 88454);
/* harmony import */ var _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/ui/select-loading/select-loading.component */ 24718);













function ListadoCardsWidgetComponent_ng_container_4_i_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](0, "i", 19);
  }
}
function ListadoCardsWidgetComponent_ng_container_4_i_6_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](0, "i", 20);
  }
}
function ListadoCardsWidgetComponent_ng_container_4_i_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "i", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function ListadoCardsWidgetComponent_ng_container_4_i_7_Template_i_click_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r8);
      _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
      const _r5 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵreference"](9);
      return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](_r5.toggle($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_div_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](1, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
}
function ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_div_2_Template(rf, ctx) {
  if (rf & 1) {
    const _r15 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div")(1, "a", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("click", function ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_div_2_Template_a_click_1_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r15);
      const dropButton_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
      const widget_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
      const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r13.emitirAccion(dropButton_r10.Accion, widget_r1));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const dropButton_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]().$implicit;
    const widget_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2).$implicit;
    const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", !dropButton_r10.disabled ? dropButton_r10.activate ? dropButton_r10.activate(ctx_r12.buscarValoresAcciones(widget_r1, dropButton_r10.fieldsActivate), dropButton_r10.Accion) : "dropdown-item" : "dropdown-item disabled");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", dropButton_r10.Title, " ");
  }
}
function ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](1, ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_div_1_Template, 2, 0, "div", 26)(2, ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_div_2_Template, 3, 2, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const dropButton_r10 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", dropButton_r10.Type == "divider" && dropButton_r10.Show !== false);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", !dropButton_r10.Type && dropButton_r10.Show !== false);
  }
}
const _c0 = (a0, a1) => ({
  "btn-soft-dark": a0,
  "btn-soft-light btn-dark-hover": a1
});
function ListadoCardsWidgetComponent_ng_container_4_div_19_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 22)(1, "button", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](2, "i", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](3, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, ListadoCardsWidgetComponent_ng_container_4_div_19_div_4_Template, 3, 2, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpureFunction2"](2, _c0, !ctx_r6.darkMode, ctx_r6.darkMode));
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", ctx_r6.dropdownButtons);
  }
}
function ListadoCardsWidgetComponent_ng_container_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "div", 7)(2, "div", 8)(3, "h2");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](5, ListadoCardsWidgetComponent_ng_container_4_i_5_Template, 1, 0, "i", 9)(6, ListadoCardsWidgetComponent_ng_container_4_i_6_Template, 1, 0, "i", 10)(7, ListadoCardsWidgetComponent_ng_container_4_i_7_Template, 1, 0, "i", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](8, "p-overlayPanel", null, 12)(10, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](12, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](14, "span", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](16, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](17, "i", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](18, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](19, ListadoCardsWidgetComponent_ng_container_4_div_19_Template, 5, 5, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const widget_r1 = ctx.$implicit;
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
    let tmp_7_0;
    let tmp_9_0;
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", widget_r1.Nombre, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", widget_r1.Configurable == "S");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", widget_r1.Configurable == "N");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", widget_r1.Descripcion.trim() != "");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate1"](" ", widget_r1.Descripcion, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](widget_r1.InfOrigen.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](widget_r1.InfOrigen.InfTipo.Nombre);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵstyleMap"]((tmp_7_0 = ctx_r0.getIcono(widget_r1.InfVisual.Id)) == null ? null : tmp_7_0.style);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("pTooltip", widget_r1.InfVisual.Nombre)("ngClass", (tmp_9_0 = ctx_r0.getIcono(widget_r1.InfVisual.Id)) == null ? null : tmp_9_0.icon);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", ctx_r0.dropdownButtons[0].Show || ctx_r0.dropdownButtons[1].Show);
  }
}
class ListadoCardsWidgetComponent {
  constructor() {
    this.widgets = [];
    this.page = 1;
    this.cantSearch = 10;
    this.totalItems = 0;
    this.loading = false;
    this.order = 1;
    this.sentido = 'Asc';
    this.dropdownButtons = [];
    this.emitLazyLoad = new _angular_core__WEBPACK_IMPORTED_MODULE_6__.EventEmitter();
    this.emitAction = new _angular_core__WEBPACK_IMPORTED_MODULE_6__.EventEmitter();
    this.emitOrderChange = new _angular_core__WEBPACK_IMPORTED_MODULE_6__.EventEmitter();
    this.pageOptions = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_0__.PAGE_OPTIONS;
    this.darkMode = false;
    ///public first = 0;
    this.compVisuales = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.compVisuales;
    this.ordenamientos = [{
      Id: 1,
      Nombre: '🠋 Nombre',
      params: {
        ord: 2,
        sentido: 'Desc'
      }
    }, {
      Id: 2,
      Nombre: '🠉 Nombre',
      params: {
        ord: 2,
        sentido: 'Asc'
      }
    }, {
      Id: 3,
      Nombre: '🠋 Origen de los Datos',
      params: {
        ord: 3,
        sentido: 'Desc'
      }
    }, {
      Id: 4,
      Nombre: '🠉 Origen de los Datos',
      params: {
        ord: 3,
        sentido: 'Asc'
      }
    }, {
      Id: 5,
      Nombre: '🠋 Gráfico',
      params: {
        ord: 4,
        sentido: 'Desc'
      }
    }, {
      Id: 6,
      Nombre: '🠉 Gráfico',
      params: {
        ord: 4,
        sentido: 'Asc'
      }
    }
    // {
    //   Id:  5,
    //   Nombre: "🠋 Configurable",
    //   params:{
    //     ord: 3,
    //     sentido: "Desc"
    //   }
    // },
    // {
    //   Id:  6,
    //   Nombre: "🠉 Configurable",
    //   params:{
    //     ord: 3,
    //     sentido: "Asc"
    //   }
    // },
    // {
    //   Id:  9,
    //   Nombre: "🠋 Tipo de Fuente",
    //   params:{
    //     ord: 5,
    //     sentido: "Desc"
    //   }
    // },
    // {
    //   Id: 10,
    //   Nombre: "🠉 Fuente de Datos",
    //   params:{
    //     ord: 5,
    //     sentido: "Asc"
    //   }
    // }
    ];
  }
  ngOnInit() {
    this.darkMode = document.querySelector('html').getAttribute('data-bs-theme') === src_app_layouts_layouts_model__WEBPACK_IMPORTED_MODULE_1__.THEME_DARK;
  }
  lazyLoadChange($event) {
    if ($event.page != this.page - 1 || $event.rows != this.cantSearch) {
      this.emitLazyLoad.emit({
        page: $event.rows != this.cantSearch ? 1 : $event.page + 1,
        cant: $event.rows,
        order: this.order,
        sentido: this.sentido
      });
    }
  }
  orderChange($event) {
    const ordenItem = this.ordenamientos.find(item => item.Id == $event);
    if (ordenItem) {
      this.emitOrderChange.emit({
        page: 1,
        cant: this.cantSearch,
        order: ordenItem.params.ord,
        sentido: ordenItem.params.sentido
      });
    }
  }
  emitirAccion(accion, registro) {
    this.emitAction.emit({
      accion: accion,
      registro: registro
    });
  }
  getOrder() {
    return this.ordenamientos.find(item => item.params.ord == this.order && item.params.sentido === this.sentido).Id;
  }
  getIcono(cv) {
    return this.compVisuales.find(item => item.id == cv);
  }
  buscarValoresAcciones(datos, valores) {
    let resultado = [];
    valores.forEach(valor => resultado.push((0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_3__.buscarValor)(datos, valor)));
    return resultado;
  }
  buscarValor(objeto, camino) {
    // MC SINWEB-457 Se agrega comprobacion de camino vacío como en la tabla anterior
    if (camino == '') {
      return objeto;
    }
    return lodash__WEBPACK_IMPORTED_MODULE_4__.get(objeto, camino, '');
  }
  static #_ = this.ɵfac = function ListadoCardsWidgetComponent_Factory(t) {
    return new (t || ListadoCardsWidgetComponent)();
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineComponent"]({
    type: ListadoCardsWidgetComponent,
    selectors: [["app-listado-cards-widget"]],
    inputs: {
      widgets: "widgets",
      page: "page",
      cantSearch: "cantSearch",
      totalItems: "totalItems",
      loading: "loading",
      order: "order",
      sentido: "sentido",
      dropdownButtons: "dropdownButtons"
    },
    outputs: {
      emitLazyLoad: "emitLazyLoad",
      emitAction: "emitAction",
      emitOrderChange: "emitOrderChange"
    },
    decls: 7,
    vars: 10,
    consts: [[1, "row", "mb-2", "justify-content-center", "justify-content-lg-end"], [1, "col-auto"], [3, "defaultValue", "defaultString", "defaultValueDis", "items", "valueSelected", "valueSelect"], [1, "widget-container"], [4, "ngFor", "ngForOf"], [1, "row", "mt-2"], [3, "first", "rows", "totalRecords", "rowsPerPageOptions", "onPageChange"], [1, "widget-card", "shadow-lg"], [1, "widget-card-info"], ["class", "mdi mdi-cog-outline", "pTooltip", "Configurable", 4, "ngIf"], ["class", "mdi mdi-cog-off-outline", "pTooltip", "No Configurable", 4, "ngIf"], ["style", "cursor: pointer", "class", "mdi mdi-chat-alert-outline", 3, "click", 4, "ngIf"], ["op", ""], [1, "text-muted"], [1, "badge", "rounded-pill", "bg-primary"], [1, "widget-card-icon"], [3, "pTooltip", "ngClass"], [1, "widget-card-actions"], ["class", "btn-group", "ngbDropdown", "", "container", "body", 4, "ngIf"], ["pTooltip", "Configurable", 1, "mdi", "mdi-cog-outline"], ["pTooltip", "No Configurable", 1, "mdi", "mdi-cog-off-outline"], [1, "mdi", "mdi-chat-alert-outline", 2, "cursor", "pointer", 3, "click"], ["ngbDropdown", "", "container", "body", 1, "btn-group"], ["type", "button", "ngbDropdownToggle", "", 1, "btn", "dropdown-toggle", 3, "ngClass"], [1, "mdi", "mdi-dots-vertical"], ["ngbDropdownMenu", "", 1, "dropdown-menu"], [4, "ngIf"], [1, "dropdown-divider"], [2, "cursor", "pointer", 3, "ngClass", "click"]],
    template: function ListadoCardsWidgetComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "select-loading", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("valueSelect", function ListadoCardsWidgetComponent_Template_select_loading_valueSelect_2_listener($event) {
          return ctx.orderChange($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](4, ListadoCardsWidgetComponent_ng_container_4_Template, 20, 12, "ng-container", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](5, "div", 5)(6, "p-paginator", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("onPageChange", function ListadoCardsWidgetComponent_Template_p_paginator_onPageChange_6_listener($event) {
          return ctx.lazyLoadChange($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("defaultValue", 0)("defaultString", "Ordenar por:")("defaultValueDis", true)("items", ctx.ordenamientos)("valueSelected", ctx.getOrder());
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", ctx.widgets);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("first", (ctx.page - 1) * ctx.cantSearch)("rows", ctx.cantSearch)("totalRecords", ctx.totalItems)("rowsPerPageOptions", ctx.pageOptions);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_7__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_7__.NgIf, primeng_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbDropdownMenu, primeng_paginator__WEBPACK_IMPORTED_MODULE_10__.Paginator, primeng_overlaypanel__WEBPACK_IMPORTED_MODULE_11__.OverlayPanel, _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_5__.SelectLoadingComponent],
    styles: [".widget-container[_ngcontent-%COMP%] {\n  display: grid;\n  padding: 0 5% 0 5%;\n  gap: 20px 20px;\n  grid-template-columns: 1fr 1fr 1fr;\n}\n@media screen and (max-width: 1400px) {\n  .widget-container[_ngcontent-%COMP%] {\n    grid-column: 4;\n    grid-template-columns: 1fr 1fr;\n  }\n}\n@media screen and (max-width: 991px) {\n  .widget-container[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}\n\n.widget-card[_ngcontent-%COMP%] {\n  position: relative;\n  border-radius: 2rem;\n  background-color: var(--bs-light-600);\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0px 16px 0px 32px;\n  outline: none;\n  overflow: hidden;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%] {\n    text-align: center;\n    flex-direction: column;\n    padding: 0px 16px 0px 16px;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-actions[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 16px;\n  text-align: end;\n  margin-bottom: 16px;\n  order: 3;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-actions[_ngcontent-%COMP%] {\n    text-align: center;\n    padding-right: 0px;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%] {\n  padding: 16px 0px 16px 0px;\n  width: 70%;\n  text-align: start;\n  order: 1;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  vertical-align: middle;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0px;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-info[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: center;\n    order: 2;\n  }\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%] {\n  width: 30%;\n  text-align: center;\n  order: 2;\n}\n.widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 80px;\n  align-self: center;\n}\n@media screen and (max-width: 400px) {\n  .widget-card[_ngcontent-%COMP%]   .widget-card-icon[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: center;\n    order: 1;\n  }\n}\n.widget-card[_ngcontent-%COMP%]:hover:not(.active) {\n  background-color: #c0c0c0;\n}\n\n  .p-paginator {\n  justify-content: end;\n}\n@media (max-width: 991px) {\n    .p-paginator {\n    justify-content: center;\n    margin-bottom: 40px;\n  }\n}\n\n  .p-paginator .p-paginator-pages .p-paginator-page,   .p-paginator .p-paginator-first,  .p-paginator .p-paginator-prev,   .p-paginator .p-paginator-next,  .p-paginator .p-paginator-last,  .p-paginator .p-dropdown {\n  justify-self: flex-end;\n  border: 1px solid rgba(73, 80, 87, 0.25);\n  border-radius: initial !important;\n  background-color: initial !important;\n  height: 37px;\n  min-width: 35px;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n@media (max-width: 576px) {\n    .p-paginator .p-paginator-pages .p-paginator-page,   .p-paginator .p-paginator-first,  .p-paginator .p-paginator-prev,   .p-paginator .p-paginator-next,  .p-paginator .p-paginator-last,  .p-paginator .p-dropdown {\n    font-size: 11.375px;\n    height: 29px;\n    min-width: 21px;\n  }\n}\n  .p-paginator .p-paginator-pages .p-paginator-page.p-link:hover:active,   .p-paginator .p-paginator-first.p-link:hover:active,  .p-paginator .p-paginator-prev.p-link:hover:active,   .p-paginator .p-paginator-next.p-link:hover:active,  .p-paginator .p-paginator-last.p-link:hover:active,  .p-paginator .p-dropdown.p-link:hover:active {\n  border: 1px solid rgba(73, 80, 87, 0.25) !important;\n}\n  .p-paginator .p-paginator-pages .p-paginator-page.p-link:hover:not(:active),   .p-paginator .p-paginator-first.p-link:hover:not(:active),  .p-paginator .p-paginator-prev.p-link:hover:not(:active),   .p-paginator .p-paginator-next.p-link:hover:not(:active),  .p-paginator .p-paginator-last.p-link:hover:not(:active),  .p-paginator .p-dropdown.p-link:hover:not(:active) {\n  border: 1px solid rgba(73, 80, 87, 0.25) !important;\n}\n  .p-paginator .p-paginator-pages .p-paginator-page .p-link:focus,   .p-paginator .p-paginator-first .p-link:focus,  .p-paginator .p-paginator-prev .p-link:focus,   .p-paginator .p-paginator-next .p-link:focus,  .p-paginator .p-paginator-last .p-link:focus,  .p-paginator .p-dropdown .p-link:focus {\n  outline: 0 none;\n  outline-offset: 0;\n  \n\n}\n  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight,   .p-paginator .p-paginator-first.p-highlight,  .p-paginator .p-paginator-prev.p-highlight,   .p-paginator .p-paginator-next.p-highlight,  .p-paginator .p-paginator-last.p-highlight,  .p-paginator .p-dropdown.p-highlight {\n  background-color: #0070af !important;\n  color: #fff;\n  border: 1px solid rgba(73, 80, 87, 0.25);\n}\n  .p-paginator .p-paginator-pages .p-paginator-page .pi,   .p-paginator .p-paginator-first .pi,  .p-paginator .p-paginator-prev .pi,   .p-paginator .p-paginator-next .pi,  .p-paginator .p-paginator-last .pi,  .p-paginator .p-dropdown .pi {\n  font-size: 13px;\n}\n@media (max-width: 576px) {\n    .p-paginator .p-paginator-pages .p-paginator-page .pi,   .p-paginator .p-paginator-first .pi,  .p-paginator .p-paginator-prev .pi,   .p-paginator .p-paginator-next .pi,  .p-paginator .p-paginator-last .pi,  .p-paginator .p-dropdown .pi {\n    font-size: 11.375px;\n  }\n}\n\n .p-paginator .p-dropdown .p-dropdown-label {\n  padding: 8px;\n  align-self: center;\n  font-size: 13px;\n}\n@media (max-width: 576px) {\n   .p-paginator .p-dropdown .p-dropdown-label {\n    padding: 6px;\n    font-size: 11.375px;\n  }\n}\n\n  .p-datatable .p-paginator-bottom {\n  border: none;\n}\n\n  .p-datatable.p-datatable-gridlines .p-paginator-bottom {\n  justify-content: end;\n}\n@media (max-width: 576px) {\n    .p-datatable.p-datatable-gridlines .p-paginator-bottom {\n    margin-top: 30px;\n    justify-content: center;\n  }\n}\n\n  .p-dropdown-items-wrapper .p-dropdown-items {\n  padding: 0.5rem;\n}\n\n .p-paginator .p-paginator-current {\n  position: absolute;\n  left: 0;\n  font-size: 13px;\n}\n@media (max-width: 991px) {\n   .p-paginator .p-paginator-current {\n    left: 50%;\n    top: 100%;\n    bottom: 4%;\n    text-align: center;\n    transform: translateX(-50%);\n  }\n}"]
  });
}

/***/ }),

/***/ 33689:
/*!********************************************************************************!*\
  !*** ./src/app/pages/estadistica/widgets/widget-edit/widget-edit.component.ts ***!
  \********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   WidgetEditComponent: () => (/* binding */ WidgetEditComponent)
/* harmony export */ });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ 6990);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! rxjs */ 9315);
/* harmony import */ var src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/services/viewHelper.service */ 90556);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/services/estadisticas/fuenteDatos.service */ 35651);
/* harmony import */ var src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/services/estadisticas/componentesVisuales.service */ 20510);
/* harmony import */ var src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/services/estadisticas/indicadores.service */ 33799);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_tooltip__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! primeng/tooltip */ 33259);
/* harmony import */ var _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../core/directives/campo-obligatorio.directive */ 61528);
/* harmony import */ var primeng_panel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! primeng/panel */ 51230);
/* harmony import */ var _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/ui/select-loading/select-loading.component */ 24718);
/* harmony import */ var _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/ui/select-multiple/select-multiple.component */ 54245);


















function WidgetEditComponent_ng_container_3_ng_container_1_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, "Editar");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
}
function WidgetEditComponent_ng_container_3_ng_container_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, "Nuevo");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
}
function WidgetEditComponent_ng_container_3_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, "Visualizar");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
}
function WidgetEditComponent_ng_container_3_ng_container_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtextInterpolate1"]("'", ctx_r14.widget.Nombre, "'");
  }
}
function WidgetEditComponent_ng_container_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](1, WidgetEditComponent_ng_container_3_ng_container_1_Template, 2, 0, "ng-container", 3)(2, WidgetEditComponent_ng_container_3_ng_container_2_Template, 2, 0, "ng-container", 3)(3, WidgetEditComponent_ng_container_3_ng_container_3_Template, 2, 0, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](4, " Indicador ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](5, WidgetEditComponent_ng_container_3_ng_container_5_Template, 2, 1, "ng-container", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx_r0.widget.Id && !ctx_r0.esVisualizar);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", !ctx_r0.widget.Id && !ctx_r0.esVisualizar);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx_r0.widget.Id && ctx_r0.esVisualizar);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx_r0.widget.Id);
  }
}
function WidgetEditComponent_div_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Nombre correcto ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_div_14_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Nombre del indicador requerido ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_div_15_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Nombre del indicador no debe tener m\u00E1s de 100 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_div_20_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Descripci\u00F3n correcta ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_div_21_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Descripci\u00F3n del indicador no debe tener m\u00E1s de 200 caracteres ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_div_32_For_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const filtro_r16 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtextInterpolate"](filtro_r16.Caption);
  }
}
function WidgetEditComponent_div_32_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 26)(1, "p-panel", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeaterCreate"](2, WidgetEditComponent_div_32_For_3_Template, 2, 1, "span", 29, _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeaterTrackByIndex"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("toggleable", true)("collapsed", true);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeater"](ctx_r6.getFiltrosFuente());
  }
}
function WidgetEditComponent_ng_container_33_span_7_Template(rf, ctx) {
  if (rf & 1) {
    const _r24 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "span", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("click", function WidgetEditComponent_ng_container_33_span_7_Template_span_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrestoreView"](_r24);
      const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"](2);
      return _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵresetView"](ctx_r23.cargarVariables());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelement"](1, "i", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵstyleProp"]("cursor", "pointer");
  }
}
function WidgetEditComponent_ng_container_33_For_10_Conditional_4_Template(rf, ctx) {
  if (rf & 1) {
    const _r34 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "app-select-multiple", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("emitSelected", function WidgetEditComponent_ng_container_33_For_10_Conditional_4_Template_app_select_multiple_emitSelected_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrestoreView"](_r34);
      const configForm_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]().$implicit;
      return _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵresetView"](configForm_r25.controls.ColumnaId.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const configForm_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]().$implicit;
    const ctx_r30 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("selected", configForm_r25.controls.ColumnaId.value)("items", ctx_r30.colDisponibles);
  }
}
function WidgetEditComponent_ng_container_33_For_10_Conditional_5_option_3_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "option", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const item_r37 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("value", item_r37.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtextInterpolate1"](" ", item_r37.Caption, " ");
  }
}
function WidgetEditComponent_ng_container_33_For_10_Conditional_5_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "select", 42)(1, "option", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](2, "No Asignado");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](3, WidgetEditComponent_ng_container_33_For_10_Conditional_5_option_3_Template, 2, 2, "option", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r31 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("value", -1);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngForOf", ctx_r31.colDisponibles);
  }
}
function WidgetEditComponent_ng_container_33_For_10_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "form", 37)(1, "div", 38)(2, "label", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](4, WidgetEditComponent_ng_container_33_For_10_Conditional_4_Template, 1, 2, "app-select-multiple", 40)(5, WidgetEditComponent_ng_container_33_For_10_Conditional_5_Template, 4, 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
  }
  if (rf & 2) {
    const configForm_r25 = ctx.$implicit;
    const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("formGroup", configForm_r25);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtextInterpolate2"]("", configForm_r25.get("VisualVarNombre").value, " ", ctx_r22.variablesObligatorias(), "");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵconditional"](4, configForm_r25.get("Multiserie").value == "S" ? 4 : 5);
  }
}
function WidgetEditComponent_ng_container_33_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerStart"](0);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](1, "div", 30)(2, "div", 31)(3, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelement"](4, "i", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](5, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](6, " Configuraci\u00F3n de parametros de salida");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](7, WidgetEditComponent_ng_container_33_span_7_Template, 2, 2, "span", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](8, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeaterCreate"](9, WidgetEditComponent_ng_container_33_For_10_Template, 6, 4, "form", 45, _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeaterTrackByIndex"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()()();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementContainerEnd"]();
  }
  if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
    let tmp_0_0;
    let tmp_1_0;
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵstyleMap"]((tmp_0_0 = ctx_r7.getIcono(ctx_r7.formGroup.get("IdInfVisual").value)) == null ? null : tmp_0_0.style);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngClass", (tmp_1_0 = ctx_r7.getIcono(ctx_r7.formGroup.get("IdInfVisual").value)) == null ? null : tmp_1_0.icon);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", !ctx_r7.esVisualizar);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrepeater"](ctx_r7.configuraciones);
  }
}
function WidgetEditComponent_button_35_Template(rf, ctx) {
  if (rf & 1) {
    const _r39 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "button", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("click", function WidgetEditComponent_button_35_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrestoreView"](_r39);
      const ctx_r38 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵresetView"](ctx_r38.modal.dismiss());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Cancelar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_button_36_Template(rf, ctx) {
  if (rf & 1) {
    const _r41 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "button", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("click", function WidgetEditComponent_button_36_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrestoreView"](_r41);
      const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵresetView"](ctx_r40.modal.dismiss());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Aceptar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
}
function WidgetEditComponent_button_37_Template(rf, ctx) {
  if (rf & 1) {
    const _r43 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "button", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("click", function WidgetEditComponent_button_37_Template_button_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵrestoreView"](_r43);
      const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵresetView"](ctx_r42.save());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](1, " Guardar ");
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("disabled", ctx_r10.formGroup.invalid || ctx_r10.variablesIncompletas());
  }
}
/**
 *  SP Componente usado para insertar o editar un widget
 */
class WidgetEditComponent {
  constructor(modal, fb, fuenteDatosService, componentesVisualesService, vh, indicadoresService) {
    this.modal = modal;
    this.fb = fb;
    this.fuenteDatosService = fuenteDatosService;
    this.componentesVisualesService = componentesVisualesService;
    this.vh = vh;
    this.indicadoresService = indicadoresService;
    this.esVisualizar = false;
    this.fuenteDatos = [];
    this.componentesVisuales = [];
    this.formGroup = this.fb.group({
      Nombre: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.maxLength(100)])],
      IdInfVisual: [-1, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.min(0)])],
      Descripcion: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.maxLength(200)],
      IdInfOrigen: [-1, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.min(0)])],
      Configurable: ['']
    });
    this.colDisponibles = [];
    this.compVisuales = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.compVisuales;
  }
  ngOnInit() {
    // this.cargarFuenteDatos();
    // this.cargarCompVisuales();
    if (!this.widget) {
      this.widget = {
        Id: null,
        Nombre: '',
        Descripcion: '',
        InfOrigen: null,
        InfVisual: null,
        CreatedAt: null,
        UpdatedAt: null,
        Configurable: 'S',
        InfIndicadorVars: null
      };
    }
    this.cargarTodo();
    this.loadForm();
  }
  /**
   * SP Carga todas las fuentes de datos y componentes visuales y inicializa las variables
   */
  cargarTodo() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    let susc = (0,rxjs__WEBPACK_IMPORTED_MODULE_11__.forkJoin)({
      fuentesDatos: this.fuenteDatosService.fetch(datos),
      compVisuales: this.componentesVisualesService.fetch(datos)
    });
    susc.subscribe({
      next: value => {
        this.fuenteDatos = value.fuentesDatos.Data;
        if (this.widget.InfIndicadorVars?.length > 0 && this.widget.InfOrigen) {
          this.colDisponibles = this.fuenteDatos.find(f => f.Id == this.widget.InfOrigen.Id).InfOrigenCols;
        }
        this.componentesVisuales = value.compVisuales.Data;
      },
      complete: () => {
        this.inicializarVariables();
      }
    });
    susc.forEach(s => {
      s.compVisuales.unsubscribe;
      s.fuentesDatos.unsubscribe;
    });
  }
  /**
   * SP Carga las fuentes de datos
   */
  cargarFuenteDatos() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    let susc = this.fuenteDatosService.fetch(datos).subscribe(res => {
      this.fuenteDatos = res.Data;
      if (this.widget.InfIndicadorVars?.length > 0 && this.widget.InfOrigen) {
        this.colDisponibles = this.fuenteDatos.find(f => f.Id == this.widget.InfOrigen.Id).InfOrigenCols;
      }
    });
    susc.unsubscribe;
  }
  /**
   * SP Carga los componentes visuales
   */
  cargarCompVisuales() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    this.componentesVisualesService.fetch(datos).subscribe(res => {
      this.componentesVisuales = res.Data;
    });
  }
  /**
   * SP Carga el formulario con los datos del indicador
   */
  loadForm() {
    this.formGroup = this.fb.group({
      Nombre: [this.widget.Nombre, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.maxLength(100)])],
      Descripcion: [this.widget.Descripcion, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.maxLength(200)],
      IdInfVisual: [this.widget.InfVisual ? this.widget.InfVisual.Id : -1, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.min(0)])],
      IdInfOrigen: [this.widget.InfOrigen ? this.widget.InfOrigen.Id : -1, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.compose([_angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.required, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.Validators.min(0)])],
      Configurable: [this.widget.Configurable ? this.widget.Configurable : false]
    });
    // if(this.widget.Id && this.widget.InfIndicadorVars.length>0){
    //   this.configuraciones = this.widget.InfIndicadorVars.map((v) => this.fb.group({
    //       Id: [v.Id],
    //       VisualVarNombre: [v.InfVisualVar.Nombre],
    //       IdVisualVar: [v.InfVisualVar.Id],
    //       ColumnaId: [v.InfOrigenCol.Id]
    //   }))
    //}
    this.esVisualizar ? this.formGroup.disable() : this.formGroup.enable();
    this.vh.inicializar();
    this.vh.formGroup = this.formGroup;
  }
  /**
   * SP Inicializa las variables del formulario de configuraciones
   */
  inicializarVariables() {
    if (this.widget.InfVisual && this.widget.InfOrigen) {
      this.configuraciones = this.componentesVisuales.find(cv => cv.Id == this.formGroup.controls.IdInfVisual.value).InfVisualVars.map(v => {
        let valorYaSeteado;
        if (v.Multiserie == 'S') {
          valorYaSeteado = this.widget.InfIndicadorVars.filter(iv => iv.InfVisualVar.Id == v.Id);
        } else {
          valorYaSeteado = this.widget.InfIndicadorVars.find(iv => iv.InfVisualVar.Id == v.Id);
        }
        return this.fb.group({
          Id: [Array.isArray(valorYaSeteado) ? valorYaSeteado.length > 0 ? valorYaSeteado.map(el => el.Id) : null : valorYaSeteado ? valorYaSeteado.Id : null],
          VisualVarNombre: [v.Nombre],
          IdVisualVar: [v.Id],
          ColumnaId: [Array.isArray(valorYaSeteado) ? valorYaSeteado.length > 0 ? valorYaSeteado.map(el => el.InfOrigenCol.Id) : [] : valorYaSeteado ? valorYaSeteado.InfOrigenCol.Id : -1],
          Multiserie: v.Multiserie
        });
      });
      if (this.configuraciones.length > 0 && this.esVisualizar) {
        this.configuraciones.forEach(c => {
          c.disable();
        });
      }
    }
  }
  /**
   * SP Carga las variables de un componente visual o fuente de datos
   * @param $event
   * @param type
   */
  cargarVariables($event, type) {
    if (type == 'compVisual') {
      this.formGroup.controls.IdInfVisual.setValue($event);
    }
    if (type == 'fuenteDatos') {
      this.formGroup.controls.IdInfOrigen.setValue($event);
    }
    if (this.formGroup.controls.IdInfVisual.value != -1 && this.formGroup.controls.IdInfOrigen.value != -1) {
      this.colDisponibles = this.fuenteDatos.find(f => f.Id == this.formGroup.controls.IdInfOrigen.value).InfOrigenCols;
      this.configuraciones = this.componentesVisuales.find(cv => cv.Id == this.formGroup.controls.IdInfVisual.value).InfVisualVars.map(v => this.fb.group({
        Id: [null],
        VisualVarNombre: [v.Nombre],
        IdVisualVar: [v.Id],
        ColumnaId: [v.Multiserie == 'S' ? [] : -1],
        Multiserie: v.Multiserie
      }));
    }
  }
  /**
   * SP metodo auxiliar para saber si se dene mostrar la seccion de variables
   * @returns
   */
  condicionVariables() {
    return this.formGroup.controls.IdInfVisual.value != -1 && this.formGroup.controls.IdInfOrigen.value != -1;
  }
  /**
   * SP prepara el objeto del indicador para ser enviado a la api
   * @returns
   */
  prepararIndicador() {
    let indicador = {
      Nombre: this.formGroup.controls.Nombre.value,
      Descripcion: this.formGroup.controls.Descripcion.value,
      IdInfVisual: +this.formGroup.controls.IdInfVisual.value,
      IdInfOrigen: +this.formGroup.controls.IdInfOrigen.value,
      Configurable: this.formGroup.controls.Configurable.value ? 'S' : 'N',
      IdInfIndicadorRel: null,
      InfIndicadorVars: lodash__WEBPACK_IMPORTED_MODULE_0__.compact(lodash__WEBPACK_IMPORTED_MODULE_0__.flattenDeep(this.configuraciones.map(v => {
        let variables;
        if (v.get('Multiserie').value == 'S') {
          variables = v.get('ColumnaId').value.length <= 0 ? null : v.get('ColumnaId').value.map((c, i) => {
            const auxVar = {
              IdInfVisualVar: v.get('IdVisualVar').value,
              IdInfOrigenCol: c
            };
            if (this.widget.Id) {
              auxVar.IdInfIndicador = this.widget.Id;
            }
            if (v.get('Id').value) {
              auxVar.Id = +v.get('Id').value[i];
            }
            return auxVar;
          });
        } else {
          variables = {
            IdInfVisualVar: v.get('IdVisualVar').value,
            IdInfOrigenCol: +v.get('ColumnaId').value == -1 ? null : +v.get('ColumnaId').value
          };
          if (this.widget.Id) {
            variables.IdInfIndicador = this.widget.Id;
          }
          if (v.get('Id').value) {
            variables.Id = v.get('Id').value;
          }
        }
        return variables;
      }))).filter(v => v.IdInfOrigenCol != null)
    };
    if (this.widget.Id) {
      indicador.Id = this.widget.Id;
    }
    return indicador;
  }
  /**
   * SP Guarda un indicador
   */
  save() {
    if (this.widget.Id) {
      this.update(this.prepararIndicador());
    } else {
      this.create(this.prepararIndicador());
    }
  }
  /**
   * SP Actualiza un indicador
   * @param indicador
   */
  update(indicador) {
    let susc = this.indicadoresService.editar(indicador, indicador.Id).subscribe(res => {
      this.modal.close('update');
    });
  }
  /**
   * SP Crea un nuevo indicador
   * @param indicador
   */
  create(indicador) {
    let susc = this.indicadoresService.nuevo(indicador).subscribe(res => {
      this.modal.close('create');
    });
  }
  /**
   * SP Obtiene los filtros de la fuente de datos seleccionada
   * @returns
   */
  getFiltrosFuente() {
    return this.fuenteDatos.find(f => f.Id == this.formGroup.controls.IdInfOrigen.value)?.InfOrigenParams;
  }
  /**
   * SP Controla si el formulario de configuraciones tiene variables incompletas
   * @returns
   */
  variablesIncompletas() {
    if (this.formGroup.get('IdInfVisual').value == 5 || this.formGroup.get('IdInfVisual').value == 1 || this.formGroup.get('IdInfVisual').value == 8) {
      return false;
    }
    if (this.configuraciones && this.configuraciones.length > 0) {
      return this.configuraciones.some(v => {
        let condicion = v.get('Multiserie').value == 'S' ? v.get('ColumnaId').value.length <= 0 : v.get('ColumnaId').value == -1;
        if (condicion) {
          return true;
        }
      });
    }
  }
  /**
   * SP Controla si el formulario de configuraciones tiene variables incompletas
   * @returns
   */
  variablesIncompletasForm() {
    if (this.formGroup.get('IdInfVisual').value == 5 || this.formGroup.get('IdInfVisual').value == 1 || this.formGroup.get('IdInfVisual').value == 8) {
      return false;
    }
    if (this.configuraciones && this.configuraciones.length > 0) {
      return this.configuraciones.some(v => {
        let condicion = v.get('Multiserie').value == 'S' ? v.get('ColumnaId').value.length <= 0 : v.get('ColumnaId').value == -1;
        console.log(condicion, v.touched);
        if (condicion && v.touched) {
          return true;
        }
      });
    }
    return false;
  }
  /**
   * SP Obtiene el icono del componente visual
   * @param cv
   * @returns
   */
  getIcono(cv) {
    return this.compVisuales.find(item => item.id == cv);
  }
  /**
   * SP Controla si el componente visual seleccionado requiere variables obligatorias
   * @returns
   */
  variablesObligatorias() {
    return this.formGroup.get('IdInfVisual').value != 5 && this.formGroup.get('IdInfVisual').value != 1 && this.formGroup.get('IdInfVisual').value != 8 ? '*' : '';
  }
  static #_ = this.ɵfac = function WidgetEditComponent_Factory(t) {
    return new (t || WidgetEditComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_12__.NgbActiveModal), _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_3__.FuenteDatosService), _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_4__.ComponentesVisualesService), _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__.ViewHelperService), _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_5__.IndicadoresService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵdefineComponent"]({
    type: WidgetEditComponent,
    selectors: [["app-widget-edit"]],
    inputs: {
      widget: "widget",
      esVisualizar: "esVisualizar"
    },
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵProvidersFeature"]([src_app_core_services_viewHelper_service__WEBPACK_IMPORTED_MODULE_1__.ViewHelperService])],
    decls: 38,
    vars: 39,
    consts: [[1, "modal-content"], [1, "modal-header"], [1, "modal-title", "h4"], [4, "ngIf"], [1, "overlay", "overlay-block", "cursor-default", "modal-body", "modal-body-mobile", 2, "min-height", "200px"], [1, "d-flex", "flex-wrap", "justify-content-around"], [3, "ngClass"], ["action", "#", 1, "form", "form-label-right", 3, "formGroup"], [1, "form-group", "row"], [1, "col-12"], ["for", "Nombre", "campoObligatorio", "", 1, "col-form-label"], ["type", "text", "name", "Nombre", "id", "nombre", "formControlName", "Nombre", 1, "form-control"], ["class", "valid-feedback", 4, "ngIf"], ["class", "invalid-feedback animate__animated animate__shakeX", 4, "ngIf"], ["for", "Descripcion", 1, "col-form-label"], ["formControlName", "Descripcion", 1, "form-control"], [1, "col-12", "col-lg-6"], ["for", "Tipo", "campoObligatorio", "", 1, "col-form-label"], [3, "defaultValue", "defaultString", "defaultValueDis", "items", "valueSelected", "loading", "deshabilitado", "valueSelect"], ["class", "col-12 mt-2", 4, "ngIf"], [1, "modal-footer"], ["type", "button", "class", "btn btn-light btn-elevate me-2", 3, "click", 4, "ngIf"], ["type", "button", "class", "btn btn-success btn-elevate", 3, "click", 4, "ngIf"], ["type", "button", "class", "btn btn-success btn-elevate", 3, "disabled", "click", 4, "ngIf"], [1, "valid-feedback"], [1, "invalid-feedback", "animate__animated", "animate__shakeX"], [1, "col-12", "mt-2"], ["header", "Filtros disponibles", 3, "toggleable", "collapsed"], [1, "badge", "badge-pill", "rounded", "bg-secondary", "me-1"], ["class", "badge badge-pill rounded bg-secondary me-1"], [1, "col-12", "col-md-4"], [1, "card-config-variables", "shadow-lg"], [1, "text-center"], ["pTooltip", "Limpiar parametros", 3, "cursor", "click", 4, "ngIf"], [1, "row"], ["pTooltip", "Limpiar parametros", 3, "click"], [1, "mdi", "mdi-refresh", "font-size-22", "text-primary"], [1, "form", "form-label-right", "mt-2", "col-12", 3, "formGroup"], [1, "form-group"], [1, "col-form-label"], ["labelKey", "Caption", "valueKey", "Id", "placeholder", "No Asignado", 3, "selected", "items"], ["labelKey", "Caption", "valueKey", "Id", "placeholder", "No Asignado", 3, "selected", "items", "emitSelected"], ["formControlName", "ColumnaId", 1, "form-select"], [3, "value"], [3, "value", 4, "ngFor", "ngForOf"], ["class", "form form-label-right mt-2 col-12", 3, "formGroup"], ["type", "button", 1, "btn", "btn-light", "btn-elevate", "me-2", 3, "click"], ["type", "button", 1, "btn", "btn-success", "btn-elevate", 3, "click"], ["type", "button", 1, "btn", "btn-success", "btn-elevate", 3, "disabled", "click"]],
    template: function WidgetEditComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](3, WidgetEditComponent_ng_container_3_Template, 6, 4, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "form", 7)(8, "div", 8)(9, "div", 9)(10, "label", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](11, "Nombre");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelement"](12, "input", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](13, WidgetEditComponent_div_13_Template, 2, 0, "div", 12)(14, WidgetEditComponent_div_14_Template, 2, 0, "div", 13)(15, WidgetEditComponent_div_15_Template, 2, 0, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](16, "div", 9)(17, "label", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](18, "Descripci\u00F3n");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelement"](19, "textarea", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](20, WidgetEditComponent_div_20_Template, 2, 0, "div", 12)(21, WidgetEditComponent_div_21_Template, 2, 0, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](22, "div", 16)(23, "label", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](24, "Origen de los Datos");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](25, "select-loading", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("valueSelect", function WidgetEditComponent_Template_select_loading_valueSelect_25_listener($event) {
          return ctx.cargarVariables($event, "fuenteDatos");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵpipe"](26, "async");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](27, "div", 16)(28, "label", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtext"](29, "Gr\u00E1fico");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](30, "select-loading", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵlistener"]("valueSelect", function WidgetEditComponent_Template_select_loading_valueSelect_30_listener($event) {
          return ctx.cargarVariables($event, "compVisual");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵpipe"](31, "async");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](32, WidgetEditComponent_div_32_Template, 4, 2, "div", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](33, WidgetEditComponent_ng_container_33_Template, 11, 4, "ng-container", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementStart"](34, "div", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵtemplate"](35, WidgetEditComponent_button_35_Template, 2, 0, "button", 21)(36, WidgetEditComponent_button_36_Template, 2, 0, "button", 22)(37, WidgetEditComponent_button_37_Template, 2, 1, "button", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵelementEnd"]()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.widget);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngClass", ctx.condicionVariables() ? "col-12 col-md-7" : "col-12");
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("formGroup", ctx.formGroup);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("Nombre"))("is-invalid", ctx.vh.isControlInvalid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("required", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("maxlength", "Nombre"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵclassProp"]("is-valid", ctx.vh.isControlValid("Descripcion"))("is-invalid", ctx.vh.isControlInvalid("Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.vh.isControlValid("Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.vh.controlHasError("maxlength", "Descripcion"));
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("defaultValue", -1)("defaultString", "Seleccionar")("defaultValueDis", true)("items", ctx.fuenteDatos)("valueSelected", ctx.formGroup.controls.IdInfOrigen.value)("loading", _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵpipeBind1"](26, 35, ctx.fuenteDatosService.isLoading$))("deshabilitado", ctx.esVisualizar);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("defaultValue", -1)("defaultString", "Seleccionar")("defaultValueDis", true)("items", ctx.componentesVisuales)("valueSelected", ctx.formGroup.controls.IdInfVisual.value)("loading", _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵpipeBind1"](31, 37, ctx.componentesVisualesService.isLoading$))("deshabilitado", ctx.esVisualizar);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.formGroup.controls.IdInfOrigen.value != -1);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.formGroup.get("IdInfVisual").value != -1 && ctx.formGroup.get("IdInfOrigen").value != -1);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", !ctx.esVisualizar);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", ctx.esVisualizar);
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_9__["ɵɵproperty"]("ngIf", !ctx.esVisualizar);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_13__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_13__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_13__.NgIf, primeng_tooltip__WEBPACK_IMPORTED_MODULE_14__.Tooltip, _core_directives_campo_obligatorio_directive__WEBPACK_IMPORTED_MODULE_6__.CampoObligatorioDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_10__["ɵNgNoValidate"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_10__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.NgControlStatusGroup, primeng_panel__WEBPACK_IMPORTED_MODULE_15__.Panel, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_10__.FormControlName, _shared_ui_select_loading_select_loading_component__WEBPACK_IMPORTED_MODULE_7__.SelectLoadingComponent, _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_8__.SelectMultipleComponent, _angular_common__WEBPACK_IMPORTED_MODULE_13__.AsyncPipe],
    styles: [".card-config-variables[_ngcontent-%COMP%] {\n  background-color: var(--bs-light-600);\n  border-radius: 10px;\n  padding: 16px;\n}\n.card-config-variables[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  text-align: center;\n  font-size: 80px;\n  vertical-align: middle;\n}\n.card-config-variables[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  text-align: center;\n  font: size 1.5rem;\n  font-weight: bold;\n}\n\n  .back-z-index-1 {\n  z-index: 1057 !important;\n}\n\n .modal-z-index-1 {\n  z-index: 1058 !important;\n}"]
  });
}

/***/ }),

/***/ 5138:
/*!****************************************************************!*\
  !*** ./src/app/pages/estadistica/widgets/widgets.component.ts ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   WidgetsComponent: () => (/* binding */ WidgetsComponent)
/* harmony export */ });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @angular/forms */ 56223);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes */ 74506);
/* harmony import */ var src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-estadistica */ 24806);
/* harmony import */ var _widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./widget-edit/widget-edit.component */ 33689);
/* harmony import */ var src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/core/utils/permisos/permisos-estadistica */ 48214);
/* harmony import */ var src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/core/utils/metodos/metodos */ 38002);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var ngx_toastr__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ngx-toastr */ 2425);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/core/services/exportacion.service */ 18969);
/* harmony import */ var src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/services/stateful.service */ 689);
/* harmony import */ var src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/auth.service */ 90304);
/* harmony import */ var ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ngx-ui-tour-ng-bootstrap */ 58469);
/* harmony import */ var src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/estadisticas/indicadores.service */ 33799);
/* harmony import */ var src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! src/app/core/services/estadisticas/componentesVisuales.service */ 20510);
/* harmony import */ var src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/core/services/estadisticas/fuenteDatos.service */ 35651);
/* harmony import */ var primeng_accordion__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! primeng/accordion */ 65389);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var primeng_sidebar__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! primeng/sidebar */ 99246);
/* harmony import */ var _shared_widget_tour_tour_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../shared/widget/tour/tour.component */ 63481);
/* harmony import */ var _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../shared/ui/select-multiple/select-multiple.component */ 54245);
/* harmony import */ var _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../shared/ui/table2/table2.component */ 63033);
/* harmony import */ var _listado_cards_widget_listado_cards_widget_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./listado-cards-widget/listado-cards-widget.component */ 77782);


























function WidgetsComponent_ng_template_3_Template(rf, ctx) {}
function WidgetsComponent_div_4_ng_template_3_Template(rf, ctx) {}
function WidgetsComponent_div_4_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "div", 39)(1, "div", 40)(2, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](3, WidgetsComponent_div_4_ng_template_3_Template, 0, 0, "ng-template", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()()();
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
    const _r7 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵreference"](54);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("formGroup", ctx_r1.filterForm);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngTemplateOutlet", _r7);
  }
}
function WidgetsComponent_a_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "a", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_a_13_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r10);
      const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r9.nuevo());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](1, "span", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](2, "Nuevo Indicador");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](3, "i", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
  }
}
function WidgetsComponent_a_47_Template(rf, ctx) {
  if (rf & 1) {
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "a", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_a_47_Template_a_click_0_listener() {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r12);
      const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r11.borrarNombre());
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](1, "i", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
  }
}
function WidgetsComponent_Conditional_51_Template(rf, ctx) {
  if (rf & 1) {
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "app-listado-cards-widget", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("emitLazyLoad", function WidgetsComponent_Conditional_51_Template_app_listado_cards_widget_emitLazyLoad_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r14);
      const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r13.lazyLoadChange($event));
    })("emitAction", function WidgetsComponent_Conditional_51_Template_app_listado_cards_widget_emitAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r14);
      const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r15.acciones($event));
    })("emitOrderChange", function WidgetsComponent_Conditional_51_Template_app_listado_cards_widget_emitOrderChange_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r14);
      const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r16.lazyLoadChange($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("widgets", ctx_r4.widgets)("page", ctx_r4.page)("order", ctx_r4.order)("sentido", ctx_r4.sentido)("cantSearch", ctx_r4.cantSearch)("totalItems", ctx_r4.totalItems)("dropdownButtons", ctx_r4.dropdownButtons);
  }
}
function WidgetsComponent_Conditional_52_Template(rf, ctx) {
  if (rf & 1) {
    const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "app-table2", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("emitAction", function WidgetsComponent_Conditional_52_Template_app_table2_emitAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r18);
      const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r17.acciones($event));
    })("lazyLoad", function WidgetsComponent_Conditional_52_Template_app_table2_lazyLoad_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r18);
      const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r19.lazyLoadChange($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("columns", ctx_r5.widgetsHeader)("datos", ctx_r5.widgets)("page", ctx_r5.page)("order", ctx_r5.order)("sentido", ctx_r5.sentido)("cant_search", ctx_r5.cantSearch)("totalItems", ctx_r5.totalItems)("dropdownButtons", ctx_r5.dropdownButtons)("apiTable", true)("acciones", ctx_r5.permisosINDICADORES.modificar || ctx_r5.permisosINDICADORES.eliminar);
  }
}
const _forTrack0 = ($index, $item) => $item.Id;
function WidgetsComponent_ng_template_53_For_13_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "option", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const option_r21 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("value", option_r21.Id);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtextInterpolate"](option_r21.Nombre);
  }
}
const _c1 = () => [0];
function WidgetsComponent_ng_template_53_Template(rf, ctx) {
  if (rf & 1) {
    const _r27 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "div", 20)(1, "p-accordion", 49)(2, "p-accordionTab", 50)(3, "div")(4, "p", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](5, "Gr\u00E1fico");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](6, "app-select-multiple", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("emitSelected", function WidgetsComponent_ng_template_53_Template_app_select_multiple_emitSelected_6_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r27);
      const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r26.filterForm.controls.IdsCompVisuales.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](7, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](8, "div")(9, "p", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](10, "Configurable");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](11, "select", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrepeaterCreate"](12, WidgetsComponent_ng_template_53_For_13_Template, 2, 2, "option", 54, _forTrack0);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](14, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](15, "div")(16, "p", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](17, "Origen de los Datos");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](18, "app-select-multiple", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("emitSelected", function WidgetsComponent_ng_template_53_Template_app_select_multiple_emitSelected_18_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r27);
      const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r28.filterForm.controls.IdsFuenteDatos.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](19, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](20, "div")(21, "p", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](22, "Performance");
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](23, "app-select-multiple", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("emitSelected", function WidgetsComponent_ng_template_53_Template_app_select_multiple_emitSelected_23_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrestoreView"](_r27);
      const ctx_r29 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵresetView"](ctx_r29.filterForm.controls.IdsTipoFuente.setValue($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()()()()();
  }
  if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("formGroup", ctx_r6.filterForm);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("multiple", true)("activeIndex", _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵpureFunction0"](9, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("selected", ctx_r6.filterForm.controls.IdsCompVisuales.value)("items", ctx_r6.compVisuales);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵrepeater"](ctx_r6.todosOptions);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("selected", ctx_r6.filterForm.controls.IdsFuenteDatos.value)("items", ctx_r6.fuenteDatos);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("selected", ctx_r6.filterForm.controls.IdsTipoFuente.value)("items", ctx_r6.tipoFuenteOptions);
  }
}
class WidgetsComponent {
  constructor(fb, toast, modalService, alert, exportacion, sf, authService, tourService, cdr, indicadoresService, compVisualesService, fuenteDatosService) {
    this.fb = fb;
    this.toast = toast;
    this.modalService = modalService;
    this.alert = alert;
    this.exportacion = exportacion;
    this.sf = sf;
    this.authService = authService;
    this.tourService = tourService;
    this.cdr = cdr;
    this.indicadoresService = indicadoresService;
    this.compVisualesService = compVisualesService;
    this.fuenteDatosService = fuenteDatosService;
    this.MSJ_EXITO_INSERCION = 'Se insertó correctamente un indicador.';
    this.MSJ_EXITO_EDICION = 'Se modificó correctamente el indicador seleccionado.';
    this.MSJ_EXITO_ELIMINACION = 'Se eliminó correctamente el indicador seleccionada.';
    this.widgets = [];
    this.compVisuales = [];
    this.fuenteDatos = [];
    this.total = [];
    this.filtro = true;
    this.filtroMobile = false;
    this._unsubscribe = [];
    this.viewmode = 'card';
    //filtros
    /**
     * SP SINWEB-632 filtro de tipo de grafico
     */
    this.filterIdsCompVisuales = '';
    /**
     * SP SINWEB-632 indica si es configurable o estatico
     */
    this.filterConfigurable = '';
    /**
     * SP SINWEB-632 filtro de fuente de datos
     */
    this.filterIdsFuenteDatos = '';
    /**
     * SP SINWEB-632 filtro de tipo de widget on demand real time alto proceso
     */
    this.filterIdsTipoFuente = '';
    //paginacion
    this.cantSearch = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.CANT_SEARCH;
    this.pageOptions = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.PAGE_OPTIONS;
    this.order = 2;
    this.sentido = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.INIT_SENTIDO;
    this.totalItems = 0;
    this.widgetsHeader = [{
      Nombre: 'Nombre',
      Order: 2,
      Key: 'Nombre',
      WCol: '20%'
    }, {
      Nombre: 'Origen de los Datos',
      Order: 3,
      Key: 'InfOrigen.Nombre',
      WCol: '20%',
      Disabled: false
    }, {
      Nombre: 'Tipo de Origen',
      Type: 'badge',
      Color: '#79857c',
      Key: 'InfOrigen.InfTipo.Nombre',
      WCol: '10%',
      Disabled: false
    }, {
      Nombre: 'Gráfico',
      Order: 4,
      Type: 'dictionary',
      Diccionario: src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.COMP_VISUAL_DICTIONARY,
      Key: 'InfVisual.Id',
      WCol: '20%',
      Disabled: false
    }, {
      Nombre: 'Configurable',
      Type: 'checkbox',
      Key: 'Configurable',
      WCol: '10%',
      TrueValue: 'S',
      FalseValue: 'N',
      Disabled: false
    }, {
      Nombre: 'Descripción',
      Key: 'Descripcion',
      WCol: '30%',
      Disabled: false
    }];
    this.dropdownButtons = [{
      Title: 'Visualizar',
      Accion: 'ver'
    }, {
      Title: 'Editar',
      Accion: 'edit',
      fieldsActivate: ['Configurable'],
      activate: (values, action) => {
        if (values[0] == 'S') {
          return 'dropdown-item';
        } else {
          return 'dropdown-item disabled';
        }
      }
    }, {
      Title: 'Eliminar',
      Accion: 'delete',
      fieldsActivate: ['Id', 'Configurable'],
      activate: (values, action) => {
        if (values[0] >= 10000 && values[1] == 'S') {
          return 'dropdown-item';
        } else {
          return 'dropdown-item disabled';
        }
      }
    }];
    this.searchForm = this.fb.group({
      nombre: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_17__.Validators.maxLength(100)]
    });
    this.filterForm = this.fb.group({
      IdsCompVisuales: [[]],
      Configurable: [''],
      IdsFuenteDatos: [[]],
      IdsTipoFuente: ['']
    });
    this.tipoFuenteOptions = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.TipoFuenteOptions;
    this.todosOptions = src_app_core_utils_constantes_constantes_estadistica__WEBPACK_IMPORTED_MODULE_2__.TodosOptions;
    this.permisosINDICADORES = {
      insertar: false,
      editar: false,
      eliminar: false
    };
  }
  ngOnInit() {
    this.page = 1;
    this.previousPage = 1;
    this.inicializarSteps();
    this.cargarPermisos();
    this.cargarGraficos();
    this.cargarFuenteDatos();
    this.inicializarEstado();
    this.configuracionFilter();
    this.loadPage();
    this.controlarTour();
  }
  //SP SINWEB-694 permisos de indicadores
  cargarPermisos() {
    this.permisosINDICADORES = {
      insertar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_4__.PERMISO_INS_INDICADORES),
      editar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_4__.PERMISO_EDIT_INDICADORES),
      eliminar: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_estadistica__WEBPACK_IMPORTED_MODULE_4__.PERMISO_ELIM_INDICADORES)
    };
    this.dropdownButtons[0]['Show'] = this.permisosINDICADORES.editar;
    this.dropdownButtons[1]['Show'] = this.permisosINDICADORES.eliminar;
  }
  ngOnDestroy() {
    this._unsubscribe.forEach(sb => sb.unsubscribe());
  }
  /**
   * SP Inicializa el estado de los componentes que permite almacenar su estado
   */
  inicializarEstado() {
    this.sf.states = this.sf.pagenamesEST.WIDGET_STATES;
    //busqueda
    this.searchForm.controls.nombre.setValue(this.sf.getState(this.sf.states.WIDGET_S_NOMBRE));
    this.buscarNombre = this.sf.getState(this.sf.states.WIDGET_S_NOMBRE);
    //filtros
    this.filterIdsCompVisuales = this.sf.getState(this.sf.states.WIDGET_F_COMP_VISUAL_IDS);
    this.filterForm.controls.IdsCompVisuales.setValue(this.filterIdsCompVisuales == '' ? [] : this.filterIdsCompVisuales.split(',').map(Number));
    this.filterConfigurable = this.sf.getState(this.sf.states.WIDGET_F_CONFIGURABLE);
    this.filterForm.controls.Configurable.setValue(this.filterConfigurable);
    this.filterIdsFuenteDatos = this.sf.getState(this.sf.states.WIDGET_F_FUENTE_DATOS_IDS);
    this.filterForm.controls.IdsFuenteDatos.setValue(this.filterIdsFuenteDatos == '' ? [] : this.filterIdsFuenteDatos.split(',').map(Number));
    this.filterIdsTipoFuente = this.sf.getState(this.sf.states.WIDGET_F_TIPO_FUENTE_IDS);
    this.filterForm.controls.IdsTipoFuente.setValue(this.filterIdsTipoFuente == '' ? [] : this.filterIdsTipoFuente.split(',').map(Number));
    //listado
    this.page = Number(this.sf.getState(this.sf.states.WIDGET_L_PAGE));
    this.cantSearch = Number(this.sf.getState(this.sf.states.WIDGET_L_PAGESIZE));
    this.order = Number(this.sf.getState(this.sf.states.WIDGET_L_ORDER));
    this.sentido = this.sf.getState(this.sf.states.WIDGET_L_SENTIDO);
    this.viewmode = this.sf.getState(this.sf.states.WIDGET_F_VIEWMODE);
  }
  /**
   * Método para escuchar a los cambios en el formulario de filtros
   */
  configuracionFilter() {
    this._unsubscribe.push(this.filterForm.controls.IdsCompVisuales.valueChanges.subscribe(IdsCompVisuales => {
      if (this.filtro || this.filtroMobile) {
        this.filterIdsCompVisuales = IdsCompVisuales.join(',');
        this.page = 1;
        this.loadPage();
      }
    }));
    this._unsubscribe.push(this.filterForm.controls.Configurable.valueChanges.subscribe(Configurable => {
      if (this.filtro || this.filtroMobile) {
        this.filterConfigurable = Configurable;
        this.page = 1;
        this.loadPage();
      }
    }));
    this._unsubscribe.push(this.filterForm.controls.IdsFuenteDatos.valueChanges.subscribe(IdsInfOrigen => {
      if (this.filtro || this.filtroMobile) {
        this.filterIdsFuenteDatos = IdsInfOrigen.join(',');
        this.page = 1;
        this.loadPage();
      }
    }));
    this._unsubscribe.push(this.filterForm.controls.IdsTipoFuente.valueChanges.subscribe(IdsTipoFuenteDatos => {
      if (this.filtro || this.filtroMobile) {
        this.filterIdsTipoFuente = IdsTipoFuenteDatos.join(',');
        this.page = 1;
        this.loadPage();
      }
    }));
  }
  /**
   * Método para limpiar los filtros
   */
  cleanStates() {
    this.sf.cleanAllStates();
    this.resetComp();
  }
  /**
   * SP SINWEB-632 metodo llamado pro clean estate que reinicia los estados y filtros
   */
  resetComp() {
    this._unsubscribe.forEach(sub => {
      sub.unsubscribe();
    });
    this.page = 1;
    this.previousPage = 1;
    this.buscarNombre = '';
    this.cargarFuenteDatos();
    this.cargarGraficos();
    this.inicializarEstado();
    this.configuracionFilter();
    this.loadPage();
  }
  /**
   * SP SINWEB-632 get de fuente de datos //TODO
   */
  cargarFuenteDatos() {
    const datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    const susc = this.fuenteDatosService.fetch(datos).subscribe(res => {
      this.fuenteDatos = res.Data;
    });
    susc.unsubscribe;
  }
  /**
   * SP SINWEB-632 get de tipo de graficos //TODO
   * */
  cargarGraficos() {
    let datos = {
      PageNumber: -1,
      Order: 2,
      SentidoOrden: 'asc'
    };
    this.compVisualesService.fetch(datos).subscribe(res => {
      this.compVisuales = res.Data;
    });
  }
  /**
   * Método para cargar los datos de la página
   */
  loadPage() {
    this.onSearch(this.cargarFiltros(this.page, this.order, this.sentido));
  }
  /**
   * Metodo para manejo de paginacion y ordenamiento
   * @param $event
   */
  lazyLoadChange($event) {
    this.page = $event.page;
    this.order = $event.order;
    this.cantSearch = $event.cant;
    this.sentido = $event.sentido;
    this.loadPage();
  }
  /**
   * Método que trae los widgets //TODO
   * @param {object} datos Datos de búsqueda
   */
  onSearch(datos) {
    ///object) {
    const susc = this.indicadoresService.fetch(datos).subscribe(data => {
      if (data.Data != undefined) {
        this.totalItems = data.TotalRecords;
        this.widgets = data.Data;
      }
    });
    susc.unsubscribe;
  }
  /**
   * Método que carga los filtros de búsqueda para realizar la petición
   * @param {any} page Página actual
   * @param {any} order Orden
   * @param {any} sentido Sentido (ascendente o descendente)
   * @returns {object} Datos de búsqueda
   */
  cargarFiltros(page, order, sentido) {
    let datos = {};
    //paginacion
    datos.PageNumber = page;
    datos.PageSize = this.cantSearch;
    //parametros de orden
    datos.Orden = order;
    datos.SentidoOrden = sentido;
    //busqueda
    if (this.buscarNombre != undefined && this.buscarNombre != '') {
      datos.Nombre = this.buscarNombre;
    }
    //filtros
    if (this.filterIdsCompVisuales != '') {
      datos.IdsInfVisual = this.filterIdsCompVisuales;
    }
    if (this.filterConfigurable != '') {
      datos.Configurable = this.filterConfigurable;
    }
    if (this.filterIdsFuenteDatos != '') {
      datos.IdsInfOrigen = this.filterIdsFuenteDatos;
    }
    if (this.filterIdsTipoFuente != '') {
      datos.IdsTipo = this.filterIdsTipoFuente;
    }
    //Almacenar el cambio de estado de los componentes
    if (datos.PageNumber != -1) {
      this.changeStates(datos);
    }
    return datos;
  }
  /**
   * Método que realiza el cambio de los estados segun los valores elegidos
   * @param {any} datos Datos de búsqueda
   */
  changeStates(datos) {
    //busqueda
    this.sf.changeState(this.sf.states.WIDGET_S_NOMBRE, !datos.Nombre ? this.sf.states.WIDGET_S_NOMBRE.default : datos.Nombre);
    //filtros
    this.sf.changeState(this.sf.states.WIDGET_F_COMP_VISUAL_IDS, !datos.IdsInfVisual ? this.sf.states.WIDGET_F_COMP_VISUAL_IDS.default : datos.IdsInfVisual);
    this.sf.changeState(this.sf.states.WIDGET_F_CONFIGURABLE, !datos.Configurable ? this.sf.states.WIDGET_F_CONFIGURABLE.default : datos.Configurable);
    this.sf.changeState(this.sf.states.WIDGET_F_FUENTE_DATOS_IDS, !datos.IdsInfOrigen ? this.sf.states.WIDGET_F_FUENTE_DATOS_IDS.default : datos.IdsInfOrigen);
    this.sf.changeState(this.sf.states.WIDGET_F_TIPO_FUENTE_IDS, !datos.IdsTipo ? this.sf.states.WIDGET_F_TIPO_FUENTE_IDS.default : datos.IdsTipo);
    //listado
    this.sf.changeState(this.sf.states.WIDGET_L_PAGE, datos.PageNumber);
    this.sf.changeState(this.sf.states.WIDGET_L_PAGESIZE, datos.PageSize);
    this.sf.changeState(this.sf.states.WIDGET_L_ORDER, datos.Orden);
    this.sf.changeState(this.sf.states.WIDGET_L_SENTIDO, datos.SentidoOrden);
  }
  /**
   * Método que abre el modal para crear un nuevo widget
   */
  nuevo() {
    //TODO
    const modalfRef = this.modalService.open(_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__.WidgetEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.getOptionsModal)('lg'));
    modalfRef.result.then(result => {
      this.alert.showBasicAlert(this.MSJ_EXITO_INSERCION, '', 'success');
      this.loadPage();
    });
  }
  /**
   * Método que abre el modal para editar un widget
   */
  editar(widget) {
    const modalfRef = this.modalService.open(_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__.WidgetEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.getOptionsModal)('lg'));
    modalfRef.componentInstance.widget = widget;
    modalfRef.result.then(result => {
      this.alert.showBasicAlert(this.MSJ_EXITO_EDICION, '', 'success');
      this.loadPage();
    });
  }
  /**
   * Método que abre el modal para eliminar unwidget
   */
  eliminar(widget) {
    this.alert.showReturnAlert('Eliminación de Indicador.', "¿Está seguro de eliminar el indicador: '" + widget.Nombre + "' ?", 'warning', 'Eliminar', 'Cancelar', true).then(result => {
      if (result.value) {
        this.eliminarWidget(widget.Id);
      }
    });
  }
  /**
   * Método para eliminar un widget
   * @param {number} id Identificador del widget
   */
  eliminarWidget(id) {
    const susc = this.indicadoresService.eliminar(id).subscribe(res => {
      this.alert.showBasicAlert(this.MSJ_EXITO_ELIMINACION, '', 'success');
      this.loadPage();
    });
    susc.unsubscribe;
  }
  /**
   * Método que abre el modal para visualizar un widget
   */
  visualizar(widget) {
    const modalfRef = this.modalService.open(_widget_edit_widget_edit_component__WEBPACK_IMPORTED_MODULE_3__.WidgetEditComponent, (0,src_app_core_utils_metodos_metodos__WEBPACK_IMPORTED_MODULE_5__.getOptionsModal)('lg'));
    modalfRef.componentInstance.widget = widget;
    modalfRef.componentInstance.esVisualizar = true;
    modalfRef.result.then(result => {});
  }
  /**
   * Método para activar acción
   * @param {any} event Evento con la acción a realizar
   */
  acciones(event) {
    switch (event.accion) {
      case 'edit':
        this.editar(event.registro);
        break;
      case 'delete':
        this.eliminar(event.registro);
        break;
      case 'ver':
        this.visualizar(event.registro);
        break;
      default:
        console.log(`La accion ${event.accion} no esta disponible`);
    }
  }
  /**
   * Método para exportar a Excel
   */
  exportTo(extension) {
    let datos = this.cargarFiltros(-1, this.order, this.sentido);
    delete datos.PageSize;
    const columns = ['Nombre', 'Origen de los Datos', 'Tipo Origen', 'Gráfico', 'Configurable', 'Descripción'];
    const keys = ['Nombre', 'InfOrigen.Nombre', 'InfOrigen.InfTipo.Nombre', 'InfVisual.Nombre', 'Configurable', 'Descripcion'];
    this.alert.showLoadingAlert('Exportando Indicadores', 'Generando archivo ' + extension + ', este proceso puede tardar unos minutos');
    //SP SINWEB-91 llamada al recurso correspondiente de la api
    this.indicadoresService.fetch(datos).subscribe(data => {
      this.alert.closeLoadingAlert();
      this.alert.showBasicAlert('Indicadores Exportados', 'Archivo ' + extension + ' generado', 'success');
      // MC SINWEB-378 Exportación a Pdf
      if (extension === 'Excel') {
        this.exportacion.exportToExcel(data.Data, columns, keys, 'Listado de Indocadores');
      } else {
        this.exportacion.exportToPdf(data.Data, columns, keys, 'Listado de Indicadores');
      }
    });
  }
  /**
   * SP Método get para obtener campo nroSerie
   * @returns {string} Número de serie
   */
  getNombre() {
    return this.searchForm.controls.nombre.value;
  }
  /**
   * SP Método para limpiar filtro
   */
  borrarNombre() {
    this.searchForm.get('nombre').reset('');
    this.page = 1;
    this.buscarNombre = '';
    this.loadPage();
  }
  buscarPorNombre() {
    this.page = 1;
    this.buscarNombre = this.getNombre();
    this.loadPage();
  }
  /**
   * SP control de filtro no reactivo
   */
  busquedaNombre() {
    return this.buscarNombre != undefined && this.buscarNombre != '';
  }
  /**
   * SP Método que inicia tour de la vista
   */
  iniciarTour() {
    this.tourService.start();
  }
  /**
   * SP Método para inicializar el objecto de pasos del tour
   */
  inicializarSteps() {
    //TODO
    //Traigo el json con los pasos del tour de widgets
    // fetch('./assets/tours/produccion/maquinas.json')
    // .then(response => response.json())
    // .then(tourWidgets => {
    //   this.tourSteps = tourWidgets
    //   this.tourService.initialize(this.tourSteps);
    // });
  }
  /**
   * SP Observable para realizar acciones durante los pasos
   */
  controlarTour() {
    //TODO
    // this._unsubscribe.push(
    //   this.tourService.stepHide$.subscribe(
    //   (step) => {
    //       if (step.step.anchorId == 'widgets.anchor.id'){
    //         this.filtro = true
    //       }
    //   }
    // ))
  }
  changeViewmode(mode) {
    this.viewmode = mode;
    this.sf.changeState(this.sf.states.WIDGET_F_VIEWMODE, mode);
    this.cdr.detectChanges();
  }
  isMobile() {
    return window.innerWidth <= 767;
  }
  static #_ = this.ɵfac = function WidgetsComponent_Factory(t) {
    return new (t || WidgetsComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormBuilder), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](ngx_toastr__WEBPACK_IMPORTED_MODULE_18__.ToastrService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_19__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_exportacion_service__WEBPACK_IMPORTED_MODULE_6__.ExportacionService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_7__.StatefulService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_auth_service__WEBPACK_IMPORTED_MODULE_8__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_20__.TourService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_16__.ChangeDetectorRef), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_indicadores_service__WEBPACK_IMPORTED_MODULE_9__.IndicadoresService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_componentesVisuales_service__WEBPACK_IMPORTED_MODULE_10__.ComponentesVisualesService), _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdirectiveInject"](src_app_core_services_estadisticas_fuenteDatos_service__WEBPACK_IMPORTED_MODULE_11__.FuenteDatosService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵdefineComponent"]({
    type: WidgetsComponent,
    selectors: [["app-widgets"]],
    features: [_angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵProvidersFeature"]([src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_0__.AlertCustomService])],
    decls: 56,
    vars: 18,
    consts: [[1, "row"], [1, "d-block", "d-lg-none", 3, "visible", "fullScreen", "visibleChange"], [1, "m-2"], [3, "ngTemplateOutlet"], ["class", "col-xxl-2 col-lg-3 d-none d-lg-block", 4, "ngIf"], [3, "ngClass"], [1, "card"], [1, "card-body", "border-bottom"], [1, "d-flex", "flex-column", "flex-sm-row", "gap-2", "align-items-center"], [1, "mb-0", "card-title", "flex-grow-1", "d-flex", "flex-row"], ["tourAnchor", "widgets.anchor.id", 1, "mb-1", "align-self-center"], [1, "flex-shrink-0", "d-flex", "gap-1"], ["tourAnchor", "newWidget.anchor.id", "class", "btn btn-primary", 3, "click", 4, "ngIf"], ["tourAnchor", "refresh.anchor.id", 1, "btn", "btn-light", 3, "click"], ["data-cy", "limpiar-filtros", "tourAnchor", "filtroReset.anchor.id", 3, "ngClass", "click"], ["ngbDropdown", "", 1, "dropdown", "d-inline-block"], ["tourAnchor", "export.anchor.id", "type", "menu", "id", "dropdownMenuButton1", "data-bs-toggle", "dropdown", "aria-expanded", "false", "ngbDropdownToggle", "", 1, "btn", "btn-success"], [1, "mdi", "mdi-dots-vertical"], ["aria-labelledby", "dropdownMenuButton1", "ngbDropdownMenu", "", 1, "dropdown-menu"], ["href", "javascript:void(0);", 1, "dropdown-item", 3, "click"], [3, "formGroup"], [1, "row", "g-3", "justify-content-center", "justify-content-lg-start"], [1, "col-auto", "d-none", "d-lg-block"], ["data-cy", "boton-filtro", 1, "btn", "btn-icon", "btn-soft-secondary", "w-100", 3, "click"], [1, "col-auto", "d-block", "d-lg-none"], ["data-cy", "boton-filtroMobile", 1, "btn", "btn-icon", "btn-soft-secondary", "w-100", 3, "click"], [1, "col-auto", "d-none", "d-md-block"], ["data-cy", "boton-vista-card", 1, "btn", "p-0", "pt-1", 3, "click"], ["data-cy", "boton-vista-tabla", 1, "btn", "p-0", "pt-1", 3, "click"], [2, "font-size", "26px", 3, "ngClass"], [1, "col-xxl-4", "col-lg-6"], ["tourAnchor", "search.anchor.id", 1, "input-group"], ["type", "text", "formControlName", "nombre", "placeholder", "Buscar por Nombre", "maxlength", "100", 1, "form-control", 3, "keyup.enter"], ["class", "btn btn-secondary", 3, "click", 4, "ngIf"], [1, "btn", "btn-primary", 3, "click"], [1, "bx", "bx-search-alt-2"], [1, "card-body"], [3, "widgets", "page", "order", "sentido", "cantSearch", "totalItems", "dropdownButtons"], ["FILTRO", ""], [1, "col-xxl-2", "col-lg-3", "d-none", "d-lg-block"], ["tourAnchor", "filtroWidget.anchor.id", 1, "card", 3, "formGroup"], [1, "card-body", "p-2"], ["tourAnchor", "newWidget.anchor.id", 1, "btn", "btn-primary", 3, "click"], [1, "d-none", "d-md-block"], [1, "d-block", "d-md-none", "mdi", "mdi-plus", "mdi-16"], [1, "btn", "btn-secondary", 3, "click"], [1, "bx", "bx-x"], [3, "widgets", "page", "order", "sentido", "cantSearch", "totalItems", "dropdownButtons", "emitLazyLoad", "emitAction", "emitOrderChange"], [3, "columns", "datos", "page", "order", "sentido", "cant_search", "totalItems", "dropdownButtons", "apiTable", "acciones", "emitAction", "lazyLoad"], [3, "multiple", "activeIndex"], ["header", "B\u00E1sicos"], [1, "text-muted"], ["labelKey", "Nombre", "valueKey", "Id", "placeholder", "Seleccionar", 3, "selected", "items", "emitSelected"], ["formControlName", "Configurable", 1, "form-select"], [3, "value"]],
    template: function WidgetsComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](0, "div", 0)(1, "p-sidebar", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("visibleChange", function WidgetsComponent_Template_p_sidebar_visibleChange_1_listener($event) {
          return ctx.filtroMobile = $event;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](3, WidgetsComponent_ng_template_3_Template, 0, 0, "ng-template", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](4, WidgetsComponent_div_4_Template, 4, 2, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](5, "div", 5)(6, "div", 6)(7, "div", 7)(8, "div", 8)(9, "span", 9)(10, "h5", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](11, " Indicadores ");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](12, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](13, WidgetsComponent_a_13_Template, 4, 0, "a", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](14, "a", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_14_listener() {
          return ctx.loadPage();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](15, "i", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵpipe"](16, "async");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](17, "a", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_17_listener() {
          return ctx.cleanStates();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](18, "i", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](19, "div", 15)(20, "button", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](21, "i", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](22, "ul", 18)(23, "li")(24, "a", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_24_listener() {
          return ctx.exportTo("Excel");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](25, "Exportar Excel");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](26, "li")(27, "a", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_27_listener() {
          return ctx.exportTo("Pdf");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtext"](28, "Exportar Pdf");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()()()()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](29, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementContainerStart"](30, 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](31, "div", 21)(32, "div", 22)(33, "a", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_33_listener() {
          return ctx.filtro = !ctx.filtro;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](34, "i", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](35, "div", 24)(36, "a", 25);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_36_listener() {
          return ctx.filtroMobile = !ctx.filtroMobile;
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](37, "i", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](38, "div", 26)(39, "a", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_39_listener() {
          return ctx.changeViewmode("card");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](40, "i", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](41, "div", 26)(42, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_42_listener() {
          return ctx.changeViewmode("table");
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](43, "i", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](44, "div", 30)(45, "div", 31)(46, "input", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("keyup.enter", function WidgetsComponent_Template_input_keyup_enter_46_listener() {
          return ctx.buscarPorNombre();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](47, WidgetsComponent_a_47_Template, 2, 0, "a", 33);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](48, "a", 34);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵlistener"]("click", function WidgetsComponent_Template_a_click_48_listener() {
          return ctx.buscarPorNombre();
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](49, "i", 35);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementContainerEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementStart"](50, "div", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](51, WidgetsComponent_Conditional_51_Template, 1, 7, "app-listado-cards-widget", 37)(52, WidgetsComponent_Conditional_52_Template, 1, 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelementEnd"]()()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplate"](53, WidgetsComponent_ng_template_53_Template, 24, 10, "ng-template", null, 38, _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵelement"](55, "app-tour");
      }
      if (rf & 2) {
        const _r7 = _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵreference"](54);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("visible", ctx.filtroMobile)("fullScreen", true);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngTemplateOutlet", _r7);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngIf", ctx.filtro);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", ctx.filtro ? "col-xxl-10 col-lg-9" : "col-lg-12");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngIf", ctx.permisosINDICADORES.insertar);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵpipeBind1"](16, 16, ctx.indicadoresService.isLoading$) ? "bx bx-sync bx-spin font-size-16 align-middle" : "bx bx-sync font-size-16 align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", ctx.sf.getCantCustomStates() > 0 ? "btn btn-danger" : "btn bg-danger bg-soft");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", "mdi mdi-filter-remove-outline mdi-16px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](12);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("formGroup", ctx.searchForm);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", !ctx.filtro ? "mdi mdi-filter-outline mdi-18px align-middle" : "mdi mdi-filter-off-outline mdi-18px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", !ctx.filtroMobile ? "mdi mdi-filter-outline mdi-18px align-middle" : "mdi mdi-filter-off-outline mdi-18px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", ctx.viewmode === "card" ? "mdi mdi-view-grid mdi-24px align-middle text-primary" : "mdi mdi-view-grid mdi-24px align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngClass", ctx.viewmode === "table" ? "mdi mdi-table align-middle text-primary" : "mdi mdi-table align-middle");
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵproperty"]("ngIf", ctx.busquedaNombre());
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_16__["ɵɵconditional"](51, ctx.viewmode == "card" || ctx.isMobile() ? 51 : 52);
      }
    },
    dependencies: [primeng_accordion__WEBPACK_IMPORTED_MODULE_21__.Accordion, primeng_accordion__WEBPACK_IMPORTED_MODULE_21__.AccordionTab, _angular_common__WEBPACK_IMPORTED_MODULE_22__.NgClass, _angular_common__WEBPACK_IMPORTED_MODULE_22__.NgIf, _angular_common__WEBPACK_IMPORTED_MODULE_22__.NgTemplateOutlet, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.NgSelectOption, _angular_forms__WEBPACK_IMPORTED_MODULE_17__["ɵNgSelectMultipleOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_17__.DefaultValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.SelectControlValueAccessor, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.NgControlStatusGroup, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.MaxLengthValidator, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_19__.NgbDropdown, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_19__.NgbDropdownToggle, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_19__.NgbDropdownMenu, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormGroupDirective, _angular_forms__WEBPACK_IMPORTED_MODULE_17__.FormControlName, primeng_sidebar__WEBPACK_IMPORTED_MODULE_23__.Sidebar, ngx_ui_tour_ng_bootstrap__WEBPACK_IMPORTED_MODULE_20__.TourAnchorNgBootstrapDirective, _shared_widget_tour_tour_component__WEBPACK_IMPORTED_MODULE_12__.TourComponent, _shared_ui_select_multiple_select_multiple_component__WEBPACK_IMPORTED_MODULE_13__.SelectMultipleComponent, _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_14__.Table2Component, _listado_cards_widget_listado_cards_widget_component__WEBPACK_IMPORTED_MODULE_15__.ListadoCardsWidgetComponent, _angular_common__WEBPACK_IMPORTED_MODULE_22__.AsyncPipe]
  });
}

/***/ })

}]);