fix(development): create npm run serve:demo, fix for icons

README.md

@@ -20,4 +20,11 @@ Include the theme (in your global `styles.scss`):
 @include hoepel-angular-common-theme($theme); // where $theme is your Angular Material theme
 ```
 
+## Development
+
+(see development brief)
+
+```
+npm run serve:demo
+```
 

angular.json

@@ -62,7 +62,8 @@
             "assets": [
               "projects/ng-hoepel-common-demo/src/favicon.ico",
               "projects/ng-hoepel-common-demo/src/assets",
-              { "glob": "mdi.svg", "input": "../node_modules/@mdi/angular-material", "output": "./assets" }
+              { "glob": "mdi.svg", "input": "../node_modules/@mdi/angular-material", "output": "./assets" },
+              { "glob": "mdi.svg", "input": "node_modules/@mdi/angular-material", "output": "./assets" }
             ],
             "styles": [
               "projects/ng-hoepel-common-demo/src/styles.scss"

package.json

@@ -15,6 +15,8 @@
     "copy:readme": "copyfiles ./README.md ./dist/ng-hoepel-common",
     "build:lib": "ng build ng-hoepel-common",
     "build:demo": "ng build ng-hoepel-common-demo --base-href='https://hoepel-app.github.io/angular-common/'",
+    "build:demo:local": "ng build ng-hoepel-common-demo",
+    "serve:demo": "ng serve ng-hoepel-common-demo",
     "publish:demo": "npx angular-cli-ghpages --dir=./dist/ng-hoepel-common",
     "publish:lib": "npm run copy:readme && npx semantic-release",
     "adjust-version": "npm-run-all adjust-version:*",

projects/ng-hoepel-common-demo/src/app/app.component.ts

@@ -1,9 +1,17 @@
 import { Component } from '@angular/core';
 import { Tenant } from '@hoepel.app/types';
+import { MatIconRegistry } from '@angular/material';
+import { DomSanitizer } from '@angular/platform-browser';
+import { HttpClient } from '@angular/common/http';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent {}
+export class AppComponent {
+  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, http: HttpClient) {
+    console.log(http);
+    matIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('./assets/mdi.svg'));
+  }
+}

projects/ng-hoepel-common-demo/src/app/app.module.ts

@@ -8,15 +8,19 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatCardModule, MatIconRegistry } from '@angular/material';
 import { DiscountEditExampleComponent } from './discount-edit-example/discount-edit-example.component';
 import { DiscountEditModule } from '../../../ng-hoepel-common/src/lib/discount-edit';
+import { HttpClientModule } from '@angular/common/http';
 
 @NgModule({
   declarations: [AppComponent, TenantContactExampleComponent, DiscountEditExampleComponent],
-  imports: [BrowserModule, TenantContactModule, DiscountEditModule, BrowserAnimationsModule, MatCardModule],
+  imports: [
+    BrowserModule,
+    TenantContactModule,
+    DiscountEditModule,
+    BrowserAnimationsModule,
+    MatCardModule,
+    HttpClientModule
+  ],
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule {
-  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
-    matIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('./assets/mdi.svg'));
-  }
-}
+export class AppModule {}