(self["webpackChunkingenium"] = self["webpackChunkingenium"] || []).push([["src_app_instrucciones-juego-palabras_instrucciones-juego-palabras_module_ts"],{

/***/ 3890:
/*!*********************************************************************************************!*\
  !*** ./src/app/instrucciones-juego-palabras/instrucciones-juego-palabras-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 */   "InstruccionesJuegoPalabrasPageRoutingModule": () => (/* binding */ InstruccionesJuegoPalabrasPageRoutingModule)
/* 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_juego_palabras_page__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instrucciones-juego-palabras.page */ 5099);




const routes = [
    {
        path: '',
        component: _instrucciones_juego_palabras_page__WEBPACK_IMPORTED_MODULE_0__.InstruccionesJuegoPalabrasPage
    }
];
let InstruccionesJuegoPalabrasPageRoutingModule = class InstruccionesJuegoPalabrasPageRoutingModule {
};
InstruccionesJuegoPalabrasPageRoutingModule = (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],
    })
], InstruccionesJuegoPalabrasPageRoutingModule);



/***/ }),

/***/ 1199:
/*!*************************************************************************************!*\
  !*** ./src/app/instrucciones-juego-palabras/instrucciones-juego-palabras.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 */   "InstruccionesJuegoPalabrasPageModule": () => (/* binding */ InstruccionesJuegoPalabrasPageModule)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common */ 8583);
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/forms */ 3679);
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ionic/angular */ 476);
/* harmony import */ var _instrucciones_juego_palabras_routing_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instrucciones-juego-palabras-routing.module */ 3890);
/* harmony import */ var _instrucciones_juego_palabras_page__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./instrucciones-juego-palabras.page */ 5099);
/* harmony import */ var _camera_video_camera_video_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../camera-video/camera-video.module */ 4467);
/* harmony import */ var _modal_figuras_modal_figuras_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal-figuras/modal-figuras.module */ 5436);
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ngx-translate/core */ 9790);










let InstruccionesJuegoPalabrasPageModule = class InstruccionesJuegoPalabrasPageModule {
};
InstruccionesJuegoPalabrasPageModule = (0,tslib__WEBPACK_IMPORTED_MODULE_4__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_5__.NgModule)({
        imports: [
            _angular_common__WEBPACK_IMPORTED_MODULE_6__.CommonModule,
            _angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormsModule,
            _ionic_angular__WEBPACK_IMPORTED_MODULE_8__.IonicModule,
            _instrucciones_juego_palabras_routing_module__WEBPACK_IMPORTED_MODULE_0__.InstruccionesJuegoPalabrasPageRoutingModule,
            _camera_video_camera_video_module__WEBPACK_IMPORTED_MODULE_2__.CameraVideoModule,
            _modal_figuras_modal_figuras_module__WEBPACK_IMPORTED_MODULE_3__.ModalFigurasModule,
            _ngx_translate_core__WEBPACK_IMPORTED_MODULE_9__.TranslateModule
        ],
        declarations: [_instrucciones_juego_palabras_page__WEBPACK_IMPORTED_MODULE_1__.InstruccionesJuegoPalabrasPage]
    })
], InstruccionesJuegoPalabrasPageModule);



/***/ }),

/***/ 5099:
/*!***********************************************************************************!*\
  !*** ./src/app/instrucciones-juego-palabras/instrucciones-juego-palabras.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 */   "InstruccionesJuegoPalabrasPage": () => (/* binding */ InstruccionesJuegoPalabrasPage)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 4762);
/* harmony import */ var _raw_loader_instrucciones_juego_palabras_page_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !raw-loader!./instrucciones-juego-palabras.page.html */ 4512);
/* harmony import */ var _instrucciones_juego_palabras_page_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./instrucciones-juego-palabras.page.scss */ 8102);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 7716);
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ 9895);





let InstruccionesJuegoPalabrasPage = class InstruccionesJuegoPalabrasPage {
    constructor(router) {
        this.router = router;
    }
    ngOnInit() {
        this.startTimer();
        let user = JSON.parse(localStorage.getItem('user'));
        this.letterSelected = localStorage.getItem("letter_selected");
        if (!user) {
            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(['/juego-palabras']);
        }, 10000); // 10 segundos
    }
    onContinue() {
        // Limpiar el temporizador para prevenir la redirección automática
        clearTimeout(this.timer);
        // Navegar manualmente
        this.router.navigate(['/juego-palabras']);
    }
};
InstruccionesJuegoPalabrasPage.ctorParameters = () => [
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_2__.Router }
];
InstruccionesJuegoPalabrasPage = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__decorate)([
    (0,_angular_core__WEBPACK_IMPORTED_MODULE_4__.Component)({
        selector: 'app-instrucciones-juego-palabras',
        template: _raw_loader_instrucciones_juego_palabras_page_html__WEBPACK_IMPORTED_MODULE_0__.default,
        styles: [_instrucciones_juego_palabras_page_scss__WEBPACK_IMPORTED_MODULE_1__.default]
    })
], InstruccionesJuegoPalabrasPage);



/***/ }),

/***/ 8102:
/*!*************************************************************************************!*\
  !*** ./src/app/instrucciones-juego-palabras/instrucciones-juego-palabras.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@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,  */");

/***/ }),

/***/ 4512:
/*!***************************************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/instrucciones-juego-palabras/instrucciones-juego-palabras.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\" [attr.alt]=\"'WORD_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\">{{ 'WORD_GAME.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\">\n        <p>{{ 'WORD_GAME.INSTRUCTIONS_START' | translate }} {{ 'WORD_GAME.ACTIONS.ONLY' | translate }} {{ 'WORD_GAME.INSTRUCTIONS_END' | translate }} \"{{ letterSelected }}\"</p>\n      </div>\n      <div class=\"box-bottom-proteccion-datos\">\n        <ion-button class=\"btn-design2\"\n                   (click)=\"onContinue()\"\n                   [attr.aria-label]=\"'WORD_GAME.ARIA_LABELS.START_BUTTON' | translate\">\n          <span>{{ 'WORD_GAME.START' | translate }}</span>\n        </ion-button>\n      </div>\n    </div>\n  </div>\n</ion-content>\n");

/***/ })

}]);
//# sourceMappingURL=src_app_instrucciones-juego-palabras_instrucciones-juego-palabras_module_ts.js.map