(self["webpackChunkingenium"] = self["webpackChunkingenium"] || []).push([["src_app_instrucciones-rapidez-mental_instrucciones-rapidez-mental_module_ts"],{

/***/ 7907:
/*!*********************************************************************************************!*\
  !*** ./src/app/instrucciones-rapidez-mental/instrucciones-rapidez-mental-routing.module.ts ***!
  \*********************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "InstruccionesRapidezMentalPageRoutingModule": () => (/* binding */ InstruccionesRapidezMentalPageRoutingModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ 9895);
/* harmony import */ var _instrucciones_rapidez_mental_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instrucciones-rapidez-mental.page */ 5561);




const routes = [
    {
        path: '',
        component: _instrucciones_rapidez_mental_page__WEBPACK_IMPORTED_MODULE_0__.InstruccionesRapidezMentalPage
    }
];
let InstruccionesRapidezMentalPageRoutingModule = class InstruccionesRapidezMentalPageRoutingModule {
};
InstruccionesRapidezMentalPageRoutingModule = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
        imports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule.forChild(routes)],
        exports: [_angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule],
    })
], InstruccionesRapidezMentalPageRoutingModule);



/***/ }),

/***/ 9600:
/*!*************************************************************************************!*\
  !*** ./src/app/instrucciones-rapidez-mental/instrucciones-rapidez-mental.module.ts ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "InstruccionesRapidezMentalPageModule": () => (/* binding */ InstruccionesRapidezMentalPageModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/common */ 8583);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/forms */ 3679);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ionic/angular */ 476);
/* harmony import */ var _instrucciones_rapidez_mental_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instrucciones-rapidez-mental-routing.module */ 7907);
/* harmony import */ var _instrucciones_rapidez_mental_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./instrucciones-rapidez-mental.page */ 5561);
/* harmony import */ var _camera_video_camera_video_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../camera-video/camera-video.module */ 4467);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ngx-translate/core */ 9790);
/* harmony import */ var _modal_figuras_modal_figuras_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal-figuras/modal-figuras.module */ 5436);
/* harmony import */ var _pipes_pipes_module__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../pipes/pipes.module */ 5503);











let InstruccionesRapidezMentalPageModule = class InstruccionesRapidezMentalPageModule {
};
InstruccionesRapidezMentalPageModule = (0,tslib__WEBPACK_IMPORTED_MODULE_5__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_6__.NgModule)({
        imports: [
            _angular_common__WEBPACK_IMPORTED_MODULE_7__.CommonModule,
            _angular_forms__WEBPACK_IMPORTED_MODULE_8__.FormsModule,
            _ionic_angular__WEBPACK_IMPORTED_MODULE_9__.IonicModule,
            _instrucciones_rapidez_mental_routing_module__WEBPACK_IMPORTED_MODULE_0__.InstruccionesRapidezMentalPageRoutingModule,
            _camera_video_camera_video_module__WEBPACK_IMPORTED_MODULE_2__.CameraVideoModule,
            _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__.TranslateModule,
            _modal_figuras_modal_figuras_module__WEBPACK_IMPORTED_MODULE_3__.ModalFigurasModule,
            _pipes_pipes_module__WEBPACK_IMPORTED_MODULE_4__.PipesModule
        ],
        declarations: [_instrucciones_rapidez_mental_page__WEBPACK_IMPORTED_MODULE_1__.InstruccionesRapidezMentalPage]
    })
], InstruccionesRapidezMentalPageModule);



/***/ }),

/***/ 5561:
/*!***********************************************************************************!*\
  !*** ./src/app/instrucciones-rapidez-mental/instrucciones-rapidez-mental.page.ts ***!
  \***********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "InstruccionesRapidezMentalPage": () => (/* binding */ InstruccionesRapidezMentalPage)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _raw_loader_instrucciones_rapidez_mental_page_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !raw-loader!./instrucciones-rapidez-mental.page.html */ 6833);
/* harmony import */ var _instrucciones_rapidez_mental_page_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./instrucciones-rapidez-mental.page.scss */ 4740);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 9895);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngx-translate/core */ 9790);






let InstruccionesRapidezMentalPage = class InstruccionesRapidezMentalPage {
    constructor(router, translateService) {
        this.router = router;
        this.translateService = translateService;
    }
    ngOnInit() {
        this.startTimer();
        const user = JSON.parse(localStorage.getItem('user'));
        this.level = user.level;
        this.ordenSelect = localStorage.getItem('order_rapidez_mental');
        if (user) {
            /* if(this.level == 1){
              this.orden = ['asc'];
              this.ordenSelect = this.orden[Math.floor(Math.random()*this.orden.length)];
            }
            if(this.level == 2){
              this.orden = ['desc'];
              this.ordenSelect = this.orden[Math.floor(Math.random()*this.orden.length)];
            }
            if(this.level == 3){
              this.orden = ['asc','desc'];
              this.ordenSelect = this.orden[Math.floor(Math.random()*this.orden.length)];
            } */
            if (this.ordenSelect === 'asc') {
                this.orderSelectText = 'ascendente';
                this.orderTranslated = this.translateService.instant('MENTAL_SPEED.ORDER.ASCENDING');
                this.imageSelect = 'assets/img/sort-down-solid.svg';
            }
            else {
                this.orderSelectText = 'descendente';
                this.orderTranslated = this.translateService.instant('MENTAL_SPEED.ORDER.DESCENDING');
                this.imageSelect = 'assets/img/sort-down-solid.svg';
            }
        }
        else {
            this.router.navigate(['/']);
            localStorage.clear();
        }
    }
    ngOnDestroy() {
        // Asegurarse de limpiar el temporizador cuando el componente se destruya
        clearTimeout(this.timer);
    }
    startTimer() {
        this.timer = setTimeout(() => {
            // Redirige solo si el componente aún está montado y el usuario no ha navegado manualmente
            this.router.navigate(['/rapidez-mental']);
        }, 10000); // 10 segundos
    }
    onContinue() {
        // Limpiar el temporizador para prevenir la redirección automática
        clearTimeout(this.timer);
        // Navegar manualmente
        this.router.navigate(['/rapidez-mental']);
    }
};
InstruccionesRapidezMentalPage.ctorParameters = () => [
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__.Router },
    { type: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__.TranslateService }
];
InstruccionesRapidezMentalPage = (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.Component)({
        selector: 'app-instrucciones-rapidez-mental',
        template: _raw_loader_instrucciones_rapidez_mental_page_html__WEBPACK_IMPORTED_MODULE_0__.default,
        styles: [_instrucciones_rapidez_mental_page_scss__WEBPACK_IMPORTED_MODULE_1__.default]
    })
], InstruccionesRapidezMentalPage);



/***/ }),

/***/ 5503:
/*!***************************************!*\
  !*** ./src/app/pipes/pipes.module.ts ***!
  \***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "PipesModule": () => (/* binding */ PipesModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ 8583);
/* harmony import */ var _safe_html_pipe__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./safe-html.pipe */ 1656);




let PipesModule = class PipesModule {
};
PipesModule = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.NgModule)({
        declarations: [
            _safe_html_pipe__WEBPACK_IMPORTED_MODULE_0__.SafeHtmlPipe
        ],
        imports: [
            _angular_common__WEBPACK_IMPORTED_MODULE_3__.CommonModule
        ],
        exports: [
            _safe_html_pipe__WEBPACK_IMPORTED_MODULE_0__.SafeHtmlPipe
        ]
    })
], PipesModule);



/***/ }),

/***/ 1656:
/*!*****************************************!*\
  !*** ./src/app/pipes/safe-html.pipe.ts ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "SafeHtmlPipe": () => (/* binding */ SafeHtmlPipe)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ 9075);



let SafeHtmlPipe = class SafeHtmlPipe {
    constructor(sanitizer) {
        this.sanitizer = sanitizer;
    }
    transform(value) {
        return this.sanitizer.bypassSecurityTrustHtml(value);
    }
};
SafeHtmlPipe.ctorParameters = () => [
    { type: _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__.DomSanitizer }
];
SafeHtmlPipe = (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Pipe)({
        name: 'safeHtml'
    })
], SafeHtmlPipe);



/***/ }),

/***/ 4740:
/*!*************************************************************************************!*\
  !*** ./src/app/instrucciones-rapidez-mental/instrucciones-rapidez-mental.page.scss ***!
  \*************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("ion-button.btn-close {\n  --padding-start: 0;\n  --padding-end: 0;\n  --background: transparent;\n  margin-left: auto;\n  --box-shadow: none;\n}\n\nion-title.title-logo {\n  font-size: 35px;\n  padding-left: 0;\n  cursor: pointer;\n  color: #fff;\n}\n\nion-col.col-header-btn-close {\n  text-align: right;\n}\n\n.ion-page {\n  background-color: #1D1F33;\n}\n\n.text-copiright {\n  color: #7A93AC;\n  font-weight: 400;\n  font-size: 14px !important;\n  padding-left: 0;\n}\n\n.col-footer-last {\n  text-align: right;\n}\n\n.text-col-footer-last a {\n  font-size: 14px;\n  text-decoration: none;\n  color: #7A93AC;\n}\n\n.text-col-footer-last span {\n  color: #7A93AC;\n  margin: 0 10px;\n}\n\n.ion-footer-custom1 {\n  padding: 10px 20px;\n}\n\nion-header ion-grid {\n  padding: 15px 30px;\n}\n\n.title1 {\n  font-size: 38px;\n  font-weight: 500;\n  line-height: 1;\n  margin-bottom: 20px;\n}\n\n.box-content-login {\n  width: 400px;\n  margin: auto;\n  text-align: center;\n}\n\n.input-custom ion-input {\n  --background: #D5D5D8;\n  --padding-bottom: 24px;\n  --padding-top: 24px;\n  --padding-end: 15px;\n  --padding-start: 15px;\n  --color: #1D1F35;\n  --placeholder-color: #1D1F35;\n  border: 1px solid #494979;\n  border-radius: 6px;\n  text-align: center;\n  color: #1D1F35;\n}\n\n.box-text-login p {\n  color: #BDBDBD;\n  font-size: 14px;\n}\n\n.box-text-login p a {\n  color: #BDBDBD;\n}\n\n.btn-design2 {\n  --background: #6FCF97;\n  --border-width: 1px;\n  --border-style: solid;\n  --border-radius: 6px;\n  --border-color: #494979;\n  --padding-bottom: 15px;\n  --padding-end: 40px;\n  --padding-start: 40px;\n  --padding-top: 15px;\n  height: auto;\n  --box-shadow: none;\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.btn-design2 img {\n  margin-right: 10px;\n}\n\n.box-content-login#email-login {\n  width: 460px;\n}\n\n.box-content-login#email-login .title1 {\n  width: 311px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.box-content-instrucciones {\n  position: relative;\n  padding-bottom: 50px;\n  margin-top: 0px;\n  transform: translateY(-50%);\n  top: 50%;\n}\n\n.box-text-proteccion-datos p span {\n  color: #fff;\n  font-weight: 600;\n}\n\n.box-proteccion-datos {\n  background: linear-gradient(90deg, rgba(34, 39, 61, 0.45) 0%, rgba(66, 81, 115, 0.45) 100%);\n  margin: auto;\n  padding: 30px 30px;\n  border-top: 5px solid #6FCF97;\n}\n\n.title-proteccion-datos {\n  margin-top: 0;\n  text-align: center;\n  font-size: 24px;\n  margin-bottom: 20px;\n}\n\n.box-bottom-proteccion-datos {\n  display: flex;\n  align-items: center;\n}\n\n.box-bottom-proteccion-datos .btn-design2 {\n  margin-left: auto;\n}\n\n.box-bottom-proteccion-datos .btn-design2 span {\n  padding-bottom: 3px;\n}\n\n.box-checkbox-custom1 {\n  --background: transparent;\n  --padding-start: 0;\n  --padding-end: 0;\n  --border-color: transparent;\n}\n\n.box-checkbox-custom1 ion-label {\n  font-weight: 700;\n  margin: 0;\n}\n\n.box-checkbox-custom1 ion-checkbox {\n  margin: 0;\n  margin-right: 15px;\n  --background: #fff;\n  --border-radius: 0;\n  width: 25px;\n  height: 25px;\n  --border-width: 1px;\n  --border-color: #E0E0E0;\n  --border-style: solid;\n  --background-checked: #6FCF97;\n  --border-color-checked: #6FCF97;\n  --size: 10px;\n}\n\n.title-out-box-proteccion-datos {\n  text-align: center;\n  font-size: 35px;\n  margin-bottom: 30px;\n  margin-top: 0;\n  color: #6FCF97;\n}\n\n.title-proteccion-datos {\n  font-weight: 400;\n  padding: 0 60px;\n  text-align: left;\n  margin-bottom: 46px;\n  color: #fff;\n  text-align: center;\n  margin-bottom: 0;\n  font-weight: 700;\n  opacity: 1;\n}\n\n.box-proteccion-datos {\n  padding: 60px 0 40px;\n}\n\n.box-text-proteccion-datos ul,\n.box-text-proteccion-datos p {\n  padding: 0;\n  list-style: none;\n  margin: 0;\n  font-size: 20px;\n  opacity: 0.6;\n}\n\n.box-text-proteccion-datos p {\n  padding: 13px 60px;\n  color: #fff;\n  text-align: center;\n}\n\n.box-text-proteccion-datos ul li {\n  border-top: 1px solid rgba(73, 73, 121, 0.35);\n  padding: 13px 60px;\n  color: #fff;\n}\n\n.box-bottom-proteccion-datos {\n  justify-content: center;\n}\n\n.box-bottom-proteccion-datos .btn-design2 {\n  margin-right: auto;\n}\n\n.box-text-proteccion-datos {\n  margin-bottom: 40px;\n}\n\n.box-profile-active img {\n  height: 105px;\n}\n\n.box-text-proteccion-datos b img {\n  width: 20px;\n  transform: translateY(15px) rotate(180deg);\n  filter: invert(1);\n  margin-left: 3px;\n}\n\n.box-text-proteccion-datos-descendente b img {\n  transform: translateY(3px) rotate(0deg);\n}\n\n@media screen and (max-height: 700px) {\n  .title-out-box-proteccion-datos {\n    font-size: 30px;\n    margin-bottom: 20px;\n  }\n\n  .box-proteccion-datos {\n    padding: 40px 0 35px;\n  }\n\n  .title-proteccion-datos {\n    font-size: 22px;\n    margin-bottom: 0px;\n  }\n\n  .box-text-proteccion-datos ul,\n.box-text-proteccion-datos p {\n    font-size: 20px;\n  }\n\n  .box-text-proteccion-datos {\n    margin-bottom: 30px;\n  }\n\n  .btn-design2 {\n    font-size: 18px;\n  }\n\n  .box-content-instrucciones {\n    margin-top: -50px;\n  }\n\n  .box-text-proteccion-datos ul li {\n    padding: 10px 60px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */");

/***/ }),

/***/ 6833:
/*!***************************************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/instrucciones-rapidez-mental/instrucciones-rapidez-mental.page.html ***!
  \***************************************************************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("<ion-header [translucent]=\"true\" class=\"ion-no-border\">\n  <ion-grid>\n    <ion-row>\n      <ion-col size=\"4\">\n        <ion-title class=\"title-logo\"  [routerLink]=\"['/']\">\n          <img src=\"assets/img/logo.png\" alt=\"{{ 'MENTAL_SPEED_GAME.ARIA_LABELS.LOGO' | translate }}\">\n        </ion-title>\n      </ion-col>\n      <ion-col size=\"8\" class=\"col-header-btn-close\">\n\n        <app-camera-video></app-camera-video>\n\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-header>\n\n<ion-content [fullscreen]=\"true\">\n  <div class=\"box-content-instrucciones\">\n    <h3 class=\"title-out-box-proteccion-datos\">{{ 'MENTAL_SPEED.TITLE' | translate }}</h3>\n    <div class=\"box-proteccion-datos\">\n      <h3 class=\"title-proteccion-datos\">{{ 'INSTRUCTIONS.TITLE' | translate }}</h3>\n      <div class=\"box-text-proteccion-datos box-text-proteccion-datos-{{ orderSelectText }}\">\n        <p [innerHTML]=\"'MENTAL_SPEED.INSTRUCTIONS' | translate:{order: orderTranslated} | safeHtml\"></p>\n      </div>\n      <div class=\"box-bottom-proteccion-datos\">\n        <ion-button class=\"btn-design2\" (click)=\"onContinue()\">\n          <span>{{ 'MENTAL_SPEED.START' | translate }}</span>\n        </ion-button>\n      </div>\n    </div>\n  </div>\n</ion-content>\n");

/***/ })

}]);
//# sourceMappingURL=src_app_instrucciones-rapidez-mental_instrucciones-rapidez-mental_module_ts.js.map