(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{

/***/ "./src/$$_lazy_route_resource lazy recursive":
/*!**********************************************************!*\
  !*** ./src/$$_lazy_route_resource lazy namespace object ***!
  \**********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

var map = {
	"./layouts/admin-layouts/admin-layouts.module": [
		"./src/app/layouts/admin-layouts/admin-layouts.module.ts",
		"layouts-admin-layouts-admin-layouts-module"
	]
};
function webpackAsyncContext(req) {
	var ids = map[req];
	if(!ids) {
		return Promise.resolve().then(function() {
			var e = new Error("Cannot find module '" + req + "'");
			e.code = 'MODULE_NOT_FOUND';
			throw e;
		});
	}
	return __webpack_require__.e(ids[1]).then(function() {
		var id = ids[0];
		return __webpack_require__(id);
	});
}
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
	return Object.keys(map);
};
webpackAsyncContext.id = "./src/$$_lazy_route_resource lazy recursive";
module.exports = webpackAsyncContext;

/***/ }),

/***/ "./src/app/app.component.css":
/*!***********************************!*\
  !*** ./src/app/app.component.css ***!
  \***********************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/app.component.html":
/*!************************************!*\
  !*** ./src/app/app.component.html ***!
  \************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\r\n<app-loader></app-loader>\r\n<router-outlet></router-outlet>\r\n\r\n"

/***/ }),

/***/ "./src/app/app.component.ts":
/*!**********************************!*\
  !*** ./src/app/app.component.ts ***!
  \**********************************/
/*! exports provided: AppComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppComponent", function() { return AppComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var AppComponent = /** @class */ (function () {
    function AppComponent() {
        this.title = 'laundry-management-app';
    }
    AppComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-root',
            template: __webpack_require__(/*! ./app.component.html */ "./src/app/app.component.html"),
            styles: [__webpack_require__(/*! ./app.component.css */ "./src/app/app.component.css")]
        })
    ], AppComponent);
    return AppComponent;
}());



/***/ }),

/***/ "./src/app/app.module.ts":
/*!*******************************!*\
  !*** ./src/app/app.module.ts ***!
  \*******************************/
/*! exports provided: AppModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppModule", function() { return AppModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _app_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app.component */ "./src/app/app.component.ts");
/* harmony import */ var _app_app_routing__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../app/app.routing */ "./src/app/app.routing.ts");
/* harmony import */ var _layouts_admin_layouts_admin_layouts_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./layouts/admin-layouts/admin-layouts.component */ "./src/app/layouts/admin-layouts/admin-layouts.component.ts");
/* harmony import */ var _app_component_components_module__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../app/component/components.module */ "./src/app/component/components.module.ts");
/* harmony import */ var _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/platform-browser/animations */ "./node_modules/@angular/platform-browser/fesm5/animations.js");
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! hammerjs */ "./node_modules/hammerjs/hammer.js");
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _login_login_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./login/login.component */ "./src/app/login/login.component.ts");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
/* harmony import */ var _authentication_guard__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./authentication.guard */ "./src/app/authentication.guard.ts");
/* harmony import */ var _token_storage__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./token.storage */ "./src/app/token.storage.ts");
/* harmony import */ var _loader_loader_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./loader/loader.component */ "./src/app/loader/loader.component.ts");
/* harmony import */ var _loader_loader_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./loader/loader.service */ "./src/app/loader/loader.service.ts");
/* harmony import */ var _loader_loader_interceptor__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./loader/loader.interceptor */ "./src/app/loader/loader.interceptor.ts");
/* harmony import */ var _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @stomp/ng2-stompjs */ "./node_modules/@stomp/ng2-stompjs/fesm2015/stomp-ng2-stompjs.js");
/* harmony import */ var _utils_elapsed_time_pipe__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/elapsed-time.pipe */ "./src/app/utils/elapsed-time.pipe.ts");
/* harmony import */ var _custom_reuse_strategy__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./custom-reuse-strategy */ "./src/app/custom-reuse-strategy.ts");
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! src/environments/environment */ "./src/environments/environment.ts");
/* harmony import */ var _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./logout-form/logout-form.component */ "./src/app/logout-form/logout-form.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};























//import { HomeComponent } from './home/home.component';
var stompConfig = {
    // added '/websocket' for spring boot SockJS
    url: src_environments_environment__WEBPACK_IMPORTED_MODULE_21__["environment"].ws.brokerURL,
    headers: {
        login: 'guest',
        passcode: 'guest'
    },
    heartbeat_in: 0,
    heartbeat_out: 20000,
    reconnect_delay: 5000,
    debug: true
};
var AppModule = /** @class */ (function () {
    function AppModule() {
    }
    AppModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["NgModule"])({
            declarations: [
                _app_component__WEBPACK_IMPORTED_MODULE_3__["AppComponent"],
                _layouts_admin_layouts_admin_layouts_component__WEBPACK_IMPORTED_MODULE_5__["AdminLayoutsComponent"],
                _login_login_component__WEBPACK_IMPORTED_MODULE_9__["LoginComponent"],
                _loader_loader_component__WEBPACK_IMPORTED_MODULE_15__["LoaderComponent"],
                _utils_elapsed_time_pipe__WEBPACK_IMPORTED_MODULE_19__["ElapsedTimePipe"],
            ],
            imports: [
                _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__["BrowserModule"],
                _angular_common_http__WEBPACK_IMPORTED_MODULE_12__["HttpClientModule"],
                _angular_forms__WEBPACK_IMPORTED_MODULE_11__["FormsModule"],
                _angular_forms__WEBPACK_IMPORTED_MODULE_11__["ReactiveFormsModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"],
                _app_app_routing__WEBPACK_IMPORTED_MODULE_4__["AppRoutingModule"],
                _app_component_components_module__WEBPACK_IMPORTED_MODULE_6__["ComponentsModule"],
                _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_7__["BrowserAnimationsModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatRippleModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatFormFieldModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatButtonModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatInputModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatToolbarModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatProgressSpinnerModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatIconModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_10__["MatDialogModule"],
            ],
            entryComponents: [
                _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_22__["LogoutFormComponent"] // Ensure the component is in entryComponents
            ],
            providers: [_authentication_guard__WEBPACK_IMPORTED_MODULE_13__["AuthenticationGuard"], _token_storage__WEBPACK_IMPORTED_MODULE_14__["TokenStorage"],
                _loader_loader_service__WEBPACK_IMPORTED_MODULE_16__["LoaderService"],
                _angular_common_http__WEBPACK_IMPORTED_MODULE_12__["HttpClientModule"],
                _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_18__["StompConfig"],
                { provide: _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouteReuseStrategy"], useClass: _custom_reuse_strategy__WEBPACK_IMPORTED_MODULE_20__["CustomReuseStrategy"] },
                { provide: _angular_common_http__WEBPACK_IMPORTED_MODULE_12__["HTTP_INTERCEPTORS"], useValue: stompConfig, useClass: _loader_loader_interceptor__WEBPACK_IMPORTED_MODULE_17__["LoaderInterceptor"], multi: true }],
            bootstrap: [_app_component__WEBPACK_IMPORTED_MODULE_3__["AppComponent"]],
        })
    ], AppModule);
    return AppModule;
}());



/***/ }),

/***/ "./src/app/app.routing.ts":
/*!********************************!*\
  !*** ./src/app/app.routing.ts ***!
  \********************************/
/*! exports provided: AppRoutingModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppRoutingModule", function() { return AppRoutingModule; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/platform-browser */ "./node_modules/@angular/platform-browser/fesm5/platform-browser.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _layouts_admin_layouts_admin_layouts_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./layouts/admin-layouts/admin-layouts.component */ "./src/app/layouts/admin-layouts/admin-layouts.component.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};





var routes = [
    {
        path: '',
        component: _layouts_admin_layouts_admin_layouts_component__WEBPACK_IMPORTED_MODULE_3__["AdminLayoutsComponent"],
        children: [
            {
                path: '',
                redirectTo: 'Home',
                pathMatch: 'full',
            },
            {
                path: '',
                loadChildren: './layouts/admin-layouts/admin-layouts.module#AdminLayoutsModule'
            }
        ]
    },
];
var AppRoutingModule = /** @class */ (function () {
    function AppRoutingModule() {
    }
    AppRoutingModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["NgModule"])({
            imports: [
                _angular_common__WEBPACK_IMPORTED_MODULE_0__["CommonModule"],
                _angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__["BrowserModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterModule"].forRoot(routes)
            ],
            exports: [_angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterModule"]]
        })
    ], AppRoutingModule);
    return AppRoutingModule;
}());



/***/ }),

/***/ "./src/app/auth.service.ts":
/*!*********************************!*\
  !*** ./src/app/auth.service.ts ***!
  \*********************************/
/*! exports provided: AuthService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthService", function() { return AuthService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
/* harmony import */ var _token_storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./token.storage */ "./src/app/token.storage.ts");
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/environments/environment */ "./src/environments/environment.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var authHeaders = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]({
    'Content-Type': 'application/json'
});
var AuthService = /** @class */ (function () {
    function AuthService(http, tokenStorage, router) {
        this.http = http;
        this.tokenStorage = tokenStorage;
        this.router = router;
        this.userUrl = src_environments_environment__WEBPACK_IMPORTED_MODULE_4__["environment"].REST_API_URL;
        this.headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]({
            'Content-Type': 'application/json',
            'Authorization': 'Bearer ' + this.tokenStorage.getToken()
        });
        this.userUpdateSource = new rxjs__WEBPACK_IMPORTED_MODULE_2__["BehaviorSubject"](null);
        this.userUpdates = this.userUpdateSource.asObservable();
        this.startTokenCheck();
    }
    AuthService.prototype.attemptAuth = function (formData) {
        var body = JSON.stringify(formData);
        console.log('attempAuth ::');
        return this.http.post(this.userUrl + "token/generate-token", body, { headers: authHeaders, observe: 'response' });
    };
    AuthService.prototype.getUser = function (id) {
        return this.http.get("" + this.userUrl + id, { headers: this.headers });
    };
    AuthService.prototype.getUserByName = function (username) {
        var token = this.tokenStorage.getToken();
        var headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]({
            'Content-Type': 'application/json',
            'Authorization': "Bearer " + token
        });
        var encodedName = encodeURIComponent(username);
        var url = this.userUrl + "users/search?name=" + encodedName;
        return this.http.get(url, { headers: headers });
    };
    AuthService.prototype.updateUserDetails = function (userDetails) {
        this.userUpdateSource.next(userDetails);
    };
    AuthService.prototype.startTokenCheck = function () {
        var _this = this;
        setInterval(function () {
            if (!_this.tokenStorage.isLoggedIn()) {
                _this.router.navigate(['login']);
            }
        }, 60000); // Check every 60 seconds
    };
    AuthService = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [_angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"], _token_storage__WEBPACK_IMPORTED_MODULE_3__["TokenStorage"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["Router"]])
    ], AuthService);
    return AuthService;
}());



/***/ }),

/***/ "./src/app/authentication.guard.ts":
/*!*****************************************!*\
  !*** ./src/app/authentication.guard.ts ***!
  \*****************************************/
/*! exports provided: AuthenticationGuard */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AuthenticationGuard", function() { return AuthenticationGuard; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _token_storage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./token.storage */ "./src/app/token.storage.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var AuthenticationGuard = /** @class */ (function () {
    function AuthenticationGuard(router, tokenStorage) {
        this.router = router;
        this.tokenStorage = tokenStorage;
    }
    AuthenticationGuard.prototype.canActivate = function (route, state) {
        if (this.tokenStorage.isLoggedIn()) {
            return true;
        }
        this.router.navigate(['login']);
        return false;
    };
    AuthenticationGuard.prototype.canActivateChild = function (childroute, state) {
        return this.canActivate(childroute, state);
    };
    AuthenticationGuard = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [_angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"],
            _token_storage__WEBPACK_IMPORTED_MODULE_2__["TokenStorage"]])
    ], AuthenticationGuard);
    return AuthenticationGuard;
}());



/***/ }),

/***/ "./src/app/component/banner/banner.component.css":
/*!*******************************************************!*\
  !*** ./src/app/component/banner/banner.component.css ***!
  \*******************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".banner {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 10px 20px;\r\n    background: linear-gradient(90deg, #4CAF50, #2196F3); /* Green to Blue Gradient */\r\n    border-radius: 30px;\r\n    color: white;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    max-width: 500px;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);\r\n\r\n    position: fixed; /* Fix the banner to the screen */\r\n    bottom: 20px; /* Distance from the bottom of the screen */\r\n    left: 50%; /* Center horizontally */\r\n    -webkit-transform: translateX(-50%);\r\n            transform: translateX(-50%); /* Adjust horizontal centering */\r\n    z-index: 1000; /* Ensure it stays on top of other elements */\r\n}\r\n\r\n.banner a {\r\n    text-decoration: none;\r\n    color: white;\r\n}\r\n\r\n.banner a:hover {\r\n    text-decoration: underline;\r\n}\r\n"

/***/ }),

/***/ "./src/app/component/banner/banner.component.html":
/*!********************************************************!*\
  !*** ./src/app/component/banner/banner.component.html ***!
  \********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div class=\"banner\">\r\n  <a href=\"https://wa.me/447537106932\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    Get genuine online ID WhatsApp @+44 7537106932\r\n  </a>\r\n</div>\r\n"

/***/ }),

/***/ "./src/app/component/banner/banner.component.ts":
/*!******************************************************!*\
  !*** ./src/app/component/banner/banner.component.ts ***!
  \******************************************************/
/*! exports provided: BannerComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerComponent", function() { return BannerComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-banner',
  templateUrl: './banner.component.html',
  styleUrls: ['./banner.component.css']
})
export class BannerComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

} */
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var BannerComponent = /** @class */ (function () {
    function BannerComponent() {
    }
    BannerComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-banner',
            template: __webpack_require__(/*! ./banner.component.html */ "./src/app/component/banner/banner.component.html"),
            styles: [__webpack_require__(/*! ./banner.component.css */ "./src/app/component/banner/banner.component.css")]
        })
    ], BannerComponent);
    return BannerComponent;
}());



/***/ }),

/***/ "./src/app/component/components.module.ts":
/*!************************************************!*\
  !*** ./src/app/component/components.module.ts ***!
  \************************************************/
/*! exports provided: ComponentsModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ComponentsModule", function() { return ComponentsModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js");
/* harmony import */ var _sidebar_sidebar_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sidebar/sidebar.component */ "./src/app/component/sidebar/sidebar.component.ts");
/* harmony import */ var _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./navbar/navbar.component */ "./src/app/component/navbar/navbar.component.ts");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
/* harmony import */ var _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @stomp/ng2-stompjs */ "./node_modules/@stomp/ng2-stompjs/fesm2015/stomp-ng2-stompjs.js");
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/environments/environment */ "./src/environments/environment.ts");
/* harmony import */ var _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../logout-form/logout-form.component */ "./src/app/logout-form/logout-form.component.ts");
/* harmony import */ var _match_info_match_info_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./match-info/match-info.component */ "./src/app/component/match-info/match-info.component.ts");
/* harmony import */ var _banner_banner_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./banner/banner.component */ "./src/app/component/banner/banner.component.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};











var myRxStompConfig = {
    // added '/websocket' for spring boot SockJS
    brokerURL: src_environments_environment__WEBPACK_IMPORTED_MODULE_7__["environment"].ws.brokerURL,
    connectHeaders: {
        login: 'guest',
        passcode: 'guest'
    },
    heartbeatIncoming: 0,
    heartbeatOutgoing: 20000,
    reconnectDelay: 5000,
    debug: function (msg) {
        console.log(new Date(), msg);
    }
};
var ComponentsModule = /** @class */ (function () {
    function ComponentsModule() {
    }
    ComponentsModule = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
            imports: [
                _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
                _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_5__["MatFormFieldModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_5__["MatButtonModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_5__["MatInputModule"],
                _angular_material__WEBPACK_IMPORTED_MODULE_5__["MatDividerModule"],
            ],
            declarations: [
                _sidebar_sidebar_component__WEBPACK_IMPORTED_MODULE_3__["SidebarComponent"],
                _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_4__["NavbarComponent"],
                _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_8__["LogoutFormComponent"],
                _match_info_match_info_component__WEBPACK_IMPORTED_MODULE_9__["MatchInfoComponent"],
                _banner_banner_component__WEBPACK_IMPORTED_MODULE_10__["BannerComponent"],
            ],
            entryComponents: [
                _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_8__["LogoutFormComponent"] // Ensure the component is in entryComponents
            ],
            exports: [
                _sidebar_sidebar_component__WEBPACK_IMPORTED_MODULE_3__["SidebarComponent"],
                _navbar_navbar_component__WEBPACK_IMPORTED_MODULE_4__["NavbarComponent"],
                _logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_8__["LogoutFormComponent"],
                _match_info_match_info_component__WEBPACK_IMPORTED_MODULE_9__["MatchInfoComponent"],
                _banner_banner_component__WEBPACK_IMPORTED_MODULE_10__["BannerComponent"]
            ],
            providers: [_stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__["RxStompService"],
                {
                    provide: _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__["InjectableRxStompConfig"],
                    useValue: myRxStompConfig
                },
                {
                    provide: _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__["RxStompService"],
                    useFactory: _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__["rxStompServiceFactory"],
                    deps: [_stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_6__["InjectableRxStompConfig"]]
                }]
        })
    ], ComponentsModule);
    return ComponentsModule;
}());



/***/ }),

/***/ "./src/app/component/event-list.service.ts":
/*!*************************************************!*\
  !*** ./src/app/component/event-list.service.ts ***!
  \*************************************************/
/*! exports provided: EventListService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EventListService", function() { return EventListService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../environments/environment */ "./src/environments/environment.ts");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "./node_modules/@angular/common/fesm5/http.js");
/* harmony import */ var _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @stomp/ng2-stompjs */ "./node_modules/@stomp/ng2-stompjs/fesm2015/stomp-ng2-stompjs.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var src_app_constants_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/constants/constants */ "./src/app/constants/constants.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var EventListService = /** @class */ (function () {
    function EventListService(_http, rxStompService) {
        this._http = _http;
        this.rxStompService = rxStompService;
        this.live_matches_url = _environments_environment__WEBPACK_IMPORTED_MODULE_1__["environment"].REST_API_URL + 'cricket-data/' + 'live-matches';
        this.entity_url = _environments_environment__WEBPACK_IMPORTED_MODULE_1__["environment"].REST_API_URL + 'events';
    }
    EventListService.prototype.getUserBetsForMatch = function (matchUrl) {
        throw new Error('Method not implemented.');
    };
    EventListService.prototype.getEvents = function () {
        return this._http.get(this.entity_url);
    };
    EventListService.prototype.getLiveMatches = function () {
        return this._http.get(this.live_matches_url);
    };
    EventListService.prototype.subscribeToEventsTopic = function () {
        return this.rxStompService.watch('/topic/live-matches');
    };
    EventListService.prototype.subscribeToBetStatusTopic = function () {
        return this.rxStompService.watch('/topic/bet-status');
    };
    /// this url will be sent to the backend to activate the scraping logic for the new match
    EventListService.prototype.sendLinkToBackend = function (urlToSend) {
        //post request to the backend with the url as payload
        return this._http.post(_environments_environment__WEBPACK_IMPORTED_MODULE_1__["environment"].REST_API_URL + 'cricket-data/' + 'scrape-live-match', { url: urlToSend });
    };
    EventListService.prototype.getResultsWithIcons = function () {
        return this.getEvents().pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["map"])(function (data) {
            return data.map(function (_a) {
                var id = _a.id, name = _a.name;
                var entry = src_app_constants_constants__WEBPACK_IMPORTED_MODULE_5__["N_ROUTES"].filter(function (x) { return x.title === name; });
                var icon = entry[0]['icon'];
                return ({ id: id, name: name, title: name, icon: icon, path: entry[0]['path'] });
            });
        }));
    };
    EventListService = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"], _stomp_ng2_stompjs__WEBPACK_IMPORTED_MODULE_3__["RxStompService"]])
    ], EventListService);
    return EventListService;
}());



/***/ }),

/***/ "./src/app/component/match-info/match-info.component.css":
/*!***************************************************************!*\
  !*** ./src/app/component/match-info/match-info.component.css ***!
  \***************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".info-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 16px;\r\n    background-color: #f5f5f5;\r\n    border-radius: 8px;\r\n  }\r\n  \r\n  .s-wrap {\r\n    text-decoration: none;\r\n    color: inherit;\r\n  }\r\n  \r\n  .venue-detail {\r\n    margin-top: 12px;\r\n  }\r\n  \r\n  .match-date, .match-venue {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 8px;\r\n  }\r\n  \r\n  .match-date img, .match-venue img {\r\n    margin-right: 12px;\r\n  }\r\n  \r\n  .team-form {\r\n    margin-top: 16px;\r\n  }\r\n  \r\n  .title-text {\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n  }\r\n  \r\n  .flex.align-center {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  \r\n  .match {\r\n    padding: 4px 8px;\r\n    margin: 4px;\r\n  }\r\n  \r\n  .loss {\r\n    background-color: #ffcccc;\r\n  }\r\n  \r\n  .win {\r\n    background-color: #ccffcc;\r\n  }\r\n  "

/***/ }),

/***/ "./src/app/component/match-info/match-info.component.html":
/*!****************************************************************!*\
  !*** ./src/app/component/match-info/match-info.component.html ***!
  \****************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div class=\"info-container\">\r\n  <div class=\"info-left-wrapper\">\r\n    <div>\r\n      <a class=\"content-wrap s-wrap\" style=\"display: flex; align-items: center; cursor: pointer;\" href=\"#\">\r\n        <img width=\"49px\" height=\"56px\" class=\"s-img\" src=\"https://cricketvectors.akamaized.net/Series/1J3.png?impolicy=default_web\" alt=\"England One Day Cup 2024\">\r\n        <div style=\"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">\r\n          <div class=\"s-format\">Final</div>\r\n          <div class=\"s-name\">England One Day Cup 2024</div>\r\n        </div>\r\n      </a>\r\n    </div>\r\n    <div class=\"content-wrap venue-detail\">\r\n      <div class=\"match-date\">\r\n        <img src=\"../../../../assets/icon/calender.svg\" alt=\"series name\" width=\"24px\" height=\"24px\" class=\"mr16\">\r\n        <div>Sep 23, 2024, 3:30:00 PM</div>\r\n      </div>\r\n      <div class=\"match-date match-venue\" style=\"cursor: pointer;\">\r\n        <img src=\"../../../../assets/icon/location.svg\" alt=\"series name\" width=\"24px\" height=\"24px\" class=\"mr16\">\r\n        <div>Trent Bridge, Nottingham</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content-wrap\">\r\n      <div class=\"team-form\">\r\n        <h2 class=\"title-text\">Team Form <span class=\"last-match-text\">(Last 5 matches)</span></h2>\r\n      </div>\r\n      <div class=\"format-match\">\r\n        <div class=\"form-match-team\">\r\n          <img width=\"40px\" height=\"40px\" class=\"form-team-img\" src=\"https://cricketvectors.akamaized.net/Teams/23.png?impolicy=default_web\" alt=\"GLM\">\r\n          <div class=\"form-team-name\">Glamorgan</div>\r\n        </div>\r\n        <div class=\"flex align-center\">\r\n          <div class=\"d-flex justify-content-center align-item-center\">\r\n            <div class=\"loss match\"><span>L</span></div>\r\n            <div class=\"win match\"><span>W</span></div>\r\n            <div class=\"win match\"><span>W</span></div>\r\n            <div class=\"loss match\"><span>L</span></div>\r\n            <div class=\"win match\"><span>W</span></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>"

/***/ }),

/***/ "./src/app/component/match-info/match-info.component.ts":
/*!**************************************************************!*\
  !*** ./src/app/component/match-info/match-info.component.ts ***!
  \**************************************************************/
/*! exports provided: MatchInfoComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MatchInfoComponent", function() { return MatchInfoComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var MatchInfoComponent = /** @class */ (function () {
    function MatchInfoComponent() {
        this.teamForm = {
            teamName: 'Glamorgan',
            matches: [
                { result: 'L' },
                { result: 'W' },
                { result: 'W' },
                { result: 'L' },
                { result: 'W' }
            ]
        };
        this.matchDetails = {
            date: 'Sep 23, 2024, 3:30:00 PM',
            venue: 'Trent Bridge, Nottingham',
            tournament: {
                name: 'England One Day Cup 2024',
                image: 'https://cricketvectors.akamaized.net/Series/1J3.png?impolicy=default_web'
            }
        };
    }
    MatchInfoComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-match-info',
            template: __webpack_require__(/*! ./match-info.component.html */ "./src/app/component/match-info/match-info.component.html"),
            styles: [__webpack_require__(/*! ./match-info.component.css */ "./src/app/component/match-info/match-info.component.css")]
        })
    ], MatchInfoComponent);
    return MatchInfoComponent;
}());



/***/ }),

/***/ "./src/app/component/navbar/navbar.component.css":
/*!*******************************************************!*\
  !*** ./src/app/component/navbar/navbar.component.css ***!
  \*******************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "/* Base styles for navbar */\r\n.navbar {\r\n  padding-top: 0.5rem; /* Reduced padding for a more compact look */\r\n  padding-bottom: 0.5rem;\r\n}\r\n.navbar-nav {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n/* Base styles for nav items */\r\n.nav-item {\r\n  margin-right: 20px;\r\n}\r\n/* Base styles for dropdown toggle */\r\n.dropdown-toggle {\r\n  display: flex;\r\n  align-items: center;\r\n  background-color: transparent;\r\n  border: none;\r\n  color: inherit;\r\n  cursor: pointer;\r\n  padding: 0;\r\n}\r\n/* Larger icon size for user icon */\r\n.icon-large {\r\n  font-size: 36px;\r\n}\r\n/* Bold font weight for username */\r\n.font-weight-bold {\r\n  font-weight: bold;\r\n}\r\n/* Margin utilities */\r\n.me-1 {\r\n  margin-right: 0.25rem;\r\n}\r\n.me-2 {\r\n  margin-right: 0.5rem;\r\n}\r\n.ms-1 {\r\n  margin-left: 0.25rem;\r\n}\r\n.ms-3 {\r\n  margin-left: 1rem;\r\n}\r\n/* Margin for icons inside dropdown items */\r\n.dropdown-item i {\r\n  margin-right: 10px;\r\n}\r\n/* User info container */\r\n.user-info {\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 14px;\r\n}\r\n/* Balance and exposure info styles */\r\n.balance-info, .exposure-info {\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 12px;\r\n  white-space: nowrap;\r\n}\r\n/* Hide balance and exposure on smaller screens */\r\n.d-none {\r\n  display: none !important;\r\n}\r\n.d-lg-flex {\r\n  display: flex !important;\r\n}\r\n/* Responsive adjustments */\r\n@media (max-width: 768px) {\r\n  .navbar-nav {\r\n      flex-direction: column; /* Stack nav items vertically */\r\n      align-items: flex-start; /* Align nav items to the start */\r\n  }\r\n\r\n  .nav-item {\r\n      margin-right: 0; /* Remove right margin */\r\n      margin-bottom: 10px; /* Add bottom margin for spacing */\r\n  }\r\n\r\n  .dropdown-toggle {\r\n      flex-direction: row; /* Keep items in a row */\r\n      align-items: center; /* Align items to the center */\r\n  }\r\n\r\n  .dropdown-menu {\r\n      width: 100%; /* Make dropdown menu take full width */\r\n  }\r\n\r\n  .dropdown-item {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 10px 20px; /* Adjust padding for better spacing */\r\n  }\r\n\r\n  .navbar-wrapper {\r\n      display: none; /* Hide navbar wrapper on screens smaller than 768px */\r\n  }\r\n}\r\n@media (max-width: 480px) {\r\n  .navbar {\r\n      padding-top: 0.25rem; /* Reduce padding for top and bottom */\r\n      padding-bottom: 0.25rem;\r\n  }\r\n\r\n  .icon-large {\r\n      font-size: 28px; /* Reduce icon size */\r\n  }\r\n\r\n  .font-weight-bold {\r\n      font-size: 14px; /* Reduce font size for username */\r\n  }\r\n\r\n  .me-1 {\r\n      margin-right: 0.2rem; /* Adjust right margin */\r\n  }\r\n\r\n  .me-2 {\r\n      margin-right: 0.4rem; /* Adjust right margin */\r\n  }\r\n\r\n  .ms-1 {\r\n      margin-left: 0.2rem; /* Adjust left margin */\r\n  }\r\n\r\n  .ms-3 {\r\n      margin-left: 0.5rem; /* Adjust left margin for smaller screens */\r\n  }\r\n\r\n  .dropdown-item {\r\n      padding: 8px 16px; /* Adjust padding for compact display */\r\n  }\r\n\r\n  .user-info {\r\n      flex-direction: column; /* Display username, balance, and exposure in a column */\r\n      align-items: flex-start;\r\n  }\r\n\r\n  .balance-info, .exposure-info {\r\n      flex-direction: row; /* Display balance and exposure in a row */\r\n      align-items: center;\r\n      font-size: 12px; /* Reduce font size */\r\n  }\r\n\r\n  .navbar-wrapper {\r\n      display: none; /* Hide navbar wrapper on screens smaller than 480px */\r\n  }\r\n}\r\n"

/***/ }),

/***/ "./src/app/component/navbar/navbar.component.html":
/*!********************************************************!*\
  !*** ./src/app/component/navbar/navbar.component.html ***!
  \********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<!-- <nav class=\"navbar navbar-expand-lg navbar-transparent navbar-absolute\">\r\n  <div class=\"container-fluid justify-content-end\">\r\n    <div class=\"navbar-wrapper\">\r\n      <a class=\"navbar-brand\" href=\"#\"></a>\r\n    </div>\r\n    <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navigation\" aria-controls=\"navigation\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <span class=\"navbar-toggler-icon\"></span>\r\n    </button>\r\n    <div class=\"collapse navbar-collapse justify-content-end\" id=\"navigation\">\r\n      <ul class=\"navbar-nav\">\r\n        <li class=\"nav-item dropdown\">\r\n          <a class=\"nav-link dropdown-toggle d-flex align-items-center\" id=\"userDropdown\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n            <i class=\"material-icons icon-large me-2\">account_circle</i>\r\n            <div class=\"user-info d-flex align-items-center\">\r\n              <div class=\"username font-weight-bold\">{{user?.username}}</div>\r\n              <div class=\"balance-info ms-3 d-none d-lg-flex\">\r\n                <i class=\"material-icons me-1\">account_balance_wallet</i>\r\n                <span>{{user?.balance | currency}}</span>\r\n              </div>\r\n              <div class=\"exposure-info ms-3 d-none d-lg-flex\">\r\n                <i class=\"material-icons me-1\">insights</i>\r\n                <span>{{user?.exposure | currency}}</span>\r\n              </div>\r\n            </div>\r\n          </a>\r\n          <div class=\"dropdown-menu\" aria-labelledby=\"userDropdown\"> -->\r\n            <!-- <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">home</i> Home</a>\r\n                      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">account_balance_wallet</i> Deposit</a>\r\n                      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">payment</i> Withdraw</a>\r\n                      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">person</i> My Profile</a>\r\n                      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">description</i> Account Statement</a>\r\n                      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">settings</i> Stake Settings</a> -->\r\n           <!--  <a class=\"dropdown-item\" (click)=\"navigateToProfitLoss()\"><i class=\"material-icons\">trending_up</i> Profit & Loss</a>\r\n            <a class=\"dropdown-item\" (click)=\"navigateToBetHistory()\"><i class=\"material-icons\">hourglass_empty</i> Unsettled\r\n              Bets</a> -->\r\n            <!--      <a class=\"dropdown-item\" href=\"#\"><i class=\"material-icons\">lock</i> Change Password</a>--> \r\n           <!--  <a (click)=\"openLogoutDialog()\" class=\"dropdown-item\"><i class=\"material-icons\">logout</i> Sign Out</a>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</nav> -->\r\n\r\n\r\n<nav *ngIf=\"showNavBar\" class=\"navbar navbar-expand-lg navbar-transparent navbar-absolute\">\r\n  <div class=\"container-fluid justify-content-end\">\r\n    <div class=\"navbar-wrapper\">\r\n      <a class=\"navbar-brand\" href=\"#\"></a>\r\n    </div>\r\n    <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navigation\" aria-controls=\"navigation\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n      <span class=\"navbar-toggler-icon\"></span>\r\n    </button>\r\n    <div class=\"collapse navbar-collapse justify-content-end\" id=\"navigation\">\r\n      <ul class=\"navbar-nav\">\r\n        <li class=\"nav-item dropdown\">\r\n          <a class=\"nav-link dropdown-toggle d-flex align-items-center\" id=\"userDropdown\" role=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n            <i class=\"material-icons icon-large me-2\">account_circle</i>\r\n            <div class=\"user-info d-flex align-items-center\">\r\n              <div class=\"username font-weight-bold\">{{user?.username}}</div>\r\n              <div class=\"balance-info ms-3 d-none d-lg-flex\">\r\n                <i class=\"material-icons me-1\">account_balance_wallet</i>\r\n                <span>{{user?.balance | currency}}</span>\r\n              </div>\r\n              <div class=\"exposure-info ms-3 d-none d-lg-flex\">\r\n                <i class=\"material-icons me-1\">insights</i>\r\n                <span>{{user?.exposure | currency}}</span>\r\n              </div>\r\n            </div>\r\n          </a>\r\n          <div class=\"dropdown-menu\" aria-labelledby=\"userDropdown\">\r\n            <a class=\"dropdown-item\" (click)=\"navigateToProfitLoss()\"><i class=\"material-icons\">trending_up</i> Profit & Loss</a>\r\n            <a class=\"dropdown-item\" (click)=\"navigateToBetHistory()\"><i class=\"material-icons\">hourglass_empty</i> Unsettled Bets</a>\r\n            <a (click)=\"openLogoutDialog()\" class=\"dropdown-item\"><i class=\"material-icons\">logout</i> Sign Out</a>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</nav>\r\n\r\n"

/***/ }),

/***/ "./src/app/component/navbar/navbar.component.ts":
/*!******************************************************!*\
  !*** ./src/app/component/navbar/navbar.component.ts ***!
  \******************************************************/
/*! exports provided: NavbarComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NavbarComponent", function() { return NavbarComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var src_app_auth_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/auth.service */ "./src/app/auth.service.ts");
/* harmony import */ var src_app_logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/logout-form/logout-form.component */ "./src/app/logout-form/logout-form.component.ts");
/* harmony import */ var src_app_token_storage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/token.storage */ "./src/app/token.storage.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var NavbarComponent = /** @class */ (function () {
    //inject AuthService 
    function NavbarComponent(router, dialog, authService, tokenStorage) {
        this.router = router;
        this.dialog = dialog;
        this.authService = authService;
        this.tokenStorage = tokenStorage;
        this.showNavBar = false; // Controls the visibility of the navbar
    }
    NavbarComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.user = JSON.parse(this.tokenStorage.getUser());
        this.getUserData(this.user.sub);
        // Show the navbar when user data is loaded
        //this.showNavBar = true;
        this.authService.userUpdates.subscribe(function (updatedUserDetails) {
            if (updatedUserDetails) {
                console.log("on update ", updatedUserDetails);
                _this.user = updatedUserDetails;
            }
        });
    };
    NavbarComponent.prototype.getUserData = function (userName) {
        var _this = this;
        this.authService.getUserByName(userName).subscribe(function (data) {
            _this.user = data;
            console.log(data);
            _this.authService.updateUserDetails(data);
        }, function (error) { return console.log(error); });
    };
    NavbarComponent.prototype.openLogoutDialog = function () {
        var _this = this;
        var dialogRef = this.dialog.open(src_app_logout_form_logout_form_component__WEBPACK_IMPORTED_MODULE_4__["LogoutFormComponent"], {
            width: '300px',
        });
        dialogRef.afterClosed().subscribe(function (result) {
            if (result) {
                _this.logout();
            }
        });
    };
    NavbarComponent.prototype.logout = function () {
        // Your logout logic here
        console.log('User logged out');
    };
    NavbarComponent.prototype.navigateToBetHistory = function () {
        this.router.navigate(['/account/bet-history']);
    };
    NavbarComponent.prototype.navigateToProfitLoss = function () {
        this.router.navigate(['/account/profit-loss']);
    };
    NavbarComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-navbar',
            template: __webpack_require__(/*! ./navbar.component.html */ "./src/app/component/navbar/navbar.component.html"),
            styles: [__webpack_require__(/*! ./navbar.component.css */ "./src/app/component/navbar/navbar.component.css")]
        }),
        __metadata("design:paramtypes", [_angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"], _angular_material__WEBPACK_IMPORTED_MODULE_1__["MatDialog"], src_app_auth_service__WEBPACK_IMPORTED_MODULE_3__["AuthService"], src_app_token_storage__WEBPACK_IMPORTED_MODULE_5__["TokenStorage"]])
    ], NavbarComponent);
    return NavbarComponent;
}());



/***/ }),

/***/ "./src/app/component/sidebar/sidebar.component.css":
/*!*********************************************************!*\
  !*** ./src/app/component/sidebar/sidebar.component.css ***!
  \*********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/component/sidebar/sidebar.component.html":
/*!**********************************************************!*\
  !*** ./src/app/component/sidebar/sidebar.component.html ***!
  \**********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div class=\"sidebar-wrapper\">\r\n  <div class=\"logo\">\r\n    <a href=\"/\" class=\"simple-text d-flex align-items-center\">\r\n      <div class=\"logo-img\">\r\n        <img src=\"/assets/img/branding_logo-img.png\" alt=\"Victory Line img\"/>\r\n        <img class=\"text-logo\" src=\"/assets/img/branding_logo-txt.png\" alt=\"Victory Line txt\"/>\r\n      </div>\r\n    </a>\r\n  </div>\r\n  <ul class=\"nav\">\r\n    <li *ngFor=\"let menuItem of results\">\r\n      <a class=\"nav-link\" [routerLink]=\"[menuItem.path]\" (click)=\"toggle()\">\r\n        <i class=\"material-icons\">{{menuItem.icon}}</i>\r\n        <p>{{menuItem.title}}</p>\r\n      </a>\r\n    </li>\r\n    <li>\r\n      <a class=\"nav-link\">\r\n        <i class=\"material-icons\">live_tv</i>\r\n        <p>Live</p>\r\n        <ul class=\"live-nav\">\r\n          <li *ngFor=\"let matchTeam of matchTeams\">\r\n            <a class=\"nav-link nav-link-live\" (click)=\"sendLinkToBackend(matchTeam.url); toggle()\">\r\n              <i class=\"material-icons dummy-icon\">sports</i>\r\n              <p>{{matchTeam.teamName}}</p>\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </a>\r\n    </li>\r\n  </ul>\r\n</div>\r\n<button (click)=\"toggle()\" class=\"sidebar-toggle-button\">\r\n  <i class=\"material-icons\">menu</i>\r\n</button>\r\n"

/***/ }),

/***/ "./src/app/component/sidebar/sidebar.component.ts":
/*!********************************************************!*\
  !*** ./src/app/component/sidebar/sidebar.component.ts ***!
  \********************************************************/
/*! exports provided: SidebarComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SidebarComponent", function() { return SidebarComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _event_list_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../event-list.service */ "./src/app/component/event-list.service.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var src_app_constants_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/constants/constants */ "./src/app/constants/constants.ts");
/* harmony import */ var _sidebar_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./sidebar.service */ "./src/app/component/sidebar/sidebar.service.ts");
/* harmony import */ var src_app_dashboard_match_service_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/dashboard/match-service.service */ "./src/app/dashboard/match-service.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};






var SidebarComponent = /** @class */ (function () {
    function SidebarComponent(eventListService, sidebarService, matchDataService, router) {
        this.eventListService = eventListService;
        this.sidebarService = sidebarService;
        this.matchDataService = matchDataService;
        this.router = router;
        this.matchTeams = [];
        this.toggleSidebar = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
    }
    SidebarComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.menuItems = src_app_constants_constants__WEBPACK_IMPORTED_MODULE_3__["ROUTES"].filter(function (menuItem) { return menuItem; });
        this.eventListService.getResultsWithIcons().subscribe(function (data) {
            _this.results = data;
            console.log(_this.results);
        });
        this.eventListService.getLiveMatches().subscribe(function (data) {
            if (Array.isArray(data)) {
                var dataArray = data;
                console.log(dataArray);
                dataArray.forEach(function (item) {
                    var url = item.url;
                    // Do something with the url
                    console.log(url);
                    _this.extractAndSetURls(url);
                });
            }
        });
        console.log(this.results);
        // Subscribe to WebSocket updates
        this.eventlistSubscription = this.eventListService.subscribeToEventsTopic().subscribe(function (newMatchUrl) {
            _this.extractAndSetURls(newMatchUrl);
        });
        this.matchTeamsSubscription = this.matchDataService.getMatchTeams().subscribe(function (matchTeams) {
            console.log("Data in matchTeams", matchTeams);
        });
    };
    SidebarComponent.prototype.ngOnDestroy = function () {
        this.eventlistSubscription.unsubscribe();
        this.matchTeamsSubscription.unsubscribe();
    };
    SidebarComponent.prototype.extractAndSetURls = function (message) {
        console.log('New match URL received:', message);
        // check if message is a variable of FramImpl class
        if (message.hasOwnProperty('isBinaryBody')) {
            message = JSON.parse(message.body);
            if (message.hasOwnProperty('url')) {
                // Handle new or existing match logic 
                var newMatchUrl = message.url;
                this.addUrlList(newMatchUrl);
            }
            if (message.hasOwnProperty('status') && message.status === 'deleted') {
                // Deletion Handling
                var urlToDelete = message.url;
                // Your logic to extract  matchTeam for UI link removal - you might need a minor 
                // adjustment   if a 'matchPart'  alone in your logic doesn't uniquely identify.
                // Removal from array if you're  only displaying  links using  'matchTeams' alone
                var index = this.matchTeams.indexOf(urlToDelete, 0);
                if (index > -1) {
                    this.matchTeams.splice(index, 1); // Remove using the computed index of 'matchTeam'
                    this.matchDataService.removeMatchTeam(this.matchTeams[index]);
                }
            }
        }
        else {
            this.addUrlList(message);
        }
    };
    SidebarComponent.prototype.addUrlList = function (message) {
        var parts = message.split('/');
        var matchPart = parts[parts.length - 2];
        var matchTeam = matchPart.split('-').slice(0, 3).join(' ');
        // Check if it's already present to avoid duplicates
        if (!this.matchTeams.find(function (team) { return team.teamName === matchTeam; })) {
            // Before pushing this matchTeam to the array, it should be an object with the URL and the team name
            var teamObject = { url: message, teamName: matchTeam };
            this.matchTeams.push(teamObject);
            this.matchDataService.addMatchTeam(teamObject);
        }
    };
    SidebarComponent.prototype.sendLinkToBackend = function (urlToSend) {
        // Split the URL into parts based on the '/' delimiter
        var parts = urlToSend.split('/');
        // Get the second-to-last part of the URL
        var matchPart = parts[parts.length - 2];
        // Navigate to the 'cric-live' route with the extracted matchPart as a parameter
        this.router.navigate(['cric-live', matchPart]);
    };
    SidebarComponent.prototype.toggle = function () {
        console.log('Toggle button clicked'); // Add console log
        this.sidebarService.toggleVisibility();
    };
    __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"])(),
        __metadata("design:type", Object)
    ], SidebarComponent.prototype, "toggleSidebar", void 0);
    SidebarComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-sidebar',
            template: __webpack_require__(/*! ./sidebar.component.html */ "./src/app/component/sidebar/sidebar.component.html"),
            styles: [__webpack_require__(/*! ./sidebar.component.css */ "./src/app/component/sidebar/sidebar.component.css")]
        }),
        __metadata("design:paramtypes", [_event_list_service__WEBPACK_IMPORTED_MODULE_1__["EventListService"],
            _sidebar_service__WEBPACK_IMPORTED_MODULE_4__["SidebarService"],
            src_app_dashboard_match_service_service__WEBPACK_IMPORTED_MODULE_5__["MatchService"],
            _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]])
    ], SidebarComponent);
    return SidebarComponent;
}());



/***/ }),

/***/ "./src/app/component/sidebar/sidebar.service.ts":
/*!******************************************************!*\
  !*** ./src/app/component/sidebar/sidebar.service.ts ***!
  \******************************************************/
/*! exports provided: SidebarService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SidebarService", function() { return SidebarService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};


var SidebarService = /** @class */ (function () {
    function SidebarService() {
        this.visibilitySource = new rxjs__WEBPACK_IMPORTED_MODULE_1__["BehaviorSubject"](true);
        this.visibility$ = this.visibilitySource.asObservable();
    }
    SidebarService.prototype.toggleVisibility = function () {
        var currentVisibility = this.visibilitySource.value;
        this.visibilitySource.next(!currentVisibility);
    };
    SidebarService.prototype.setVisibility = function (visible) {
        this.visibilitySource.next(visible);
    };
    SidebarService = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        })
    ], SidebarService);
    return SidebarService;
}());



/***/ }),

/***/ "./src/app/constants/constants.ts":
/*!****************************************!*\
  !*** ./src/app/constants/constants.ts ***!
  \****************************************/
/*! exports provided: N_ROUTES, ROUTES */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "N_ROUTES", function() { return N_ROUTES; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ROUTES", function() { return ROUTES; });
var N_ROUTES = [
    { path: '/dashboard', title: 'Basketball', icon: 'dashboard', class: '' },
    { path: '/add-service', title: 'Boxing', icon: 'note_add', class: '' },
    { path: '/add-s', title: 'Esports', icon: 'note_add', class: '' },
    { path: '/football', title: 'Football', icon: 'list', class: '' },
    { path: '/tennis', title: 'Tennis', icon: 'list', class: '' },
    { path: '/add-customer', title: 'Cricket', icon: 'note_add', class: '' },
    { path: '/customer-list', title: 'Golf', icon: 'list', class: '' },
    { path: '/add-fuller', title: 'Greyhound Racing', icon: 'note_add', class: '' },
    { path: '/fuller-list', title: 'Horse Racing', icon: 'list', class: '' },
    { path: '/invoice-list', title: 'Tennis', icon: 'list', class: '' },
];
var ROUTES = [
    { path: '/dashboard', title: 'Dashboard', icon: 'dashboard', class: '' },
    { path: '/add-service', title: 'Add Service', icon: 'note_add', class: '' },
    { path: '/football', title: 'Football', icon: 'list', class: '' },
    { path: '/tennis', title: 'Tennis', icon: 'list', class: '' },
    { path: '/add-customer', title: 'Add Customer', icon: 'note_add', class: '' },
    { path: '/customer-list', title: 'Customer List', icon: 'list', class: '' },
    { path: '/add-fuller', title: 'Add Fuller', icon: 'note_add', class: '' },
    { path: '/fuller-list', title: 'Fuller List', icon: 'list', class: '' },
    { path: '/invoice-list', title: 'Invoice List', icon: 'list', class: '' },
];


/***/ }),

/***/ "./src/app/custom-reuse-strategy.ts":
/*!******************************************!*\
  !*** ./src/app/custom-reuse-strategy.ts ***!
  \******************************************/
/*! exports provided: CustomReuseStrategy */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CustomReuseStrategy", function() { return CustomReuseStrategy; });
var CustomReuseStrategy = /** @class */ (function () {
    function CustomReuseStrategy() {
    }
    CustomReuseStrategy.prototype.shouldDetach = function (route) {
        return false;
    };
    CustomReuseStrategy.prototype.store = function (route, handle) { };
    CustomReuseStrategy.prototype.shouldAttach = function (route) {
        return false;
    };
    CustomReuseStrategy.prototype.retrieve = function (route) {
        return null;
    };
    CustomReuseStrategy.prototype.shouldReuseRoute = function (future, curr) {
        return false;
    };
    return CustomReuseStrategy;
}());



/***/ }),

/***/ "./src/app/dashboard/match-service.service.ts":
/*!****************************************************!*\
  !*** ./src/app/dashboard/match-service.service.ts ***!
  \****************************************************/
/*! exports provided: MatchService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MatchService", function() { return MatchService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var MatchService = /** @class */ (function () {
    function MatchService() {
        this.matchTeamsSubject = new rxjs__WEBPACK_IMPORTED_MODULE_1__["BehaviorSubject"]([]);
        this.matchTeams$ = this.matchTeamsSubject.asObservable();
    }
    MatchService.prototype.getMatchTeams = function () {
        return this.matchTeams$;
    };
    MatchService.prototype.addMatchTeam = function (matchTeam) {
        var currentMatchTeams = this.matchTeamsSubject.value;
        if (!currentMatchTeams.find(function (team) { return team.teamName === matchTeam.teamName; })) {
            this.matchTeamsSubject.next(currentMatchTeams.concat([matchTeam]));
        }
    };
    MatchService.prototype.removeMatchTeam = function (matchTeam) {
        var currentMatchTeams = this.matchTeamsSubject.value.filter(function (team) { return team.teamName !== matchTeam.teamName; });
        this.matchTeamsSubject.next(currentMatchTeams);
    };
    MatchService.prototype.getAllMatches = function () {
        var dummyMatches = [
            { id: 1, name: 'Match 1', winningTeam: 'Team A', losingTeam: 'Team B' },
            { id: 2, name: 'Match 2', winningTeam: 'Team C', losingTeam: 'Team D' },
            { id: 3, name: 'Match 3', winningTeam: 'Team E', losingTeam: 'Team F' }
        ];
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_1__["of"])(dummyMatches);
    };
    MatchService.prototype.getLiveMatches = function () {
        var dummyLiveMatches = [
            { url: 'https://example.com/match/1', teamName: 'Team A vs Team B' },
            { url: 'https://example.com/match/2', teamName: 'Team C vs Team D' }
        ];
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_1__["of"])(dummyLiveMatches);
    };
    MatchService.prototype.getNotifications = function () {
        var dummyNotifications = [
            { message: 'User 1 placed a bet on Match 1' },
            { message: 'User 2 placed a bet on Match 2' },
            { message: 'User 3 placed a bet on Match 3' }
        ];
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_1__["of"])(dummyNotifications);
    };
    MatchService.prototype.getBetsForMatch = function (matchId) {
        var dummyBets = [
            { potentialWin: 100, potentialLoss: -50 },
            { potentialWin: 150, potentialLoss: -75 }
        ];
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_1__["of"])(dummyBets);
    };
    MatchService.prototype.subscribeToEventsTopic = function () {
        // For dummy data, we won't implement real WebSocket subscriptions
        return Object(rxjs__WEBPACK_IMPORTED_MODULE_1__["of"])(null);
    };
    MatchService = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [])
    ], MatchService);
    return MatchService;
}());



/***/ }),

/***/ "./src/app/layouts/admin-layouts/admin-layouts.component.css":
/*!*******************************************************************!*\
  !*** ./src/app/layouts/admin-layouts/admin-layouts.component.css ***!
  \*******************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/layouts/admin-layouts/admin-layouts.component.html":
/*!********************************************************************!*\
  !*** ./src/app/layouts/admin-layouts/admin-layouts.component.html ***!
  \********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div class=\"wrapper\" [class.sidebar-hidden]=\"!isSidebarVisible\">\r\n  <div class=\"sidebar\">\r\n      <app-sidebar (toggleSidebar)=\"handleToggleSidebar()\" ></app-sidebar>\r\n  </div>\r\n\r\n  <div class=\"main-panel\">\r\n    <app-navbar></app-navbar>\r\n    <app-banner></app-banner>\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n\r\n  \r\n</div>\r\n"

/***/ }),

/***/ "./src/app/layouts/admin-layouts/admin-layouts.component.ts":
/*!******************************************************************!*\
  !*** ./src/app/layouts/admin-layouts/admin-layouts.component.ts ***!
  \******************************************************************/
/*! exports provided: AdminLayoutsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdminLayoutsComponent", function() { return AdminLayoutsComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var src_app_component_sidebar_sidebar_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/component/sidebar/sidebar.service */ "./src/app/component/sidebar/sidebar.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var AdminLayoutsComponent = /** @class */ (function () {
    function AdminLayoutsComponent(sidebarService) {
        this.sidebarService = sidebarService;
        this.isSidebarVisible = true;
        console.log('hello');
    }
    AdminLayoutsComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.sidebarService.visibility$.subscribe(function (visible) {
            _this.isSidebarVisible = visible;
            console.log('Sidebar visibility toggled:', _this.isSidebarVisible); // Log visibility change
        });
    };
    AdminLayoutsComponent.prototype.handleToggleSidebar = function () {
        this.sidebarService.toggleVisibility();
    };
    AdminLayoutsComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-admin-layouts',
            template: __webpack_require__(/*! ./admin-layouts.component.html */ "./src/app/layouts/admin-layouts/admin-layouts.component.html"),
            styles: [__webpack_require__(/*! ./admin-layouts.component.css */ "./src/app/layouts/admin-layouts/admin-layouts.component.css")]
        }),
        __metadata("design:paramtypes", [src_app_component_sidebar_sidebar_service__WEBPACK_IMPORTED_MODULE_1__["SidebarService"]])
    ], AdminLayoutsComponent);
    return AdminLayoutsComponent;
}());



/***/ }),

/***/ "./src/app/loader/loader.component.css":
/*!*********************************************!*\
  !*** ./src/app/loader/loader.component.css ***!
  \*********************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/loader/loader.component.html":
/*!**********************************************!*\
  !*** ./src/app/loader/loader.component.html ***!
  \**********************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<div *ngIf=\"isLoading | async\" class=\"overlay\">\r\n  <mat-progress-spinner class=\"spinner\" [color]=\"color\" [mode]=\"mode\" [value]=\"value\">\r\n  </mat-progress-spinner>\r\n</div>"

/***/ }),

/***/ "./src/app/loader/loader.component.ts":
/*!********************************************!*\
  !*** ./src/app/loader/loader.component.ts ***!
  \********************************************/
/*! exports provided: LoaderComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoaderComponent", function() { return LoaderComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _loader_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./loader.service */ "./src/app/loader/loader.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var LoaderComponent = /** @class */ (function () {
    function LoaderComponent(loaderService) {
        this.loaderService = loaderService;
        this.color = 'primary';
        this.mode = 'indeterminate';
        this.value = 50;
        this.isLoading = this.loaderService.isLoading;
    }
    LoaderComponent.prototype.ngOnInit = function () {
    };
    LoaderComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-loader',
            template: __webpack_require__(/*! ./loader.component.html */ "./src/app/loader/loader.component.html"),
            styles: [__webpack_require__(/*! ./loader.component.css */ "./src/app/loader/loader.component.css")]
        }),
        __metadata("design:paramtypes", [_loader_service__WEBPACK_IMPORTED_MODULE_1__["LoaderService"]])
    ], LoaderComponent);
    return LoaderComponent;
}());



/***/ }),

/***/ "./src/app/loader/loader.interceptor.ts":
/*!**********************************************!*\
  !*** ./src/app/loader/loader.interceptor.ts ***!
  \**********************************************/
/*! exports provided: LoaderInterceptor */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoaderInterceptor", function() { return LoaderInterceptor; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var _loader_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./loader.service */ "./src/app/loader/loader.service.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};



var LoaderInterceptor = /** @class */ (function () {
    function LoaderInterceptor(loaderService) {
        this.loaderService = loaderService;
    }
    LoaderInterceptor.prototype.intercept = function (req, next) {
        var _this = this;
        this.loaderService.show();
        return next.handle(req).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_1__["finalize"])(function () {
            _this.loaderService.hide();
        }));
    };
    LoaderInterceptor = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(),
        __metadata("design:paramtypes", [_loader_service__WEBPACK_IMPORTED_MODULE_2__["LoaderService"]])
    ], LoaderInterceptor);
    return LoaderInterceptor;
}());



/***/ }),

/***/ "./src/app/loader/loader.service.ts":
/*!******************************************!*\
  !*** ./src/app/loader/loader.service.ts ***!
  \******************************************/
/*! exports provided: LoaderService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoaderService", function() { return LoaderService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};


var LoaderService = /** @class */ (function () {
    function LoaderService() {
        this.isLoading = new rxjs__WEBPACK_IMPORTED_MODULE_1__["Subject"]();
    }
    LoaderService.prototype.show = function () {
        this.isLoading.next(true);
    };
    LoaderService.prototype.hide = function () {
        this.isLoading.next(false);
    };
    LoaderService = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])()
    ], LoaderService);
    return LoaderService;
}());



/***/ }),

/***/ "./src/app/login/login.component.css":
/*!*******************************************!*\
  !*** ./src/app/login/login.component.css ***!
  \*******************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ""

/***/ }),

/***/ "./src/app/login/login.component.html":
/*!********************************************!*\
  !*** ./src/app/login/login.component.html ***!
  \********************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "\r\n\r\n <div class=\"wrapper\">\r\n  \r\n    <div class=\"main-content\">\r\n      <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-8\">\r\n    \r\n            <div class=\"card\">\r\n              <div class=\"card-header card-header-danger\">\r\n                <h4 class=\"card-title\">Login</h4>\r\n                <p class=\"card-category\">Please fill in your details</p>\r\n                </div>\r\n                <div class=\"card-body\">\r\n\r\n\r\n                    <!-- <div class=\"row\">\r\n            \r\n                        <div class=\"col-md-6\">\r\n                          <mat-form-field class=\"example-full-width\">\r\n                            <input matInput placeholder=\"User Name\" type=\"text\">\r\n                            <mat-error  \r\n                             class=\"form-error-msg\">Username is required</mat-error>\r\n                          </mat-form-field>\r\n                        </div>\r\n                        <div class=\"col-md-3\">\r\n                          <mat-form-field class=\"example-full-width\">\r\n                            <input matInput placeholder=\"Password\" type=\"password\">\r\n                          </mat-form-field>\r\n                        </div>\r\n                        <button mat-stroked-button [disabled]=\"signinForm.invalid\" id=\"signinBtn\"> Sign in </button>\r\n    \r\n                    </div> -->\r\n                    <form [formGroup]=\"signinForm\" (ngSubmit)=\"signin()\" autocomplete=\"off\">\r\n\r\n                      <input id=\"fakeUsername\" name=\"userName\" style=\"display:none\" type=\"text\" autocomplete=\"off\">\r\n                      <input id=\"fakePassword\" name=\"password\" style=\"display:none\" type=\"password\" autocomplete=\"off\">\r\n                  \r\n                      <h3>Please fill in your username and password</h3>\r\n                  \r\n                      <mat-form-field class=\"full-width\">\r\n                        <mat-label class=\"white\">Username</mat-label>\r\n                        <input matInput maxlength=\"30\" name=\"username\" formControlName=\"username\" required id=\"username\"\r\n                          autocomplete=\"off\">\r\n                        <mat-error  class=\"form-error-msg\">Username is required</mat-error>\r\n                      </mat-form-field>\r\n                  \r\n                      <mat-form-field class=\"full-width\">\r\n                        <mat-label class=\"white\">Password</mat-label>\r\n                        <input matInput type=\"password\" name=\"password\" formControlName=\"password\" required id=\"password\"\r\n                          autocomplete=\"off\">\r\n                        <mat-error class=\"form-error-msg\">Password is required</mat-error>\r\n                      </mat-form-field>\r\n                  \r\n                      <button  mat-stroked-button  id=\"signinBtn\"> Sign in </button>\r\n                  \r\n                    </form>\r\n\r\n                 </div>\r\n                 \r\n            </div>\r\n          </div>\r\n        </div>\r\n       </div>\r\n     </div>\r\n  \r\n</div>"

/***/ }),

/***/ "./src/app/login/login.component.ts":
/*!******************************************!*\
  !*** ./src/app/login/login.component.ts ***!
  \******************************************/
/*! exports provided: LoginComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LoginComponent", function() { return LoginComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "./node_modules/@angular/forms/fesm5/forms.js");
/* harmony import */ var _auth_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../auth.service */ "./src/app/auth.service.ts");
/* harmony import */ var _token_storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../token.storage */ "./src/app/token.storage.ts");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
/* harmony import */ var rxjs_internal_observable_empty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/internal/observable/empty */ "./node_modules/rxjs/internal/observable/empty.js");
/* harmony import */ var rxjs_internal_observable_empty__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(rxjs_internal_observable_empty__WEBPACK_IMPORTED_MODULE_6__);
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};







var LoginComponent = /** @class */ (function () {
    function LoginComponent(builder, authService, tokenStorage, router) {
        this.builder = builder;
        this.authService = authService;
        this.tokenStorage = tokenStorage;
        this.router = router;
        this.initForm();
    }
    LoginComponent.prototype.ngOnInit = function () {
        this.logout();
    };
    LoginComponent.prototype.signin = function () {
        var _this = this;
        console.log("attempt to sign in");
        this.authService.attemptAuth(this.signinForm.value).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["switchMap"])(function (res) {
            console.log(res);
            var user = window.atob(res.body.token.split('.')[1]);
            console.log(user);
            _this.tokenStorage.saveToken(user, res.body.token);
            user = JSON.parse(user);
            return _this.authService.getUserByName(user.sub);
        }), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_5__["catchError"])(function (err) {
            console.error(err);
            // handle error appropriately
            return rxjs_internal_observable_empty__WEBPACK_IMPORTED_MODULE_6__["EMPTY"]; // or throwError(err) based on your error handling strategy
        })).subscribe(function (userDetails) {
            _this.authService.updateUserDetails(userDetails);
            _this.router.navigate(['Home']);
        });
    };
    LoginComponent.prototype.logout = function () {
        // Remove user from local storage to log user out
        this.tokenStorage.signOut();
    };
    LoginComponent.prototype.initForm = function () {
        this.signinForm = this.builder.group({
            username: ["", _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            password: ["", _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]
        });
    };
    LoginComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-login',
            template: __webpack_require__(/*! ./login.component.html */ "./src/app/login/login.component.html"),
            styles: [__webpack_require__(/*! ./login.component.css */ "./src/app/login/login.component.css")]
        }),
        __metadata("design:paramtypes", [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"],
            _auth_service__WEBPACK_IMPORTED_MODULE_2__["AuthService"],
            _token_storage__WEBPACK_IMPORTED_MODULE_3__["TokenStorage"],
            _angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"]])
    ], LoginComponent);
    return LoginComponent;
}());



/***/ }),

/***/ "./src/app/logout-form/logout-form.component.css":
/*!*******************************************************!*\
  !*** ./src/app/logout-form/logout-form.component.css ***!
  \*******************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = ".dialog-title {\r\n    color: #003366; /* Primary color of your application */\r\n    font-weight: bold;\r\n  }\r\n  \r\n  .dialog-content {\r\n    font-size: 16px;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .dialog-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n  \r\n  .dialog-button {\r\n    min-width: 100px;\r\n  }\r\n  \r\n  .cancel-button {\r\n    background-color: #f44336; /* Red color */\r\n    color: white;\r\n    margin-right: 10px;\r\n  }\r\n  \r\n  .logout-button {\r\n    background-color: #4caf50; /* Green color */\r\n    color: white;\r\n  }\r\n  \r\n  .dialog-button:hover {\r\n    opacity: 0.8;\r\n  }\r\n  "

/***/ }),

/***/ "./src/app/logout-form/logout-form.component.html":
/*!********************************************************!*\
  !*** ./src/app/logout-form/logout-form.component.html ***!
  \********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

module.exports = "<h1 mat-dialog-title class=\"dialog-title\">Confirm Logout</h1>\r\n<div mat-dialog-content class=\"dialog-content\">\r\n  <p>Are you sure you want to logout?</p>\r\n</div>\r\n<div mat-dialog-actions class=\"dialog-actions\">\r\n  <button mat-button class=\"dialog-button cancel-button\" (click)=\"onCancel()\">Cancel</button>\r\n  <button mat-button class=\"dialog-button logout-button\" (click)=\"onLogout()\">Logout</button>\r\n</div>\r\n"

/***/ }),

/***/ "./src/app/logout-form/logout-form.component.ts":
/*!******************************************************!*\
  !*** ./src/app/logout-form/logout-form.component.ts ***!
  \******************************************************/
/*! exports provided: LogoutFormComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LogoutFormComponent", function() { return LogoutFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/material */ "./node_modules/@angular/material/esm5/material.es5.js");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "./node_modules/@angular/router/fesm5/router.js");
/* harmony import */ var _token_storage__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../token.storage */ "./src/app/token.storage.ts");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};




var LogoutFormComponent = /** @class */ (function () {
    function LogoutFormComponent(dialogRef, router, // Inject the router
    tokenStorage // Inject the TokenStorage service
    ) {
        this.dialogRef = dialogRef;
        this.router = router;
        this.tokenStorage = tokenStorage;
    }
    LogoutFormComponent.prototype.ngOnInit = function () {
        //
    };
    LogoutFormComponent.prototype.onCancel = function () {
        this.dialogRef.close();
    };
    LogoutFormComponent.prototype.onLogout = function () {
        this.tokenStorage.signOut(); // Assuming you have a signOut method to remove the token
        // Logic for logout action
        this.dialogRef.close(true);
        // Navigate to the login page
        this.router.navigate(['/login']);
    };
    LogoutFormComponent = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
            selector: 'app-logout-form',
            template: __webpack_require__(/*! ./logout-form.component.html */ "./src/app/logout-form/logout-form.component.html"),
            styles: [__webpack_require__(/*! ./logout-form.component.css */ "./src/app/logout-form/logout-form.component.css")]
        }),
        __metadata("design:paramtypes", [_angular_material__WEBPACK_IMPORTED_MODULE_1__["MatDialogRef"],
            _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"],
            _token_storage__WEBPACK_IMPORTED_MODULE_3__["TokenStorage"] // Inject the TokenStorage service
        ])
    ], LogoutFormComponent);
    return LogoutFormComponent;
}());



/***/ }),

/***/ "./src/app/token.storage.ts":
/*!**********************************!*\
  !*** ./src/app/token.storage.ts ***!
  \**********************************/
/*! exports provided: TokenStorage */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TokenStorage", function() { return TokenStorage; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var jwt_decode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! jwt-decode */ "./node_modules/jwt-decode/build/esm/index.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};


var TOKEN_KEY = 'AuthToken';
var USER_KEY = 'User';
var TokenStorage = /** @class */ (function () {
    function TokenStorage() {
    }
    TokenStorage.prototype.signOut = function () {
        window.sessionStorage.removeItem(TOKEN_KEY);
        window.sessionStorage.removeItem(USER_KEY);
        window.sessionStorage.clear();
    };
    TokenStorage.prototype.saveToken = function (user, token) {
        window.sessionStorage.removeItem(TOKEN_KEY);
        window.sessionStorage.removeItem(USER_KEY);
        window.sessionStorage.setItem(TOKEN_KEY, token);
        window.sessionStorage.setItem(USER_KEY, user);
    };
    TokenStorage.prototype.getToken = function () {
        return sessionStorage.getItem(TOKEN_KEY);
    };
    TokenStorage.prototype.getUser = function () {
        return sessionStorage.getItem(USER_KEY);
    };
    TokenStorage.prototype.isTokenExpired = function (token) {
        if (!token)
            return true;
        var decoded = Object(jwt_decode__WEBPACK_IMPORTED_MODULE_1__["jwtDecode"])(token);
        if (!decoded.exp)
            return true;
        var expiryTime = decoded.exp * 1000;
        return expiryTime < Date.now();
    };
    TokenStorage.prototype.isLoggedIn = function () {
        var token = this.getToken();
        return token !== null && !this.isTokenExpired(token);
    };
    TokenStorage = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])({
            providedIn: 'root'
        }),
        __metadata("design:paramtypes", [])
    ], TokenStorage);
    return TokenStorage;
}());



/***/ }),

/***/ "./src/app/utils/elapsed-time.pipe.ts":
/*!********************************************!*\
  !*** ./src/app/utils/elapsed-time.pipe.ts ***!
  \********************************************/
/*! exports provided: ElapsedTimePipe */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ElapsedTimePipe", function() { return ElapsedTimePipe; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};

var ElapsedTimePipe = /** @class */ (function () {
    function ElapsedTimePipe() {
    }
    ElapsedTimePipe.prototype.transform = function (value, args) {
        return null;
    };
    ElapsedTimePipe = __decorate([
        Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({
            name: 'elapsedTime'
        })
    ], ElapsedTimePipe);
    return ElapsedTimePipe;
}());



/***/ }),

/***/ "./src/environments/environment.ts":
/*!*****************************************!*\
  !*** ./src/environments/environment.ts ***!
  \*****************************************/
/*! exports provided: environment */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "environment", function() { return environment; });
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
var environment = {
    production: false,
    ws: {
        brokerURL: 'wss://bet.victoryline.live/ws/websocket',
        login: 'guest',
        passcode: 'guest'
    },
    apiUrl: 'https://bet.victoryline.live/api',
    REST_API_URL: 'https://bet.victoryline.live/api/',
    REST_API_SCRAPING_URL: 'https://bet.victoryline.live/'
    /* ws: {
     brokerURL: 'ws://127.0.0.1:8099/ws/websocket',
     login: 'guest',
     passcode: 'guest'
   },
   apiUrl: 'http://127.0.0.1:8099',
   REST_API_URL: 'http://127.0.0.1:8099/',
   REST_API_SCRAPING_URL: 'http://127.0.0.1:5000/' */
};
/*
 * For easier debugging in development mode, you can import the following file
 * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
 *
 * This import should be commented out in production mode because it will have a negative impact
 * on performance if an error is thrown.
 */
// import 'zone.js/dist/zone-error';  // Included with Angular CLI.


/***/ }),

/***/ "./src/main.ts":
/*!*********************!*\
  !*** ./src/main.ts ***!
  \*********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hammerjs */ "./node_modules/hammerjs/hammer.js");
/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
/* harmony import */ var _angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/platform-browser-dynamic */ "./node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js");
/* harmony import */ var _app_app_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app/app.module */ "./src/app/app.module.ts");
/* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./environments/environment */ "./src/environments/environment.ts");





if (_environments_environment__WEBPACK_IMPORTED_MODULE_4__["environment"].production) {
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["enableProdMode"])();
}
Object(_angular_platform_browser_dynamic__WEBPACK_IMPORTED_MODULE_2__["platformBrowserDynamic"])().bootstrapModule(_app_app_module__WEBPACK_IMPORTED_MODULE_3__["AppModule"])
    .catch(function (err) { return console.error(err); });


/***/ }),

/***/ 0:
/*!***************************!*\
  !*** multi ./src/main.ts ***!
  \***************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__(/*! /app/src/main.ts */"./src/main.ts");


/***/ })

},[[0,"runtime","vendor"]]]);
//# sourceMappingURL=main.js.map