Update package to Angular 14

.gitignore

@@ -26,6 +26,7 @@ expamples/package-lock.json
 *.iml
 
 # misc
+/.angular/cache
 *.js
 *.map
 *.d.ts

examples/src/polyfills.ts

@@ -55,7 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
 
 
 /***************************************************************************************************

examples/src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,

ng-package.json

@@ -1,8 +1,6 @@
 {
     "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-    "name": "ngx-responsive",
-    "version": "9.0.0",
     "lib": {
-        "entryFile": "src/index.ts"
+        "entryFile": "src/public_api.ts"
     }
 }

package.json

@@ -1,7 +1,6 @@
 {
-  "$schema": "./node_modules/ng-packagr/package.schema.json",
   "name": "ngx-responsive",
-  "version": "9.0.3",
+  "version": "9.0.5",
   "description": "Superset of RESPONSIVE DIRECTIVES to show or hide items according to the size of the device screen and another features in Angular 9",
   "scripts": {
     "start": "ng serve --aot",
@@ -13,12 +12,6 @@
     "lint": "ng lint",
     "e2e": "ng e2e"
   },
-  "ngPackage": {
-    "lib": {
-      "entryFile": "src/index.ts"
-    }
-  },
-  "typings": "./index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ManuCutillas/ngx-responsive.git"
@@ -70,38 +63,33 @@
   },
   "homepage": "https://github.com/ManuCutillas/ngx-responsive",
   "private": false,
-  "peerDependencies": {
-    "@angular/common": "^9.1.6",
-    "@angular/core": "^9.1.6"
-  },
+  "peerDependencies": {},
   "devDependencies": {
-    "@angular/animations": "^9.1.6",
-    "@angular/cli": "^9.0.1",
-    "@angular/common": "^9.1.6",
-    "@angular/compiler": "^9.1.6",
-    "@angular/compiler-cli": "^9.1.6",
-    "@angular/core": "^9.1.6",
-    "@angular/language-service": "^9.1.6",
-    "@angular/platform-browser": "^9.1.6",
-    "@angular/platform-browser-dynamic": "^9.1.6",
-    "@angular/platform-server": "^9.1.6",
+    "@angular-devkit/build-angular": "^14.1.3",
+    "@angular/animations": "^14.1.3",
+    "@angular/cli": "^14.1.3",
+    "@angular/common": "^14.1.3",
+    "@angular/compiler": "^14.1.3",
+    "@angular/compiler-cli": "^14.1.3",
+    "@angular/core": "^14.1.3",
+    "@angular/language-service": "^14.1.3",
+    "@angular/platform-browser": "^14.1.3",
+    "@angular/platform-browser-dynamic": "^14.1.3",
+    "@angular/platform-server": "^14.1.3",
     "@compodoc/compodoc": "1.1.11",
-    "@nguniversal/express-engine": "^9.1.1",
-    "@nguniversal/module-map-ngfactory-loader": "^8.2.6",
+    "@nguniversal/express-engine": "^14.1.0",
     "@types/node": "~8.9.4",
-    "copyfiles": "^2.2.0",
+    "copyfiles": "^2.4.1",
     "cpr": "^3.0.1",
-    "del-cli": "^3.0.0",
-    "codelyzer": "^5.2.2",
-    "ng-packagr": "^9.1.3",
-    "onchange": "^7.0.2",
-    "protractor": "~5.4.4",
-    "source-map-explorer": "^2.4.2",
-    "ts-loader": "^6.2.1",
-    "tsickle": "^0.38.1",
-    "ts-node": "~8.10.1",
-    "tslint": "~6.1.2",
-    "typescript": "~3.8.3",
-    "zone.js": "~0.10.3"
+    "del-cli": "^5.0.0",
+    "ng-packagr": "^14.1.0",
+    "onchange": "^7.1.0",
+    "protractor": "~7.0.0",
+    "source-map-explorer": "^2.5.2",
+    "ts-loader": "^9.3.1",
+    "ts-node": "~10.9.1",
+    "tslint": "~6.1.3",
+    "typescript": "~4.6.4",
+    "zone.js": "~0.11.8"
   }
-}
+}

src/@core/providers/responsive-base/responsive-base.ts

@@ -11,12 +11,14 @@ import {
     OnInit,
     OnDestroy,
     ChangeDetectorRef,
+    Injectable,
 } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { IResponsiveSubscriptions } from '../../interfaces';
 import { ResponsiveState } from '../responsive-state/responsive-state';
 import { PlatformService } from '../platform-service/platform.service';
 
+@Injectable()
 export abstract class RESPONSIVE_BASE<T> implements OnInit, OnDestroy {
 
     private _noRepeat = 0;

tsconfig.json

@@ -1,21 +1,19 @@
 {
     "compilerOptions": {
         "baseUrl": ".",
-        "emitDecoratorMetadata": true,
         "experimentalDecorators": true,
         "strict": true,
-        "module": "commonjs",
         "moduleResolution": "node",
         "strictNullChecks": false,
         "noImplicitAny": false,
         "removeComments": true, 
         "rootDir": ".",
         "sourceMap": true,
         "inlineSources": true,
-        "target": "es5",
+        "target": "es2020",
         "skipLibCheck": true,
         "lib": [
-            "es2015",
+            "es2018",
             "dom"
         ],
         "typeRoots": [