Left file: appwork-v1_4_0/angular-starter/src/app/app.service.ts  
Right file: appwork-v1_5_0/angular-starter/src/app/app.service.ts  

1	import { Injectable } from '@angular/core';	=	1	import { Injectable } from '@angular/core';
2	import { Title } from '@angular/platform-browser';		2	import { Title } from '@angular/platform-browser';
3			3
4	@Injectable()		4	@Injectable()
5	export class AppService {		5	export class AppService {
6	constructor(private titleService: Title) {}		6	constructor(private titleService: Title) {}
7			7
8	// Set page title		8	// Set page title
9	set pageTitle(value: string) {		9	set pageTitle(value: string) {
10	this.titleService.setTitle(`${value} - Angular Starter`);		10	this.titleService.setTitle(`${value} - Angular Starter`);
11	}		11	}
12			12
13	// Check for RTL layout		13	// Check for RTL layout
14	get isRTL() {		14	get isRTL() {
15	return document.documentElement.getAttribute('dir') === 'rtl' ||		15	return document.documentElement.getAttribute('dir') === 'rtl' ||
16	document.body.getAttribute('dir') === 'rtl';		16	document.body.getAttribute('dir') === 'rtl';
17	}		17	}
18			18
19	// Check if IE10		19	// Check if IE10
20	get isIE10() {		20	get isIE10() {
21	return typeof document['documentMode'] === 'number' && document['documentMode'] === 10;	<>	21	return (document as any).documentMode === 10;
22	}	=	22	}
23			23
24	// Layout navbar color		24	// Layout navbar color
25	get layoutNavbarBg() {		25	get layoutNavbarBg() {
26	return 'navbar-theme';		26	return 'navbar-theme';
27	}		27	}
28			28
29	// Layout sidenav color		29	// Layout sidenav color
30	get layoutSidenavBg() {		30	get layoutSidenavBg() {
31	return 'sidenav-theme';		31	return 'sidenav-theme';
32	}		32	}
33			33
34	// Layout footer color		34	// Layout footer color
35	get layoutFooterBg() {		35	get layoutFooterBg() {
36	return 'footer-theme';		36	return 'footer-theme';
37	}		37	}
38			38
39	// Animate scrollTop		39	// Animate scrollTop
40	scrollTop(to: number, duration: number, element = document.scrollingElement || document.documentElement) {		40	scrollTop(to: number, duration: number, element = document.scrollingElement || document.documentElement) {
41	if (element.scrollTop === to) { return; }		41	if (element.scrollTop === to) { return; }
42	const start = element.scrollTop;		42	const start = element.scrollTop;
43	const change = to - start;		43	const change = to - start;
44	const startDate = +new Date();		44	const startDate = +new Date();
45			45
46	// t = current time; b = start value; c = change in value; d = duration		46	// t = current time; b = start value; c = change in value; d = duration
47	const easeInOutQuad = (t, b, c, d) => {		47	const easeInOutQuad = (t, b, c, d) => {
48	t /= d / 2;		48	t /= d / 2;
49	if (t < 1) { return c / 2 * t * t + b; }		49	if (t < 1) { return c / 2 * t * t + b; }
50	t--;		50	t--;
51	return -c / 2 * (t * (t - 2) - 1) + b;		51	return -c / 2 * (t * (t - 2) - 1) + b;
52	};		52	};
53			53
54	const animateScroll = () => {		54	const animateScroll = () => {
55	const currentDate = +new Date();		55	const currentDate = +new Date();
56	const currentTime = currentDate - startDate;		56	const currentTime = currentDate - startDate;
57	element.scrollTop = parseInt(easeInOutQuad(currentTime, start, change, duration), 10);		57	element.scrollTop = parseInt(easeInOutQuad(currentTime, start, change, duration), 10);
58	if (currentTime < duration) {		58	if (currentTime < duration) {
59	requestAnimationFrame(animateScroll);		59	requestAnimationFrame(animateScroll);
60	} else {		60	} else {
61	element.scrollTop = to;		61	element.scrollTop = to;
62	}		62	}
63	};		63	};
64			64
65	animateScroll();		65	animateScroll();
66	}		66	}
67	}		67	}