;
16 |
17 | constructor(private route: ActivatedRoute, private characterSvc: CharacterService, private location: Location) { }
18 |
19 | ngOnInit(): void {
20 | this.route.params.pipe(take(1)).subscribe((params) => {
21 | const id = params['id'];
22 | this.character$ = this.characterSvc.getDetails(id);
23 | })
24 | }
25 |
26 | onGoBack(): void {
27 | this.location.back();
28 | }
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-details/character-details.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { CharacterDetailsRoutingModule } from './character-details-routing.module';
5 |
6 |
7 | @NgModule({
8 | declarations: [],
9 | imports: [
10 | CommonModule,
11 | CharacterDetailsRoutingModule
12 | ]
13 | })
14 | export class CharacterDetailsModule { }
15 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { CharacterListComponent } from './character-list.component';
4 |
5 | const routes: Routes = [{ path: '', component: CharacterListComponent }];
6 |
7 | @NgModule({
8 | imports: [RouterModule.forChild(routes)],
9 | exports: [RouterModule]
10 | })
11 | export class CharacterListRoutingModule { }
12 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list.component.html:
--------------------------------------------------------------------------------
1 |
10 |
11 | Developed by paulo-magls
12 |
13 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulo-magls/rick-and-morty-application/bc89ebe5ce86555f597aedcaf13e9e96bb63c564/src/app/components/pages/characters/character-list/character-list.component.scss
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CharacterListComponent } from './character-list.component';
4 |
5 | describe('CharacterListComponent', () => {
6 | let component: CharacterListComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ CharacterListComponent ]
12 | })
13 | .compileComponents();
14 |
15 | fixture = TestBed.createComponent(CharacterListComponent);
16 | component = fixture.componentInstance;
17 | fixture.detectChanges();
18 | });
19 |
20 | it('should create', () => {
21 | expect(component).toBeTruthy();
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, HostListener, Inject, OnInit } from '@angular/core';
2 | import { ActivatedRoute, NavigationEnd, ParamMap, Router } from '@angular/router';
3 | import { DOCUMENT } from '@angular/common';
4 | import { take, filter } from 'rxjs/operators';
5 |
6 | import { Character } from '@app/shared/interfaces/character.interface';
7 | import { CharacterService } from '@app/shared/services/character.service';
8 | type RequestInfo = {
9 | next: null
10 | }
11 |
12 | @Component({
13 | selector: 'app-character-list',
14 | templateUrl: './character-list.component.html',
15 | styleUrls: ['./character-list.component.scss']
16 | })
17 | export class CharacterListComponent implements OnInit {
18 | characters: Character[] = [];
19 |
20 | info: RequestInfo = {
21 | next: null
22 | }
23 |
24 | showGoUpButton = false;
25 |
26 | private pageNum = 1;
27 | private query?: string;
28 | private hideScrollHeight = 200;
29 | private showScrollHeight = 500;
30 |
31 | constructor(
32 | @Inject(DOCUMENT) private document: Document,
33 | private characterSvc: CharacterService,
34 | private route: ActivatedRoute,
35 | private router: Router
36 | ) {
37 | this.onUrlChanged();
38 | }
39 |
40 | ngOnInit(): void {
41 | this.getCharactersByQuery();
42 | }
43 |
44 | @HostListener('window:scroll', [])
45 | onWindowScroll(): void {
46 | const yOffSet = window.pageYOffset;
47 | if((yOffSet || this.document.documentElement.scrollTop || this.document.body.scrollTop) > this.showScrollHeight) {
48 | this.showGoUpButton = true;
49 | } else if (this.showGoUpButton && (yOffSet || this.document.documentElement.scrollTop || this.document.body.scrollTop) < this.hideScrollHeight){
50 | this.showGoUpButton = false;
51 | }
52 | }
53 |
54 | onScrollDown(): void {
55 | if(this.info.next){
56 | this.pageNum++;
57 | this.getDataFromService();
58 | }
59 | }
60 |
61 | onScrollTop(): void {
62 | this.document.body.scrollTop = 0; // Safari
63 | this.document.documentElement.scrollTop = 0; // Others
64 | }
65 |
66 | private onUrlChanged(): void {
67 | this.router.events
68 | .pipe(filter((event) => event instanceof NavigationEnd))
69 | .subscribe(()=> {
70 | this.characters = [];
71 | this.pageNum = 1;
72 | this.getCharactersByQuery();
73 | });
74 | }
75 |
76 | private getCharactersByQuery(): void {
77 | this.route.queryParams.pipe(take(1)).subscribe((params: ParamMap) => {
78 | console.log('Params -> ', params);
79 | this.query = params['q'];
80 | this.getDataFromService();
81 | })
82 | }
83 |
84 | private getDataFromService(): void {
85 | this.characterSvc.searchCharacters(this.query, this.pageNum)
86 | .pipe(take(1))
87 | .subscribe((res: any) => {
88 | if(res?.results?.length) {
89 | const {info, results} = res;
90 | this.characters = [... this.characters, ... results];
91 | this.info = info;
92 | } else {
93 | this.characters = [];
94 | }
95 | });
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character-list/character-list.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { CharacterListRoutingModule } from './character-list-routing.module';
5 |
6 |
7 | @NgModule({
8 | declarations: [],
9 | imports: [
10 | CommonModule,
11 | CharacterListRoutingModule
12 | ]
13 | })
14 | export class CharacterListModule { }
15 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/character.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 | import { Character } from '@app/shared/interfaces/character.interface';
3 |
4 | @Component({
5 | selector:'app-character',
6 | template:`
7 | `,
28 | changeDetection:ChangeDetectionStrategy.OnPush
29 | })
30 | export class CharacterComponent {
31 | @Input() character: Character;
32 | }
33 |
--------------------------------------------------------------------------------
/src/app/components/pages/characters/characters.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { RouterModule } from '@angular/router';
4 | import { CharacterDetailsComponent } from './character-details/character-details.component';
5 | import { CharacterListComponent } from './character-list/character-list.component';
6 | import { CharacterComponent } from './character.component';
7 | import { InfiniteScrollModule } from 'ngx-infinite-scroll';
8 |
9 | const myComponents = [
10 | CharacterDetailsComponent,
11 | CharacterListComponent,
12 | CharacterComponent
13 | ]
14 |
15 | @NgModule({
16 | declarations: [... myComponents],
17 | imports: [CommonModule, RouterModule, InfiniteScrollModule],
18 | exports: [... myComponents]
19 | })
20 | export class CharactersModule { }
21 |
--------------------------------------------------------------------------------
/src/app/components/pages/home/home-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { HomeComponent } from './home.component';
4 |
5 | const routes: Routes = [{ path: '', component: HomeComponent }];
6 |
7 | @NgModule({
8 | imports: [RouterModule.forChild(routes)],
9 | exports: [RouterModule]
10 | })
11 | export class HomeRoutingModule { }
12 |
--------------------------------------------------------------------------------
/src/app/components/pages/home/home.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/components/pages/home/home.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulo-magls/rick-and-morty-application/bc89ebe5ce86555f597aedcaf13e9e96bb63c564/src/app/components/pages/home/home.component.scss
--------------------------------------------------------------------------------
/src/app/components/pages/home/home.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { HomeComponent } from './home.component';
4 |
5 | describe('HomeComponent', () => {
6 | let component: HomeComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ HomeComponent ]
12 | })
13 | .compileComponents();
14 |
15 | fixture = TestBed.createComponent(HomeComponent);
16 | component = fixture.componentInstance;
17 | fixture.detectChanges();
18 | });
19 |
20 | it('should create', () => {
21 | expect(component).toBeTruthy();
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/src/app/components/pages/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-home',
5 | templateUrl: './home.component.html',
6 | styleUrls: ['./home.component.scss']
7 | })
8 | export class HomeComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/components/pages/home/home.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { HomeRoutingModule } from './home-routing.module';
5 | import { HomeComponent } from './home.component';
6 | import { CharactersModule } from '../characters/characters.module';
7 |
8 |
9 | @NgModule({
10 | declarations: [
11 | HomeComponent
12 | ],
13 | imports: [
14 | CommonModule,
15 | HomeRoutingModule,
16 | CharactersModule
17 | ]
18 | })
19 | export class HomeModule { }
20 |
--------------------------------------------------------------------------------
/src/app/shared/components/form-search/form-search.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 |
4 | @Component({
5 | selector: 'app-form-search',
6 | template: `
7 |
15 | `,
16 | styles: ['input {width:100%;}']
17 | })
18 | export class FormSearchComponent implements OnInit {
19 |
20 | constructor(private router: Router) { }
21 |
22 | ngOnInit(): void {
23 | }
24 |
25 | onSearch(value: string) {
26 | if(value && value.length > 3){
27 | this.router.navigate(['/character-list'], {
28 | queryParams: { q: value }
29 | })
30 | }
31 | }
32 |
33 | }
34 |
--------------------------------------------------------------------------------
/src/app/shared/components/header/header.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/shared/components/header/header.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulo-magls/rick-and-morty-application/bc89ebe5ce86555f597aedcaf13e9e96bb63c564/src/app/shared/components/header/header.component.scss
--------------------------------------------------------------------------------
/src/app/shared/components/header/header.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { HeaderComponent } from './header.component';
4 |
5 | describe('HeaderComponent', () => {
6 | let component: HeaderComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async () => {
10 | await TestBed.configureTestingModule({
11 | declarations: [ HeaderComponent ]
12 | })
13 | .compileComponents();
14 |
15 | fixture = TestBed.createComponent(HeaderComponent);
16 | component = fixture.componentInstance;
17 | fixture.detectChanges();
18 | });
19 |
20 | it('should create', () => {
21 | expect(component).toBeTruthy();
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/src/app/shared/components/header/header.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-header',
5 | templateUrl: './header.component.html',
6 | styleUrls: ['./header.component.scss']
7 | })
8 | export class HeaderComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit(): void {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/shared/interfaces/character.interface.ts:
--------------------------------------------------------------------------------
1 | export interface Character {
2 | id: number;
3 | name: string;
4 | image: string;
5 | species: string;
6 | gender: string;
7 | created: string;
8 | status: string;
9 | }
--------------------------------------------------------------------------------
/src/app/shared/services/character.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { CharacterService } from './character.service';
4 |
5 | describe('CharacterService', () => {
6 | let service: CharacterService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(CharacterService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/shared/services/character.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { HttpClient } from '@angular/common/http';
3 | import { Character } from '../interfaces/character.interface';
4 | import { environment } from 'src/environments/environment';
5 |
6 | @Injectable({
7 | providedIn: 'root'
8 | })
9 | export class CharacterService {
10 |
11 | constructor(private http: HttpClient) { }
12 |
13 | searchCharacters(query = '', page = 1) {
14 | const filter = `${environment.baseUrlAPI}/?name=${query}&page=${page}`;
15 | return this.http.get(filter);
16 | }
17 |
18 | getDetails(id: number) {
19 | return this.http.get(`${environment.baseUrlAPI}/${id}`);
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulo-magls/rick-and-morty-application/bc89ebe5ce86555f597aedcaf13e9e96bb63c564/src/assets/.gitkeep
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true,
3 | baseUrlAPI: 'https://rickandmortyapi.com/api/character/'
4 | };
5 |
--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // This file can be replaced during build by using the `fileReplacements` array.
2 | // `ng build` replaces `environment.ts` with `environment.prod.ts`.
3 | // The list of file replacements can be found in `angular.json`.
4 |
5 | export const environment = {
6 | production: false,
7 | baseUrlAPI: 'https://rickandmortyapi.com/api/character/'
8 | };
9 |
10 | /*
11 | * For easier debugging in development mode, you can import the following file
12 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
13 | *
14 | * This import should be commented out in production mode because it will have a negative impact
15 | * on performance if an error is thrown.
16 | */
17 | // import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
18 |
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/paulo-magls/rick-and-morty-application/bc89ebe5ce86555f597aedcaf13e9e96bb63c564/src/favicon.ico
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Rick and Morty Application
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes recent versions of Safari, Chrome (including
12 | * Opera), Edge on the desktop, and iOS and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/guide/browser-support
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /**
22 | * By default, zone.js will patch all possible macroTask and DomEvents
23 | * user can disable parts of macroTask/DomEvents patch by setting following flags
24 | * because those flags need to be set before `zone.js` being loaded, and webpack
25 | * will put import in the top of bundle, so user need to create a separate file
26 | * in this directory (for example: zone-flags.ts), and put the following flags
27 | * into that file, and then add the following code before importing zone.js.
28 | * import './zone-flags';
29 | *
30 | * The flags allowed in zone-flags.ts are listed here.
31 | *
32 | * The following flags will work for all browsers.
33 | *
34 | * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
35 | * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
36 | * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
37 | *
38 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
39 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
40 | *
41 | * (window as any).__Zone_enable_cross_context_check = true;
42 | *
43 | */
44 |
45 | /***************************************************************************************************
46 | * Zone JS is required by default for Angular itself.
47 | */
48 | import 'zone.js'; // Included with Angular CLI.
49 |
50 |
51 | /***************************************************************************************************
52 | * APPLICATION IMPORTS
53 | */
54 |
--------------------------------------------------------------------------------
/src/styles.scss:
--------------------------------------------------------------------------------
1 | html {
2 | scroll-behavior: smooth;
3 | }
4 |
5 | body {
6 | background-color: rgb(44, 44, 44);
7 | }
8 |
9 | .container {
10 | margin-top: 4rem;
11 | }
12 |
13 | .card {
14 | box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
15 | box-sizing: border-box;
16 | margin-top: 10px 0;
17 | background-color: rgb(44, 44, 44);
18 | max-width: 529px;
19 | white-space: nowrap;
20 | overflow: hidden;
21 | transition: all 0.2 ease-in-out;
22 | &:hover{
23 | box-shadow: 0 5px 5px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .24);
24 | cursor: pointer;
25 | }
26 | img{
27 | opacity: 0.7;
28 | width: 100%;
29 | transition: opacity 0.7;
30 | &:hover{
31 | opacity: 1;
32 | }
33 | }
34 |
35 | .card-inner{
36 | padding: 10px;
37 | }
38 | }
39 |
40 | .Alive {
41 | color: #adff2f;
42 | }
43 |
44 | .Dead {
45 | color: #ff0000;
46 | }
47 |
48 | .unknown {
49 | color: #808080;
50 | }
51 |
52 | #my-github {
53 | text-decoration: none;
54 | color: #fff;
55 | }
56 |
57 | .no-hidden {
58 | position: fixed;
59 | bottom: 10px;
60 | right: 10px;
61 | visibility: visible;
62 | }
63 |
64 | @media(max-width: 570px) {
65 | .card {
66 | img {
67 | opacity: 1;
68 | }
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/testing';
4 | import { getTestBed } from '@angular/core/testing';
5 | import {
6 | BrowserDynamicTestingModule,
7 | platformBrowserDynamicTesting
8 | } from '@angular/platform-browser-dynamic/testing';
9 |
10 | declare const require: {
11 | context(path: string, deep?: boolean, filter?: RegExp): {
12 | (id: string): T;
13 | keys(): string[];
14 | };
15 | };
16 |
17 | // First, initialize the Angular testing environment.
18 | getTestBed().initTestEnvironment(
19 | BrowserDynamicTestingModule,
20 | platformBrowserDynamicTesting(),
21 | );
22 |
23 | // Then we find all the tests.
24 | const context = require.context('./', true, /\.spec\.ts$/);
25 | // And load the modules.
26 | context.keys().forEach(context);
27 |
--------------------------------------------------------------------------------
/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/app",
6 | "types": []
7 | },
8 | "files": [
9 | "src/main.ts",
10 | "src/polyfills.ts"
11 | ],
12 | "include": [
13 | "src/**/*.d.ts"
14 | ]
15 | }
16 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "compileOnSave": false,
4 | "compilerOptions": {
5 | "baseUrl": "./",
6 | "paths": {
7 | "@app/*":["src/app/*"],
8 | "@shared/*":["src/app/shared/*"],
9 | "@environment/*":["src/environment/*"],
10 | "@characters/*":["src/app/components/pages/characters/*"],
11 | "@pages/*":["src/app/components/pages/*"]
12 | },
13 | "outDir": "./dist/out-tsc",
14 | "forceConsistentCasingInFileNames": true,
15 | "strict": false,
16 | "noImplicitOverride": true,
17 | "noPropertyAccessFromIndexSignature": true,
18 | "noImplicitReturns": true,
19 | "noFallthroughCasesInSwitch": true,
20 | "sourceMap": true,
21 | "declaration": false,
22 | "downlevelIteration": true,
23 | "experimentalDecorators": true,
24 | "moduleResolution": "node",
25 | "importHelpers": true,
26 | "target": "es2020",
27 | "module": "es2020",
28 | "lib": [
29 | "es2020",
30 | "dom"
31 | ]
32 | },
33 | "angularCompilerOptions": {
34 | "enableI18nLegacyMessageIdFormat": false,
35 | "strictInjectionParameters": true,
36 | "strictInputAccessModifiers": true,
37 | "strictTemplates": true
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": [
7 | "jasmine"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts",
12 | "src/polyfills.ts"
13 | ],
14 | "include": [
15 | "src/**/*.spec.ts",
16 | "src/**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------