Only show when darkId is available

package.json

@@ -10,22 +10,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.12",
-    "@angular/common": "^14.2.12",
-    "@angular/compiler": "^14.2.12",
-    "@angular/core": "^14.2.12",
-    "@angular/forms": "^14.2.12",
-    "@angular/platform-browser": "^14.2.12",
-    "@angular/platform-browser-dynamic": "^14.2.12",
-    "@angular/router": "^14.2.12",
+    "@angular/animations": "^15.0.4",
+    "@angular/common": "^15.0.4",
+    "@angular/compiler": "^15.0.4",
+    "@angular/core": "^15.0.4",
+    "@angular/forms": "^15.0.4",
+    "@angular/platform-browser": "^15.0.4",
+    "@angular/platform-browser-dynamic": "^15.0.4",
+    "@angular/router": "^15.0.4",
     "rxjs": "^6.6.7",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.10",
-    "@angular/cli": "^14.2.10",
-    "@angular/compiler-cli": "^14.2.12",
+    "@angular-devkit/build-angular": "^15.0.4",
+    "@angular/cli": "^15.0.4",
+    "@angular/compiler-cli": "^15.0.4",
     "@types/jasmine": "^3.8.2",
     "@types/node": "^12.20.18",
     "codelyzer": "^6.0.2",
@@ -36,10 +36,10 @@
     "karma-coverage": "^2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.7.0",
-    "ng-packagr": "^14.2.2",
+    "ng-packagr": "^15.0.3",
     "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "^4.6.4"
+    "typescript": "^4.8.4"
   }
 }

projects/angular-pcm/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@groupclaes/angular-pcm",
-  "version": "1.1.12",
+  "version": "1.15.0",
   "author": "Group Claes",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^12.0.2",
-    "@angular/core": "^12.0.2",
-    "@angular/router": "^12.0.2",
-    "@angular/platform-browser": "^12.0.2"
+    "@angular/common": "^15.0.4",
+    "@angular/core": "^15.0.4",
+    "@angular/router": "^15.0.4",
+    "@angular/platform-browser": "^15.0.4"
   },
   "dependencies": {
     "tslib": "^2.0.0"

projects/angular-pcm/src/lib/pcm-website-logo/pcm-website-logo.component.html

@@ -1,4 +1,4 @@
 <picture *ngIf="company">
-  <source [srcset]="darkUrl()" media="(prefers-color-scheme: dark)">
+  <source *ngIf="darkId" [srcset]="darkUrl()" media="(prefers-color-scheme: dark)">
   <img [src]="url" [alt]="company + ' Logo'" [width]="width" [height]="height">
 </picture>

projects/angular-pcm/src/lib/pcm-website-logo/pcm-website-logo.component.ts

@@ -11,7 +11,7 @@ import { api_url } from '../variables';
 export class PcmWebsiteLogoComponent implements OnInit {
   @Input() company: string = 'gro'
   @Input() id: string = '100'
-  @Input() darkId: string = '101'
+  @Input() darkId: string | undefined
   @Input() height: string | undefined
   @Input() width: string | undefined
 

projects/angular-pcm/src/test.ts

@@ -8,21 +8,10 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    keys(): string[];
-    <T>(id: string): T;
-  };
-};
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
 }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

projects/angular-pcm/tsconfig.lib.json

@@ -3,7 +3,6 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
-    "target": "es2020",
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,

tsconfig.json

@@ -13,7 +13,7 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2020",
+    "target": "ES2022",
     "module": "es2020",
     "lib": [
       "es2018",
@@ -24,12 +24,14 @@
         "dist/angular-pcm/angular-pcm",
         "dist/angular-pcm"
       ]
-    }
+    },
+    "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
     "strictTemplates": true,
-    "enableIvy": false
+    "enableIvy": true,
+    "compilationMode": "partial"
   }
 }