@mxtommy/kip 3.9.0-beta.2 → 3.9.0-beta.20

package/public/chunk-SGHFX2SF.js

@@ -0,0 +1,343 @@
+import {
+  AppSettingsService,
+  DataService
+} from "./chunk-BIBIW64D.js";
+import {
+  BehaviorSubject,
+  Injectable,
+  Subject,
+  effect,
+  inject,
+  setClassMetadata,
+  signal,
+  toSignal,
+  untracked,
+  ɵɵdefineInjectable
+} from "./chunk-SDOP6T56.js";
+
+// package.json
+var package_default = {
+  name: "@mxtommy/kip",
+  version: "3.9.0-beta.20",
+  description: "An advanced and versatile marine instrumentation package to display Signal K data.",
+  license: "MIT",
+  author: {
+    name: "Thomas St.Pierre, David Godin"
+  },
+  contributors: [
+    {
+      name: "David Godin",
+      email: "godind@hotmail.com"
+    },
+    {
+      name: "Thomas St.Pierre",
+      email: "thomas@samoht.ca"
+    }
+  ],
+  homepage: "https://github.com/mxtommy/Kip",
+  bugs: "https://github.com/mxtommy/Kip/issues",
+  repository: {
+    type: "git",
+    url: "git+https://github.com/mxtommy/Kip.git"
+  },
+  keywords: [
+    "signalk-webapp",
+    "signalk-category-instruments",
+    "signal k",
+    "signalk",
+    "instruments",
+    "dashboard",
+    "marine",
+    "nmea"
+  ],
+  signalk: {
+    appIcon: "assets/icon-72x72.png",
+    displayName: "KIP Instrument MFD"
+  },
+  scripts: {
+    dev: "ng serve --configuration=dev --serve-path=/@mxtommy/kip/",
+    "build-dev": "ng build --configuration=dev",
+    "build-prod": "ng build --configuration=production",
+    test: "ng test",
+    lint: "ng lint",
+    e2e: "ng e2e"
+  },
+  devDependencies: {
+    "@angular-devkit/build-angular": "^20.1.6",
+    "@angular/animations": "20.1.7",
+    "@angular/build": "^20.1.6",
+    "@angular/cdk": "20.1.6",
+    "@angular/cli": "^20.1.6",
+    "@angular/common": "20.1.7",
+    "@angular/compiler": "20.1.7",
+    "@angular/compiler-cli": "20.1.7",
+    "@angular/core": "20.1.7",
+    "@angular/forms": "20.1.7",
+    "@angular/language-service": "20.1.7",
+    "@angular/material": "20.1.6",
+    "@angular/platform-browser": "20.1.7",
+    "@angular/platform-browser-dynamic": "20.1.7",
+    "@angular/router": "20.1.7",
+    "@godind/ng-canvas-gauges": "^6.2.1",
+    "@robloche/chartjs-plugin-streaming": "^3.1.0",
+    "@types/canvas-gauges": "^2.1.8",
+    "@types/howler": "^2.2.10",
+    "@types/jasmine": "~3.6.0",
+    "@types/jasminewd2": "^2.0.9",
+    "@types/js-quantities": "^1.6.6",
+    "@types/lodash-es": "^4.17.9",
+    "@types/node": "^24.1.0",
+    "@zakj/no-sleep": "^0.13.5",
+    "angular-eslint": "20.1.1",
+    "chart.js": "^4.4.9",
+    "chartjs-adapter-date-fns": "^3.0.0",
+    "chartjs-plugin-annotation": "^3.0.1",
+    codelyzer: "^6.0.0",
+    "compare-versions": "^6.1.1",
+    "core-js": "^3.13.1",
+    "date-fns": "^2.30.0",
+    eslint: "^9.29.0",
+    gridstack: "^11.4.0",
+    howler: "^2.2.4",
+    "jasmine-core": "~4.0.1",
+    "jasmine-spec-reporter": "~5.0.0",
+    "js-quantities": "^1.8.0",
+    karma: "^6.4.4",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-cli": "~2.0.0",
+    "karma-coverage-istanbul-reporter": "^3.0.3",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.6.0",
+    "lodash-es": "^4.17.21",
+    "ng-packagr": "^20.0.1",
+    "ngx-markdown": "^20.0.0",
+    "ngx-resize-observer": "^3.1.0",
+    protractor: "~7.0.0",
+    "pwa-asset-generator": "^8.0.4",
+    rxjs: "^7.8.2",
+    sass: "^1.49.9",
+    screenfull: "^6.0.2",
+    steelseries: "^2.0.9",
+    "ts-node": "^10.9.2",
+    tslib: "^2.6.2",
+    typescript: "^5.8.3",
+    "zone.js": "^0.15.1"
+  }
+};
+
+// src/app/core/services/app-service.ts
+var AppService = class _AppService {
+  MODE_PATH = "self.environment.mode";
+  configurableThemeColors = [
+    { label: "Contrast", value: "contrast" },
+    { label: "Blue", value: "blue" },
+    { label: "Green", value: "green" },
+    { label: "Orange", value: "orange" },
+    { label: "Yellow", value: "yellow" },
+    { label: "Pink", value: "pink" },
+    { label: "Purple", value: "purple" },
+    { label: "Grey", value: "grey" }
+  ];
+  snackbarAppNotifications = new Subject();
+  // for snackbar message
+  cssThemeColorRoles$ = new BehaviorSubject(null);
+  _cssThemeColorRoles = null;
+  _settings = inject(AppSettingsService);
+  _data = inject(DataService);
+  isNightMode = signal(false, ...ngDevMode ? [{ debugName: "isNightMode" }] : []);
+  _useAutoNightMode = toSignal(this._settings.getAutoNightModeAsO(), { requireSync: true });
+  _theme = toSignal(this._settings.getThemeNameAsO(), { requireSync: true });
+  _redNightMode = toSignal(this._settings.getRedNightModeAsO(), { requireSync: true });
+  _environmentMode = toSignal(this._data.subscribePath(this.MODE_PATH, "default"));
+  appVersion = signal(package_default.version, ...ngDevMode ? [{ debugName: "appVersion" }] : []);
+  browserVersion = signal("Unknown", ...ngDevMode ? [{ debugName: "browserVersion" }] : []);
+  osVersion = signal("Unknown", ...ngDevMode ? [{ debugName: "osVersion" }] : []);
+  constructor() {
+    effect(() => {
+      if (this._theme() === "light-theme") {
+        document.body.classList.toggle("light-theme", this._theme() === "light-theme");
+      } else {
+        document.body.classList.remove("light-theme");
+      }
+    });
+    effect(() => {
+      const mode = this._environmentMode().data.value;
+      if (this._useAutoNightMode()) {
+        this.isNightMode.set(mode === "night");
+        this.toggleDayNightMode();
+      }
+    });
+    effect(() => {
+      const redNightMode = this._redNightMode();
+      untracked(() => {
+        if (redNightMode) {
+          this.toggleDayNightMode();
+        } else {
+          this.toggleDayNightMode();
+        }
+      });
+    });
+    this.readThemeCssRoleVariables();
+    this._cssThemeColorRoles = this.cssThemeColorRoles$.getValue();
+    this.browserVersion.set(this.getBrowserVersion());
+    this.osVersion.set(this.getOSVersion());
+    console.log("*********** KIP Version Information ***********");
+    console.log(`** App Version: ${this.appVersion()}`);
+    console.log(`** Browser Version: ${this.browserVersion()}`);
+    console.log(`** OS Version: ${this.osVersion()}`);
+    console.log("***********************************************");
+  }
+  /**
+   * Display Kip Snackbar notification.
+   *
+   * @param message Text to be displayed.
+   * @param duration Display duration in milliseconds before automatic dismissal.
+   * Duration value of 0 is indefinite or until use clicks Dismiss button. Defaults
+   *  to 10000 of no value is provided.
+   * @param silent A boolean that defines if the notification should make no sound.
+   * Defaults false.
+   */
+  sendSnackbarNotification(message, duration = 1e4, silent = false, action = "Dismiss") {
+    this.snackbarAppNotifications.next({ message, duration, silent, action });
+  }
+  /**
+   * Observable to receive Kip app Snackbar notification. Use in app.component ONLY.
+   *
+   * @usageNotes To send a Snackbar notification, use sendSnackbarNotification().
+   * Notifications are purely client side and have no relationship or
+   * interactions with the Signal K server.
+   */
+  getSnackbarAppNotifications() {
+    return this.snackbarAppNotifications.asObservable();
+  }
+  readThemeCssRoleVariables() {
+    const root = document.body;
+    const computedStyle = getComputedStyle(root);
+    const cssThemeRolesColor = {
+      background: computedStyle.getPropertyValue("--mat-sys-background").trim(),
+      cardColor: computedStyle.getPropertyValue("--kip-widget-card-background-color").trim(),
+      blue: computedStyle.getPropertyValue("--kip-blue-color").trim(),
+      blueDim: computedStyle.getPropertyValue("--kip-blue-dim-color").trim(),
+      blueDimmer: computedStyle.getPropertyValue("--kip-blue-dimmer-color").trim(),
+      green: computedStyle.getPropertyValue("--kip-green-color").trim(),
+      greenDim: computedStyle.getPropertyValue("--kip-green-dim-color").trim(),
+      greenDimmer: computedStyle.getPropertyValue("--kip-green-dimmer-color").trim(),
+      grey: computedStyle.getPropertyValue("--kip-grey-color").trim(),
+      greyDim: computedStyle.getPropertyValue("--kip-grey-dim-color").trim(),
+      greyDimmer: computedStyle.getPropertyValue("--kip-grey-dimmer-color").trim(),
+      orange: computedStyle.getPropertyValue("--kip-orange-color").trim(),
+      orangeDim: computedStyle.getPropertyValue("--kip-orange-dim-color").trim(),
+      orangeDimmer: computedStyle.getPropertyValue("--kip-orange-dimmer-color").trim(),
+      pink: computedStyle.getPropertyValue("--kip-pink-color").trim(),
+      pinkDim: computedStyle.getPropertyValue("--kip-pink-dim-color").trim(),
+      pinkDimmer: computedStyle.getPropertyValue("--kip-pink-dimmer-color").trim(),
+      purple: computedStyle.getPropertyValue("--kip-purple-color").trim(),
+      purpleDim: computedStyle.getPropertyValue("--kip-purple-dim-color").trim(),
+      purpleDimmer: computedStyle.getPropertyValue("--kip-purple-dimmer-color").trim(),
+      contrast: computedStyle.getPropertyValue("--kip-contrast-color").trim(),
+      contrastDim: computedStyle.getPropertyValue("--kip-contrast-dim-color").trim(),
+      contrastDimmer: computedStyle.getPropertyValue("--kip-contrast-dimmer-color").trim(),
+      yellow: computedStyle.getPropertyValue("--kip-yellow-color").trim(),
+      yellowDim: computedStyle.getPropertyValue("--kip-yellow-dim-color").trim(),
+      yellowDimmer: computedStyle.getPropertyValue("--kip-yellow-dimmer-color").trim(),
+      port: computedStyle.getPropertyValue("--kip-port-color").trim(),
+      starboard: computedStyle.getPropertyValue("--kip-starboard-color").trim(),
+      zoneNominal: computedStyle.getPropertyValue("--kip-zone-nominal-color").trim(),
+      zoneAlert: computedStyle.getPropertyValue("--kip-zone-alert-color").trim(),
+      zoneWarn: computedStyle.getPropertyValue("--kip-zone-warn-color").trim(),
+      zoneAlarm: computedStyle.getPropertyValue("--kip-zone-alarm-color").trim(),
+      zoneEmergency: computedStyle.getPropertyValue("--kip-zone-emergency-color").trim()
+    };
+    this.cssThemeColorRoles$.next(cssThemeRolesColor);
+  }
+  get cssThemeColors() {
+    return this._cssThemeColorRoles;
+  }
+  setBrightness(brightness, applyNightFilters = false) {
+    const appFilterWrapper = document.body;
+    appFilterWrapper.style.setProperty("--kip-nightModeBrightness", `${brightness}`);
+    const additionalFilters = applyNightFilters ? " sepia(0.5) hue-rotate(-30deg)" : "";
+    appFilterWrapper.style.setProperty("--kip-nightModeFilters", additionalFilters);
+  }
+  toggleDayNightMode() {
+    if (this.isNightMode()) {
+      if (this._redNightMode()) {
+        document.body.classList.toggle("night-theme", true);
+        this.setBrightness(1, false);
+      } else {
+        this.setBrightness(this._settings.getNightModeBrightness(), true);
+        document.body.classList.remove("night-theme");
+        if (this._theme() === "light-theme") {
+          document.body.classList.toggle("light-theme", this._theme() === "light-theme");
+        } else {
+          document.body.classList.remove("light-theme");
+        }
+      }
+    } else {
+      document.body.classList.remove("night-theme");
+      if (this._theme() === "light-theme") {
+        document.body.classList.toggle("light-theme", this._theme() === "light-theme");
+      }
+      this.setBrightness(1, false);
+    }
+    this.readThemeCssRoleVariables();
+    this._cssThemeColorRoles = this.cssThemeColorRoles$.getValue();
+  }
+  /**
+   * Helper method to get the browser version.
+   */
+  getBrowserVersion() {
+    const userAgent = navigator.userAgent;
+    let browser = "Unknown";
+    if (userAgent.includes("Edg")) {
+      browser = `Edge ${userAgent.match(/Edg\/(\d+)/)?.[1]}`;
+    } else if (userAgent.includes("Chrome") && !userAgent.includes("Edg") && !userAgent.includes("Chromium")) {
+      browser = `Chrome ${userAgent.match(/Chrome\/(\d+)/)?.[1]}`;
+    } else if (userAgent.includes("Chromium")) {
+      browser = `Chromium ${userAgent.match(/Chromium\/(\d+)/)?.[1]}`;
+    } else if (userAgent.includes("Firefox")) {
+      browser = `Firefox ${userAgent.match(/Firefox\/(\d+)/)?.[1]}`;
+    } else if (userAgent.includes("Safari") && !userAgent.includes("Chrome") && !userAgent.includes("Chromium")) {
+      browser = `Safari ${userAgent.match(/Version\/(\d+)/)?.[1]}`;
+    } else if (userAgent.includes("Opera") || userAgent.includes("OPR")) {
+      browser = `Opera ${userAgent.match(/(Opera|OPR)\/(\d+)/)?.[2]}`;
+    }
+    return browser;
+  }
+  /**
+   * Helper method to get the OS version.
+   */
+  getOSVersion() {
+    const platform = navigator.platform;
+    const userAgent = navigator.userAgent;
+    if (platform.startsWith("Mac")) {
+      return "macOS";
+    } else if (platform.startsWith("Win")) {
+      return "Windows";
+    } else if (/Linux/.test(platform)) {
+      if (userAgent.includes("ARM") || userAgent.includes("aarch64") || userAgent.includes("Raspberry") || platform.includes("armv7l") || platform.includes("armv8l")) {
+        return "Raspberry Pi";
+      }
+      return "Linux";
+    } else {
+      return "Unknown OS";
+    }
+  }
+  static \u0275fac = function AppService_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || _AppService)();
+  };
+  static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _AppService, factory: _AppService.\u0275fac, providedIn: "root" });
+};
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AppService, [{
+    type: Injectable,
+    args: [{
+      providedIn: "root"
+    }]
+  }], () => [], null);
+})();
+
+export {
+  AppService
+};
+//# sourceMappingURL=chunk-SGHFX2SF.js.map

package/public/chunk-SGHFX2SF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["package.json", "src/app/core/services/app-service.ts"],
+  "sourcesContent": ["{\n  \"name\": \"@mxtommy/kip\",\n  \"version\": \"3.9.0-beta.20\",\n  \"description\": \"An advanced and versatile marine instrumentation package to display Signal K data.\",\n  \"license\": \"MIT\",\n  \"author\": {\n    \"name\": \"Thomas St.Pierre, David Godin\"\n  },\n  \"contributors\": [\n    {\n      \"name\": \"David Godin\",\n      \"email\": \"godind@hotmail.com\"\n    },\n    {\n      \"name\": \"Thomas St.Pierre\",\n      \"email\": \"thomas@samoht.ca\"\n    }\n  ],\n  \"homepage\": \"https://github.com/mxtommy/Kip\",\n  \"bugs\": \"https://github.com/mxtommy/Kip/issues\",\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"git+https://github.com/mxtommy/Kip.git\"\n  },\n  \"keywords\": [\n    \"signalk-webapp\",\n    \"signalk-category-instruments\",\n    \"signal k\",\n    \"signalk\",\n    \"instruments\",\n    \"dashboard\",\n    \"marine\",\n    \"nmea\"\n  ],\n  \"signalk\": {\n    \"appIcon\": \"assets/icon-72x72.png\",\n    \"displayName\": \"KIP Instrument MFD\"\n  },\n  \"scripts\": {\n    \"dev\": \"ng serve --configuration=dev --serve-path=/@mxtommy/kip/\",\n    \"build-dev\": \"ng build --configuration=dev\",\n    \"build-prod\": \"ng build --configuration=production\",\n    \"test\": \"ng test\",\n    \"lint\": \"ng lint\",\n    \"e2e\": \"ng e2e\"\n  },\n  \"devDependencies\": {\n    \"@angular-devkit/build-angular\": \"^20.1.6\",\n    \"@angular/animations\": \"20.1.7\",\n    \"@angular/build\": \"^20.1.6\",\n    \"@angular/cdk\": \"20.1.6\",\n    \"@angular/cli\": \"^20.1.6\",\n    \"@angular/common\": \"20.1.7\",\n    \"@angular/compiler\": \"20.1.7\",\n    \"@angular/compiler-cli\": \"20.1.7\",\n    \"@angular/core\": \"20.1.7\",\n    \"@angular/forms\": \"20.1.7\",\n    \"@angular/language-service\": \"20.1.7\",\n    \"@angular/material\": \"20.1.6\",\n    \"@angular/platform-browser\": \"20.1.7\",\n    \"@angular/platform-browser-dynamic\": \"20.1.7\",\n    \"@angular/router\": \"20.1.7\",\n    \"@godind/ng-canvas-gauges\": \"^6.2.1\",\n    \"@robloche/chartjs-plugin-streaming\": \"^3.1.0\",\n    \"@types/canvas-gauges\": \"^2.1.8\",\n    \"@types/howler\": \"^2.2.10\",\n    \"@types/jasmine\": \"~3.6.0\",\n    \"@types/jasminewd2\": \"^2.0.9\",\n    \"@types/js-quantities\": \"^1.6.6\",\n    \"@types/lodash-es\": \"^4.17.9\",\n    \"@types/node\": \"^24.1.0\",\n    \"@zakj/no-sleep\": \"^0.13.5\",\n    \"angular-eslint\": \"20.1.1\",\n    \"chart.js\": \"^4.4.9\",\n    \"chartjs-adapter-date-fns\": \"^3.0.0\",\n    \"chartjs-plugin-annotation\": \"^3.0.1\",\n    \"codelyzer\": \"^6.0.0\",\n    \"compare-versions\": \"^6.1.1\",\n    \"core-js\": \"^3.13.1\",\n    \"date-fns\": \"^2.30.0\",\n    \"eslint\": \"^9.29.0\",\n    \"gridstack\": \"^11.4.0\",\n    \"howler\": \"^2.2.4\",\n    \"jasmine-core\": \"~4.0.1\",\n    \"jasmine-spec-reporter\": \"~5.0.0\",\n    \"js-quantities\": \"^1.8.0\",\n    \"karma\": \"^6.4.4\",\n    \"karma-chrome-launcher\": \"~3.1.0\",\n    \"karma-cli\": \"~2.0.0\",\n    \"karma-coverage-istanbul-reporter\": \"^3.0.3\",\n    \"karma-jasmine\": \"~4.0.0\",\n    \"karma-jasmine-html-reporter\": \"^1.6.0\",\n    \"lodash-es\": \"^4.17.21\",\n    \"ng-packagr\": \"^20.0.1\",\n    \"ngx-markdown\": \"^20.0.0\",\n    \"ngx-resize-observer\": \"^3.1.0\",\n    \"protractor\": \"~7.0.0\",\n    \"pwa-asset-generator\": \"^8.0.4\",\n    \"rxjs\": \"^7.8.2\",\n    \"sass\": \"^1.49.9\",\n    \"screenfull\": \"^6.0.2\",\n    \"steelseries\": \"^2.0.9\",\n    \"ts-node\": \"^10.9.2\",\n    \"tslib\": \"^2.6.2\",\n    \"typescript\": \"^5.8.3\",\n    \"zone.js\": \"^0.15.1\"\n  }\n}\n", "import { effect, inject, Injectable, signal, untracked } from '@angular/core';\nimport { BehaviorSubject, Subject } from 'rxjs';\nimport { AppSettingsService } from './app-settings.service';\nimport { DataService } from './data.service';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport packageInfo from '../../../../package.json';\n\n/**\n * Snack-bar notification message interface.\n */\nexport interface AppNotification {\n  message: string;\n  action?: string;\n  duration: number;\n  silent: boolean;\n}\n\n\n/**\n * Kip theme hex colors\n *\n * @export\n * @interface ITheme\n */\nexport interface ITheme {\n  blue: string,\n  blueDim: string,\n  blueDimmer: string,\n  green: string,\n  greenDim: string,\n  greenDimmer: string,\n  purple: string,\n  purpleDim: string,\n  purpleDimmer: string,\n  yellow: string,\n  yellowDim: string,\n  yellowDimmer: string,\n  pink: string,\n  pinkDim: string,\n  pinkDimmer: string,\n  orange: string,\n  orangeDim: string,\n  orangeDimmer: string,\n  contrast: string,\n  contrastDim: string,\n  contrastDimmer: string,\n  grey: string,\n  greyDim: string,\n  greyDimmer: string,\n  port: string,\n  starboard: string,\n  zoneNominal: string,\n  zoneAlert: string,\n  zoneWarn: string,\n  zoneAlarm: string,\n  zoneEmergency: string,\n  background: string,\n  cardColor: string,\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AppService {\n  readonly MODE_PATH: string = 'self.environment.mode';\n  public readonly configurableThemeColors: {label: string, value: string}[] = [\n    {label: \"Contrast\", value: \"contrast\"},\n    {label: \"Blue\", value: \"blue\"},\n    {label: \"Green\", value: \"green\"},\n    {label: \"Orange\", value: \"orange\"},\n    {label: \"Yellow\", value: \"yellow\"},\n    {label: \"Pink\", value: \"pink\"},\n    {label: \"Purple\", value: \"purple\"},\n    {label: \"Grey\", value: \"grey\"}\n  ];\n  public snackbarAppNotifications = new Subject<AppNotification>(); // for snackbar message\n  public readonly cssThemeColorRoles$ = new BehaviorSubject<ITheme|null>(null);\n  private _cssThemeColorRoles: ITheme = null;\n  private _settings = inject(AppSettingsService);\n  private _data = inject(DataService);\n  public isNightMode = signal<boolean>(false);\n  private _useAutoNightMode = toSignal(this._settings.getAutoNightModeAsO(), { requireSync: true });\n  private _theme = toSignal(this._settings.getThemeNameAsO(), { requireSync: true });\n  private _redNightMode = toSignal(this._settings.getRedNightModeAsO(), { requireSync: true });\n  private _environmentMode = toSignal(this._data.subscribePath(this.MODE_PATH, 'default'));\n\n  public readonly appVersion = signal<string>(packageInfo.version);\n  public readonly browserVersion = signal<string>('Unknown');\n  public readonly osVersion = signal<string>('Unknown');\n\n  constructor() {\n    effect(() => {\n      if (this._theme() === 'light-theme') {\n        document.body.classList.toggle('light-theme', this._theme() === 'light-theme');\n      } else {\n        // Remove the light theme class if it exists\n        document.body.classList.remove('light-theme');\n      }\n    });\n\n    effect(() => {\n      const mode = this._environmentMode().data.value;\n      if (this._useAutoNightMode()) {\n        this.isNightMode.set(mode === \"night\");\n        this.toggleDayNightMode();\n      }\n    });\n\n    effect(() => {\n      const redNightMode = this._redNightMode();\n\n      untracked(() => {\n        if (redNightMode) {\n          this.toggleDayNightMode();\n        } else {\n          this.toggleDayNightMode();\n        }\n      });\n    });\n\n    this.readThemeCssRoleVariables();\n    this._cssThemeColorRoles = this.cssThemeColorRoles$.getValue();\n\n    this.browserVersion.set(this.getBrowserVersion());\n    this.osVersion.set(this.getOSVersion());\n\n    console.log(\"*********** KIP Version Information ***********\");\n    console.log(`** App Version: ${this.appVersion()}`);\n    console.log(`** Browser Version: ${this.browserVersion()}`);\n    console.log(`** OS Version: ${this.osVersion()}`);\n    console.log(\"***********************************************\");\n  }\n\n  /**\n   * Display Kip Snackbar notification.\n   *\n   * @param message Text to be displayed.\n   * @param duration Display duration in milliseconds before automatic dismissal.\n   * Duration value of 0 is indefinite or until use clicks Dismiss button. Defaults\n   *  to 10000 of no value is provided.\n   * @param silent A boolean that defines if the notification should make no sound.\n   * Defaults false.\n   */\n  public sendSnackbarNotification(message: string, duration = 10000, silent = false, action = \"Dismiss\") {\n    this.snackbarAppNotifications.next({ message: message, duration: duration, silent: silent, action: action });\n  }\n\n  /**\n   * Observable to receive Kip app Snackbar notification. Use in app.component ONLY.\n   *\n   * @usageNotes To send a Snackbar notification, use sendSnackbarNotification().\n   * Notifications are purely client side and have no relationship or\n   * interactions with the Signal K server.\n   */\n  public getSnackbarAppNotifications() {\n    return this.snackbarAppNotifications.asObservable();\n  }\n\n  private readThemeCssRoleVariables(): void {\n    const root = document.body;\n    const computedStyle = getComputedStyle(root);\n    const cssThemeRolesColor: ITheme = {\n      background: computedStyle.getPropertyValue('--mat-sys-background').trim(),\n      cardColor: computedStyle.getPropertyValue('--kip-widget-card-background-color').trim(),\n      blue: computedStyle.getPropertyValue('--kip-blue-color').trim(),\n      blueDim: computedStyle.getPropertyValue('--kip-blue-dim-color').trim(),\n      blueDimmer: computedStyle.getPropertyValue('--kip-blue-dimmer-color').trim(),\n      green: computedStyle.getPropertyValue('--kip-green-color').trim(),\n      greenDim: computedStyle.getPropertyValue('--kip-green-dim-color').trim(),\n      greenDimmer: computedStyle.getPropertyValue('--kip-green-dimmer-color').trim(),\n      grey: computedStyle.getPropertyValue('--kip-grey-color').trim(),\n      greyDim: computedStyle.getPropertyValue('--kip-grey-dim-color').trim(),\n      greyDimmer: computedStyle.getPropertyValue('--kip-grey-dimmer-color').trim(),\n      orange: computedStyle.getPropertyValue('--kip-orange-color').trim(),\n      orangeDim: computedStyle.getPropertyValue('--kip-orange-dim-color').trim(),\n      orangeDimmer: computedStyle.getPropertyValue('--kip-orange-dimmer-color').trim(),\n      pink: computedStyle.getPropertyValue('--kip-pink-color').trim(),\n      pinkDim: computedStyle.getPropertyValue('--kip-pink-dim-color').trim(),\n      pinkDimmer: computedStyle.getPropertyValue('--kip-pink-dimmer-color').trim(),\n      purple: computedStyle.getPropertyValue('--kip-purple-color').trim(),\n      purpleDim: computedStyle.getPropertyValue('--kip-purple-dim-color').trim(),\n      purpleDimmer: computedStyle.getPropertyValue('--kip-purple-dimmer-color').trim(),\n      contrast: computedStyle.getPropertyValue('--kip-contrast-color').trim(),\n      contrastDim: computedStyle.getPropertyValue('--kip-contrast-dim-color').trim(),\n      contrastDimmer: computedStyle.getPropertyValue('--kip-contrast-dimmer-color').trim(),\n      yellow: computedStyle.getPropertyValue('--kip-yellow-color').trim(),\n      yellowDim: computedStyle.getPropertyValue('--kip-yellow-dim-color').trim(),\n      yellowDimmer: computedStyle.getPropertyValue('--kip-yellow-dimmer-color').trim(),\n      port: computedStyle.getPropertyValue('--kip-port-color').trim(),\n      starboard: computedStyle.getPropertyValue('--kip-starboard-color').trim(),\n      zoneNominal: computedStyle.getPropertyValue('--kip-zone-nominal-color').trim(),\n      zoneAlert: computedStyle.getPropertyValue('--kip-zone-alert-color').trim(),\n      zoneWarn: computedStyle.getPropertyValue('--kip-zone-warn-color').trim(),\n      zoneAlarm: computedStyle.getPropertyValue('--kip-zone-alarm-color').trim(),\n      zoneEmergency: computedStyle.getPropertyValue('--kip-zone-emergency-color').trim(),\n    };\n    this.cssThemeColorRoles$.next(cssThemeRolesColor);\n  }\n\n  public get cssThemeColors() : ITheme {\n    return this._cssThemeColorRoles;\n  }\n\n  public setBrightness(brightness: number, applyNightFilters = false): void {\n    const appFilterWrapper = document.body;\n\n    // Set the brightness level\n    appFilterWrapper.style.setProperty('--kip-nightModeBrightness', `${brightness}`);\n\n    // Apply sepia and hue-rotate filters if night mode is active\n    const additionalFilters = applyNightFilters ? ' sepia(0.5) hue-rotate(-30deg)' : '';\n    appFilterWrapper.style.setProperty('--kip-nightModeFilters', additionalFilters);\n  }\n\n  public toggleDayNightMode(): void {\n    if (this.isNightMode()) {\n      if (this._redNightMode()) {\n        document.body.classList.toggle('night-theme', true);\n        this.setBrightness(1, false);\n      } else {\n        this.setBrightness(this._settings.getNightModeBrightness(), true);\n        document.body.classList.remove('night-theme');\n        if (this._theme() === 'light-theme') {\n          document.body.classList.toggle('light-theme', this._theme() === 'light-theme');\n        } else {\n          document.body.classList.remove('light-theme');\n        }\n      }\n\n    } else {\n      document.body.classList.remove('night-theme');\n      if (this._theme() === 'light-theme') {\n        document.body.classList.toggle('light-theme', this._theme() === 'light-theme');\n      }\n      this.setBrightness(1, false);\n    }\n    this.readThemeCssRoleVariables();\n    this._cssThemeColorRoles = this.cssThemeColorRoles$.getValue();\n  }\n\n  /**\n   * Helper method to get the browser version.\n   */\n  private getBrowserVersion(): string {\n    const userAgent = navigator.userAgent;\n    let browser = 'Unknown';\n\n    if (userAgent.includes('Edg')) {\n      browser = `Edge ${userAgent.match(/Edg\\/(\\d+)/)?.[1]}`;\n    } else if (userAgent.includes('Chrome') && !userAgent.includes('Edg') && !userAgent.includes('Chromium')) {\n      browser = `Chrome ${userAgent.match(/Chrome\\/(\\d+)/)?.[1]}`;\n    } else if (userAgent.includes('Chromium')) {\n      browser = `Chromium ${userAgent.match(/Chromium\\/(\\d+)/)?.[1]}`;\n    } else if (userAgent.includes('Firefox')) {\n      browser = `Firefox ${userAgent.match(/Firefox\\/(\\d+)/)?.[1]}`;\n    } else if (userAgent.includes('Safari') && !userAgent.includes('Chrome') && !userAgent.includes('Chromium')) {\n      browser = `Safari ${userAgent.match(/Version\\/(\\d+)/)?.[1]}`;\n    } else if (userAgent.includes('Opera') || userAgent.includes('OPR')) {\n      browser = `Opera ${userAgent.match(/(Opera|OPR)\\/(\\d+)/)?.[2]}`;\n    }\n\n    return browser;\n  }\n\n  /**\n   * Helper method to get the OS version.\n   */\n  private getOSVersion(): string {\n    const platform = navigator.platform;\n    const userAgent = navigator.userAgent;\n\n    if (platform.startsWith('Mac')) {\n      return 'macOS';\n    } else if (platform.startsWith('Win')) {\n      return 'Windows';\n    } else if (/Linux/.test(platform)) {\n      // Check for Raspberry Pi identifiers in the userAgent or platform\n      if (\n        userAgent.includes('ARM') ||\n        userAgent.includes('aarch64') ||\n        userAgent.includes('Raspberry') ||\n        platform.includes('armv7l') ||\n        platform.includes('armv8l')\n      ) {\n        return 'Raspberry Pi';\n      }\n      return 'Linux';\n    } else {\n      return 'Unknown OS';\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/public/chunk-U2DCSTRY.js

@@ -0,0 +1,159 @@
+import {
+  MatDivider
+} from "./chunk-MCEJWZB2.js";
+import {
+  DefaultValueAccessor,
+  FormsModule,
+  MAT_DIALOG_DATA,
+  MatDialogActions,
+  MatDialogClose,
+  MatDialogContent,
+  MatDialogRef,
+  MatDialogTitle,
+  MatError,
+  MatFormField,
+  MatInput,
+  MatLabel,
+  NgControlStatus,
+  NgControlStatusGroup,
+  NgForm,
+  NgModel,
+  RequiredValidator,
+  ɵNgNoValidate
+} from "./chunk-BIBIW64D.js";
+import {
+  Component,
+  MatButton,
+  inject,
+  setClassMetadata,
+  ɵsetClassDebugInfo,
+  ɵɵadvance,
+  ɵɵconditional,
+  ɵɵconditionalCreate,
+  ɵɵdefineComponent,
+  ɵɵelement,
+  ɵɵelementEnd,
+  ɵɵelementStart,
+  ɵɵgetCurrentView,
+  ɵɵlistener,
+  ɵɵnextContext,
+  ɵɵproperty,
+  ɵɵpureFunction0,
+  ɵɵreference,
+  ɵɵresetView,
+  ɵɵrestoreView,
+  ɵɵtext,
+  ɵɵtextInterpolate,
+  ɵɵtextInterpolate1,
+  ɵɵtwoWayBindingSet,
+  ɵɵtwoWayListener,
+  ɵɵtwoWayProperty
+} from "./chunk-SDOP6T56.js";
+
+// src/app/core/components/modal-user-credential/modal-user-credential.component.ts
+var _c0 = () => ({ standalone: false });
+function ModalUserCredentialComponent_Conditional_5_Template(rf, ctx) {
+  if (rf & 1) {
+    \u0275\u0275elementStart(0, "div", 3);
+    \u0275\u0275element(1, "i", 10);
+    \u0275\u0275text(2);
+    \u0275\u0275elementEnd();
+  }
+  if (rf & 2) {
+    const ctx_r1 = \u0275\u0275nextContext();
+    \u0275\u0275advance(2);
+    \u0275\u0275textInterpolate1(" ", ctx_r1.data.error, " ");
+  }
+}
+var ModalUserCredentialComponent = class _ModalUserCredentialComponent {
+  dialogRef = inject(MatDialogRef);
+  data = inject(MAT_DIALOG_DATA);
+  titleDialog = "Sign in to Signal K";
+  saveCredential() {
+    this.data.error = null;
+    this.dialogRef.close(this.data);
+  }
+  static \u0275fac = function ModalUserCredentialComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || _ModalUserCredentialComponent)();
+  };
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _ModalUserCredentialComponent, selectors: [["app-modal-user-credential"]], decls: 26, vars: 10, consts: [["login", "ngForm"], ["name", "login", 3, "ngSubmit"], ["mat-dialog-title", ""], [1, "errorMsgBox"], [1, "login-grid"], [1, "userLoginInput"], ["type", "text", "autocomplete", "username", "id", "username", "matInput", "", "placeholder", "User ID", "name", "username", "required", "", 3, "ngModelChange", "ngModel", "ngModelOptions"], ["type", "password", "autocomplete", "current-password", "autocapitalize", "off", "autocorrect", "off", "spellcheck", "false", "id", "current-password", "matInput", "", "placeholder", "Password", "name", "current-password", "required", "", 3, "ngModelChange", "ngModel", "ngModelOptions"], ["mat-flat-button", "", "type", "button", 3, "mat-dialog-close"], ["mat-flat-button", "", "type", "submit", 3, "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-times-circle", 2, "color", "red", "padding-right", "5px"]], template: function ModalUserCredentialComponent_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r1 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "form", 1, 0);
+      \u0275\u0275listener("ngSubmit", function ModalUserCredentialComponent_Template_form_ngSubmit_0_listener() {
+        \u0275\u0275restoreView(_r1);
+        return \u0275\u0275resetView(ctx.saveCredential());
+      });
+      \u0275\u0275elementStart(2, "span", 2);
+      \u0275\u0275text(3);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(4, "mat-dialog-content");
+      \u0275\u0275conditionalCreate(5, ModalUserCredentialComponent_Conditional_5_Template, 3, 1, "div", 3);
+      \u0275\u0275element(6, "br");
+      \u0275\u0275elementStart(7, "div", 4)(8, "mat-form-field", 5)(9, "mat-label");
+      \u0275\u0275text(10, "User ID");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(11, "input", 6);
+      \u0275\u0275twoWayListener("ngModelChange", function ModalUserCredentialComponent_Template_input_ngModelChange_11_listener($event) {
+        \u0275\u0275restoreView(_r1);
+        \u0275\u0275twoWayBindingSet(ctx.data.user, $event) || (ctx.data.user = $event);
+        return \u0275\u0275resetView($event);
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(12, "mat-error");
+      \u0275\u0275text(13, " You must enter a User ID value ");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(14, "mat-form-field", 5)(15, "mat-label");
+      \u0275\u0275text(16, "Password");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(17, "input", 7);
+      \u0275\u0275twoWayListener("ngModelChange", function ModalUserCredentialComponent_Template_input_ngModelChange_17_listener($event) {
+        \u0275\u0275restoreView(_r1);
+        \u0275\u0275twoWayBindingSet(ctx.data.password, $event) || (ctx.data.password = $event);
+        return \u0275\u0275resetView($event);
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(18, "mat-error");
+      \u0275\u0275text(19, " You must enter a password value ");
+      \u0275\u0275elementEnd()()()();
+      \u0275\u0275element(20, "mat-divider");
+      \u0275\u0275elementStart(21, "mat-dialog-actions")(22, "button", 8);
+      \u0275\u0275text(23, "Cancel");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(24, "button", 9);
+      \u0275\u0275text(25, "Sign in");
+      \u0275\u0275elementEnd()()();
+    }
+    if (rf & 2) {
+      const login_r3 = \u0275\u0275reference(1);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate(ctx.titleDialog);
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(ctx.data.error ? 5 : -1);
+      \u0275\u0275advance(6);
+      \u0275\u0275twoWayProperty("ngModel", ctx.data.user);
+      \u0275\u0275property("ngModelOptions", \u0275\u0275pureFunction0(8, _c0));
+      \u0275\u0275advance(6);
+      \u0275\u0275twoWayProperty("ngModel", ctx.data.password);
+      \u0275\u0275property("ngModelOptions", \u0275\u0275pureFunction0(9, _c0));
+      \u0275\u0275advance(5);
+      \u0275\u0275property("mat-dialog-close", false);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("disabled", !login_r3.valid);
+    }
+  }, dependencies: [FormsModule, \u0275NgNoValidate, DefaultValueAccessor, NgControlStatus, NgControlStatusGroup, RequiredValidator, NgModel, NgForm, MatDialogTitle, MatDialogContent, MatFormField, MatLabel, MatInput, MatError, MatDivider, MatDialogActions, MatButton, MatDialogClose], styles: ['\n\n.errorMsgBox[_ngcontent-%COMP%] {\n  background-color: cornsilk;\n  color: darkslategray;\n  display: flex;\n  padding-top: 5px;\n  padding-right: 5px;\n  padding-bottom: 5px;\n  padding-left: 5px;\n  font-family:\n    "Arial",\n    Times,\n    serif;\n  font-size: 14px;\n}\n.login-grid[_ngcontent-%COMP%] {\n  display: grid;\n  gap: 10px;\n  padding-left: 10px;\n  padding-right: 10px;\n}\n.userLoginInput[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n/*# sourceMappingURL=modal-user-credential.component.css.map */'] });
+};
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ModalUserCredentialComponent, [{
+    type: Component,
+    args: [{ selector: "app-modal-user-credential", imports: [FormsModule, MatDialogTitle, MatDialogContent, MatFormField, MatLabel, MatInput, MatError, MatDivider, MatDialogActions, MatButton, MatDialogClose], template: '<form name="login" (ngSubmit)="saveCredential()" #login="ngForm">\n  <span mat-dialog-title>{{titleDialog}}</span>\n  <mat-dialog-content>\n    @if (data.error) {\n      <div class="errorMsgBox">\n        <i class="fa-solid fa-times-circle" style="color:red; padding-right: 5px;" aria-hidden="true"></i>\n        {{data.error}}\n      </div>\n    }\n    <br/>\n    <div class="login-grid">\n      <mat-form-field class="userLoginInput">\n        <mat-label>User ID</mat-label>\n        <input type="text"  autocomplete="username" id="username" matInput placeholder="User ID" name="username" [(ngModel)]="data.user" [ngModelOptions]="{standalone: false}" required>\n        <mat-error>\n          You must enter a User ID value\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field class="userLoginInput">\n        <mat-label>Password</mat-label>\n        <input type=password autocomplete="current-password" autocapitalize="off" autocorrect="off" spellcheck="false" id="current-password" matInput placeholder="Password" name="current-password" [(ngModel)]="data.password" [ngModelOptions]="{standalone: false}" required>\n        <mat-error>\n          You must enter a password value\n        </mat-error>\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-divider></mat-divider>\n  <mat-dialog-actions>\n    <button mat-flat-button type="button" [mat-dialog-close]="false">Cancel</button>\n    <button mat-flat-button type="submit" [disabled]="!login.valid">Sign in</button>\n  </mat-dialog-actions>\n</form>\n', styles: ['/* src/app/core/components/modal-user-credential/modal-user-credential.component.scss */\n.errorMsgBox {\n  background-color: cornsilk;\n  color: darkslategray;\n  display: flex;\n  padding-top: 5px;\n  padding-right: 5px;\n  padding-bottom: 5px;\n  padding-left: 5px;\n  font-family:\n    "Arial",\n    Times,\n    serif;\n  font-size: 14px;\n}\n.login-grid {\n  display: grid;\n  gap: 10px;\n  padding-left: 10px;\n  padding-right: 10px;\n}\n.userLoginInput {\n  margin-bottom: 10px;\n}\n/*# sourceMappingURL=modal-user-credential.component.css.map */\n'] }]
+  }], null, null);
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ModalUserCredentialComponent, { className: "ModalUserCredentialComponent", filePath: "src/app/core/components/modal-user-credential/modal-user-credential.component.ts", lineNumber: 16 });
+})();
+
+export {
+  ModalUserCredentialComponent
+};
+//# sourceMappingURL=chunk-U2DCSTRY.js.map

package/public/chunk-U2DCSTRY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/core/components/modal-user-credential/modal-user-credential.component.ts", "src/app/core/components/modal-user-credential/modal-user-credential.component.html"],
+  "sourcesContent": ["import { Component, inject } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';\nimport { MatButton } from '@angular/material/button';\nimport { MatDivider } from '@angular/material/divider';\nimport { MatInput } from '@angular/material/input';\nimport { MatFormField, MatLabel, MatError } from '@angular/material/form-field';\n\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n    selector: 'app-modal-user-credential',\n    templateUrl: './modal-user-credential.component.html',\n    styleUrls: ['./modal-user-credential.component.scss'],\n    imports: [FormsModule, MatDialogTitle, MatDialogContent, MatFormField, MatLabel, MatInput, MatError, MatDivider, MatDialogActions, MatButton, MatDialogClose]\n})\nexport class ModalUserCredentialComponent {\n  dialogRef = inject<MatDialogRef<ModalUserCredentialComponent>>(MatDialogRef);\n  data = inject<{\n    user: string;\n    password: string;\n    error: string;\n}>(MAT_DIALOG_DATA);\n\n  titleDialog = \"Sign in to Signal K\";\n\n  protected saveCredential() {\n    this.data.error = null;\n    this.dialogRef.close(this.data);\n  }\n\n}\n", "<form name=\"login\" (ngSubmit)=\"saveCredential()\" #login=\"ngForm\">\n  <span mat-dialog-title>{{titleDialog}}</span>\n  <mat-dialog-content>\n    @if (data.error) {\n      <div class=\"errorMsgBox\">\n        <i class=\"fa-solid fa-times-circle\" style=\"color:red; padding-right: 5px;\" aria-hidden=\"true\"></i>\n        {{data.error}}\n      </div>\n    }\n    <br/>\n    <div class=\"login-grid\">\n      <mat-form-field class=\"userLoginInput\">\n        <mat-label>User ID</mat-label>\n        <input type=\"text\"  autocomplete=\"username\" id=\"username\" matInput placeholder=\"User ID\" name=\"username\" [(ngModel)]=\"data.user\" [ngModelOptions]=\"{standalone: false}\" required>\n        <mat-error>\n          You must enter a User ID value\n        </mat-error>\n      </mat-form-field>\n      <mat-form-field class=\"userLoginInput\">\n        <mat-label>Password</mat-label>\n        <input type=password autocomplete=\"current-password\" autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" id=\"current-password\" matInput placeholder=\"Password\" name=\"current-password\" [(ngModel)]=\"data.password\" [ngModelOptions]=\"{standalone: false}\" required>\n        <mat-error>\n          You must enter a password value\n        </mat-error>\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n  <mat-divider></mat-divider>\n  <mat-dialog-actions>\n    <button mat-flat-button type=\"button\" [mat-dialog-close]=\"false\">Cancel</button>\n    <button mat-flat-button type=\"submit\" [disabled]=\"!login.valid\">Sign in</button>\n  </mat-dialog-actions>\n</form>\n"],
+  "mappings": "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",
+  "names": []
+}