@mxtommy/kip 3.9.0-beta.3 → 3.9.0-beta.31

package/.github/copilot-instructions.md

@@ -57,7 +57,7 @@ Use this quick-start map to be productive in this repo. Prefer these concrete pa
 
 ## Project specifics & gotchas
 - Always respect serve path /@mxtommy/kip/ (dev/prod). Assets and routing assume this base.
-- CommonJS deps are explicitly allowed (howler, hammerjs, js-quantities). Avoid introducing new CJS without adding to allowedCommonJsDependencies.
+- CommonJS deps are explicitly allowed (howler, js-quantities). Avoid introducing new CJS without adding to allowedCommonJsDependencies.
 - Use standalone components, signals, @if/@for; follow .github/instructions/angular.instructions.md for style.
 - Widget config UIs live under src/app/widget-config; path controls use custom validators (no Validators.required). Respect isPathConfigurable and pathRequired.
 

package/.github/instructions/angular.instructions.md

@@ -54,6 +54,10 @@ https://angular.dev/essentials/components
 https://angular.dev/essentials/signals
 https://angular.dev/essentials/templates
 https://angular.dev/essentials/dependency-injection
+https://angular.dev/guide/components/queries
+
+viewChild('tileContainer', { static: false }) tileContainer!: ElementRef<HTMLDivElement>;
+  viewChildren('tile', { read: ElementRef }) tiles!: QueryList<ElementRef<HTMLElement>>;
 
 ## Best practices & Style guide
 Here are the best practices and the style guide information.
@@ -100,6 +104,15 @@ Here is a link to the most recent Angular style guide https://angular.dev/style-
 - Use the `providedIn: 'root'` option for singleton services
 - Use the `inject()` function instead of constructor injection
 
+### Dashboards
+- Dashboards are managed via `DashboardService` and support custom names and icons for easy identification
+- Use `DashboardService.add(name, configuration, icon?)` to create dashboards with optional icons
+- Use `DashboardService.update(index, name, icon?)` to modify existing dashboards
+- Use `DashboardService.duplicate(index, newName, newIcon?)` to duplicate dashboards with optional icon override
+- Icons are Material Icons (e.g., 'dashboard', 'navigation') and can be selected via the `select-icon` component
+- The `select-icon` component loads SVG icons from configurable files (default: 'assets/svg/icons.svg'), displays them in a grid, and outputs the selected icon name
+- Integrate icon selection in dialogs by including `<select-icon [iconFile]="'assets/svg/icons.svg'" (selectedIcon)="onIconSelected($event)"></select-icon>`
+
 ---
 
 ## Cross-Reference Instructions
@@ -118,3 +131,36 @@ Here is a link to the most recent Angular style guide https://angular.dev/style-
 - Use signals, standalone components, and modern control flow from this file within the KIP architecture from `COPILOT.md`
 - For theming and colors, always use the KIP theme system described in `COPILOT.md`, not generic CSS approaches
 - All services should follow both the Angular DI patterns here AND the KIP service architecture in `COPILOT.md`
+
+## Referencing component children with queries (Angular 17+)
+
+Use the modern signal-based query API for referencing elements, components, or directives in your template:
+
+- Use `viewChild()` and `viewChildren()` from `@angular/core` (not the old decorators).
+- These return signals or arrays, not QueryList.
+- Example usage:
+
+```typescript
+import { viewChild, viewChildren, ElementRef } from '@angular/core';
+
+// In your component class:
+tileContainer = viewChild('tileContainer')();
+tiles = viewChildren('tile', { read: ElementRef });
+```
+
+- In your template, add template reference variables:
+
+```html
+<div #tileContainer>
+  @for (item of items; let i = $index) {
+    <tile-large-icon #tile ...></tile-large-icon>
+  }
+</div>
+```
+
+- Access the element/component directly via the property (e.g., `this.tileContainer`, `this.tiles[0]`).
+- `viewChildren()` returns a readonly array that updates automatically as the view changes.
+- No need for `ngAfterViewInit` to access queries; they are available as soon as the view is rendered.
+
+**Summary:**
+Use `viewChild()` and `viewChildren()` for modern, reactive, and type-safe access to elements/components in your template. Avoid the legacy `@ViewChild`/`@ViewChildren` decorators and `QueryList` in new code.

package/README.md

@@ -16,20 +16,9 @@ Key features include:
 - **Multiple User Profiles**: Tailor configurations for different roles, devices, or use cases.
 - **Cross-Device Compatibility**: Access KIP remotely on any device by navigating to `http://<Signal K Server URL>:<port>/@mxtommy/kip`.
 
-Typical complementary components you may install (many are often bundled with Signal K distributions):
-
-**Navigation & Charting**
-- **Freeboard‑SK** – Multi‑station, web chart plotter dedicated to Signal K: routes, waypoints, charts, alarms, weather layers, and instrument overlays.
-
-**Visual Flow / Automation**
-- **Node‑RED** – Low‑code, flow‑based wiring of devices, APIs, online services, and custom logic (alert escalation, device control automation, data enrichment, protocol bridging).
-
-**Data Storage & Analytics**
-- **InfluxDB / other TSDB** – High‑resolution historical storage of sensor & performance metrics beyond what lightweight widget charts should retain.
-- **Grafana** – Rich exploratory / comparative dashboards, ad‑hoc queries, alert rules on stored metrics, correlation across heterogeneous data sources.
-
 KIP is open-source under the MIT license, built by the community and 100% free. Join the community on Discord or contribute to the project on GitHub!
 
+## Read the Help introduction How-to
 ## Read the Help introduction How-to
 Read the [Introduction](https://github.com/mxtommy/Kip/blob/master/src/assets/help-docs/welcome.md) help file.
 
@@ -134,6 +123,32 @@ For example, Signal K will notify KIP when a water depth or temperature sensor r
 ## Multiple User Profiles
 If you have different roles on board: captain, skipper, tactician, navigator, engineer—or simply different people with different needs, each can tailor KIP as they wish. The use of profiles also allows you to tie specific configuration arrangements to use cases or device form factors.
 
+## Complementary Components
+Typical complementary components you may install (many are often bundled with Signal K distributions):
+
+**Navigation & Charting**
+- **Freeboard‑SK** – Multi‑station, web chart plotter dedicated to Signal K: routes, waypoints, charts, alarms, weather layers, and instrument overlays.
+
+**Visual Flow / Automation**
+- **Node‑RED** – Low‑code, flow‑based wiring of devices, APIs, online services, and custom logic (alert escalation, device control automation, data enrichment, protocol bridging).
+
+**Data Storage & Analytics**
+- **InfluxDB / other TSDB** – High‑resolution historical storage of sensor & performance metrics beyond what lightweight widget charts should retain.
+- **Grafana** – Rich exploratory / comparative dashboards, ad‑hoc queries, alert rules on stored metrics, correlation across heterogeneous data sources.
+
+## Complementary Components
+Typical complementary components you may install (many are often bundled with Signal K distributions):
+
+**Navigation & Charting**
+- **Freeboard‑SK** – Multi‑station, web chart plotter dedicated to Signal K: routes, waypoints, charts, alarms, weather layers, and instrument overlays.
+
+**Visual Flow / Automation**
+- **Node‑RED** – Low‑code, flow‑based wiring of devices, APIs, online services, and custom logic (alert escalation, device control automation, data enrichment, protocol bridging).
+
+**Data Storage & Analytics**
+- **InfluxDB / other TSDB** – High‑resolution historical storage of sensor & performance metrics beyond what lightweight widget charts should retain.
+- **Grafana** – Rich exploratory / comparative dashboards, ad‑hoc queries, alert rules on stored metrics, correlation across heterogeneous data sources.
+
 # Connect, Share, and Support
 KIP has its own Discord Signal K channel for getting in touch. Join us at https://discord.gg/AMDYT2DQga
 
@@ -166,6 +181,28 @@ Keeping KIP focused preserves responsiveness (lower CPU / memory), reduces UI cl
 
 In short: use KIP to see & act on live sailing information; use the complementary tools to store it long‑term, analyze it deeply, automate decisions, or build advanced integrations.
 
+## Project Scope
+What KIP IS about:
+- Real‑time presentation of vessel & environment data (navigation, performance, systems) pulled from Signal K.
+- Fast, legible, touchscreen‑friendly dashboards for underway decision making.
+- Configurable widgets (gauges, charts, timers, controls) tuned for sailing operations.
+
+What KIP deliberately IS NOT trying to become:
+- A full data lake / long‑term time‑series historian.
+- A general purpose automation / rules / orchestration engine.
+- A universal external web‑app embedding or mash‑up framework.
+- A low‑code integration hub for arbitrarily wiring protocols and services.
+
+Those domains already have excellent, specialized open‑source tools. Instead of re‑implementing them, KIP plays nicely alongside them within a Signal K based onboard stack.
+
+**Processing & Extensions**
+- **Signal K Plugins** – Domain‑specific enrichment (polars, performance calculations, derived environmental data, routing aids) published directly into the Signal K data model that KIP can then display.
+
+**Why this separation matters**
+Keeping KIP focused preserves responsiveness (lower CPU / memory), reduces UI clutter, and accelerates iteration on core sailing UX. Heavy analytics, complex workflow logic, and broad third‑party embedding stay where they are strongest—outside—but still feed KIP through the common Signal K data fabric.
+
+In short: use KIP to see & act on live sailing information; use the complementary tools to store it long‑term, analyze it deeply, automate decisions, or build advanced integrations.
+
 **Tools**
 Linux, Mac, RPi, or Windows dev platform supported
 1. Install the latest Node version (v16+, v18 recommended)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxtommy/kip",
-  "version": "3.9.0-beta.3",
+  "version": "3.9.0-beta.31",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
   "author": {
@@ -63,13 +63,13 @@
     "@godind/ng-canvas-gauges": "^6.2.1",
     "@robloche/chartjs-plugin-streaming": "^3.1.0",
     "@types/canvas-gauges": "^2.1.8",
-    "@types/hammerjs": "^2.0.45",
     "@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",
@@ -80,7 +80,6 @@
     "date-fns": "^2.30.0",
     "eslint": "^9.29.0",
     "gridstack": "^11.4.0",
-    "hammerjs": "^2.0.8",
     "howler": "^2.2.4",
     "jasmine-core": "~4.0.1",
     "jasmine-spec-reporter": "~5.0.0",
@@ -100,7 +99,6 @@
     "rxjs": "^7.8.2",
     "sass": "^1.49.9",
     "screenfull": "^6.0.2",
-    "@zakj/no-sleep": "^0.13.5",
     "steelseries": "^2.0.9",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.2",

package/public/3rdpartylicenses.txt

@@ -1,28 +1,4 @@
 
---------------------------------------------------------------------------------
-Package: howler
-License: "MIT"
-
-Copyright (c) 2013-2020 James Simpson and GoldFire Studios, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 --------------------------------------------------------------------------------
 Package: @godind/canvas-gauges
 License: "MIT"
@@ -49,6 +25,30 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
+--------------------------------------------------------------------------------
+Package: howler
+License: "MIT"
+
+Copyright (c) 2013-2020 James Simpson and GoldFire Studios, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 --------------------------------------------------------------------------------
 Package: gridstack
 License: "MIT"
@@ -102,12 +102,10 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: @angular/material
+Package: ngx-resize-observer
 License: "MIT"
 
-The MIT License
-
-Copyright (c) 2025 Google LLC.
+Copyright (c) 2017 Tyler Akins
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -116,22 +114,24 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
 
 --------------------------------------------------------------------------------
-Package: ngx-resize-observer
+Package: @angular/material
 License: "MIT"
 
-Copyright (c) 2017 Tyler Akins
+The MIT License
+
+Copyright (c) 2025 Google LLC.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -140,16 +140,16 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
 
 --------------------------------------------------------------------------------
 Package: chartjs-plugin-annotation
@@ -243,6 +243,45 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
+--------------------------------------------------------------------------------
+Package: screenfull
+License: "MIT"
+
+MIT License
+
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+Package: @zakj/no-sleep
+License: "MIT"
+
+The MIT License (MIT)
+
+Copyright (c) Zak Johnson Copyright (c) 2015-2020 Rich Tibbett
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
 --------------------------------------------------------------------------------
 Package: chart.js
 License: "MIT"
@@ -413,45 +452,6 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
---------------------------------------------------------------------------------
-Package: screenfull
-License: "MIT"
-
-MIT License
-
-Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (https://sindresorhus.com)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
---------------------------------------------------------------------------------
-Package: @zakj/no-sleep
-License: "MIT"
-
-The MIT License (MIT)
-
-Copyright (c) Zak Johnson Copyright (c) 2015-2020 Rich Tibbett
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
 --------------------------------------------------------------------------------
 Package: js-quantities
 License: "MIT"

package/public/app-help.component.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/core/components/app-help/app-help.component.scss"],
+  "sourcesContent": [".fullpage-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.fullpage-header-title {\n  margin-block-start: 0px;\n  margin-block-end: 0px;\n  padding: 18px 24px 13px 24px;\n  color: var(--mat-dialog-subhead-color, var(--mat-sys-on-surface, rgba(0, 0, 0, 0.87)));\n  font-family: var(--mat-dialog-subhead-font, var(--mat-sys-headline-small-font, inherit));\n  line-height: var(--mat-dialog-subhead-line-height, var(--mat-sys-headline-small-line-height, 1.5rem));\n  font-size: var(--mat-dialog-subhead-size, var(--mat-sys-headline-small-size, 1rem));\n  font-weight: var(--mat-dialog-subhead-weight, var(--mat-sys-headline-small-weight, 400));\n  letter-spacing: var(--mat-dialog-subhead-tracking, var(--mat-sys-headline-small-tracking, 0.03125em));\n}\n\n.mat-mdc-dialog-content {\n  max-height: max-content;\n}\n\n.markdown-content {\n  display: block;\n  height: calc(100% - 75px);\n  width: 100%;\n  overflow-x: scroll;\n  padding: 25px;\n}\n\n.dialog-close-icon {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  gap: 5px;\n  padding-right: 15px;\n}\n"],
+  "mappings": ";AAAA,CAAA;AACE,WAAA;AACA,mBAAA;AACA,eAAA;;AAGF,CAAA;AACE,sBAAA;AACA,oBAAA;AACA,WAAA,KAAA,KAAA,KAAA;AACA,SAAA,IAAA,0BAAA,EAAA,IAAA,oBAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA;AACA,eAAA,IAAA,yBAAA,EAAA,IAAA,6BAAA,EAAA;AACA,eAAA,IAAA,gCAAA,EAAA,IAAA,oCAAA,EAAA;AACA,aAAA,IAAA,yBAAA,EAAA,IAAA,6BAAA,EAAA;AACA,eAAA,IAAA,2BAAA,EAAA,IAAA,+BAAA,EAAA;AACA,kBAAA,IAAA,6BAAA,EAAA,IAAA,iCAAA,EAAA;;AAGF,CAAA;AACE,cAAA;;AAGF,CAAA;AACE,WAAA;AACA,UAAA,KAAA,KAAA,EAAA;AACA,SAAA;AACA,cAAA;AACA,WAAA;;AAGF,CAAA;AACE,WAAA;AACA,kBAAA;AACA,aAAA;AACA,OAAA;AACA,iBAAA;;",
+  "names": []
+}

package/public/app.component.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/app.component.scss"],
+  "sourcesContent": [".sidenav-container {\n  height: 100%;\n  width: 100%;\n}\n\nmat-sidenav-content {\n overflow-y: hidden;\n overflow-x: hidden;\n}\n\nmat-sidenav.sidenav-notifications {\n  width: 230px;\n  z-index: 1200; // ensure sidenav sits above the notification overlay panel\n}\n\nmat-sidenav.sidenav-actions {\n  width: 135px;\n  z-index: 1200; // ensure actions sidenav stacks above overlay\n  overflow-x: hidden; // Ensure action sidenav content doesn't overflow horizontally\n}\n"],
+  "mappings": ";AAAA,CAAA;AACE,UAAA;AACA,SAAA;;AAGF;AACC,cAAA;AACA,cAAA;;AAGD,WAAA,CAAA;AACE,SAAA;AACA,WAAA;;AAGF,WAAA,CAAA;AACE,SAAA;AACA,WAAA;AACA,cAAA;;",
+  "names": []
+}

package/public/assets/help-docs/configuration.md

@@ -1,9 +1,9 @@
 # Configuration Management
 
-KIP provides a "Login to Server" option that determines where your configuration is stored. It is **strongly recommended** to enable server login in the **Settings** under the **Connectivity** tab. This ensures your configurations are stored remotely on the Signal K server. See the "Creating a Signal K user" section below for details.
+KIP provides a "Login to Server" option that determines where your configuration is stored. It is **strongly recommended** to enable server login in the **Settings** under the **Connectivity** tab. This ensures your configurations are stored remotely on the Signal K server and allows automatic loading of configuration from any device. See the "Creating a Signal K user" section below for information on how to create a user.
 
-- **Login to Server Enabled** (recommended setting): Configuration is stored remotely on the Signal K server.
-- **Login to Server Disabled** (default value): Configuration is saved locally in the browser's private storage.
+- **Login to Server Enabled** (recommended setting): Configuration is stored remotely on the Signal K server. This mode allow automatic loading of your configuration from any device (also known as configuration sharing).
+- **Login to Server Disabled** (default value): Configuration is saved on your computer/device, in the browser's private storage. In this mode, the configuration is per browser.
 
 You can manage your configurations using the **Configurations** page, accessible from the right menu. Depending on your login mode, different management options are available.
 
@@ -54,4 +54,4 @@ Use advanced operations with caution. All changes affect your active configurati
 
 KIP separates configuration into two parts:
 1. **Server Connection**: This configuration is always stored locally in your browser and is never shared. It is used in the **Connectivity** tab of the **Settings** page.
-2. **Application Settings**: This includes the configuration you can back up, delete, and restore on the **Configurations** page.
+2. **Application Settings**: This includes the configuration settings you can back up, delete, and restore with the **Configurations** page. It contains all dashboards, widgets and other configuration settings.

package/public/assets/help-docs/dashboards.md

@@ -2,12 +2,14 @@
 You can organize your dashboards from the Dashboards page. To edit a dashboard layout, first visualize the dashboard and unlock it.
 
 ## Dashboard Pages
-On the Dashboards page, you can add, reorder, delete, rename, and duplicate dashboards. The dashboard name is briefly visible when you cycle through dashboards. Available actions include:
+On the Dashboards page, you can add, reorder, delete, rename, and duplicate dashboards. Each dashboard can have a custom name and icon for easy identification. The dashboard name is briefly visible when you cycle through dashboards. Available actions include:
 - **Long press** a dashboard to delete or duplicate it.
-- **Double tap** a dashboard to rename it.
+- **Double tap** a dashboard to rename it and select an icon.
 - **Touch and drag** to reorder dashboards.
 - Use the **(+)** button to add a new dashboard.
 
+When renaming or creating a dashboard, you can choose from a variety of icons to visually represent the dashboard's purpose (e.g., navigation, engine monitoring, weather). Icons are displayed in the dashboard menu for quick recognition.
+
 ## Editing Layout
 To edit a dashboard's widgets and arrangement, you need to unlock its layout. View the desired dashboard, access the **Actions menu** on the right-hand side, and tap the bottom **unlock button**. The widgets will become surrounded by dashed borders, indicating you are in edit mode. Actions you can perform while editing a layout include:
 - **Long press** an empty area of the dashboard to add a widget (you may need to free up space first).

package/public/assets/svg/icons.svg

@@ -1,5 +1,5 @@
 <svg>
-  <defsid="defs1">
+  <defs id="defs1">
     <svg id="dashboard" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <path fill="currentColor" d="M5 5h4v6H5zm10 8h4v6h-4zM5 17h4v2H5zM15 5h4v2h-4z" opacity="0.3" />
       <path fill="currentColor" d="M3 13h8V3H3zm2-8h4v6H5zm8 16h8V11h-8zm2-8h4v6h-4zM13 3v6h8V3zm6 4h-4V5h4zM3 21h8v-6H3zm2-4h4v2H5z" />

package/public/boolean-control-config.component.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/widget-config/boolean-control-config/boolean-control-config.component.scss"],
+  "sourcesContent": [".ctrl-grid {\n  display: grid;\n  width: auto;\n  height: auto;\n  margin: 0px;\n  grid-template-columns: [col-start] calc(100% - 90px) [col1-end] 80px [col2-end];\n  grid-template-areas: \"controls actions\";\n  row-gap: 0px;\n  column-gap: 10px;\n  justify-items: center;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n  margin-bottom: 10px;\n  padding-top: 20px;\n}\n\n.controls {\n  grid-area: controls;\n  width: 100%;\n}\n\n.actions {\n  grid-area: actions;\n}\n\n.btn-grid {\n  display: grid;\n  width: 80px;\n  height: 80px;\n  margin: 0px;\n  grid-template-columns: [col-start] 50% [col1-end] 50% [col2-end];\n  grid-template-rows: [row-start] 50% [row1-end] 50% [row2-end];\n  grid-template-areas:\n    \"up delete\"\n    \"down delete\";\n  row-gap: 0px;\n  column-gap: 0px;\n  justify-items: center;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n}\n\n.up {\n  grid-area: up;\n}\n\n.down {\n  grid-area: down;\n}\n\n.delete {\n  grid-area: delete;\n}\n\n.flex-label {\n  flex-grow: 2;\n  flex-shrink: 2;\n}\n\n.flex-settings {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.settings {\n  min-width: 100px;\n}\n\n.flex-actions {\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.flex-full-width {\n width: 100%;\n}\n"],
+  "mappings": ";AAAA,CAAA;AACE,WAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,yBAAA,CAAA,WAAA,KAAA,KAAA,EAAA,MAAA,CAAA,UAAA,KAAA,CAAA;AACA,uBAAA;AACA,WAAA;AACA,cAAA;AACA,iBAAA;AACA,eAAA;AACA,mBAAA;AACA,iBAAA;AACA,iBAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,SAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,WAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,yBAAA,CAAA,WAAA,IAAA,CAAA,UAAA,IAAA,CAAA;AACA,sBAAA,CAAA,WAAA,IAAA,CAAA,UAAA,IAAA,CAAA;AACA,uBACE,YAAA;AAEF,WAAA;AACA,cAAA;AACA,iBAAA;AACA,eAAA;AACA,mBAAA;AACA,iBAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACE,aAAA;;AAGF,CAAA;AACE,aAAA;AACA,eAAA;;AAGF,CAAA;AACC,SAAA;;",
+  "names": []
+}

package/public/boolean-multicontrol-options.component.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/widget-config/boolean-multicontrol-options/boolean-multicontrol-options.component.css"],
+  "sourcesContent": [":host {\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding-top: 15px;\n  padding-bottom: 15px;\n}\n\n.add-btn {\n  margin-left: calc(50% - 20px);\n}\n\n"],
+  "mappings": ";AAAA;AACE,WAAS;AACT,SAAO;AACP,UAAQ;AACR,eAAa;AACb,kBAAgB;AAClB;AAEA,CAAC;AACC,eAAa,KAAK,IAAI,EAAE;AAC1B;",
+  "names": []
+}

package/public/chunk-2IRAP774.js

@@ -0,0 +1,89 @@
+import {
+  ModalUserCredentialComponent
+} from "./chunk-U2DCSTRY.js";
+import {
+  AppService
+} from "./chunk-OFG4OEIS.js";
+import "./chunk-MCEJWZB2.js";
+import {
+  AppSettingsService,
+  AuthenticationService,
+  MatDialog
+} from "./chunk-BIBIW64D.js";
+import {
+  Component,
+  inject,
+  setClassMetadata,
+  ɵsetClassDebugInfo,
+  ɵɵdefineComponent
+} from "./chunk-SDOP6T56.js";
+
+// src/app/widgets/widget-login/widget-login.component.ts
+var WidgetLoginComponent = class _WidgetLoginComponent {
+  dialog = inject(MatDialog);
+  auth = inject(AuthenticationService);
+  appService = inject(AppService);
+  appSettingsService = inject(AppSettingsService);
+  connectionConfig = null;
+  ngOnInit() {
+    this.connectionConfig = this.appSettingsService.getConnectionConfig();
+    this.openUserCredentialModal("Sign in failed: Incorrect user/password. Enter valide credentials or access the Confifuration/Settings menu, validate the server URL or/and disable the user Sign in option");
+  }
+  openUserCredentialModal(errorMsg) {
+    const dialogRef = this.dialog.open(ModalUserCredentialComponent, {
+      disableClose: true,
+      data: {
+        user: this.connectionConfig.loginName,
+        password: this.connectionConfig.loginPassword,
+        error: errorMsg
+      }
+    });
+    dialogRef.afterClosed().subscribe((data) => {
+      if (data === void 0 || !data) {
+        return;
+      } else {
+        this.connectionConfig.loginName = data.user;
+        this.connectionConfig.loginPassword = data.password;
+        this.appSettingsService.setConnectionConfig(this.connectionConfig);
+        this.serverLogin();
+      }
+    });
+  }
+  serverLogin(newUrl) {
+    this.auth.login({ usr: this.connectionConfig.loginName, pwd: this.connectionConfig.loginPassword, newUrl }).then(() => {
+      this.appSettingsService.reloadApp();
+    }).catch((error) => {
+      if (error.status == 401) {
+        this.openUserCredentialModal("Sign in failed: Invalide user/password. Enter valide credentials");
+        console.log("[Setting-SignalK Component] Sign in failed: " + error.error.message);
+      } else if (error.status == 404) {
+        this.appService.sendSnackbarNotification("Sign in failed: Login API not found at URL. See connection detail status in Configuration/Settings", 5e3, false);
+        console.log("[Setting-SignalK Component] Sign in failed: " + error.error.message);
+      } else if (error.status == 0) {
+        this.appService.sendSnackbarNotification("Sign in failed: Cannot reach server at Signal K URL. See connection detail status in Configuration/Settings", 5e3, false);
+        console.log("[Setting-SignalK Component] Sign in failed: Cannot reach server at Signal K URL:" + error.message);
+      } else {
+        this.appService.sendSnackbarNotification("Unknown authentication failure: " + JSON.stringify(error), 5e3, false);
+        console.log("[Setting-SignalK Component] Unknown login error response: " + JSON.stringify(error));
+      }
+    });
+  }
+  static \u0275fac = function WidgetLoginComponent_Factory(__ngFactoryType__) {
+    return new (__ngFactoryType__ || _WidgetLoginComponent)();
+  };
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _WidgetLoginComponent, selectors: [["app-widget-login"]], decls: 0, vars: 0, template: function WidgetLoginComponent_Template(rf, ctx) {
+  }, encapsulation: 2 });
+};
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(WidgetLoginComponent, [{
+    type: Component,
+    args: [{ selector: "app-widget-login", standalone: true, template: "" }]
+  }], null, null);
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(WidgetLoginComponent, { className: "WidgetLoginComponent", filePath: "src/app/widgets/widget-login/widget-login.component.ts", lineNumber: 17 });
+})();
+export {
+  WidgetLoginComponent
+};
+//# sourceMappingURL=chunk-2IRAP774.js.map

package/public/chunk-2IRAP774.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/app/widgets/widget-login/widget-login.component.ts"],
+  "sourcesContent": ["import { Component, OnInit, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthenticationService } from \"../../core/services/authentication.service\";\nimport { AppSettingsService } from '../../core/services/app-settings.service';\nimport { ModalUserCredentialComponent } from '../../core/components/modal-user-credential/modal-user-credential.component';\nimport { IConnectionConfig } from \"../../core/interfaces/app-settings.interfaces\";\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { AppService } from '../../core/services/app-service';\n\n\n@Component({\n    selector: 'app-widget-login',\n    templateUrl: './widget-login.component.html',\n    styleUrls: ['./widget-login.component.css'],\n    standalone: true\n})\nexport class WidgetLoginComponent implements OnInit {\n  dialog = inject(MatDialog);\n  private auth = inject(AuthenticationService);\n  private appService = inject(AppService);\n  private appSettingsService = inject(AppSettingsService);\n\n  public connectionConfig: IConnectionConfig = null;\n\n  ngOnInit(): void {\n    this.connectionConfig = this.appSettingsService.getConnectionConfig();\n    this.openUserCredentialModal(\"Sign in failed: Incorrect user/password. Enter valide credentials or access the Confifuration/Settings menu, validate the server URL or/and disable the user Sign in option\");\n  }\n\n  public openUserCredentialModal(errorMsg: string) {\n    const dialogRef = this.dialog.open(ModalUserCredentialComponent, {\n      disableClose: true,\n      data: {\n        user: this.connectionConfig.loginName,\n        password: this.connectionConfig.loginPassword,\n        error: errorMsg\n      }\n    });\n\n    dialogRef.afterClosed().subscribe(data => {\n      if (data === undefined || !data) {\n        return; //clicked Cancel or navigated await from page using url bar.\n      } else {\n        this.connectionConfig.loginName = data.user;\n        this.connectionConfig.loginPassword = data.password;\n        this.appSettingsService.setConnectionConfig(this.connectionConfig);\n        this.serverLogin();\n      }\n    });\n  }\n\n  private serverLogin(newUrl?: string) {\n    this.auth.login({ usr: this.connectionConfig.loginName, pwd: this.connectionConfig.loginPassword, newUrl })\n    .then(() => {\n      this.appSettingsService.reloadApp();\n    })\n    .catch((error: HttpErrorResponse) => {\n      if (error.status == 401) {\n        this.openUserCredentialModal(\"Sign in failed: Invalide user/password. Enter valide credentials\");\n        console.log(\"[Setting-SignalK Component] Sign in failed: \" + error.error.message);\n      } else if (error.status == 404) {\n        this.appService.sendSnackbarNotification(\"Sign in failed: Login API not found at URL. See connection detail status in Configuration/Settings\", 5000, false);\n        console.log(\"[Setting-SignalK Component] Sign in failed: \" + error.error.message);\n      } else if (error.status == 0) {\n        this.appService.sendSnackbarNotification(\"Sign in failed: Cannot reach server at Signal K URL. See connection detail status in Configuration/Settings\", 5000, false);\n        console.log(\"[Setting-SignalK Component] Sign in failed: Cannot reach server at Signal K URL:\" + error.message);\n      } else {\n        this.appService.sendSnackbarNotification(\"Unknown authentication failure: \" + JSON.stringify(error), 5000, false);\n        console.log(\"[Setting-SignalK Component] Unknown login error response: \" + JSON.stringify(error));\n      }\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAgBM,IAAO,uBAAP,MAAO,sBAAoB;EAC/B,SAAS,OAAO,SAAS;EACjB,OAAO,OAAO,qBAAqB;EACnC,aAAa,OAAO,UAAU;EAC9B,qBAAqB,OAAO,kBAAkB;EAE/C,mBAAsC;EAE7C,WAAQ;AACN,SAAK,mBAAmB,KAAK,mBAAmB,oBAAmB;AACnE,SAAK,wBAAwB,6KAA6K;EAC5M;EAEO,wBAAwB,UAAgB;AAC7C,UAAM,YAAY,KAAK,OAAO,KAAK,8BAA8B;MAC/D,cAAc;MACd,MAAM;QACJ,MAAM,KAAK,iBAAiB;QAC5B,UAAU,KAAK,iBAAiB;QAChC,OAAO;;KAEV;AAED,cAAU,YAAW,EAAG,UAAU,UAAO;AACvC,UAAI,SAAS,UAAa,CAAC,MAAM;AAC/B;MACF,OAAO;AACL,aAAK,iBAAiB,YAAY,KAAK;AACvC,aAAK,iBAAiB,gBAAgB,KAAK;AAC3C,aAAK,mBAAmB,oBAAoB,KAAK,gBAAgB;AACjE,aAAK,YAAW;MAClB;IACF,CAAC;EACH;EAEQ,YAAY,QAAe;AACjC,SAAK,KAAK,MAAM,EAAE,KAAK,KAAK,iBAAiB,WAAW,KAAK,KAAK,iBAAiB,eAAe,OAAM,CAAE,EACzG,KAAK,MAAK;AACT,WAAK,mBAAmB,UAAS;IACnC,CAAC,EACA,MAAM,CAAC,UAA4B;AAClC,UAAI,MAAM,UAAU,KAAK;AACvB,aAAK,wBAAwB,kEAAkE;AAC/F,gBAAQ,IAAI,iDAAiD,MAAM,MAAM,OAAO;MAClF,WAAW,MAAM,UAAU,KAAK;AAC9B,aAAK,WAAW,yBAAyB,sGAAsG,KAAM,KAAK;AAC1J,gBAAQ,IAAI,iDAAiD,MAAM,MAAM,OAAO;MAClF,WAAW,MAAM,UAAU,GAAG;AAC5B,aAAK,WAAW,yBAAyB,+GAA+G,KAAM,KAAK;AACnK,gBAAQ,IAAI,qFAAqF,MAAM,OAAO;MAChH,OAAO;AACL,aAAK,WAAW,yBAAyB,qCAAqC,KAAK,UAAU,KAAK,GAAG,KAAM,KAAK;AAChH,gBAAQ,IAAI,+DAA+D,KAAK,UAAU,KAAK,CAAC;MAClG;IACF,CAAC;EACH;;qCAvDW,uBAAoB;EAAA;yEAApB,uBAAoB,WAAA,CAAA,CAAA,kBAAA,CAAA,GAAA,OAAA,GAAA,MAAA,GAAA,UAAA,SAAA,8BAAA,IAAA,KAAA;EAAA,GAAA,eAAA,EAAA,CAAA;;;sEAApB,sBAAoB,CAAA;UANhC;uBACa,oBAAkB,YAGhB,MAAI,UAAA,GAAA,CAAA;;;;6EAEP,sBAAoB,EAAA,WAAA,wBAAA,UAAA,0DAAA,YAAA,GAAA,CAAA;AAAA,GAAA;",
+  "names": []
+}