debug and enhancements

angular.json

@@ -27,7 +27,8 @@
             "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/config"
             ],
             "styles": [
               "src/styles.scss",

src/app/app.component.html

@@ -227,7 +227,7 @@
       </svg>
       <h1>Hello, {{ title }}</h1>
       <p>Congratulations! Your app is running. 🎉</p>
-      <button mat-button>show dialog</button>
+      <button mat-button (click)="showDialog()">show dialog</button>
     </div>
     <div class="divider" role="separator" aria-label="Divider"></div>
     <div class="right-side">

src/app/app.component.ts

@@ -1,14 +1,30 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { MatModule } from '../dependencies/angularlib/mat.module';
+import { DialogModule } from 'angularlib/dialog/dialog.module';
+import { DialogUtil } from 'angularlib/dialog/dialog.util';
+import { NgxsModule } from '@ngxs/store'
+import { LabelState } from 'angularlib/labels/label.state';
+import { HttpClientModule } from '@angular/common/http';
+import { Angularlib } from 'angularlib/angularlib.module';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, MatModule],
+  imports: [RouterOutlet, MatModule, Angularlib
+  ],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss'
 })
 export class AppComponent {
   title = 'ng-template';
+
+  constructor(private dialog: DialogUtil) {}
+
+  showDialog() {
+    this.dialog.showDialog({
+      title: 'test dialog',
+      content: 'test dialog content'
+    })
+  }
 }

src/app/app.config.ts

@@ -1,8 +1,18 @@
-import { ApplicationConfig } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
-
+import { NgxsModule } from '@ngxs/store';
 import { routes } from './app.routes';
+import { UIState } from 'angularlib/ui.state/ui.state';
+import { DPCommService } from 'dp-ui/dp.comm';
+import { provideHttpClient, withFetch } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes)]
+  providers: [
+    provideRouter(routes),
+    importProvidersFrom(
+      NgxsModule.forRoot([UIState])
+    ),
+    DPCommService,
+    provideHttpClient()
+  ]
 };

tsconfig.app.json

@@ -9,6 +9,24 @@
     "src/main.ts"
   ],
   "include": [
-    "src/**/*.d.ts"
+    "src/**/*.d.ts",
+    "src/**/fisappmessagejsdist/src/config/*.ts",
+    "src/**/fisappmessagejsdist/src/fis/*.ts",
+    "src/**/fisappmessagejsdist/src/message/*.ts",
+    "src/**/fisappmessagejsdist/src/message/**/*.ts",
+    "src/**/fisappmessagejsdist/src/microservice/*.ts",
+    "src/**/fisappmessagejsdist/src/schema/*.ts",
+    "src/**/fisappmessagejsdist/src/schema/**/*.ts",
+    "src/**/fisappmessagejsdist/src/topic/*.ts",
+    "src/**/fisappmessagejsdist/src/topic/**/*.ts",
+    "src/**/fisappmessagejsdist/src/transform/*.ts",
+    "src/**/fisappmessagejsdist/src/transform/**/*.ts",
+    "src/**/fisappmessagejsdist/src/types/*.ts",
+    "src/**/fisappmessagejsdist/src/types/**/*.ts",
+    "src/**/fisappmessagejsdist/src/utils/*.ts",
+    "src/**/fisappmessagejsdist/src/utils/**/*.ts",
+  ],
+  "exclude": [
+    "src/**/fisappmessagejsdist/src/schema/*.bat",
   ]
 }