important refactor

package.json

@@ -80,6 +80,7 @@
     "proj4": "^2.5.0",
     "rxjs": "~6.5.4",
     "shpjs": "^3.6.3",
+    "ts-keycode-enum": "^1.0.6",
     "tslib": "^2.0.0",
     "wellknown": "^0.5.0",
     "zone.js": "~0.10.2"

src/app/@ansyn/ansyn/modules/core/components/angle-filter/angle-filter.component.ts

@@ -1,8 +1,7 @@
 import { Component, ElementRef, HostBinding, HostListener, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import {
 	ImageryCommunicatorService,
-	toDegrees,
-	toRadians
+	toDegrees
 } from '@ansyn/imagery';
 import {
 	ContextMenuShowAngleFilter,

src/app/@ansyn/ansyn/modules/core/core.module.ts

@@ -17,6 +17,7 @@ import { HTTP_INTERCEPTORS } from '@angular/common/http';
 import { CacheInterceptorsService } from './services/http-request-cache/cache-interceptors.service';
 import { CacheRequestService } from './services/http-request-cache/cache-request.service';
 import { CredentialsService } from './services/credentials/credentials.service';
+import { KeysListenerService } from "./services/keys-listener.service";
 
 @NgModule({
 	imports: [
@@ -33,7 +34,8 @@ import { CredentialsService } from './services/credentials/credentials.service';
 		AreaToCredentialsService,
 		CredentialsService,
 		CacheRequestService,
-		{ provide: HTTP_INTERCEPTORS, useClass: CacheInterceptorsService, multi: true}
+		KeysListenerService,
+		{provide: HTTP_INTERCEPTORS, useClass: CacheInterceptorsService, multi: true}
 	],
 	exports: [
 		AnsynTranslationModule,

src/app/@ansyn/ansyn/modules/core/services/keys-listener.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { KeysListenerService } from './keys-listener.service';
+
+describe('KeysListenerService', () => {
+	let service: KeysListenerService;
+
+	beforeEach(() => {
+		TestBed.configureTestingModule({});
+		service = TestBed.inject(KeysListenerService);
+	});
+
+	it('should be created', () => {
+		expect(service).toBeTruthy();
+	});
+});

src/app/@ansyn/ansyn/modules/core/services/keys-listener.service.ts

@@ -0,0 +1,43 @@
+import { Injectable, Output, EventEmitter } from '@angular/core';
+import { fromEvent } from "rxjs";
+
+@Injectable({providedIn: 'any'})
+export class KeysListenerService {
+
+	@Output() keyup = new EventEmitter<KeyboardEvent>();
+	@Output() keypress = new EventEmitter<KeyboardEvent>();
+	@Output() keydown = new EventEmitter<KeyboardEvent>();
+	events: string[] = ['keypress', 'keyup', 'keydown'];
+
+	constructor() {
+		this.events.forEach(eventName => fromEvent(document, eventName).subscribe(($event: KeyboardEvent ) =>
+		{
+			if (this.isElementNotValid($event)) {
+				return;
+			}
+			this[`${eventName}`].emit($event)
+		}))
+	}
+
+	isElementNotValid($event: KeyboardEvent) {
+		const {activeElement} = (<Window>$event.view).document;
+		return this.isElementInput(activeElement) || this.isTimePicker(activeElement);
+	}
+
+	isElementInput(activeElement) {
+		return activeElement instanceof HTMLInputElement;
+	}
+
+	isTimePicker(activeElement) {
+		const {className} = activeElement;
+		return className.includes('owl') || className.includes('title');
+	}
+
+	keyWasUsed(event: KeyboardEvent, key: number): boolean {
+		return event.which === key;
+	}
+
+	keysWereUsed(event: KeyboardEvent, keys: number[]): boolean {
+		return keys.some(key => this.keyWasUsed(event, key));
+	}
+}

src/app/@ansyn/ansyn/modules/easter-eggs/pacman-popup/pacman-popup.component.html

@@ -0,0 +1,2 @@
+<div class="grid" #grid></div>
+<h3>Score:<span id="score" #score>0</span> <div id="result" #result></div></h3>

src/app/@ansyn/ansyn/modules/easter-eggs/pacman-popup/pacman-popup.component.less

@@ -0,0 +1,79 @@
+.grid {
+    display: flex;
+    flex-wrap: wrap;
+    width: 560px;
+    height: 560px;
+    border: solid black;
+    background-color: black;
+}
+
+.grid div {
+    width: 20px;
+    height: 20px;
+}
+
+.pac-dot {
+    background-color: white;
+    border: 7px solid black;
+    box-sizing: border-box;
+    border-radius: 50%;
+}
+
+.wall {
+    background-color: blue;
+}
+
+.power-pellet {
+    background-color: rgb(140, 206, 255);
+    border-radius: 50%;
+    border: 3px solid black;
+    box-sizing: border-box;
+}
+
+.ghost {
+	box-sizing: border-box;
+	background-color: darkred;
+	border-radius: 0px !important;
+	border: none !important;
+}
+
+@length: 2;
+@random: `Math.ceil(Math.random() * (@{length}))`;
+@contentRoot: '/assets/important';
+
+@blinkyImages: 'yehonatan.jpg', 'tzahi.jpg';
+@randomBlinkyimage: extract(@blinkyImages,@random);
+
+.blinky {
+    background:  url('@{contentRoot}/@{randomBlinkyimage}');
+}
+
+@pinkyImages: 'aviv.jpg', 'pini.jpg';
+@randomPinkyimage: extract(@pinkyImages,@random);
+
+.pinky {
+    background: url('@{contentRoot}/@{randomPinkyimage}');
+}
+
+@inkyImages: 'elor.jpg', 'yuval.jpg';
+@randomInkyimage: extract(@inkyImages,@random);
+
+.inky {
+    background: url('@{contentRoot}/@{randomInkyimage}');
+}
+
+@clydeImages: 'adani.jpg', 'rom.jpg';
+@randomClydeimage: extract(@clydeImages,@random);
+
+.clyde {
+	background: url('@{contentRoot}/@{randomClydeimage}');
+}
+
+.pac-man {
+    background-color: yellow;
+    border-radius: 50%;
+}
+
+.scared-ghost {
+    background: url('@{contentRoot}/dana.JPG');
+}

src/app/@ansyn/ansyn/modules/easter-eggs/pacman-popup/pacman-popup.component.spec.ts

@@ -0,0 +1,38 @@
+import { async, ComponentFixture, inject, TestBed } from '@angular/core/testing';
+
+import { PacmanPopupComponent } from './pacman-popup.component';
+import { Store, StoreModule } from "@ngrx/store";
+import { IStatusBarState, statusBarFeatureKey, StatusBarReducer } from "../../status-bar/reducers/status-bar.reducer";
+import { selectActiveMapId, selectMapsList, selectOverlayOfActiveMap } from "@ansyn/map-facade";
+import { of } from "rxjs";
+
+describe('PacmanPopupComponent', () => {
+	let component: PacmanPopupComponent;
+	let fixture: ComponentFixture<PacmanPopupComponent>;
+	let store: Store<IStatusBarState>;
+	let statusBarState: IStatusBarState;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			imports: [
+				StoreModule.forRoot({
+					[statusBarFeatureKey]: StatusBarReducer
+				})
+			],
+			declarations: [ PacmanPopupComponent ]
+		})
+			.compileComponents();
+	}));
+
+	beforeEach(inject([Store], (_store: Store<IStatusBarState>) => {
+		store = _store;
+
+		fixture = TestBed.createComponent(PacmanPopupComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	}));
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});