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

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DesarrolloRoutingModule: () => (/* binding */ DesarrolloRoutingModule)
/* harmony export */ });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 75187);
/* harmony import */ var _inicio_desarrollo_inicio_desarrollo_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inicio-desarrollo/inicio-desarrollo.component */ 46797);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);




const routes = [{
  path: 'inicio',
  component: _inicio_desarrollo_inicio_desarrollo_component__WEBPACK_IMPORTED_MODULE_0__.InicioDesarrolloComponent
}];
class DesarrolloRoutingModule {
  static #_ = this.ɵfac = function DesarrolloRoutingModule_Factory(t) {
    return new (t || DesarrolloRoutingModule)();
  };
  static #_2 = this.ɵmod = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineNgModule"]({
    type: DesarrolloRoutingModule
  });
  static #_3 = this.ɵinj = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjector"]({
    imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule.forChild(routes), _angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule]
  });
}
(function () {
  (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsetNgModuleScope"](DesarrolloRoutingModule, {
    imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule],
    exports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__.RouterModule]
  });
})();

/***/ }),

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

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   DesarrolloModule: () => (/* binding */ DesarrolloModule)
/* harmony export */ });
/* harmony import */ var ngx_mask__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ngx-mask */ 43735);
/* harmony import */ var _inicio_desarrollo_inicio_desarrollo_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./inicio-desarrollo/inicio-desarrollo.component */ 46797);
/* harmony import */ var _desarrollo_routing_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./desarrollo-routing.module */ 57311);
/* harmony import */ var _test_grid_layout_test_grid_layout_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./test-grid-layout/test-grid-layout.component */ 59232);
/* harmony import */ var _test_table2_test_table2_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./test-table2/test-table2.component */ 71991);
/* harmony import */ var _test_dragula_test_dragula_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./test-dragula/test-dragula.component */ 66095);
/* harmony import */ var src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/shared/shared.module */ 56208);
/* harmony import */ var _estadistica_estadistica_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../estadistica/estadistica.module */ 42603);
/* harmony import */ var primeng_splitter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! primeng/splitter */ 55043);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/core */ 65879);











/**
 * PM  modulo de WEB
 */
class DesarrolloModule {
  static #_ = this.ɵfac = function DesarrolloModule_Factory(t) {
    return new (t || DesarrolloModule)();
  };
  static #_2 = this.ɵmod = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineNgModule"]({
    type: DesarrolloModule
  });
  static #_3 = this.ɵinj = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵdefineInjector"]({
    providers: [(0,ngx_mask__WEBPACK_IMPORTED_MODULE_8__.provideNgxMask)()],
    imports: [_desarrollo_routing_module__WEBPACK_IMPORTED_MODULE_1__.DesarrolloRoutingModule, src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_5__.SharedModule, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbNavModule, _estadistica_estadistica_module__WEBPACK_IMPORTED_MODULE_6__.EstadisticaModule, primeng_splitter__WEBPACK_IMPORTED_MODULE_10__.SplitterModule]
  });
}
(function () {
  (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_7__["ɵɵsetNgModuleScope"](DesarrolloModule, {
    declarations: [_inicio_desarrollo_inicio_desarrollo_component__WEBPACK_IMPORTED_MODULE_0__.InicioDesarrolloComponent, _test_grid_layout_test_grid_layout_component__WEBPACK_IMPORTED_MODULE_2__.TestGridLayoutComponent, _test_table2_test_table2_component__WEBPACK_IMPORTED_MODULE_3__.TestTable2Component, _test_dragula_test_dragula_component__WEBPACK_IMPORTED_MODULE_4__.TestDragulaComponent],
    imports: [_desarrollo_routing_module__WEBPACK_IMPORTED_MODULE_1__.DesarrolloRoutingModule, src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_5__.SharedModule, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_9__.NgbNavModule, _estadistica_estadistica_module__WEBPACK_IMPORTED_MODULE_6__.EstadisticaModule, primeng_splitter__WEBPACK_IMPORTED_MODULE_10__.SplitterModule]
  });
})();

/***/ }),

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

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

/**
 * SP componente para realizar pruebas
 */
class InicioDesarrolloComponent {
  static #_ = this.ɵfac = function InicioDesarrolloComponent_Factory(t) {
    return new (t || InicioDesarrolloComponent)();
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
    type: InicioDesarrolloComponent,
    selectors: [["app-inicio-desarrollo"]],
    decls: 2,
    vars: 0,
    template: function InicioDesarrolloComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1, "PANTALLA DESARROLLO WORKS");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
      }
    },
    styles: ["@charset \"UTF-8\";\n.container-facturacion[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr) 3fr;\n  grid-template-rows: 1fr;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n  height: 100vh;\n}\n\n.container-form[_ngcontent-%COMP%] {\n  grid-area: 1/1/2/3;\n  display: block;\n  padding: 10px;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  row-gap: 8px;\n  border-radius: 10px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.box-form[_ngcontent-%COMP%] {\n  min-height: 700px;\n  max-height: 700px;\n  background-color: var(--bs-primary-bg-subtle);\n  text-align: center;\n  align-self: center;\n}\n\n.container-selecciones[_ngcontent-%COMP%] {\n  grid-area: 1/1/2/3;\n  display: block;\n  border-radius: 10px;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.container-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  min-height: 700px;\n  max-height: 700px;\n}\n\n.container-selecciones-acciones[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: end;\n  padding: 8px;\n  gap: 8px;\n}\n\n.container-servicios[_ngcontent-%COMP%] {\n  grid-area: 1/1/2/2;\n  display: block;\n  padding: 10px;\n  min-height: 700px;\n  max-height: 700px;\n  row-gap: 8px;\n  border-radius: 10px;\n}\n\n.list-servicios[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr;\n  padding: 10px;\n  min-height: 600px;\n  max-height: 600px;\n  overflow-y: scroll;\n  row-gap: 8px;\n  border-radius: 10px;\n}\n\n.container-clientes[_ngcontent-%COMP%] {\n  grid-area: 1/2/2/2;\n  display: block;\n  padding: 10px;\n  min-height: 700px;\n  max-height: 700px;\n  row-gap: 8px;\n  border-radius: 10px;\n}\n\n.list-clientes[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr;\n  padding: 10px;\n  min-height: 600px;\n  max-height: 600px;\n  overflow-y: scroll;\n  row-gap: 8px;\n  border-radius: 10px;\n}\n\n.container-seleccionados[_ngcontent-%COMP%] {\n  grid-area: 1/3/2/4;\n  display: block;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  border-radius: 10px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.container-servicios-a-contratar[_ngcontent-%COMP%] {\n  display: block;\n  min-height: 700px;\n  max-height: 700px;\n  row-gap: 8px;\n  padding: 10px;\n  border-radius: 10px;\n}\n\n.list-servicios-a-contratar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr;\n  padding: 10px;\n  min-height: 600px;\n  max-height: 600px;\n  overflow-y: scroll;\n  row-gap: 8px;\n  border-radius: 10px;\n}\n\n.container-seleccionados-acciones[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: end;\n  padding: 8px;\n  gap: 8px;\n}\n\n.input-search[_ngcontent-%COMP%] {\n  margin-bottom: 8px;\n}\n\n.card-servicio[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: auto;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  align-self: center;\n  min-height: 100px;\n  border-radius: 10px;\n  cursor: pointer;\n}\n.card-servicio[_ngcontent-%COMP%]:hover {\n  background-color: --bs-secondary-bg-subtle;\n}\n\n.card-cliente[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: auto;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  text-align: center;\n  min-height: 100px;\n  border-radius: 10px;\n  align-self: center;\n  cursor: pointer;\n}\n.card-cliente[_ngcontent-%COMP%]:hover {\n  background-color: --bs-secondary-bg-subtle;\n}\n\n.card-select[_ngcontent-%COMP%] {\n  background-color: var(--bs-primary-bg-subtle);\n}\n\n.card-servicio-a-contratar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: auto;\n  margin-bottom: 8px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  text-align: center;\n  min-height: 100px;\n  border-radius: 10px;\n  align-self: center;\n  cursor: pointer;\n}\n.card-servicio-a-contratar[_ngcontent-%COMP%]:hover {\n  background-color: --bs-secondary-bg-subtle;\n}\n\n[_nghost-%COMP%]     .p-datatable-scrollable-footer {\n  position: sticky;\n  bottom: 0;\n  background: white; \n\n  z-index: 1;\n}\n\n.panel-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.custom-bg[_ngcontent-%COMP%] {\n  background-color: var(--bs-body-bg);\n}\n\n.tabs-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  position: relative;\n  background-color: var(--bs-primary-bg);\n}\n\n.tabs-wrapper[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-x: auto;\n  white-space: nowrap; \n\n  scroll-behavior: smooth; \n\n  cursor: grab; \n\n  -webkit-user-select: none;\n          user-select: none;\n  scrollbar-width: none; \n\n}\n\n.tabs-wrapper[_ngcontent-%COMP%]::-webkit-scrollbar {\n  display: none; \n\n}\n\n.tabs-wrapper[_ngcontent-%COMP%]:active {\n  cursor: grabbing; \n\n}\n\n.nav-tabs[_ngcontent-%COMP%] {\n  display: inline-flex; \n\n  gap: 0.5rem; \n\n}\n\n.scroll-button[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 10;\n  background: white;\n  border: none;\n  cursor: pointer;\n  padding: 0.5rem;\n  font-size: 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.scroll-button.scroll-left[_ngcontent-%COMP%] {\n  left: 0;\n}\n\n.scroll-button.scroll-right[_ngcontent-%COMP%] {\n  right: 0;\n}\n\n[_nghost-%COMP%]     .p-datatable-table > .p-datatable-thead > tr > th {\n  background-color: var(--bs-primary); \n\n  color: white !important; \n\n}\n\n[_nghost-%COMP%]     .bg-custom-color {\n  background-color: var(--bs-primary) !important; \n\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-header {\n  border-width: 1px 1px 0 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-footer {\n  border-width: 0 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-paginator-top {\n  border-width: 0 1px 0 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-paginator-bottom {\n  border-width: 0 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {\n  border-width: 1px 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n  font-size: 13px !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {\n  border-width: 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {\n  border-width: 1px 0 0 1px !important;\n  border-color: var(--bs-primary) !important;\n  font-size: 13px !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n  border-width: 1px 1px 0 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {\n  border-width: 1px 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {\n  border-width: 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {\n  border-width: 1px 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {\n  border-width: 1px 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {\n  border-width: 0 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {\n  border-width: 0 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {\n  border-width: 0 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {\n  border-width: 0 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {\n  border-width: 0 0 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n[_nghost-%COMP%]     .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {\n  border-width: 0 1px 1px 1px !important;\n  border-color: var(--bs-primary) !important;\n}\n\n.nav-link.active[_ngcontent-%COMP%] {\n  background-color: var(--bs-primary) !important;\n  color: var(--bs-white) !important;\n}\n\ninput[_ngcontent-%COMP%]:focus, button[_ngcontent-%COMP%]:focus, select[_ngcontent-%COMP%]:focus {\n  outline: none;\n  box-shadow: 0 0 5px var(--bs-primary);\n}\n\ninput[type=date][_ngcontent-%COMP%]:focus-within {\n  outline: none;\n  box-shadow: 0 0 5px var(--bs-primary);\n}"]
  });
}

/***/ }),

/***/ 66095:
/*!*************************************************************************!*\
  !*** ./src/app/pages/desarrollo/test-dragula/test-dragula.component.ts ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TestDragulaComponent: () => (/* binding */ TestDragulaComponent)
/* harmony export */ });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var ng2_dragula__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ng2-dragula */ 43256);


class TestDragulaComponent {
  constructor(dragulaService) {
    dragulaService.createGroup('EJORDEN', {
      removeOnSpill: false
    });
    dragulaService.createGroup('EJMOVER', {
      removeOnSpill: false
    });
    dragulaService.createGroup('EJELIMINAR', {
      removeOnSpill: true
    });
    dragulaService.createGroup('EJCOPIAR', {
      removeOnSpill: false,
      copy: (el, source) => {
        return source.id === 'left';
      },
      accepts: (el, target, source, sibling) => {
        // To avoid dragging from right to left container
        return target.id !== 'left';
      }
    });
  }
  ngOnInit() {
    /**
     * Fetches the data
     */
  }
  static #_ = this.ɵfac = function TestDragulaComponent_Factory(t) {
    return new (t || TestDragulaComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](ng2_dragula__WEBPACK_IMPORTED_MODULE_1__.DragulaService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({
    type: TestDragulaComponent,
    selectors: [["app-test-dragula"]],
    decls: 66,
    vars: 0,
    consts: [[1, "container-fluid"], [1, "row", "py-2"], ["dragula", "EJORDEN", 1, "col-6", "px-2", 2, "background-color", "aquamarine"], [1, "card", "bg-primary", "box"], [1, "card", "bg-secondary", "box"], [1, "card", "bg-info", "box"], [1, "card", "bg-danger", "box"], [1, "card", "bg-warning", "box"], [1, "card", "bg-success", "box"], ["dragula", "EJELIMINAR", 1, "col-6", "px-2", 2, "background-color", "rgb(229, 241, 117)"], [1, "row", "py-2", 2, "background-color", "rgb(241, 146, 117)"], ["dragula", "EJMOVER", 1, "col-6", "px-2"], [1, "row", "py-2", 2, "background-color", "rgb(230, 143, 238)"], ["dragula", "EJCOPIAR", "id", "left", 1, "col-6", "px-2"], ["dragula", "EJCOPIAR", "id", "right", 1, "col-6", "px-2"]],
    template: function TestDragulaComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4, "Ordenar");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](6, "1");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8, "2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10, "3");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](12, "4");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14, "5");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16, "6");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 9)(18, "h2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](19, "Eliminar");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21, "1");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](23, "2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](25, "3");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](27, "4");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](29, "5");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](30, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](31, "6");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "div", 10)(33, "h2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](34, "Mover");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](35, "div", 11)(36, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](37, "1");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](38, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](39, "2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](41, "3");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "div", 11)(43, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](44, "4");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](45, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](46, "5");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](47, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](48, "6");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](49, "div", 12)(50, "h2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](51, "Copiar");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](52, "div", 13)(53, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](54, "1");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](55, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](56, "2");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](57, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](58, "3");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](59, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](60, "4");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](61, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](62, "5");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](63, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](64, "6");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](65, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]()();
      }
    },
    dependencies: [ng2_dragula__WEBPACK_IMPORTED_MODULE_1__.DragulaDirective],
    styles: [".box[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: bold;\n  height: 100px;\n}"]
  });
}

/***/ }),

/***/ 59232:
/*!*********************************************************************************!*\
  !*** ./src/app/pages/desarrollo/test-grid-layout/test-grid-layout.component.ts ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TestGridLayoutComponent: () => (/* binding */ TestGridLayoutComponent)
/* harmony export */ });
/* harmony import */ var _katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @katoid/angular-grid-layout */ 21885);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs */ 63019);
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs */ 92438);
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ 83620);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common */ 96814);
/* harmony import */ var _utils_data__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/data */ 45851);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var ng2_charts__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ng2-charts */ 49538);









function TestGridLayoutComponent_ktd_grid_item_2_ng_template_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](0, "div", 6);
  }
}
function TestGridLayoutComponent_ktd_grid_item_2_Template(rf, ctx) {
  if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "ktd-grid-item", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "canvas", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](2, TestGridLayoutComponent_ktd_grid_item_2_ng_template_2_Template, 1, 0, "ng-template", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const item_r1 = ctx.$implicit;
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("id", item_r1.id)("resizable", true);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("datasets", ctx_r0.lineAreaChart.datasets)("labels", ctx_r0.lineAreaChart.labels)("options", ctx_r0.lineAreaChart.options)("type", "line");
  }
}
class TestGridLayoutComponent {
  _fetchData() {
    // Line Chart data
    this.lineAreaChart = _utils_data__WEBPACK_IMPORTED_MODULE_0__.lineAreaChart;
  }
  constructor(document, cd) {
    this.document = document;
    this.cd = cd;
    this.trackById = _katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__.ktdTrackById;
    this.cols = 12;
    this.rowHeight = 50;
    this.compactType = 'vertical';
    this.layout = [{
      id: '0',
      x: 0,
      y: 0,
      w: 4,
      h: 6,
      minW: 3,
      minH: 4,
      maxW: 8,
      maxH: 12
    }, {
      id: '1',
      x: 4,
      y: 0,
      w: 8,
      h: 6,
      minW: 3,
      minH: 4,
      maxW: 8,
      maxH: 12
    }, {
      id: '2',
      x: 0,
      y: 6,
      w: 4,
      h: 8,
      minW: 3,
      minH: 4,
      maxW: 8,
      maxH: 12
    }, {
      id: '3',
      x: 4,
      y: 8,
      w: 4,
      h: 4,
      minW: 3,
      minH: 4,
      maxW: 8,
      maxH: 12
    }, {
      id: '4',
      x: 8,
      y: 8,
      w: 4,
      h: 4,
      minW: 3,
      minH: 3,
      maxW: 8,
      maxH: 12
    }, {
      id: '5',
      x: 0,
      y: 0,
      w: 0,
      h: 0,
      minW: 0,
      minH: 6,
      maxW: 8,
      maxH: 12
    }];
    this.gridBackgroundConfig = {
      show: 'always',
      borderColor: 'rgba(255, 128, 0, 0.25)',
      gapColor: 'transparent',
      borderWidth: 1,
      rowColor: 'rgba(128, 128, 128, 0.10)',
      columnColor: 'rgba(128, 128, 128, 0.10)'
    };
    this.layoutSizes = {};
    // options
    this.legend = true;
    this.showLabels = true;
    this.animations = true;
  }
  ngOnInit() {
    this._fetchData();
    this.resizeSubscription = (0,rxjs__WEBPACK_IMPORTED_MODULE_3__.merge)((0,rxjs__WEBPACK_IMPORTED_MODULE_4__.fromEvent)(window, 'resize'), (0,rxjs__WEBPACK_IMPORTED_MODULE_4__.fromEvent)(window, 'orientationchange')).pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.debounceTime)(50)).subscribe(() => {
      this.grid.resize();
      this.calculateLayoutSizes();
    });
  }
  ngOnDestroy() {
    this.resizeSubscription.unsubscribe();
  }
  getView(gridItemId, grid) {
    const gridItemRenderData = grid.getItemRenderData(gridItemId);
    return [gridItemRenderData.width, gridItemRenderData.height];
  }
  onLayoutUpdated(layout) {
    this.layout = layout;
    this.calculateLayoutSizes();
  }
  labelFormatting(c) {
    return `${c.label} Population`;
  }
  onSelect(id, data) {
    console.log('Item clicked', JSON.parse(JSON.stringify(data)));
  }
  onActivate(id, data) {
    console.log('Activate', JSON.parse(JSON.stringify(data)));
  }
  onDeactivate(id, data) {
    console.log('Deactivate', JSON.parse(JSON.stringify(data)));
  }
  onGridItemResize(gridItemResizeEvent) {
    console.log('onGridItemResize', gridItemResizeEvent);
    this.layoutSizes[gridItemResizeEvent.gridItemRef.id] = [gridItemResizeEvent.width, gridItemResizeEvent.height];
    this.cd.detectChanges();
  }
  /**
   * Calculates and sets the property 'this.layoutSizes' with the [width, height] of every item.
   * This is needed to set manually the [width, height] for every grid item that is a chart.
   */
  calculateLayoutSizes() {
    const gridItemsRenderData = this.grid.getItemsRenderData();
    this.layoutSizes = Object.keys(gridItemsRenderData).reduce((acc, cur) => ({
      ...acc,
      [cur]: [gridItemsRenderData[cur].width, gridItemsRenderData[cur].height]
    }), {});
  }
  static #_ = this.ɵfac = function TestGridLayoutComponent_Factory(t) {
    return new (t || TestGridLayoutComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_common__WEBPACK_IMPORTED_MODULE_6__.DOCUMENT), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_1__.ChangeDetectorRef));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({
    type: TestGridLayoutComponent,
    selectors: [["app-test-grid-layout"]],
    viewQuery: function TestGridLayoutComponent_Query(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__.KtdGridComponent, 7);
      }
      if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.grid = _t.first);
      }
    },
    decls: 3,
    vars: 8,
    consts: [[1, "grid-container"], [3, "cols", "rowHeight", "layout", "scrollableParent", "compactType", "backgroundConfig", "layoutUpdated", "gridItemResize"], [3, "id", "resizable", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "id", "resizable"], ["baseChart", "", 2, "background-color", "#fff", 3, "datasets", "labels", "options", "type"], ["ktdGridItemPlaceholder", ""], [1, "bg-danger", "w-100", "h-100"]],
    template: function TestGridLayoutComponent_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 0)(1, "ktd-grid", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("layoutUpdated", function TestGridLayoutComponent_Template_ktd_grid_layoutUpdated_1_listener($event) {
          return ctx.onLayoutUpdated($event);
        })("gridItemResize", function TestGridLayoutComponent_Template_ktd_grid_gridItemResize_1_listener($event) {
          return ctx.onGridItemResize($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](2, TestGridLayoutComponent_ktd_grid_item_2_Template, 3, 6, "ktd-grid-item", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]()();
      }
      if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("cols", ctx.cols)("rowHeight", ctx.rowHeight)("layout", ctx.layout)("scrollableParent", ctx.document)("compactType", ctx.compactType)("backgroundConfig", ctx.gridBackgroundConfig);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngForOf", ctx.layout)("ngForTrackBy", ctx.trackById);
      }
    },
    dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_6__.NgForOf, _katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__.KtdGridComponent, _katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__.KtdGridItemComponent, _katoid_angular_grid_layout__WEBPACK_IMPORTED_MODULE_2__.KtdGridItemPlaceholder, ng2_charts__WEBPACK_IMPORTED_MODULE_7__.BaseChartDirective],
    styles: ["[_nghost-%COMP%] {\n  display: block;\n  width: 100%;\n  padding: 48px 32px;\n  box-sizing: border-box;\n}\n[_nghost-%COMP%]   .playground-container[_ngcontent-%COMP%] {\n  width: 100%;\n}\n[_nghost-%COMP%]   .controls-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-bottom: 16px;\n}\n[_nghost-%COMP%]   .controls-container[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n  margin: 8px 24px 8px 0;\n}\n[_nghost-%COMP%]   .grid-container[_ngcontent-%COMP%] {\n  padding: 4px;\n  box-sizing: border-box;\n  border: 1px solid var(--ktd-border-color);\n  background-color: var(--ktd-background-color);\n  border-radius: 2px;\n}\n[_nghost-%COMP%]   ktd-grid-item[_ngcontent-%COMP%] {\n  color: #121212;\n}\n[_nghost-%COMP%]   ktd-grid[_ngcontent-%COMP%] {\n  transition: height 500ms ease;\n}\n[_nghost-%COMP%]   ktd-grid[_ngcontent-%COMP%]   .custom-placeholder[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: medium;\n}\n[_nghost-%COMP%]   ktd-grid[_ngcontent-%COMP%]   .custom-placeholder-1[_ngcontent-%COMP%] {\n  background-color: blue;\n}\n[_nghost-%COMP%]   ktd-grid[_ngcontent-%COMP%]   .custom-placeholder-2[_ngcontent-%COMP%] {\n  background-color: green;\n}\n[_nghost-%COMP%]   ktd-grid[_ngcontent-%COMP%]   .custom-placeholder-3[_ngcontent-%COMP%] {\n  background-color: gold;\n}\n[_nghost-%COMP%]   .grid-item-content[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  background: #ccc;\n  border: 1px solid;\n  width: 100%;\n  height: 100%;\n  -webkit-user-select: none;\n          user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n[_nghost-%COMP%]   .grid-item-remove-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  top: 0;\n  right: 0;\n}\n[_nghost-%COMP%]   .grid-item-remove-handle[_ngcontent-%COMP%]::after {\n  content: \"x\";\n  color: #121212;\n  font-size: 16px;\n  font-weight: 300;\n  font-family: Arial, sans-serif;\n}\n[_nghost-%COMP%]   ktd-grid-item[_ngcontent-%COMP%] {\n  cursor: grab;\n}\n[_nghost-%COMP%]   ktd-grid-item.ktd-grid-item-dragging[_ngcontent-%COMP%] {\n  cursor: grabbing;\n}\n[_nghost-%COMP%]   mat-chip-list[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-chip[_ngcontent-%COMP%] {\n  pointer-events: none;\n  -webkit-user-select: none;\n          user-select: none;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 18px;\n  margin-left: 8px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 4px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   mat-select[_ngcontent-%COMP%] {\n  border: 1px solid var(--ktd-border-color);\n  padding: 0px 4px;\n  border-radius: 5px;\n  width: 106px;\n  line-height: 24px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  border: 1px solid var(--ktd-border-color);\n  border-radius: 5px;\n  line-height: 20px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 70px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 110px;\n}\n[_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%], [_nghost-%COMP%]   .grid-background-container[_ngcontent-%COMP%]   .grid-background[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  background: transparent;\n  color: inherit;\n}"]
  });
}

/***/ }),

/***/ 71991:
/*!***********************************************************************!*\
  !*** ./src/app/pages/desarrollo/test-table2/test-table2.component.ts ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   TestTable2Component: () => (/* binding */ TestTable2Component)
/* harmony export */ });
/* harmony import */ var _core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../core/utils/constantes/constantes-gen */ 14719);
/* 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_produccion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/core/utils/constantes/constantes-produccion */ 69259);
/* harmony import */ var src_app_core_utils_permisos_permisos_produccion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/core/utils/permisos/permisos-produccion */ 59896);
/* harmony import */ var src_app_pages_produccion_ordenes_produccion_ordenes_produccion_new_ordenes_produccion_new_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/pages/produccion/ordenes-produccion/ordenes-produccion-new/ordenes-produccion-new.component */ 89333);
/* harmony import */ var src_app_pages_produccion_ordenes_produccion_ordenes_produccion_proceso_ordenes_produccion_proceso_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/pages/produccion/ordenes-produccion/ordenes-produccion-proceso/ordenes-produccion-proceso.component */ 99377);
/* harmony import */ var _dashboards_core_seleccionar_articulo_seleccionar_articulo_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../dashboards/core/seleccionar-articulo/seleccionar-articulo.component */ 62656);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @angular/core */ 65879);
/* harmony import */ var src_app_core_services_core_articulo_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/core/services/core/articulo.service */ 44355);
/* harmony import */ var src_app_core_services_produccion_operacion_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/core/services/produccion/operacion.service */ 24826);
/* harmony import */ var src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/core/services/stateful.service */ 689);
/* harmony import */ var src_app_core_services_produccion_ordenProduccion_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! src/app/core/services/produccion/ordenProduccion.service */ 76939);
/* harmony import */ var _core_services_auth_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../core/services/auth.service */ 90304);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ 85406);
/* harmony import */ var src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/app/core/services/alertCustom.service */ 53206);
/* harmony import */ var _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../shared/ui/table2/table2.component */ 63033);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @angular/common */ 96814);

















const _c0 = () => ["FechaAlta", "PjeIVA", "Pesable"];
function TestTable2Component_ng_template_13_Template(rf, ctx) {
  if (rf & 1) {
    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "app-table2", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("lazyLoad", function TestTable2Component_ng_template_13_Template_app_table2_lazyLoad_0_listener($event) {
      _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.lazyLoadChange($event, "articulos"));
    })("selectRowsAction", function TestTable2Component_ng_template_13_Template_app_table2_selectRowsAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r6);
      const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r7.seleccionarRegistros($event, "back", "articulos"));
    })("rowEdited", function TestTable2Component_ng_template_13_Template_app_table2_rowEdited_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r6);
      const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r8.rowEditada($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipe"](1, "async");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("columns", ctx_r1.articulosHeader)("datos", ctx_r1.articulos)("page", ctx_r1.page)("order", 2)("cant_search", ctx_r1.cant_search)("totalItems", ctx_r1.totalRecords)("apiTable", true)("selectRows", true)("isLoading", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipeBind1"](1, 15, ctx_r1.articuloService.isLoading$))("selectedRows", ctx_r1.articuloSeleccionadosBack)("configColumns", true)("state", ctx_r1.stateInicio)("acciones", true)("rowsEdit", true)("rowsFields", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction0"](17, _c0));
  }
}
const _c1 = () => ["Nombre", "Descripcion", "TipoMaquina.Nombre"];
const _c2 = () => ["Preparacion", "Ejecucion", "Espera"];
function TestTable2Component_ng_template_19_Template(rf, ctx) {
  if (rf & 1) {
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "app-table2", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("changePage", function TestTable2Component_ng_template_19_Template_app_table2_changePage_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r10);
      const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r9.pageChange($event, "operaciones"));
    })("orderPage", function TestTable2Component_ng_template_19_Template_app_table2_orderPage_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r10);
      const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r11.orderChange($event, "operaciones"));
    })("selectRowsAction", function TestTable2Component_ng_template_19_Template_app_table2_selectRowsAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r10);
      const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r12.seleccionarRegistros($event, "front", "operaciones"));
    })("rowEdited", function TestTable2Component_ng_template_19_Template_app_table2_rowEdited_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r10);
      const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r13.rowEditada($event));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipe"](1, "async");
    _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"]("columns", ctx_r2.operacionesHeader)("datos", ctx_r2.operaciones)("page", ctx_r2.page)("order", "Nombre")("cant_search", ctx_r2.cant_search)("totalItems", ctx_r2.totalRecords)("apiTable", false)("isLoading", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipeBind1"](1, 13, ctx_r2.operacionService.isLoading$))("selectRows", true)("selectedRows", ctx_r2.operacionesSeleccionadosFront)("searchFields", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction0"](15, _c1))("rowsEdit", true)("rowsFields", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction0"](16, _c2));
  }
}
const _c3 = () => ["Numero", "Descripcion", "Rubro"];
function TestTable2Component_ng_template_25_Template(rf, ctx) {
  if (rf & 1) {
    const _r15 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "app-table2", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("emitAction", function TestTable2Component_ng_template_25_Template_app_table2_emitAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r15);
      const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r14.adaptAccionOrder($event));
    })("changePage", function TestTable2Component_ng_template_25_Template_app_table2_changePage_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r15);
      const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r16.pageChange($event, "ordenes"));
    })("orderPage", function TestTable2Component_ng_template_25_Template_app_table2_orderPage_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r15);
      const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r17.orderChange($event, "ordenes"));
    })("selectRowsAction", function TestTable2Component_ng_template_25_Template_app_table2_selectRowsAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r15);
      const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r18.seleccionarRegistros($event, "front", "ordenes"));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipe"](1, "async");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("columns", ctx_r3.ordenesHeader)("datos", ctx_r3.prdOrdenes)("page", ctx_r3.page)("order", "Numero")("cant_search", ctx_r3.cant_search)("totalItems", ctx_r3.totalRecords)("expandRows", true)("expandColumns", ctx_r3.prdExpandColumns)("acciones", true)("dropdownButtons", ctx_r3.dropdownActions)("apiTable", false)("isLoading", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipeBind1"](1, 15, ctx_r3.prdService.isLoading$))("selectRows", true)("selectedRows", ctx_r3.prdSeleccionadosExpandFront)("searchFields", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpureFunction0"](17, _c3));
  }
}
function TestTable2Component_ng_template_31_Template(rf, ctx) {
  if (rf & 1) {
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "app-table2", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("emitAction", function TestTable2Component_ng_template_31_Template_app_table2_emitAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r20);
      const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r19.adaptAccionOrder($event));
    })("lazyLoad", function TestTable2Component_ng_template_31_Template_app_table2_lazyLoad_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r20);
      const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r21.lazyLoadChange($event, "ordenes"));
    })("selectRowsAction", function TestTable2Component_ng_template_31_Template_app_table2_selectRowsAction_0_listener($event) {
      _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵrestoreView"](_r20);
      const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
      return _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵresetView"](ctx_r22.seleccionarRegistros($event, "back", "ordenes"));
    });
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipe"](1, "async");
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
  }
  if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("columns", ctx_r4.ordenesHeader)("datos", ctx_r4.prdOrdenes)("page", ctx_r4.page)("order", 1)("cant_search", ctx_r4.cant_search)("totalItems", ctx_r4.totalRecords)("apiTable", true)("selectRows", true)("expandRows", true)("expandColumns", ctx_r4.prdExpandColumns)("acciones", true)("dropdownButtons", ctx_r4.dropdownActions)("isLoading", _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵpipeBind1"](1, 14, ctx_r4.prdService.isLoading$))("selectedRows", ctx_r4.prdSeleccionadosExpandBack);
  }
}
class TestTable2Component {
  constructor(articuloService, operacionService, sf, prdService, authService, modalService, alert) {
    this.articuloService = articuloService;
    this.operacionService = operacionService;
    this.sf = sf;
    this.prdService = prdService;
    this.authService = authService;
    this.modalService = modalService;
    this.alert = alert;
    //MENSAJES
    this.MSJ_EXITO_INSERCION = 'Se insertó correctamente una orden de producción.';
    this.MSJ_EXITO_EDICION = 'Se modificó correctamente la orden de producción seleccionada.';
    this.MSJ_EXITO_MOVMATPRIMA = 'Se realizó correctamente el movimiento de materia prima.';
    this.MSJ_ERROR_CANTPRODUCCION = 'No se permite finalizar una orden con artículos en el proceso de producción.';
    this.MSJ_ERROR_CANTTERCERIZADA = 'No se permite finalizar una orden con artículos tercerizados.';
    this.MSJ_ERROR_CANTMATPRIMA = 'No se permite finalizar una orden con materia prima pendiente de procesar.';
    //PAGINATION
    this.apiPagination = true;
    this.page = 1;
    this.order = 'Codigo';
    this.cant_search = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.CANT_SEARCH;
    this.sentido = src_app_core_utils_constantes_constantes__WEBPACK_IMPORTED_MODULE_1__.INIT_SENTIDO;
    this.totalRecords = 0;
    this.navPage = 1;
    //SP SINWEB VARIABLES PARA ELEMENTOS SELECCIONADOS
    this.operacionesSeleccionadosFront = [];
    this.articuloSeleccionadosBack = [];
    this.prdSeleccionadosExpandBack = [];
    this.prdSeleccionadosExpandFront = [];
    this.operaciones = [];
    this.prdOrdenes = [];
    this.articulos = [];
    this.seleccionado = 1972;
    this.seleccionados = [1972];
    this.busqueda = 'beld';
    //permisos
    this.permisosOPN = {
      VisOPN: false,
      VisMPOPN: false
    };
    this.operacionesHeader = [{
      Nombre: 'Nombre',
      Order: 1,
      Key: 'Nombre',
      WCol: '10%'
    }, {
      Nombre: 'Descripción',
      Key: 'Descripcion',
      WCol: '40%'
    }, {
      Nombre: 'Tipo de Máquina',
      Order: 2,
      Key: 'TipoMaquina.Nombre',
      EditMask: 'Dd:Hh:m0:s0',
      WCol: '20%'
    }, {
      Nombre: 'Preparación',
      Key: 'Preparacion',
      Type: 'time',
      WCol: '10%'
    }, {
      Nombre: 'Ejecución',
      Key: 'Ejecucion',
      Type: 'time',
      WCol: '10%'
    }, {
      Nombre: 'Espera',
      Key: 'Espera',
      Type: 'time',
      WCol: '10%'
    }];
    //SP SINWEB OBJETO PARA ARMAR COLUMNAS DE LAs TABLAS DE ARTICULOS
    this.articulosHeader = [{
      Nombre: 'Código',
      Order: 2,
      Key: 'Codigo',
      WCol: '15%',
      MaskEdit: '000000',
      Disabled: false
    }, {
      Nombre: 'Nombre',
      Order: 3,
      Key: 'Nombre',
      WCol: '25%',
      Disabled: false
    }, {
      Nombre: 'Nombre Corto',
      Key: 'NombreCorto',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Marca',
      Order: 4,
      Key: 'Marca.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Unidad',
      Key: 'Unidad.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Rubro',
      Order: 5,
      Key: 'Rubro.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Proveedor',
      Key: 'Proveedor.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Pje. IVA',
      Key: 'PjeIVA',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Costo Neto',
      Key: 'PrecioCosto',
      Type: 'number',
      Pipe: 'number:1.2-5',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'CostoFinal',
      Key: 'PrecioCostoFinal',
      WCol: '15%',
      Type: 'number',
      Pipe: 'number:1.2-5',
      Disabled: false
    }, {
      Nombre: 'Precio Compra',
      Key: 'PrecioCompra',
      WCol: '15%',
      Type: 'number',
      Pipe: 'currency',
      Disabled: false
    }, {
      Nombre: 'P. Comp. Final',
      Type: 'formula',
      Data: {
        Formula: 'a % (b * a) - b',
        ArrayKeys: {
          a: 'PrecioCostoFinal',
          b: 'PrecioCompra'
        }
      },
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Coef. No Grav.',
      Key: 'CoeficienteNoGravado',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'No Gravado',
      Key: 'NoGravado',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Moneda',
      Key: 'Moneda.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Tipo de Artículo',
      Key: 'TipoArticulo.Nombre',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Fecha de Alta',
      Key: 'FechaAlta',
      WCol: '15%',
      Type: 'date',
      Pipe: 'date:fullDate:en',
      Disabled: false
    }, {
      Nombre: 'Fecha Act. P. Compra',
      Key: 'FechaUpdatePrecioCompra',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Fecha Act. P. Venta',
      Key: 'FechaUpdatePrecioVenta',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Pesable',
      Key: 'Pesable',
      Type: 'checkbox',
      TrueValue: 'S',
      FalseValue: 'N',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Cod. Fabricante',
      Key: 'CodigoFabricante',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Cant. por Unidad',
      Key: 'CantidadUnidad',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Unid. por Display',
      Key: 'CantidadDisplay',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Unid. por Bulto',
      Key: 'CantidadPaq',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Baja Lógica',
      Key: 'BajaLogica',
      Type: 'checkbox',
      TrueValue: 'S',
      FalseValue: 'N',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Fecha de Baja',
      Key: 'FechaBaja',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Discontinuado',
      Key: 'Discontinuo',
      Type: 'checkbox',
      TrueValue: 'S',
      FalseValue: 'N',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Suspendido',
      Type: 'diccionario',
      Diccionario: _core_utils_constantes_constantes_gen__WEBPACK_IMPORTED_MODULE_0__.DICCIONARIO_GEN_SUSPENDIDO_ESTADO,
      Key: 'Suspendido',
      WCol: '6%'
    }, {
      Nombre: 'Art. Producción',
      Key: 'EsProduccion',
      Type: 'checkbox',
      TrueValue: 'S',
      FalseValue: 'N',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Art. Combo',
      Type: 'checkbox',
      TrueValue: 'S',
      FalseValue: 'N',
      Key: 'EsCombo',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Fecha Discontinuado',
      Key: 'FechaDiscontinuo',
      WCol: '15%',
      Disabled: false
    }, {
      Nombre: 'Nombre Atributos',
      Key: 'Atributos',
      WCol: '25%',
      Type: 'list',
      ArrayList: [{
        Type: 'badge',
        Class: 'col-sm-2'
      }, {
        Key: 'Nombre',
        Class: 'col-sm-10'
      }],
      Disabled: false
    }, {
      Nombre: 'Valores Atributos',
      Key: 'Atributos',
      WCol: '25%',
      Type: 'list',
      ArrayList: [{
        Type: 'badge',
        Class: 'col-sm-2'
      }, {
        Type: 'list',
        Key: 'Valores',
        Class: 'col-sm-10'
      }],
      Disabled: false
    }, {
      Nombre: 'Descripción',
      Key: 'Descripcion',
      WCol: '40%',
      Disabled: false
    }];
    //SP SINWEB VARIABLES PARA PROBAR ACCIONES
    this.OPER_VISUALIZAR = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_VISUALIZAR;
    this.OPER_CARGAR = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_CARGAR;
    this.OPER_ASIGNAR = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_ASIGNAR;
    this.OPER_TERCERIZAR = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_TERCERIZAR;
    this.OPER_HISTORIAL = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_HISTORIAL;
    this.ABIERTA = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_ABIERTA;
    this.CONFIRMADA = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_CONFIRMADA;
    this.PROCESO = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_PROCESO;
    this.ESPERA = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_ESPERA;
    this.CERRADA = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_CERRADA;
    this.ANULADA = src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ESTADO_ORDEN_ANULADA;
    //SP SINWEB OBJETO PARA ARMAR COLUMNAS DE LAS TABLAS DE ORDENES
    this.ordenesHeader = [{
      Nombre: 'Número',
      Order: 1,
      Key: 'Numero',
      WCol: '10%'
    }, {
      Nombre: 'Descripción',
      Key: 'Descripcion',
      WCol: '15%'
    }, {
      Nombre: 'Estado',
      Order: 19,
      Type: 'badge',
      ColorKey: 'EstadoOpn.Color',
      Key: 'EstadoOpn.Nombre',
      WCol: '10%'
    }, {
      Nombre: 'Fecha Solicitud',
      Order: 3,
      Key: 'FechaSolicitud',
      WCol: '10%'
    }, {
      Nombre: 'Fecha Estimada',
      Key: 'FechaEstimada',
      WCol: '10%'
    }, {
      Nombre: 'Responsable',
      Key: 'Responsable.Nombre',
      WCol: '10%'
    }, {
      Nombre: 'Artículo a Producir',
      WCol: '20%',
      Type: 'link-template',
      LinkNav: '/produccion/articulos-produccion/view/',
      LinkNavId: 'Articulos[0].Articulo.Id',
      Data: {
        Template: '(b) a ',
        ArrayKeys: {
          a: 'Articulos[0].Articulo.Nombre',
          b: 'Articulos[0].Articulo.Codigo'
        }
      }
    }, {
      Nombre: 'Rubro',
      WCol: '10%',
      Key: 'Articulos[0].Articulo.Rubro.Nombre'
    }, {
      Nombre: 'Cant. Term./Solic.(Fallida)',
      Type: 'template',
      Data: {
        Template: 'a / b (c)',
        ArrayKeys: {
          a: 'Articulos[0].CantidadTerminada',
          b: 'Articulos[0].CantidadSolicitada',
          c: 'Articulos[0].CantidadFallida'
        }
      },
      WCol: '5%'
    }, {
      Nombre: 'Procesos',
      Key: 'Articulos[0].Proceso',
      WCol: '25%',
      Type: 'listDropdowns',
      ArrayList: [{
        Key: 'Orden',
        Type: 'badge',
        Class: 'col-sm-2'
      }, {
        Key: 'PrdOperacion.Nombre',
        Class: 'col-sm-10'
      }],
      DropdownActions: [{
        Title: 'Visualizar',
        Accion: src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_VISUALIZAR,
        Todo: true
      }]
    }];
    //SP SINWEB OBJETO PARA ARMAR ACCIONES DE LA TABLA
    this.dropdownActions = [{
      Title: 'Visualizar',
      Accion: src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ORDEN_VISUALIZAR
    }];
    //SP OBJETO PARA ARMAR TABLAS EN NIVELES EXPANDIBLES DE LA TABLA
    this.prdExpandColumns = {
      FirstKey: 'Articulos[0].Componentes',
      FirstExpand: [{
        Nombre: 'Componente',
        Key: 'Articulo.Nombre',
        Order: true
      }, {
        Nombre: 'Unidad',
        Key: 'Unidad.Nombre',
        Order: true
      }, {
        Nombre: 'Cantidad Entregada',
        Key: 'CantidadEntregada',
        Type: 'number',
        Pipe: 'number:1.2-5',
        Order: true
      }, {
        Nombre: 'Cantidad Necesaria',
        Key: 'CantidadNecesaria',
        Type: 'number',
        Pipe: 'number:1.2-5',
        Order: true
      }, {
        Nombre: 'Cantidad Unitaria',
        Key: 'CantidadUnitaria',
        Type: 'number',
        Pipe: 'number:1.2-5',
        Order: true
      }],
      AccionesFirstKey: true,
      FirstKeyView: true,
      FirstKeyDelete: true,
      FirstKeyEdit: true,
      DropdownButtonsFirstKey: [{
        Title: 'Visualizar',
        Accion: src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ORDEN_VISUALIZAR
      }],
      SecondKey: 'Articulo.PrdOpnArticulos',
      SecondExpand: [{
        Nombre: 'Numero',
        Key: 'PrdOrdenProd.Numero',
        Order: true
      }, {
        Nombre: 'Nombre',
        Key: 'PrdOrdenProd.EstadoOpn.Nombre',
        Order: true
      }, {
        Nombre: 'Fecha Solicitud',
        Key: 'PrdOrdenProd.FechaSolicitud',
        Order: true
      }, {
        Nombre: 'Responsable',
        Key: 'PrdOrdenProd.Responsable.Nombre',
        Order: true
      }],
      AccionesSecondKey: true,
      SecondKeyView: true,
      SecondKeyDelete: true,
      SecondKeyEdit: true,
      DropdownButtonsSecondKey: [{
        Title: 'Visualizar',
        Accion: src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ORDEN_VISUALIZAR
      }]
    };
    this.articuloComp = _dashboards_core_seleccionar_articulo_seleccionar_articulo_component__WEBPACK_IMPORTED_MODULE_6__.SeleccionarArticuloComponent;
  }
  ngOnInit() {
    /**
     * SP SINWEB-298 carga del estado para obtener cookies de configuracion de la tabla
     */
    this.stateInicio = this.sf.pagenamesDEV.ART_DESARROLLO_STATES;
    /**
     * SP SINWEB aqui maneja los ordenes iniciales dependiendo de que tabla se trate
     */
    if (this.apiPagination) {
      this.order = this.navPage == 3 || this.navPage == 4 ? 1 : 2;
    } else {
      this.order = this.navPage == 3 || this.navPage == 4 ? 'Numero' : 'Nombre';
    }
    this.navPage == 3 || this.navPage == 4 ? this.cargarPrdComp(this.page, this.order, this.sentido) : this.navPage == 1 ? this.cargarArticulos(this.page, this.order, this.sentido) : this.cargarOperaciones(this.page, this.order, this.sentido);
  }
  /**
   * SP SINWEB carga de permisos para probar acciones de la tabla
   */
  cargarPermisos() {
    this.permisosOPN = {
      VisOPN: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_produccion__WEBPACK_IMPORTED_MODULE_3__.PERMISO_VIS_OPN),
      VisMPOPN: this.authService.hasPermiso(src_app_core_utils_permisos_permisos_produccion__WEBPACK_IMPORTED_MODULE_3__.PERMISO_VIS_MP_OPN)
    };
    this.permisosOPN.Dropdown = this.permisosOPN.VisOPN || this.permisosOPN.ModifOPN;
    //SP Carga de permisos para dropdown de tabla detallada
    this.dropdownActions[0]['Show'] = this.permisosOPN.VisOPN;
    this.dropdownActions[2]['Show'] = this.permisosOPN.VisMPOPN;
    //SP Carga de permisos para dropdown de procesos tabla detallada
    this.ordenesHeader[2]['DropdownActions'][0]['Show'] = true;
  }
  /**
   * SP SINWEB Carga de ordenes de produccion
   * @param page
   * @param order
   * @param sentido
   */
  cargarPrdComp(page, order, sentido) {
    let datos;
    if (this.apiPagination) {
      datos = {
        PageNumber: page,
        PageSize: this.cant_search,
        Orden: order,
        SentidoOrden: sentido,
        IncluirArticulosAProd: 'S'
      };
    } else {
      datos = {
        PageNumber: 1,
        Orden: 2,
        PageSize: 1000,
        IncluirArticulosAProd: 'S'
      };
    }
    this.sb = this.prdService.getComponentesOrdenes(datos).subscribe(data => {
      this.prdOrdenes = data.Data;
      this.totalRecords = this.apiPagination ? data.TotalRecords : this.prdOrdenes.length;
    });
    this.sb.unsubscribe;
  }
  /**
   * SP SINWEB Carga de articulos
   * @param page
   * @param order
   * @param sentido
   */
  cargarArticulos(page, order, sentido) {
    let datos;
    datos = {
      PageNumber: page,
      PageSize: this.cant_search,
      Orden: order,
      OrdenAscDesc: sentido
    };
    this.sb = this.articuloService.fetch(datos).subscribe(data => {
      //this.sb = this.operacionService.fetch(datos).subscribe((data)=>{
      this.articulos = data.Data;
      this.totalRecords = this.apiPagination ? data.TotalRecords : this.articulos.length;
    });
    this.sb.unsubscribe;
  }
  cargarOperaciones(page, order, sentido) {
    let datos;
    datos = {
      PageNumber: 1,
      Orden: 2,
      PageSize: 1000
    };
    this.sb = this.operacionService.fetch(datos).subscribe(data => {
      this.operaciones = data.Data;
      this.totalRecords = this.apiPagination ? data.TotalRecords : this.articulos.length;
    });
    this.sb.unsubscribe;
  }
  /**
   * SP SINWEB-241 METODO que cachea la emicion de cambio de pagina y select de cantidad de registros cuando la tabla esta en modo front
   **/
  pageChange($event, endpoint) {
    this.cant_search = $event.cant;
    this.page = $event.page;
  }
  /**
   * SP SINWEB-241 METODO que cachea la emicion de cambio de ordenamiento cuando la tabla esta en modo front.
   **/
  orderChange($event, endpoint) {
    this.order = $event.order;
    this.sentido = $event.sentido;
    this.page = 1;
  }
  /**
   * SP SINWEB-241 METODO que cachea la emicion de cambio de pagina ordenamiento y select de cantidad de registros cuando la tabla esta en modo back
   **/
  lazyLoadChange($event, endpoint) {
    this.page = $event.page;
    this.order = $event.order;
    this.cant_search = $event.cant;
    this.sentido = $event.sentido;
    endpoint == 'articulos' ? this.cargarArticulos(this.page, this.order, this.sentido) : this.cargarPrdComp(this.page, this.order, this.sentido);
  }
  /**
   * SP SINWEB metodo llamado al cambiar de tabla
   * @param $event
   */
  changeTable($event) {
    this.page = 1;
    this.sentido = 'Asc';
    this.cant_search = 10;
    if ($event.nextId == 1) {
      this.order = 2;
      this.apiPagination = true;
      this.cargarArticulos(this.page, this.order, this.sentido);
    }
    if ($event.nextId == 2) {
      this.apiPagination = false;
      this.order = this.apiPagination ? 2 : 'Nombre';
      this.cargarOperaciones(-1, this.order, this.sentido);
    }
    if ($event.nextId == 3) {
      this.order = 'Numero';
      this.apiPagination = false;
      this.cargarPrdComp(-1, this.order, this.sentido);
    }
    if ($event.nextId == 4) {
      this.order = 1;
      this.apiPagination = true;
      this.cargarPrdComp(this.page, this.order, this.sentido);
    }
  }
  /**
   * SP SINWEB-297 metodo para seleccionar registros
   * @param $event
   * @param table
   */
  seleccionarRegistros($event, table) {
    if ($event.selectTodos) {
      if (this.navPage == 4 || this.navPage == 3) {
        const sb = this.prdService.fetch({
          PageNumber: -1,
          Orden: typeof this.order == 'string' ? this.ordenesHeader.find(elem => elem.Key == this.order).Order : this.order,
          IncluirArticulosAProd: 'S'
        }).subscribe(data => {
          this.prdSeleccionadosExpandBack = data.Data;
        });
      } else {
        if (this.navPage == 1) {
          const sb = this.articuloService.fetch({
            PageNumber: -1,
            Orden: typeof this.order == 'string' ? this.articulosHeader.find(elem => elem.Key == this.order).Order : this.order
          }).subscribe(data => {
            if (table == 'back') {
              this.articuloSeleccionadosBack = data.Data;
            }
          });
        } else {
          const sb = this.operacionService.fetch({
            PageNumber: -1,
            Orden: typeof this.order == 'string' ? this.articulosHeader.find(elem => elem.Key == this.order).Order : this.order
          }).subscribe(data => {
            if (table == 'front') {
              this.operacionesSeleccionadosFront = data.Data;
            }
          });
        }
      }
    } else {
      if (this.navPage == 4 || this.navPage == 3) {
        if (table == 'back') {
          this.prdSeleccionadosExpandBack = $event.rows;
        }
        if (table == 'front') {
          this.prdSeleccionadosExpandFront = $event.rows;
        }
      } else {
        if (table == 'back') {
          this.articuloSeleccionadosBack = $event.rows;
        }
        if (table == 'front') {
          this.operacionesSeleccionadosFront = $event.rows;
        }
      }
    }
  }
  //SP SINWEB-198 metodos requeridos para probar acciones migrados de ordenes de produccion
  adaptAccionOrder(event) {
    this.accionOrder({
      accion: event.accion,
      registro: {
        orden: event.registro,
        proceso: event.elemento
      }
    });
  }
  /**
   * PM SINWEB-40 Método que según la acción se realizara un procedimiento determinado
   * @param {any} event Evento con la acción a realizar
   */
  accionOrder(event) {
    switch (event.accion) {
      case src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.ORDEN_VISUALIZAR:
        this.editar(event.registro.orden, false);
        break;
      case src_app_core_utils_constantes_constantes_produccion__WEBPACK_IMPORTED_MODULE_2__.OPER_VISUALIZAR:
        this.visualizarProceso(event.registro);
        break;
    }
  }
  /**
   * SP SINWEB accion para visualizar orden de produccion
   * @param orden
   * @param esEditar
   */
  editar(orden, esEditar) {
    const modalRef = this.modalService.open(src_app_pages_produccion_ordenes_produccion_ordenes_produccion_new_ordenes_produccion_new_component__WEBPACK_IMPORTED_MODULE_4__.OrdenesProduccionNewComponent, {
      size: 'xl',
      backdrop: 'static',
      keyboard: false,
      scrollable: true
    });
    modalRef.componentInstance.orden = orden;
    modalRef.componentInstance.modoVisualizar = !esEditar;
    modalRef.result.then(res => {
      this.cargarPrdComp(this.page, this.order, this.sentido);
      if (esEditar) {
        this.alert.showBasicAlert(this.MSJ_EXITO_EDICION, 'Número: ' + res, 'success');
      }
    }, () => {});
  }
  /**
   * SP SINWEB accion para visualizar proceso
   * @param registro
   */
  visualizarProceso(registro) {
    const modalRef = this.modalService.open(src_app_pages_produccion_ordenes_produccion_ordenes_produccion_proceso_ordenes_produccion_proceso_component__WEBPACK_IMPORTED_MODULE_5__.OrdenesProduccionProcesoComponent, {
      size: 'lg',
      backdropClass: 'back-z-index',
      windowClass: 'modal-z-index',
      scrollable: true,
      backdrop: 'static',
      keyboard: false
    });
    modalRef.componentInstance.proceso = registro.proceso;
    modalRef.componentInstance.nroOrden = registro.orden.Numero;
  }
  rowEditada($event) {
    console.log($event);
  }
  seleccionarResult($event) {
    this.seleccionados = $event.result;
    this.busqueda = $event.busqueda;
  }
  static #_ = this.ɵfac = function TestTable2Component_Factory(t) {
    return new (t || TestTable2Component)(_angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_core_articulo_service__WEBPACK_IMPORTED_MODULE_7__.ArticuloService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_produccion_operacion_service__WEBPACK_IMPORTED_MODULE_8__.OperacionService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_stateful_service__WEBPACK_IMPORTED_MODULE_9__.StatefulService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_produccion_ordenProduccion_service__WEBPACK_IMPORTED_MODULE_10__.OrdenProduccionService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](_core_services_auth_service__WEBPACK_IMPORTED_MODULE_11__.AuthService), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbModal), _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdirectiveInject"](src_app_core_services_alertCustom_service__WEBPACK_IMPORTED_MODULE_12__.AlertCustomService));
  };
  static #_2 = this.ɵcmp = /*@__PURE__*/_angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵdefineComponent"]({
    type: TestTable2Component,
    selectors: [["app-test-table2"]],
    decls: 34,
    vars: 6,
    consts: [[1, "row"], [1, "col-12"], [1, "card"], [1, "card-body"], ["data-cy", "config-menu", 1, "col-12"], ["ngbNav", "", "destroyOnHide", "true", 1, "nav-tabs", 3, "activeId", "navChange"], ["horizontalNav", "ngbNav"], [3, "ngbNavItem"], ["ngbNavLink", "", 1, "mb-2"], [1, "d-block"], [1, "bx", "bx-cog", "m-2"], ["ngbNavContent", ""], [1, "mb-2", 3, "ngbNavItem"], [1, "mt-2", 3, "ngbNavOutlet"], ["title", "Prueba Tabla Articulos", "styleTableClass", "p-datatable-gridlines", "stateConfig", "ART_DESARROLLO_F_CONFIG", 3, "columns", "datos", "page", "order", "cant_search", "totalItems", "apiTable", "selectRows", "isLoading", "selectedRows", "configColumns", "state", "acciones", "rowsEdit", "rowsFields", "lazyLoad", "selectRowsAction", "rowEdited"], ["title", "Prueba Tabla Operaciones", "styleTableClass", "p-datatable-gridlines", "searchMessage", "Buscar por Todo", 3, "columns", "datos", "page", "order", "cant_search", "totalItems", "apiTable", "isLoading", "selectRows", "selectedRows", "searchFields", "rowsEdit", "rowsFields", "changePage", "orderPage", "selectRowsAction", "rowEdited"], ["title", "Tabla expandida Ordenes front", "styleTableClass", "p-datatable-gridlines", "searchMessage", "Buscar por N\u00FAmero, Descripci\u00F3n, Rubro...", 3, "columns", "datos", "page", "order", "cant_search", "totalItems", "expandRows", "expandColumns", "acciones", "dropdownButtons", "apiTable", "isLoading", "selectRows", "selectedRows", "searchFields", "emitAction", "changePage", "orderPage", "selectRowsAction"], ["title", "Prueba Tabla Ordenes expandible back", "styleTableClass", "p-datatable-gridlines", 3, "columns", "datos", "page", "order", "cant_search", "totalItems", "apiTable", "selectRows", "expandRows", "expandColumns", "acciones", "dropdownButtons", "isLoading", "selectedRows", "emitAction", "lazyLoad", "selectRowsAction"]],
    template: function TestTable2Component_Template(rf, ctx) {
      if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 0)(5, "div", 4)(6, "ul", 5, 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵlistener"]("navChange", function TestTable2Component_Template_ul_navChange_6_listener($event) {
          return ctx.changeTable($event);
        });
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](8, "li", 7)(9, "a", 8)(10, "span", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](11, "i", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](12, "BACK");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](13, TestTable2Component_ng_template_13_Template, 2, 18, "ng-template", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](14, "li", 7)(15, "a", 8)(16, "span", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](17, "i", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](18, "FRONT");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](19, TestTable2Component_ng_template_19_Template, 2, 17, "ng-template", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](20, "li", 12)(21, "a", 8)(22, "span", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](23, "i", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](24, "EXPAND FRONT");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](25, TestTable2Component_ng_template_25_Template, 2, 18, "ng-template", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](26, "li", 12)(27, "a", 8)(28, "span", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](29, "i", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtext"](30, "EXPAND BACK");
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵtemplate"](31, TestTable2Component_ng_template_31_Template, 2, 16, "ng-template", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()();
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementStart"](32, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelement"](33, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵelementEnd"]()()()()()();
      }
      if (rf & 2) {
        const _r0 = _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵreference"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("activeId", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngbNavItem", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngbNavItem", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngbNavItem", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngbNavItem", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_14__["ɵɵproperty"]("ngbNavOutlet", _r0);
      }
    },
    dependencies: [_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavContent, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNav, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavItem, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavItemRole, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavLink, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavLinkBase, _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_15__.NgbNavOutlet, _shared_ui_table2_table2_component__WEBPACK_IMPORTED_MODULE_13__.Table2Component, _angular_common__WEBPACK_IMPORTED_MODULE_16__.AsyncPipe]
  });
}

/***/ }),

/***/ 45851:
/*!************************************************!*\
  !*** ./src/app/pages/desarrollo/utils/data.ts ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   donutChart: () => (/* binding */ donutChart),
/* harmony export */   lineAreaChart: () => (/* binding */ lineAreaChart),
/* harmony export */   lineBarChart: () => (/* binding */ lineBarChart),
/* harmony export */   pieChart: () => (/* binding */ pieChart),
/* harmony export */   polarChart: () => (/* binding */ polarChart),
/* harmony export */   radarChart: () => (/* binding */ radarChart)
/* harmony export */ });
const lineAreaChart = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October'],
  datasets: [{
    label: 'Sales Analytics',
    fill: true,
    lineTension: 0.5,
    backgroundColor: 'rgba(85, 110, 230, 0.2)',
    borderColor: '#556ee6',
    borderCapStyle: 'butt',
    borderDash: [],
    borderDashOffset: 0.0,
    borderJoinStyle: 'miter',
    pointBorderColor: '#556ee6',
    pointBackgroundColor: '#fff',
    pointBorderWidth: 1,
    pointHoverRadius: 5,
    pointHoverBackgroundColor: '#556ee6',
    pointHoverBorderColor: '#fff',
    pointHoverBorderWidth: 2,
    pointRadius: 1,
    pointHitRadius: 10,
    data: [65, 59, 80, 81, 56, 55, 40, 55, 30, 80]
  }, {
    label: 'Monthly Earnings',
    fill: true,
    lineTension: 0.5,
    backgroundColor: 'rgba(235, 239, 242, 0.2)',
    borderColor: '#ebeff2',
    borderCapStyle: 'butt',
    borderDash: [],
    borderDashOffset: 0.0,
    borderJoinStyle: 'miter',
    pointBorderColor: '#ebeff2',
    pointBackgroundColor: '#fff',
    pointBorderWidth: 1,
    pointHoverRadius: 5,
    pointHoverBackgroundColor: '#ebeff2',
    pointHoverBorderColor: '#eef0f2',
    pointHoverBorderWidth: 2,
    pointRadius: 1,
    pointHitRadius: 10,
    data: [80, 23, 56, 65, 23, 35, 85, 25, 92, 36]
  }],
  options: {
    defaultFontColor: '#722f72',
    backgroundColor: '#722f72',
    responsive: true,
    maintainAspectRatio: false,
    scales: {
      x: [{
        gridLines: {
          color: 'rgba(166, 176, 207, 0.1)'
        }
      }],
      y: [{
        ticks: {
          max: 100,
          min: 20,
          stepSize: 10
        },
        gridLines: {
          color: 'rgba(166, 176, 207, 0.1)'
        }
      }]
    }
  }
};
const lineBarChart = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [{
    label: 'Sales Analytics',
    backgroundColor: 'rgba(52, 195, 143, 0.8)',
    borderColor: 'rgba(52, 195, 143, 0.2)',
    borderWidth: 1,
    hoverBackgroundColor: 'rgba(52, 195, 143, 0.9)',
    hoverBorderColor: 'rgba(52, 195, 143, 0.9)',
    data: [65, 59, 81, 45, 56, 80, 50, 20],
    barThickness: 40
  }],
  options: {
    maintainAspectRatio: false,
    scales: {
      xAxes: [{
        gridLines: {
          color: 'rgba(166, 176, 207, 0.1)'
        }
      }],
      yAxes: [{
        gridLines: {
          color: 'rgba(166, 176, 207, 0.1)'
        }
      }]
    }
  }
};
const pieChart = {
  labels: ['Desktops', 'Tablets'],
  datasets: [{
    data: [300, 180],
    backgroundColor: ['#34c38f', '#ebeff2'],
    hoverBackgroundColor: ['#34c38f', '#ebeff2'],
    hoverBorderColor: '#fff'
  }],
  options: {
    maintainAspectRatio: false,
    legend: {
      position: 'top'
    }
  }
};
const donutChart = {
  labels: ['Desktops', 'Tablets'],
  datasets: [{
    data: [300, 210],
    backgroundColor: ['#556ee6', '#ebeff2'],
    hoverBackgroundColor: ['#556ee6', '#ebeff2'],
    hoverBorderColor: '#fff'
  }],
  options: {
    maintainAspectRatio: false,
    legend: {
      position: 'top'
    }
  }
};
const radarChart = {
  labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
  datasets: [{
    label: 'Desktops',
    backgroundColor: 'rgba(52, 195, 143, 0.2)',
    borderColor: '#34c38f',
    pointBackgroundColor: '#34c38f',
    pointBorderColor: '#fff',
    pointHoverBackgroundColor: '#fff',
    pointHoverBorderColor: '#34c38f',
    data: [65, 59, 90, 81, 56, 55, 40]
  }, {
    label: 'Tablets',
    backgroundColor: 'rgba(85, 110, 230, 0.2)',
    borderColor: '#556ee6',
    pointBackgroundColor: '#556ee6',
    pointBorderColor: '#fff',
    pointHoverBackgroundColor: '#fff',
    pointHoverBorderColor: '#556ee6',
    data: [28, 48, 40, 19, 96, 27, 100]
  }],
  options: {
    maintainAspectRatio: false,
    legend: {
      position: 'top'
    }
  }
};
const polarChart = {
  labels: ['Series 1', 'Series 2', 'Series 3', 'Series 4'],
  datasets: [{
    data: [11, 16, 7, 18],
    backgroundColor: ['#f46a6a', '#34c38f', '#f1b44c', '#556ee6'],
    label: 'My dataset',
    hoverBorderColor: '#fff'
  }],
  options: {
    responsive: true,
    legend: {
      position: 'top'
    }
  }
};


/***/ })

}]);