- {{countryLabel}}
- {{selection?.countryName}}
+ @if (selection) {
+ {{selection?.countryName}}
+ } @else {
+ {{countryLabel}}
+ }
{{valueLabel}}:
- {{selectionValue}}
+ [ngClass]="{'has-value': selection}">{{valueLabel}}@if (selection) {: }
+ @if (selection) {
+ {{selectionValue}}
+ }
-
-
-
{{item.key}}:
-
{{item.val}}
+ @if (selection?.extra?.length > 0) {
+
+ @for (item of selection?.extra; track item.key) {
+
+ {{item.key}}:
+ {{item.val}}
+
+ }
-
+ }
+}
diff --git a/projects/lib/src/lib/countries-map.component.ts b/projects/lib/src/lib/countries-map.component.ts
index fc8e257..738e1eb 100644
--- a/projects/lib/src/lib/countries-map.component.ts
+++ b/projects/lib/src/lib/countries-map.component.ts
@@ -180,7 +180,7 @@ export class CountriesMapComponent implements AfterViewInit, OnChanges {
this.chartError.emit(error);
}
- onMapSelect({ target }: { target?: SVGElement }): void {
+ onMapSelect(ev: MouseEvent): void {
const event: ChartSelectEvent = {
selected: false,
value: null,
@@ -188,11 +188,11 @@ export class CountriesMapComponent implements AfterViewInit, OnChanges {
};
let newItem: SVGElement;
- if (target.id === oceanId) {
+ if ((ev.target as SVGElement)?.id === oceanId) {
this.selectCountry(null);
} else {
- newItem = target;
+ newItem = ev.target as SVGElement;
while (!newItem.classList.contains(countryClass)) {
newItem = newItem.parentNode as SVGElement;
}
diff --git a/projects/lib/src/test.ts b/projects/lib/src/test.ts
deleted file mode 100644
index 70b0070..0000000
--- a/projects/lib/src/test.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
- BrowserDynamicTestingModule,
- platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
- BrowserDynamicTestingModule,
- platformBrowserDynamicTesting(), {
- teardown: { destroyAfterEach: false }
-}
-);
diff --git a/projects/lib/tsconfig.lib.json b/projects/lib/tsconfig.lib.json
index ea356ef..ea9ac10 100644
--- a/projects/lib/tsconfig.lib.json
+++ b/projects/lib/tsconfig.lib.json
@@ -9,16 +9,15 @@
"types": [],
"lib": [
"dom",
- "es2018"
+ "ES2022"
]
},
"angularCompilerOptions": {
"skipTemplateCodegen": true,
"strictMetadataEmit": true,
+ "strictTemplates": true,
"enableResourceInlining": true
},
"exclude": [
- "src/test.ts",
- "**/*.spec.ts"
]
}
diff --git a/projects/lib/tsconfig.lib.prod.json b/projects/lib/tsconfig.lib.prod.json
index 06de549..3b74219 100644
--- a/projects/lib/tsconfig.lib.prod.json
+++ b/projects/lib/tsconfig.lib.prod.json
@@ -2,6 +2,9 @@
{
"extends": "./tsconfig.lib.json",
"compilerOptions": {
+ "inlineSources": false,
+ "sourceMap": false,
+ "inlineSourceMap": false,
"declarationMap": false
},
"angularCompilerOptions": {
diff --git a/projects/lib/tsconfig.spec.json b/projects/lib/tsconfig.spec.json
deleted file mode 100644
index 715dd0a..0000000
--- a/projects/lib/tsconfig.spec.json
+++ /dev/null
@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
- "extends": "../../tsconfig.json",
- "compilerOptions": {
- "outDir": "../../out-tsc/spec",
- "types": [
- "jasmine"
- ]
- },
- "files": [
- "src/test.ts"
- ],
- "include": [
- "**/*.spec.ts",
- "**/*.d.ts"
- ]
-}
diff --git a/projects/lib/tslint.json b/projects/lib/tslint.json
deleted file mode 100644
index 0946f20..0000000
--- a/projects/lib/tslint.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "extends": "../../tslint.json"
-}
diff --git a/src/demo/demo.component.html b/src/demo/demo.component.html
index 2bb6ac6..d3eff6e 100644
--- a/src/demo/demo.component.html
+++ b/src/demo/demo.component.html
@@ -6,7 +6,6 @@
Map with data
= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- * (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js'; // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-
-(window as any).global = window;
diff --git a/src/test.ts b/src/test.ts
deleted file mode 100644
index 2042356..0000000
--- a/src/test.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
- BrowserDynamicTestingModule,
- platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
- context(path: string, deep?: boolean, filter?: RegExp): {
- keys(): string[];
- (id: string): T;
- };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
- BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 82d91dc..374cc9d 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -6,8 +6,7 @@
"types": []
},
"files": [
- "src/main.ts",
- "src/polyfills.ts"
+ "src/main.ts"
],
"include": [
"src/**/*.d.ts"
diff --git a/tsconfig.json b/tsconfig.json
index 155de26..c96dca8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,10 +10,10 @@
"moduleResolution": "node",
"importHelpers": true,
"target": "ES2022",
- "module": "es2020",
+ "module": "ES2022",
"types": [],
"lib": [
- "es2018",
+ "ES2022",
"dom"
],
"paths": {
@@ -22,5 +22,8 @@
]
},
"useDefineForClassFields": false
+ },
+ "angularCompilerOptions": {
+ "strictTemplates": true
}
}
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
deleted file mode 100644
index 092345b..0000000
--- a/tsconfig.spec.json
+++ /dev/null
@@ -1,18 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
- "extends": "./tsconfig.json",
- "compilerOptions": {
- "outDir": "./out-tsc/spec",
- "types": [
- "jasmine"
- ]
- },
- "files": [
- "src/test.ts",
- "src/polyfills.ts"
- ],
- "include": [
- "src/**/*.spec.ts",
- "src/**/*.d.ts"
- ]
-}
diff --git a/tslint.json b/tslint.json
deleted file mode 100644
index 81c77ef..0000000
--- a/tslint.json
+++ /dev/null
@@ -1,146 +0,0 @@
-{
- "extends": "tslint:recommended",
- "rulesDirectory": [
- "codelyzer"
- ],
- "rules": {
- "align": {
- "options": [
- "parameters",
- "statements"
- ]
- },
- "array-type": false,
- "arrow-return-shorthand": true,
- "component-selector": [
- false
- ],
- "curly": true,
- "deprecation": {
- "severity": "warning"
- },
- "directive-selector": [
- false
- ],
- "eofline": true,
- "import-blacklist": [
- true,
- "rxjs/Rx"
- ],
- "import-spacing": true,
- "indent": {
- "options": [
- "spaces"
- ]
- },
- "max-classes-per-file": false,
- "max-line-length": [
- true,
- 140
- ],
- "member-ordering": [
- true,
- {
- "order": [
- "static-field",
- "instance-field",
- "static-method",
- "instance-method"
- ]
- }
- ],
- "no-bitwise": false,
- "no-console": [
- true,
- "info",
- "time",
- "timeEnd",
- "trace"
- ],
- "no-empty": false,
- "no-inferrable-types": [
- true,
- "ignore-params"
- ],
- "no-non-null-assertion": true,
- "no-redundant-jsdoc": true,
- "no-switch-case-fall-through": true,
- "no-var-requires": false,
- "object-literal-key-quotes": [
- false
- ],
- "quotemark": [
- true,
- "single"
- ],
- "radix": false,
- "semicolon": {
- "options": [
- "always"
- ]
- },
- "space-before-function-paren": {
- "options": {
- "anonymous": "never",
- "asyncArrow": "always",
- "constructor": "never",
- "method": "never",
- "named": "never"
- }
- },
- "typedef": [
- true,
- "call-signature"
- ],
- "typedef-whitespace": {
- "options": [
- {
- "call-signature": "nospace",
- "index-signature": "nospace",
- "parameter": "nospace",
- "property-declaration": "nospace",
- "variable-declaration": "nospace"
- },
- {
- "call-signature": "onespace",
- "index-signature": "onespace",
- "parameter": "onespace",
- "property-declaration": "onespace",
- "variable-declaration": "onespace"
- }
- ]
- },
- "variable-name": {
- "options": [
- "ban-keywords",
- "check-format",
- "allow-pascal-case"
- ]
- },
- "whitespace": {
- "options": [
- "check-branch",
- "check-decl",
- "check-operator",
- "check-separator",
- "check-type",
- "check-typecast"
- ]
- },
- "component-class-suffix": true,
- "contextual-lifecycle": true,
- "directive-class-suffix": true,
- "no-conflicting-lifecycle": true,
- "no-host-metadata-property": true,
- "no-input-rename": true,
- "no-inputs-metadata-property": true,
- "no-output-native": true,
- "no-output-on-prefix": true,
- "no-output-rename": true,
- "no-outputs-metadata-property": true,
- "template-banana-in-box": true,
- "template-no-negated-async": true,
- "use-lifecycle-interface": true,
- "use-pipe-transform-interface": true
- }
-}