@mxtommy/kip 3.10.0 → 3.10.3

package/dist/out-tsc/src/app/app.component.js

@@ -0,0 +1,286 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, inject, effect, model, DestroyRef, signal } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { filter } from 'rxjs/operators';
+import { AuthenticationService } from './core/services/authentication.service';
+import { AppSettingsService } from './core/services/app-settings.service';
+import { SignalKDeltaService } from './core/services/signalk-delta.service';
+import { ConnectionStateMachine } from './core/services/connection-state-machine.service';
+import { AppService } from './core/services/app-service';
+import { Howl } from 'howler';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonModule } from '@angular/material/button';
+import { MenuNotificationsComponent } from './core/components/menu-notifications/menu-notifications.component';
+import { NotificationOverlayService } from './core/services/notification-overlay.service';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { RouterModule } from '@angular/router';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { GestureDirective } from './core/directives/gesture.directive';
+import { MenuActionsComponent } from './core/components/menu-actions/menu-actions.component';
+import { DashboardService } from './core/services/dashboard.service';
+import { uiEventService } from './core/services/uiEvent.service';
+import { DialogService } from './core/services/dialog.service';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { NotificationsService } from './core/services/notifications.service';
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { DatasetService } from './core/services/data-set.service';
+let AppComponent = class AppComponent {
+    _snackBar = inject(MatSnackBar);
+    _deltaService = inject(SignalKDeltaService); // force init
+    _connectionStateMachine = inject(ConnectionStateMachine);
+    _app = inject(AppService);
+    _dashboard = inject(DashboardService);
+    _notifications = inject(NotificationsService);
+    _uiEvent = inject(uiEventService);
+    _dialog = inject(DialogService);
+    appSettingsService = inject(AppSettingsService);
+    authenticationService = inject(AuthenticationService);
+    _dataSet = inject(DatasetService); // force init
+    _responsive = inject(BreakpointObserver);
+    _destroyRef = inject(DestroyRef);
+    _notificationOverlay = inject(NotificationOverlayService);
+    _router = inject(Router);
+    notificationHowl;
+    _upgradeShown = false;
+    actionsSidenavOpened = model(false);
+    notificationsSidenavOpened = model(false);
+    notificationsInfo = toSignal(this._notifications.observerNotificationsInfo());
+    isDashboardStatic = toSignal(this._dashboard.isDashboardStatic$);
+    dashboardVisible = signal(false);
+    isPhonePortrait;
+    scheduledOpen = null;
+    OPEN_DELAY_MS = 300; // should match/ exceed sidenav close animation time
+    // Stable handler refs (prevent leak from rebinding)
+    _swipeLeftHandler = (e) => this.onSwipeLeft(e);
+    _swipeRightHandler = (e) => this.onSwipeRight(e);
+    _hotkeyHandler = (key, event) => this.handleKeyDown(key, event);
+    constructor() {
+        effect(() => {
+            if (!this._upgradeShown && this.appSettingsService.configUpgrade()) {
+                this._upgradeShown = true;
+                this._dialog.openFrameDialog({
+                    title: 'Upgrade Instructions',
+                    component: 'upgrade-config',
+                }, true)
+                    .pipe(takeUntilDestroyed(this._destroyRef))
+                    .subscribe();
+            }
+        });
+        // Sequencing: only open overlay when notifications sidenav is closed.
+        // Also ensure overlay is closed if the sidenav opens.
+        // Use effects to react to relevant signals in an injection context.
+        // Effect: open/close overlay based on dashboard static state and notificationsInfo,
+        // but only when the notifications sidenav is closed.
+        // We'll delay opening the overlay until after the sidenav close animation completes
+        // to avoid visual overlap during the closing transition. If the sidenav re-opens
+        // before the delay expires, cancel the scheduled open.
+        // initialize dashboardVisible from current URL
+        try {
+            this.dashboardVisible.set(this.isUrlDashboard(this._router.url));
+        }
+        catch { /* ignore */ }
+        // update dashboardVisible on navigation (auto-unsubscribes via DestroyRef)
+        this._router.events
+            .pipe(filter(e => e instanceof NavigationEnd), takeUntilDestroyed(this._destroyRef))
+            .subscribe((e) => {
+            try {
+                this.dashboardVisible.set(this.isUrlDashboard(e.urlAfterRedirects || e.url));
+            }
+            catch { /* ignore */ }
+        });
+        effect(() => {
+            const shouldShowBadge = this.dashboardVisible() && this.isDashboardStatic() && this.notificationsInfo().alarmCount > 0;
+            const sidenavOpen = this.notificationsSidenavOpened();
+            // If sidenav is open, immediately close overlay and cancel any scheduled open
+            if (sidenavOpen) {
+                if (this.scheduledOpen) {
+                    clearTimeout(this.scheduledOpen);
+                    this.scheduledOpen = null;
+                }
+                try {
+                    this._notificationOverlay.close();
+                }
+                catch { /* ignore */ }
+                return;
+            }
+            // Sidenav is closed: if we need to show the badge, schedule an open after delay
+            if (shouldShowBadge) {
+                if (this.scheduledOpen) {
+                    // already scheduled
+                    return;
+                }
+                this.scheduledOpen = window.setTimeout(() => {
+                    this.scheduledOpen = null;
+                    try {
+                        this._notificationOverlay.open();
+                    }
+                    catch { /* ignore */ }
+                }, this.OPEN_DELAY_MS);
+            }
+            else {
+                // Nothing to show: ensure no scheduled open is pending and overlay closed
+                if (this.scheduledOpen) {
+                    clearTimeout(this.scheduledOpen);
+                    this.scheduledOpen = null;
+                }
+                try {
+                    this._notificationOverlay.close();
+                }
+                catch { /* ignore */ }
+            }
+        });
+        // Ensure immediate closure if user programmatically opens the sidenav elsewhere.
+        effect(() => {
+            const sidenavOpen = this.notificationsSidenavOpened();
+            if (sidenavOpen) {
+                try {
+                    this._notificationOverlay.close();
+                }
+                catch {
+                    // ignore
+                }
+            }
+        });
+        this.isPhonePortrait = toSignal(this._responsive.observe(Breakpoints.HandsetPortrait));
+        this._connectionStateMachine.status$
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((status) => this.displayConnectionsStatusNotification(status));
+        this._app.getSnackbarAppNotifications()
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(appNotification => {
+            this._snackBar.open(appNotification.message, appNotification.action, {
+                duration: appNotification.duration,
+                verticalPosition: 'top'
+            });
+            if (!this.appSettingsService.getNotificationConfig().sound.disableSound && !appNotification.silent) {
+                if (!this.notificationHowl) {
+                    this.notificationHowl = new Howl({
+                        src: ['assets/notification.mp3'],
+                        preload: true,
+                        volume: 0.3
+                    });
+                }
+                // restart sound for rapid successive notifications
+                this.notificationHowl.stop();
+                this.notificationHowl.play();
+            }
+        });
+    }
+    isUrlDashboard(url) {
+        if (!url)
+            return false;
+        // Normalize trailing slash
+        const path = url.split('?')[0].replace(/\/+$/, '');
+        // Matches /dashboard and /dashboard/<id>
+        return path === '/dashboard' || /^\/dashboard(\/\d+)?$/.test(path) || path === '/';
+    }
+    ngOnInit() {
+        this._uiEvent.addGestureListeners(this._swipeLeftHandler, this._swipeRightHandler);
+    }
+    ngAfterViewInit() {
+        this._uiEvent.addHotkeyListener(this._hotkeyHandler, { ctrlKey: true, keys: ['arrowright', 'arrowleft'] });
+    }
+    handleKeyDown(key, event) {
+        switch (key) {
+            case 'arrowright':
+                this.onSwipeRight(event);
+                break;
+            case 'arrowleft':
+                this.onSwipeLeft(event);
+                break;
+            case 'escape':
+                this.backdropClicked();
+                break;
+        }
+    }
+    escapeKeyPressed(key) {
+        key = key.toLowerCase();
+        if (key === 'escape')
+            this.backdropClicked();
+    }
+    displayConnectionsStatusNotification(connectionStatus) {
+        const message = connectionStatus.message;
+        switch (connectionStatus.operation) {
+            case 0:
+                this._app.sendSnackbarNotification(message, 5000, true);
+                break;
+            case 1:
+            case 2:
+                break;
+            case 3:
+                this._app.sendSnackbarNotification(message, 3000, false, "");
+                break;
+            case 4:
+                this._app.sendSnackbarNotification(message, 3000, true, "");
+                break;
+            case 5:
+                this._app.sendSnackbarNotification(message, 0, false);
+                break;
+            default:
+                console.error('[AppComponent] Unknown operation code:', connectionStatus.operation);
+                this._app.sendSnackbarNotification(`Unknown connection status: ${connectionStatus.state}`, 0, false);
+        }
+    }
+    onSwipeRight(e) {
+        if (this._dashboard.isDashboardStatic() && !this._uiEvent.isDragging()) {
+            e.preventDefault();
+            if (this.isPhonePortrait().matches) {
+                this.actionsSidenavOpened.set(false);
+                this.notificationsSidenavOpened.set(true);
+            }
+            else {
+                this.actionsSidenavOpened.set(false);
+                this.notificationsSidenavOpened.update(o => !o);
+            }
+        }
+    }
+    backdropClicked() {
+        this.notificationsSidenavOpened.update(o => o ? !o : false);
+        this.actionsSidenavOpened.update(o => o ? !o : false);
+    }
+    onSwipeLeft(e) {
+        if (this._dashboard.isDashboardStatic() && !this._uiEvent.isDragging()) {
+            e.preventDefault();
+            if (this.isPhonePortrait().matches) {
+                this.notificationsSidenavOpened.set(false);
+                this.actionsSidenavOpened.set(true);
+            }
+            else {
+                this.notificationsSidenavOpened.set(false);
+                this.actionsSidenavOpened.update(o => !o);
+            }
+        }
+    }
+    ngOnDestroy() {
+        this._uiEvent.removeGestureListeners(this._swipeLeftHandler, this._swipeRightHandler);
+        this._uiEvent.removeHotkeyListener(this._hotkeyHandler);
+        this.notificationHowl?.unload();
+        this.notificationHowl = undefined;
+        // clear any pending scheduled open to avoid orphaned timer running after destroy
+        if (this.scheduledOpen) {
+            clearTimeout(this.scheduledOpen);
+            this.scheduledOpen = null;
+        }
+    }
+};
+AppComponent = __decorate([
+    Component({
+        selector: 'app-root',
+        templateUrl: './app.component.html',
+        styleUrls: ['./app.component.scss'],
+        imports: [MenuNotificationsComponent, MenuActionsComponent, MatButtonModule, MatMenuModule, MatIconModule, RouterModule, MatSidenavModule, GestureDirective, OverlayModule]
+    }),
+    __metadata("design:paramtypes", [])
+], AppComponent);
+export { AppComponent };
+//# sourceMappingURL=app.component.js.map

package/dist/out-tsc/src/app/app.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.component.js","sourceRoot":"","sources":["../../../../src/app/app.component.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,EAAiB,MAAM,EAAU,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/H,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAqB,MAAM,kDAAkD,CAAC;AAC7G,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,mEAAmE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uDAAuD,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAmB,MAAM,qBAAqB,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAQ3D,IAAM,YAAY,GAAlB,MAAM,YAAY;IACN,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa;IAC1D,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACzD,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1B,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACtC,cAAc,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC9C,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAClC,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACjC,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAChD,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IACrD,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;IAChD,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACjC,oBAAoB,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAC1D,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAElC,gBAAgB,CAAQ;IACxB,aAAa,GAAG,KAAK,CAAC;IAEpB,oBAAoB,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;IAC7C,0BAA0B,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;IAC1C,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAC9E,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC1E,gBAAgB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAC1C,eAAe,CAA0B;IAC3C,aAAa,GAAkB,IAAI,CAAC;IAC3B,aAAa,GAAG,GAAG,CAAC,CAAC,oDAAoD;IAE1F,oDAAoD;IACnC,iBAAiB,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACpE,kBAAkB,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACtE,cAAc,GAAG,CAAC,GAAW,EAAE,KAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAExG;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,EAAE,CAAC;gBACnE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC1B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;oBAC3B,KAAK,EAAE,sBAAsB;oBAC7B,SAAS,EAAE,gBAAgB;iBAC5B,EAAE,IAAI,CAAC;qBACL,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;qBAC1C,SAAS,EAAE,CAAC;YACjB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,sEAAsE;QACtE,sDAAsD;QACtD,oEAAoE;QACpE,oFAAoF;QACpF,qDAAqD;QACrD,oFAAoF;QACpF,iFAAiF;QACjF,uDAAuD;QAEvD,+CAA+C;QAC/C,IAAI,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QACnE,CAAC;QAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QAExB,2EAA2E;QAC3E,IAAI,CAAC,OAAO,CAAC,MAAM;aAChB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,aAAa,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aACnF,SAAS,CAAC,CAAC,CAAgB,EAAE,EAAE;YAC9B,IAAI,CAAC;gBACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAE,CAAmB,CAAC,iBAAiB,IAAK,CAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;YACrH,CAAC;YAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEL,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC;YACvH,MAAM,WAAW,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAEtD,8EAA8E;YAC9E,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,YAAY,CAAC,IAAI,CAAC,aAAkC,CAAC,CAAC;oBACtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC5B,CAAC;gBACD,IAAI,CAAC;oBAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;gBAAC,CAAC;gBAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;gBACjE,OAAO;YACT,CAAC;YAED,gFAAgF;YAChF,IAAI,eAAe,EAAE,CAAC;gBACpB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,oBAAoB;oBACpB,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBAC1C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;oBAC1B,IAAI,CAAC;wBAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;oBAAC,CAAC;oBAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;gBAClE,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,0EAA0E;gBAC1E,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBACvB,YAAY,CAAC,IAAI,CAAC,aAAkC,CAAC,CAAC;oBACtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC5B,CAAC;gBACD,IAAI,CAAC;oBAAC,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;gBAAC,CAAC;gBAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,iFAAiF;QACjF,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,WAAW,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACtD,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,CAAC;oBACH,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;gBACpC,CAAC;gBAAC,MAAM,CAAC;oBACP,SAAS;gBACX,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;QAEvF,IAAI,CAAC,uBAAuB,CAAC,OAAO;aACjC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC1C,SAAS,CAAC,CAAC,MAAyB,EAAE,EAAE,CAAC,IAAI,CAAC,oCAAoC,CAAC,MAAM,CAAC,CAAC,CAAC;QAE/F,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;aACpC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aAC1C,SAAS,CAAC,eAAe,CAAC,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,EAAE;gBACnE,QAAQ,EAAE,eAAe,CAAC,QAAQ;gBAClC,gBAAgB,EAAE,KAAK;aACxB,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;gBACnG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC3B,IAAI,CAAC,gBAAgB,GAAG,IAAI,IAAI,CAAC;wBAC/B,GAAG,EAAE,CAAC,yBAAyB,CAAC;wBAChC,OAAO,EAAE,IAAI;wBACb,MAAM,EAAE,GAAG;qBACZ,CAAC,CAAC;gBACL,CAAC;gBACD,mDAAmD;gBACnD,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;gBAC7B,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,cAAc,CAAC,GAA8B;QACnD,IAAI,CAAC,GAAG;YAAE,OAAO,KAAK,CAAC;QACvB,2BAA2B;QAC3B,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACnD,yCAAyC;QACzC,OAAO,IAAI,KAAK,YAAY,IAAI,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,GAAG,CAAC;IACrF,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAC/B,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,kBAAkB,CACxB,CAAC;IACJ,CAAC;IAED,eAAe;QACb,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAC7B,IAAI,CAAC,cAAc,EACnB,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CACrD,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,GAAW,EAAE,KAAoB;QACrD,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,YAAY;gBACf,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACzB,MAAM;YACR,KAAK,WAAW;gBACd,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBACxB,MAAM;YACR,KAAK,QAAQ;gBACX,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM;QACV,CAAC;IACH,CAAC;IAES,gBAAgB,CAAC,GAAW;QACpC,GAAG,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;QACxB,IAAI,GAAG,KAAK,QAAQ;YAAE,IAAI,CAAC,eAAe,EAAE,CAAC;IAC/C,CAAC;IAEO,oCAAoC,CAAC,gBAAmC;QAC9E,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,QAAQ,gBAAgB,CAAC,SAAS,EAAE,CAAC;YACnC,KAAK,CAAC;gBACJ,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;gBACxD,MAAM;YACR,KAAK,CAAC,CAAC;YACP,KAAK,CAAC;gBACJ,MAAM;YACR,KAAK,CAAC;gBACJ,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC7D,MAAM;YACR,KAAK,CAAC;gBACJ,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;gBAC5D,MAAM;YACR,KAAK,CAAC;gBACJ,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;gBACtD,MAAM;YACR;gBACE,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBACpF,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,8BAA8B,gBAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACzG,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAsB;QAC3C,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC;YACtE,CAAW,CAAC,cAAc,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC;gBACnC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAES,WAAW,CAAC,CAAsB;QAC1C,IAAI,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,CAAC;YACtE,CAAW,CAAC,cAAc,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,CAAC;gBACnC,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAC3C,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAClC,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,kBAAkB,CACxB,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACxD,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC;QAChC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAClC,iFAAiF;QACjF,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAkC,CAAC,CAAC;YACtD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;CACF,CAAA;AA/PY,YAAY;IANxB,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,sBAAsB;QACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;QACnC,OAAO,EAAE,CAAC,0BAA0B,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,CAAC;KAC5K,CAAC;;GACW,YAAY,CA+PxB"}

package/dist/out-tsc/src/app/app.component.spec.js

@@ -0,0 +1,26 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+    beforeEach(waitForAsync(() => {
+        TestBed.configureTestingModule({
+            imports: [AppComponent],
+        }).compileComponents();
+    }));
+    it('should create the app', waitForAsync(() => {
+        const fixture = TestBed.createComponent(AppComponent);
+        const app = fixture.debugElement.componentInstance;
+        expect(app).toBeTruthy();
+    }));
+    it(`should have as title 'app'`, waitForAsync(() => {
+        const fixture = TestBed.createComponent(AppComponent);
+        const app = fixture.debugElement.componentInstance;
+        expect(app.title).toEqual('app');
+    }));
+    it('should render title in a h1 tag', waitForAsync(() => {
+        const fixture = TestBed.createComponent(AppComponent);
+        fixture.detectChanges();
+        const compiled = fixture.debugElement.nativeElement;
+        expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+    }));
+});
+//# sourceMappingURL=app.component.spec.js.map

package/dist/out-tsc/src/app/app.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.component.spec.js","sourceRoot":"","sources":["../../../../src/app/app.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,YAAY,CAAC,GAAG,EAAE;QAC3B,OAAO,CAAC,sBAAsB,CAAC;YAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;SAC1B,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC,CAAC;IAEJ,EAAE,CAAC,uBAAuB,EAAE,YAAY,CAAC,GAAG,EAAE;QAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACtD,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC;QACnD,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC,CAAC;IAEJ,EAAE,CAAC,4BAA4B,EAAE,YAAY,CAAC,GAAG,EAAE;QACjD,MAAM,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACtD,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC;QACnD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC,CAAC;IAEJ,EAAE,CAAC,iCAAiC,EAAE,YAAY,CAAC,GAAG,EAAE;QACtD,MAAM,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACtD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC;QACpD,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChF,CAAC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/out-tsc/src/app/app.routes.js

@@ -0,0 +1,35 @@
+import { DashboardComponent } from './core/components/dashboard/dashboard.component';
+export const routes = [
+    { path: 'dashboard/:id',
+        component: DashboardComponent
+    },
+    { path: 'settings',
+        loadComponent: () => import('./core/components/settings/settings.component').then(m => m.SettingsComponent),
+        title: 'KIP - Settings'
+    },
+    { path: 'options',
+        loadComponent: () => import('./core/components/options/tabs/tabs.component').then(m => m.TabsComponent),
+        title: 'KIP - Options'
+    },
+    { path: 'remote',
+        loadComponent: () => import('./core/components/remote-control/remote-control.component').then(m => m.RemoteControlComponent),
+        title: 'KIP - Remote Control'
+    },
+    { path: 'help',
+        loadComponent: () => import('./core/components/app-help/app-help.component').then(m => m.AppHelpComponent),
+        title: 'KIP - Help'
+    },
+    { path: 'data',
+        loadComponent: () => import('./core/components/data-inspector/data-inspector.component').then(m => m.DataInspectorComponent),
+        title: 'KIP - Data Inspector'
+    },
+    { path: 'login',
+        loadComponent: () => import('./widgets/widget-login/widget-login.component').then(m => m.WidgetLoginComponent),
+        title: 'Login'
+    },
+    { path: '**',
+        component: DashboardComponent,
+        title: 'KIP',
+    }
+];
+//# sourceMappingURL=app.routes.js.map

package/dist/out-tsc/src/app/app.routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.routes.js","sourceRoot":"","sources":["../../../../src/app/app.routes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAErF,MAAM,CAAC,MAAM,MAAM,GAAW;IAC5B,EAAE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,kBAAkB;KAC9B;IACD,EAAE,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,+CAA+C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC3G,KAAK,EAAE,gBAAgB;KACxB;IACD,EAAE,IAAI,EAAE,SAAS;QACf,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,+CAA+C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;QACvG,KAAK,EAAE,eAAe;KACvB;IACD,EAAE,IAAI,EAAE,QAAQ;QACd,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC;QAC5H,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,IAAI,EAAE,MAAM;QACZ,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,+CAA+C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAC1G,KAAK,EAAE,YAAY;KACpB;IACD,EAAE,IAAI,EAAE,MAAM;QACZ,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC;QAC5H,KAAK,EAAE,sBAAsB;KAC9B;IACD,EAAE,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,+CAA+C,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAC9G,KAAK,EAAE,OAAO;KACf;IACD,EAAE,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;QAC7B,KAAK,EAAE,KAAK;KACb;CACF,CAAC"}

package/dist/out-tsc/src/app/core/components/app-help/app-help.component.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, inject, effect, signal, computed } from '@angular/core';
+import { MarkdownComponent } from 'ngx-markdown';
+import { httpResource } from '@angular/common/http';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
+import { Router } from '@angular/router';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+let AppHelpComponent = class AppHelpComponent {
+    pageTitle = 'Help';
+    _router = inject(Router);
+    // Resource for the help menu JSON (reactive & eagerly fetched)
+    _helpMenuRes = httpResource(() => 'assets/help-docs/menu.json');
+    // Raw list (filtered) as a signal
+    helpFiles = computed(() => {
+        if (this._helpMenuRes.hasValue()) {
+            return (this._helpMenuRes.value() ?? []).filter(item => item.file.endsWith('.md'));
+        }
+        return [];
+    });
+    // Selected file signal (empty until helpFiles first populated)
+    selectedFile = signal('');
+    // Initialize default selection reactively when data arrives first time
+    _initSelectionOnce = signal(false);
+    _syncEffect = effect(() => {
+        const files = this.helpFiles();
+        if (!this._initSelectionOnce() && files.length > 0) {
+            this.selectedFile.set(files[0].file);
+            this._initSelectionOnce.set(true);
+        }
+    });
+    hasError = computed(() => this._helpMenuRes.error() != null);
+    isLoading = computed(() => this._helpMenuRes.isLoading());
+    selectFile(file) {
+        this.selectedFile.set(file);
+    }
+    backPage() {
+        this._router.navigate(['/settings']);
+    }
+    closePage() {
+        this._router.navigate(['/dashboard']);
+    }
+};
+AppHelpComponent = __decorate([
+    Component({
+        selector: 'app-help',
+        standalone: true,
+        imports: [MarkdownComponent, MatButtonModule, MatMenuModule, MatDividerModule, MatIconModule],
+        templateUrl: './app-help.component.html',
+        styleUrl: './app-help.component.scss'
+    })
+], AppHelpComponent);
+export { AppHelpComponent };
+//# sourceMappingURL=app-help.component.js.map

package/dist/out-tsc/src/app/core/components/app-help/app-help.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-help.component.js","sourceRoot":"","sources":["../../../../../../../src/app/core/components/app-help/app-help.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAShD,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IACR,SAAS,GAAG,MAAM,CAAC;IACrB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAE1C,+DAA+D;IAC9C,YAAY,GAAG,YAAY,CAAoC,GAAG,EAAE,CAAC,4BAA4B,CAAC,CAAC;IAEpH,kCAAkC;IACf,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACrF,CAAC;QACD,OAAO,EAAuC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,+DAA+D;IACrD,YAAY,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAE5C,uEAAuE;IAC/D,kBAAkB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;IAC5C,WAAW,GAAG,MAAM,CAAC,GAAG,EAAE;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC,CAAC;IAEO,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,CAAC;IAC7D,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC;IAE1D,UAAU,CAAC,IAAY;QAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAES,QAAQ;QAChB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IACvC,CAAC;IAES,SAAS;QACjB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACxC,CAAC;CACF,CAAA;AA1CY,gBAAgB;IAP5B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,CAAC;QAC7F,WAAW,EAAE,2BAA2B;QACxC,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,gBAAgB,CA0C5B"}

package/dist/out-tsc/src/app/core/components/app-help/app-help.component.spec.js

@@ -0,0 +1,150 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { TestBed } from '@angular/core/testing';
+import { AppHelpComponent } from './app-help.component';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { provideHttpClientTesting, HttpTestingController } from '@angular/common/http/testing';
+import { ApplicationRef, Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+class MockRouter {
+    navigateCalls = [];
+    navigate(commands) { this.navigateCalls.push([commands]); }
+}
+// Minimal stub replacing <markdown [src]="..."> usage so we avoid real MarkdownService dependency
+let MarkdownStubComponent = class MarkdownStubComponent {
+};
+MarkdownStubComponent = __decorate([
+    Component({
+        selector: 'markdown',
+        standalone: true,
+        template: '<ng-content></ng-content>'
+    })
+], MarkdownStubComponent);
+describe('AppHelpComponent', () => {
+    let component;
+    let fixture;
+    let router;
+    let httpMock;
+    let appRef;
+    const mockMenu = [
+        { title: 'Intro', file: 'intro.md' },
+        { title: 'Usage', file: 'usage.md' },
+        { title: 'Ignored', file: 'image.png' } // non-md filtered out
+    ];
+    beforeEach(async () => {
+        router = new MockRouter();
+        await TestBed.configureTestingModule({
+            imports: [AppHelpComponent],
+            providers: [
+                { provide: Router, useValue: router },
+                provideHttpClient(withInterceptorsFromDi()),
+                provideHttpClientTesting()
+            ]
+        })
+            .overrideComponent(AppHelpComponent, {
+            set: {
+                // Re-declare only needed imports without real MarkdownComponent
+                imports: [MatButtonModule, MatMenuModule, MatDividerModule, MatIconModule, MarkdownStubComponent],
+                // Simplified template (no <markdown> usage) to focus on logic
+                template: `
+          <div class="fullpage-header">
+            <h6 class="fullpage-header-title">{{ pageTitle }}</h6>
+            <button mat-flat-button [matMenuTriggerFor]="helpMenu" [disabled]="isLoading() || hasError() || helpFiles().length === 0">
+              @if (isLoading()) { Loading... } @else { Table of Content }
+            </button>
+            <mat-menu #helpMenu="matMenu">
+              <ng-template matMenuContent>
+                @if (hasError()) {
+                  <button mat-menu-item disabled>Error loading menu</button>
+                } @else if (!isLoading() && helpFiles().length === 0) {
+                  <button mat-menu-item disabled>No help entries</button>
+                } @else {
+                  @for (file of helpFiles(); track file.file) {
+                    <button mat-menu-item (click)="selectFile(file.file)" [disabled]="selectedFile() === file.file">
+                      {{ file.title }}
+                    </button>
+                  }
+                }
+              </ng-template>
+            </mat-menu>
+            <button mat-icon-button class="dialog-close-icon" (click)="closePage()" aria-label="Close">
+              <mat-icon>close</mat-icon>
+            </button>
+          </div>
+          <mat-divider></mat-divider>
+          @if (hasError()) {
+            <div class="markdown-content">Unable to load help content.</div>
+          } @else if (isLoading() && helpFiles().length === 0) {
+            <div class="markdown-content">Loading help...</div>
+          } @else if (selectedFile()) {
+            <div class="markdown-content">Selected: {{ selectedFile() }}</div>
+          }`
+            }
+        })
+            .compileComponents();
+        httpMock = TestBed.inject(HttpTestingController);
+        appRef = TestBed.inject(ApplicationRef);
+        fixture = TestBed.createComponent(AppHelpComponent); // httpResource constructed eagerly
+        component = fixture.componentInstance;
+    });
+    afterEach(() => {
+        httpMock.verify();
+    });
+    function expectFiles(expected) {
+        const files = component['helpFiles']();
+        expect(files.map(f => f.file)).toEqual(expected);
+    }
+    async function flushMenu(res = mockMenu) {
+        const req = httpMock.expectOne('assets/help-docs/menu.json');
+        expect(req.request.method).toBe('GET');
+        req.flush(res);
+        await appRef.whenStable(); // propagate to resource signals
+        fixture.detectChanges();
+    }
+    it('should create', async () => {
+        fixture.detectChanges();
+        await flushMenu();
+        expect(component).toBeTruthy();
+    });
+    it('should fetch and filter .md help files', async () => {
+        fixture.detectChanges();
+        await flushMenu();
+        expectFiles(['intro.md', 'usage.md']);
+    });
+    it('should auto-select first file after load', async () => {
+        fixture.detectChanges();
+        await flushMenu();
+        expect(component['selectedFile']()).toBe('intro.md');
+    });
+    it('should allow selecting another file', async () => {
+        fixture.detectChanges();
+        await flushMenu();
+        component['selectFile']('usage.md');
+        expect(component['selectedFile']()).toBe('usage.md');
+    });
+    it('should expose error state on failure', async () => {
+        fixture.detectChanges();
+        const req = httpMock.expectOne('assets/help-docs/menu.json');
+        req.flush('fail', { status: 500, statusText: 'Server Error' });
+        await appRef.whenStable();
+        fixture.detectChanges();
+        expect(component['hasError']()).toBeTrue();
+        expect(component['helpFiles']().length).toBe(0);
+    });
+    it('should navigate to dashboard on closePage', async () => {
+        fixture.detectChanges();
+        await flushMenu();
+        component['closePage']();
+        expect(router.navigateCalls.length).toBe(1);
+        expect(router.navigateCalls[0][0]).toEqual(['/dashboard']);
+    });
+});
+//# sourceMappingURL=app-help.component.spec.js.map

package/dist/out-tsc/src/app/core/components/app-help/app-help.component.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-help.component.spec.js","sourceRoot":"","sources":["../../../../../../../src/app/core/components/app-help/app-help.component.spec.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,UAAU;IAAG,aAAa,GAAc,EAAE,CAAC;IAAC,QAAQ,CAAC,QAAmB,IAAU,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE;AAEhI,kGAAkG;AAMlG,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;CAAG,CAAA;AAAxB,qBAAqB;IAL1B,SAAS,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACI,qBAAqB,CAAG;AAE9B,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,SAA2B,CAAC;IAChC,IAAI,OAA2E,CAAC;IAChF,IAAI,MAAkB,CAAC;IACvB,IAAI,QAA+B,CAAC;IACpC,IAAI,MAAsB,CAAC;IAE3B,MAAM,QAAQ,GAAG;QACf,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE;QACpC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE;QACpC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,sBAAsB;KAC/D,CAAC;IAEF,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC1B,MAAM,OAAO,CAAC,sBAAsB,CAAC;YACnC,OAAO,EAAE,CAAC,gBAAgB,CAAC;YAC3B,SAAS,EAAE;gBACT,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACrC,iBAAiB,CAAC,sBAAsB,EAAE,CAAC;gBAC3C,wBAAwB,EAAE;aAC3B;SACF,CAAC;aACC,iBAAiB,CAAC,gBAAgB,EAAE;YACnC,GAAG,EAAE;gBACH,gEAAgE;gBAChE,OAAO,EAAE,CAAC,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,qBAAqB,CAAC;gBACjG,8DAA8D;gBAC9D,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAgCR;aACH;SACF,CAAC;aACD,iBAAiB,EAAE,CAAC;QAEvB,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACjD,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACxC,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC,mCAAmC;QACxF,SAAS,GAAG,OAAO,CAAC,iBAAiB,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,QAAkB;QACrC,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;QACvC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,KAAK,UAAU,SAAS,CAAC,MAAe,QAAQ;QAC9C,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;QAC7D,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACf,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,gCAAgC;QAC3D,OAAO,CAAC,aAAa,EAAE,CAAC;IAC1B,CAAC;IAED,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,SAAS,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,SAAS,EAAE,CAAC;QAClB,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,SAAS,EAAE,CAAC;QAClB,SAAS,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC;QACpC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;QAC7D,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC;QAC/D,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC3C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,OAAO,CAAC,aAAa,EAAE,CAAC;QACxB,MAAM,SAAS,EAAE,CAAC;QAClB,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;QACzB,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}