fix(package): Fix some issues

package.json

@@ -47,7 +47,7 @@
     "@angular/language-service": "~13.0.0",
     "@types/jasmine": "~3.10.2",
     "@types/jasminewd2": "~2.0.10",
-    "@types/node": "^16.11.7",
+    "@types/node": "^12.11.2",
     "@typescript-eslint/eslint-plugin": "5.3.1",
     "@typescript-eslint/parser": "5.3.1",
     "coveralls": "^3.1.1",

projects/gallery/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

projects/gallery/package.json

@@ -11,8 +11,10 @@
   },
   "peerDependencies": {
     "@angular/common": ">=13.0.0 <14",
-    "@angular/core": ">=13.0.0 <14",
-    "tslib": "^2.0.0"
+    "@angular/core": ">=13.0.0 <14"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
   },
   "keywords": [
     "angular",

projects/gallery/src/lib/ngx-gallery-image/ngx-gallery-image.component.ts

@@ -174,7 +174,7 @@ export class NgxGalleryImageComponent implements OnInit, OnChanges {
   }
 
   ngOnChanges(changes: SimpleChanges): void {
-    if (changes.swipe) {
+    if (changes['swipe']) {
       this.helperService.manageSwipe(this.swipe, this.elementRef, 'image', () => this.showNext(), () => this.showPrev());
     }
   }
@@ -307,7 +307,7 @@ export class NgxGalleryImageComponent implements OnInit, OnChanges {
 
   showNext(): boolean {
     if (this.isAnimating) {
-      return;
+      return false;
     }
     if (this.canShowNext() && this.canChangeImage) {
       let action;

projects/gallery/src/lib/ngx-gallery-preview/ngx-gallery-preview.component.ts

@@ -102,7 +102,7 @@ export class NgxGalleryPreviewComponent implements OnInit, OnDestroy, OnChanges
   }
 
   ngOnChanges(changes: SimpleChanges): void {
-    if (changes.swipe) {
+    if (changes['swipe']) {
       this.helperService.manageSwipe(this.swipe, this.elementRef,
         'preview', () => this.showNext(), () => this.showPrev());
     }

projects/gallery/src/lib/ngx-gallery-thumbnails/ngx-gallery-thumbnails.component.ts

@@ -60,11 +60,11 @@ export class NgxGalleryThumbnailsComponent implements OnChanges {
   }
 
   ngOnChanges(changes: SimpleChanges): void {
-    if (changes.selectedIndex) {
+    if (changes['selectedIndex']) {
       this.validateIndex();
     }
 
-    if (changes.swipe) {
+    if (changes['swipe']) {
       this.helperService.manageSwipe(this.swipe, this.elementRef,
         'thumbnails', () => this.moveRight(), () => this.moveLeft());
     }
@@ -128,9 +128,7 @@ export class NgxGalleryThumbnailsComponent implements OnChanges {
   }
 
   hasLink(index: number): boolean {
-    if (this.links && this.links.length && this.links[index]) {
-      return true;
-    }
+    return !!(this.links && this.links.length && this.links[index]);
   }
 
   moveRight(): void {

projects/gallery/src/lib/ngx-gallery.module.ts

@@ -12,7 +12,7 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 
 @Injectable()
 export class CustomHammerConfig extends HammerGestureConfig  {
-  overrides = {
+  override overrides = {
     pinch: { enable: false },
     rotate: { enable: false }
   } as any;

projects/gallery/tsconfig.lib.json

@@ -3,20 +3,9 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declarationMap": true,
-    "target": "es2015",
     "declaration": true,
     "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true,
-    "enableIvy": true
+    "types": []
   },
   "exclude": [
     "src/test.ts",

projects/gallery/tsconfig.spec.json

@@ -3,8 +3,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/spec",
     "types": [
-      "jasmine",
-      "node"
+      "jasmine"
     ]
   },
   "files": [

tsconfig.json

@@ -3,19 +3,24 @@
   "compilerOptions": {
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2017",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
-      "es2018",
+      "es2020",
       "dom"
     ],
     "paths": {
@@ -29,6 +34,9 @@
   },
   "angularCompilerOptions": {
     "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
   }
 }