@mxtommy/kip 3.10.4 → 3.12.0

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

@@ -1,42 +1,117 @@
-# Managing Dashboards
-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. 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 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).
-- **Double tap** a widget to edit its configuration.
-- **Touch and drag** a widget to reposition it.
-- **Touch and drag** the edges of a widget to resize it.
-- **Long press** a widget to delete or duplicate it.
-- Use the lower right **Check button** to save changes or the **X button** to discard layout changes.
-
-## Widget Gallery
-KIP's widgets are versatile visual presentation controls with advanced configuration options to suit your needs. Below is a list of available widgets:
-
-- **Numeric Display**: Create gauges to display any numerical data sent by your system, such as SOG, depth, wind speed, VMG, refrigerator temperature, or weather data.
-- **Text Display**: Display textual data sent by your system, such as MPPT state, vessel details, next waypoint, Fusion radio song information, system component statuses, or configuration details.
-- **Date Display**: A timezone-aware control with flexible presentation formatting support.
-- **Boolean Control Panel**: A switchboard to configure and operate remote devices, such as light switches, bilge pumps, solenoids, or any Signal K path that supports boolean PUT operations.
-- **Position**: Displays the vessel's longitude and latitude based on available GPS devices.
-- **Static Label**: A static text widget that allows you to add customizable labels to your dashboard, helping to organize and clarify your layout effectively.
-- **Simple Linear Gauge**: A simple horizontal visual display ideal for electrical numerical data, such as chargers, MPPT, or shunts.
-- **Linear Gauge**: Visually display any numerical data on a vertical or horizontal scale, such as tank and reservoir levels or battery remaining capacity.
-- **Radial Gauge**: Visually display any numerical data on a radial scale, such as boat speed, wind speed, or engine RPM.
-- **Compass Gauge**: A card or marine compass to display directional data, such as heading, bearing to the next waypoint, or wind angle.
-- **Steel Style Gauge**: An old-school look-and-feel radial and linear gauge.
-- **Pitch & Roll**: Horizon-style attitude indicator showing live pitch and roll to monitor trim, heel, and sea-state response.
-- **Wind Steering Display**: A typical sailboat wind gauge.
-- **Freeboard-SK Chart Plotter**: A high-quality Signal K implementation of the Freeboard integration widget.
-- **Autopilot Head**: Operate your autopilot remotely from any device.
-- **Data Chart**: Visualize data trends over time.
-- **Race Timer**: Track regatta start sequences.
-- **Embedded Webpage**: Integrate any web-based content or application into your KIP layout, such as Grafana dashboards, Node-RED dashboards, or your own standalone web app. This widget supports any content that does not cross domains.
+## Managing Dashboards
+Dashboards let you group widgets by task—navigation, engines, energy, weather, racing, night watch, and more. This guide covers creating, organizing, and editing dashboards, plus an overview of available widget types.
+
+---
+
+## 1. Dashboard Pages Panel
+Open the Actions menu and select Settings.
+
+Here you can:
+- Add a new dashboard (+ button)
+- Reorder dashboards (drag with touch or mouse)
+- Rename and pick an icon (double tap or double click)
+- Duplicate a dashboard (long press or long click → Duplicate)
+- Delete a dashboard (long press or long click → Delete)
+
+Choose icons that reflect each dashboard’s purpose (e.g. compass for navigation, droplet for tanks, bolt for power). Icons appear wherever dashboards are listed.
+
+### Gesture / Action Summary
+| Action         | Touch / Mobile         | Mouse / Desktop         |
+|---------------|-----------------------|------------------------|
+| Add dashboard | Tap (+)               | Click (+)              |
+| Reorder       | Drag tile              | Drag tile              |
+| Rename/Icon   | Double tap             | Double click           |
+| Duplicate     | Long press → Duplicate | Long click → Duplicate |
+| Delete        | Long press → Delete    | Long click → Delete    |
+
+---
+
+## 2. Editing Dashboard Layouts
+1. Navigate to the dashboard you want to change (swipe or use dashboard selector).
+2. Open the Actions menu.
+3. Tap the Unlock/Lock button at the bottom to toggle edit mode.
+
+In edit mode, widgets show dashed outlines.
+
+### What You Can Do in Edit Mode
+- Add a widget (long press empty space → Add Widget)
+- Move a widget (drag)
+- Resize a widget (drag edges/corners)
+- Configure a widget (double tap/double click)
+- Duplicate a widget (long press → Duplicate)
+- Delete a widget (long press → Delete, then confirm)
+- Save changes (Check button) or discard (X button) in the lower right
+
+Tip: If you can’t add a widget, free up space by resizing or moving existing ones first.
+
+---
+
+## 3. Workflow: From Idea to Dashboard
+1. Define the purpose (e.g. “Night Nav” = heading, COG, SOG, depth, wind, batteries, minimal brightness)
+2. Create or duplicate a dashboard similar to what you want
+3. Enter edit mode and add required widgets
+4. Configure each widget’s data paths (keep sample times reasonable to reduce churn)
+5. Arrange and size for readability at your viewing distance
+6. Exit edit mode and test switching at real brightness/environment
+
+---
+
+## 4. Widget Gallery (Overview)
+KIP widgets turn Signal K data into readable visuals and controls. Available widget types:
+
+- **Numeric** – Displays numeric data in a clear and concise format, with options to show min/max values and a background minichart for trends.
+- **Text** – Displays text data with customizable color formatting.
+- **Date & Time** – Shows date and time with custom formatting and timezone correction.
+- **Position** – Displays latitude and longitude for location tracking and navigation.
+- **Static Label** – Add customizable labels to organize and clarify your dashboard layout.
+- **Switch Panel** – Group of toggle switches, indicator lights, and press buttons for digital switching and operations.
+- **Slider** – Range slider for adjusting values (e.g. lighting intensity).
+- **Compact Linear** – Simple horizontal linear gauge with a large value label and modern look.
+- **Linear** – Horizontal or vertical linear gauge with zone highlighting.
+- **Radial** – Radial gauge with configurable dials and zone highlighting.
+- **Compass** – Rotating compass gauge with multiple cardinal indicator options.
+- **Level Gauge** – Dual-scale heel angle indicator for trim tuning and sea-state monitoring.
+- **Pitch & Roll** – Horizon-style attitude indicator showing live pitch and roll degrees.
+- **Classic Steel** – Traditional steel-look linear & radial gauges with range sizes and zone highlights.
+- **Windsteer** – Combines wind, wind sectors, heading, COG, and waypoint info for wind steering.
+- **Wind Trends** – Real-time True Wind trends with dual axes for direction and speed, live values, and averages.
+- **Freeboard-SK** – Adds the Freeboard-SK chart plotter as a widget with automatic sign-in.
+- **Autopilot Head** – Typical autopilot controls for compatible Signal K Autopilot devices.
+- **Realtime Data Chart** – Visualizes data on a real-time chart with actuals, averages, and min/max.
+- **Embed Webpage Viewer** – Embeds external web apps (Grafana, Node-RED, etc.) into your dashboard.
+- **Racesteer** – Race steering display fusing polar performance data with live conditions for optimal tactics.
+- **Racer - Start Line Insight** – Set and adjust start line ends, see distance, favored end, and line bias; integrates with Freeboard SK.
+- **Racer - Start Timer** – Advanced racing countdown timer with OCS status and auto dashboard switching.
+- **Countdown Timer** – Simple race start countdown timer with start, pause, sync, and reset options.
+
+---
+
+## 5. Performance & Layout Tips
+- Favor clarity over cramming: leave space around high‑priority values
+- Group related widgets (navigation, energy, engines, environment)
+- Use consistent units per dashboard (e.g. all speeds in knots, all temps in °C or °F—don’t mix)
+- For night dashboards, adjust brightness or use the all‑red theme in Settings → Options → Display
+- Duplicate a working layout before making major changes (easy rollback)
+- Keep sampling intervals modest (1000 ms+) unless fast reaction is essential
+- Know your device’s hardware limits and adjust widget count per dashboard accordingly
+- Avoid embedding too many external webpages—each adds load
+
+---
+
+## 6. Troubleshooting
+| Issue                  | Possible Cause                        | Fix                                                                 |
+|------------------------|---------------------------------------|---------------------------------------------------------------------|
+| Data shows “—” or blank| Path missing/not configured/null value | Open widget config, verify Signal K path exists and updates. Use Data Inspector and Signal K Data Browser to view raw data from the server. |
+| Wrong units            | Default convert unit used              | Edit widget config paths and set the desired target unit.            |
+| Slow dashboard switching| Excessive data sampling/too many widgets| Increase sample times; remove unused widgets. Split widgets into separate dashboards. Optimize system resource usage. |
+| Embedded page blank    | Cross‑origin blocked                   | See "Embed Page Viewer" help section.                               |
+
+---
+
+## 7. Next Steps
+See also:
+- Remote Control (switch dashboards on unattended displays)
+- Night Mode (automatic theme + brightness)
+- Contact / Issues (report widget feature ideas)
+
+Refine incrementally—small improvements keep dashboards readable and reliable.

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

@@ -1,4 +1,4 @@
-# Data Inspector
+## Data Inspector
 
 The Data Inspector is a powerful tool in KIP that allows you to view all Signal K paths and the data received from the server in real time. It provides detailed insights into the data being transmitted, including metadata, sources, and supported operations. This guide explains how to use the Data Inspector effectively.
 

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

@@ -1,4 +1,4 @@
-# Datasets and Data Chart Widget
+## Datasets and Data Chart Widget
 
 Datasets and the Data Chart widget work together to provide real-time data visualization in KIP. They allow you to collect and display historical data trends for Signal K paths, enabling better decision-making and monitoring. This guide explains how to configure and use Datasets and the Data Chart widget effectively.
 

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

@@ -1,4 +1,4 @@
-# Using the Embed Page Viewer Widget
+## Using the Embed Page Viewer Widget
 
 The Embed Page Viewer widget allows you to display external web pages or web applications directly within your dashboard. By default, the Embed Page Viewer widget does not allow input (touch, mouse and keyboard interactions) with the content in the Embed. To enable interactions, check the setting the widget's options. 
 

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

@@ -1,4 +1,4 @@
-# 5 Minutes with Graphana
+## 5 Minutes with Graphana
 Introduction to using Graphana (by Boating with the Baileys)
 
 [![Watch the video](https://img.youtube.com/vi/b3lHwLnYgx0/0.jpg)](https://www.youtube.com/watch?v=b3lHwLnYgx0)

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

@@ -1,4 +1,4 @@
-# Signal K to InfluxDB
+## Signal K to InfluxDB
 Database to store historical data (by Boating with the Baileys)
 
 [![Watch the video](https://img.youtube.com/vi/ULnN-cByQXE/0.jpg)](https://www.youtube.com/watch?v=ULnN-cByQXE)

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

@@ -1,4 +1,4 @@
-# Raspberry Pi Kiosk Mode (Chromium)
+## Raspberry Pi Kiosk Mode (Chromium)
 
 This guide launches Chromium in kiosk mode to display KIP at:
 http://<sk_server_IP>:3000/@mxtommy/kip/#/page/0
@@ -99,6 +99,22 @@ exec "$BROWSER" \
   --app="$URL"
 ```
 
+Optionally, you can also add the following `exec "BROWSER" \` flags:
+
+Force Chromium to keep all threads active and not optimyze resource usage
+```
+--disable-background-timer-throttling \
+--disable-renderer-backgrounding \
+--disable-backgrounding-occluded-windows
+```
+
+Reduce memory consumption (Pi Zero)
+```
+--disable-gpu \
+--single-process \
+--js-flags="--max-old-space-size=512"
+```
+
 Save, then:
 
 ```

package/public/assets/help-docs/menu.json

@@ -4,11 +4,12 @@
   { "title": "Dashboards and Layout", "file": "dashboards.md" },
   { "title": "Zones, Notifications and Highlights", "file": "zones.md" },
   { "title": "Data Inspector", "file": "datainspector.md" },
-  { "title": "Updating Signal K data", "file": "putcontrols.md" },
+  { "title": "Digital Switching and PUT", "file": "putcontrols.md" },
   { "title": "The Embed Page Viewer", "file": "embedwidget.md" },
   { "title": "Datasets and Data Chart Widget", "file": "datasets.md" },
-  { "title": "Gafana Integration", "file": "grafana.md" },
-  { "title": "InfluxDB and Signal K", "file": "influxdb.md" },
   { "title": "Kiosk Mode", "file": "kiosk.md" },
+  { "title": "Grafana Integration", "file": "grafana.md" },
+  { "title": "InfluxDB and Signal K", "file": "influxdb.md" },
+  { "title": "Online Community Content", "file": "community.md" },
   { "title": "Contact Us", "file": "contact-us.md" }
 ]

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

@@ -1,14 +1,14 @@
-# Updating Signal K Data with PUT Commands
+## Digital Switching and using PUT Commands
 
 Signal K allows users to update data paths and trigger device reactions. This can include turning a light on or off, dimming it, activating a bilge pump, or other similar actions. This guide explains how to use the Switch Panel or Slider widgets to achieve this, how to verify if a path supports data reception (known as PUT-enabled in Signal K terms), and what is required to enable PUT functionality.
 
 ## What is Required to Trigger Device Reactions
-For Signal K to accept any data from a client application, the application must be authenticated with a valid security token. Read the **Login & Configurations** help section for details on how to setup login in KIP. By default, sending data to a Signal K path only updates the value and broadcasts it to the network. No actions are taken unless a plugin or handler is configured to respond to the updated value. For example:
-- Sending a PUT 'engage' command to `self.steering.autopilot.state` will update the state value, but the autopilot will not engage unless a plugin or handler is set up to process the command and communicate with the hardware.
+For Signal K to accept any data from a client application, the application must be authenticated with a valid security token. Read the **Login & Configurations** help section for details on how to setup login in KIP. By default, sending data to a Signal K path only updates the value and broadcasts it to the network. No actions are taken unless an action handler is configured to respond to the updated value. For example:
+- Sending a PUT 'engage' command to `self.steering.autopilot.state` will update the state value, but the autopilot will not engage unless a handler (the autopilot plugin in this case) is set up to process the command and communicate with the hardware.
 
-To enable actions, you have several options:
+To enable action handles, you have several options:
 1. **Install a Plugin**:
-   - The simplest option is to look in Signal K's Appstore. There are many plugins already available in the Signal K ecosystem. Search for the plugin you need, install it, and configure it.
+   - The simplest option is to look in Signal K's Appstore. There are many plugins already available in the Signal K ecosystem such as plugins for (Shelly)[https://www.shelly.com], (Sonoff)[https://sonoff.tech/collections/diy-smart-switches] and standard N2K, like the (Yacht Devices)[https://www.yachtd.com] YDCC. Search for the plugin you need, install it, and configure it.
    
 2. **Use Node-RED's Signal K PUT Handler**:
    - Node-RED is a visual and easy-to-learn automation platform installed with Signal K. The Signal K team has created Signal K-specific Node-RED nodes, allowing you to easily automate your vessel. You can find Node-RED in the Webapps section of the Signal K Admin site.

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

@@ -60,26 +60,49 @@ Save your night vision by automatically switching KIP to day or night mode based
 KIP supports multiple user profiles, allowing different roles on board—such as captain, skipper, tactician, navigator, or engineer—to tailor the interface to their needs. Profiles can also be used to tie specific configuration arrangements to use cases or device form factors. See the Login & Configurations help sections for mode details.
 
 ## Remote Control Other KIP Displays
-Control which dashboard is shown on another KIP instance (e.g., a mast display, hard-to-reach screen, or a non‑touch device).
-
-Use cases
-- Mast display: change dashboards from the cockpit.
-- Wall/helm screens: toggle dashboards without standing up or reaching for controls.
-- Headless/non‑touch: select dashboards when no keyboard/mouse is connected.
-
-Setup
-1) On the device you want to control (Target KIP)
-- Open Options → Display → Remote Control.
-- Enable “Allow this KIP dashboard to be managed remotely.”
-- Set an Instance Name (easier to recognize later).
-
-2) On the device you’ll control from (Controller KIP)
-- Open the Actions menu, access Settings and choose Remote Control.
-- Pick a device from the list (by Instance Name).
-- Choose a dashboard tile to set it active on the target device.
-
-Notes and tips
-- Both devices must connect to the same Signal K server.
-- Permissions: you must use an authenticated connection to Signal K user (Connectivity Login to Server toggle).
-- If the device list is empty, verify the Target KIP has “Allow this dashboard to be managed remotely” enabled and a name set.
-- Changes are sent instantly; the UI shows the currently active dashboard.
+Control which dashboard is shown on another KIP instance (for example: a mast display, a TV or pilot‑house screen that is hard to reach, or a device with no local input hardware).
+
+### Typical Use Cases
+- Mast display: change dashboards from the cockpit without going forward.
+- Salon / TV screen: rotate between navigation and status dashboards easily.
+- Headless / no input device: select dashboards when there is no keyboard/mouse or touch is disabled.
+
+### Requirements
+- Both devices must be connected to the same Signal K server.
+- You must be logged in (authenticated) on both devices (Connectivity tab → Login to Server enabled).
+- The target device must explicitly allow remote control (Display tab → Remote Control option group).
+
+### Good Naming Practice
+If multiple devices log in with the same Signal K user to share configuration, they inevitably share the same Instance Name. Whilst being confusing, it will still work. To fix this, you must use different Signal K users and set a descriptive name on each configuration (e.g. Mast Display, Helm Port, Nav Station) so you can identify them quickly.
+
+### Setup
+1. On the device you want to control (Target KIP)
+  - Open: Options → Display → Remote Control.
+  - Enable: Allow this KIP dashboard to be managed remotely.
+  - Set: Instance Name (this is what will appear in the controller list).
+2. On the controlling device
+  - Open: Actions menu → Settings → Remote Control.
+  - Select the target device by its Instance Name.
+  - Click / tap a dashboard tile to activate it on the target device.
+
+### Using Remote Control
+- The currently active dashboard on the target device is highlighted.
+- Switching is usually instantaneous; brief delays can indicate network latency.
+- You can leave the Remote Control panel open to “page” through dashboards live.
+
+### Troubleshooting
+| Problem | What to Check |
+|---------|----------------|
+| Target device not listed | Is remote control enabled there? Is Instance Name set? Both on same Signal K server? |
+| No highlight / not switching | Confirm target device stays online (no sleep / browser closed). Refresh controller panel. |
+| Wrong device switched | Two devices share same Instance Name—rename one. |
+| Works, then stops | Network drop or Signal K reconnect in progress—wait a few seconds or reload. |
+
+### Tips
+- Keep Instance Names short but meaningful (e.g. Mast, Helm, NavTV).
+- For unattended displays, enable the browser’s keep‑awake / no‑sleep features if supported.
+- Combine with Night Mode + per‑profile layouts for role‑specific remote switching.
+- Use different Signal K users if you want fully isolated configurations.
+
+### Privacy / Safety Note
+Anyone with access to a logged‑in controlling KIP instance can switch dashboards on enabled targets. Only enable remote management on displays where that is acceptable.

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

@@ -1,4 +1,4 @@
-# Harness the Power of Data State Notifications
+## Harness the Power of Data State Notifications
 
 Stay informed about your vessel’s data with Signal K’s state notifications. For example, Signal K can flag certain sensor readings—such as depth or temperature—when they reach critical levels. KIP can then visually or audibly alert you. For instance, if the depth drops to 3 meters or less, KIP can highlight this with a warning sound or visual cue. This powerful feature combines **Zones Configuration** and **Notification Methods** in Signal K.
 

package/public/assets/svg/icons.svg

@@ -185,6 +185,14 @@
         <circle cx="12" cy="12" r="2" />
       </g>
     </svg>
+    <svg id="level" xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 16 16" height="16" width="16">
+      <path fill="var(--mat-sys-primary)" fill-opacity="0.5" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m10.48125 4.518750000000001 0 2.9812499999999997 -5.9624999999999995 0 0 -2.9812499999999997 -3.5812500000000003 0 0 5.9624999999999995 3.5812500000000003 0 5.9624999999999995 0 3.5812500000000003 0 0 -5.9624999999999995 -3.5812500000000003 0z"></path>
+      <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m4.518750000000001 5.1125 5.9624999999999995 0"></path>
+      <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m8.69375 9.2875 0 1.1937499999999999"></path>
+      <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m11.08125 9.2875 0 1.1937499999999999"></path>
+      <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m3.9187499999999997 9.2875 0 1.1937499999999999"></path>
+      <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1" d="m6.30625 9.2875 0 1.1937499999999999"></path>
+    </svg>
     <svg id="pitchRollGauge" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <defs>
         <clipPath id="pitchRollGaugeClip">
@@ -292,43 +300,43 @@
       <g stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="0.06"/>
       <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10.3004 7.49991C10.3004 8.4943 9.49426 9.30041 8.49988 9.30041C7.50549 9.30041 6.69938 8.4943 6.69938 7.49991C6.69938 6.50553 7.50549 5.69942 8.49988 5.69942C9.49426 5.69942 10.3004 6.50553 10.3004 7.49991ZM11.205 8C10.9699 9.28029 9.84816 10.2504 8.49988 10.2504C7.1516 10.2504 6.0299 9.28029 5.79473 8H0.5C0.223858 8 0 7.77614 0 7.5C0 7.22386 0.223858 7 0.5 7H5.7947C6.0298 5.71962 7.15154 4.74942 8.49988 4.74942C9.84822 4.74942 10.9699 5.71962 11.2051 7H14.5C14.7761 7 15 7.22386 15 7.5C15 7.77614 14.7761 8 14.5 8H11.205Z" />
     </svg>
+    <svg id="dashboard-beating-starboard" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+      <g id="g9" transform="matrix(-0.70710678,0.70710678,0.70710678,0.70710678,8.8211956,-6.2237242)">
+        <path d="M 12,5.9999999 C 16,9.777778 17.777778,15.444445 16,23 H 8.0000001 C 6.2222223,15.444445 8.0000001,9.777778 12,5.9999999 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
+        <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
+      </g>
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
+    </svg>
     <svg id="dashboard-beating-port" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <g id="g9" transform="rotate(45,15.102102,15.210576)">
         <path d="M 12,5.9999999 C 16,9.777778 17.777778,15.444445 16,23 H 8.0000001 C 6.2222223,15.444445 8.0000001,9.777778 12,5.9999999 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-        <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
+        <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
       </g>
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
     </svg>
     <svg id="dashboard-running-starboard" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <g id="g9" transform="matrix(0.70710678,0.70710678,0.70710678,-0.70710678,-9.4726469,18.427727)">
         <path d="M 12,5.9999999 C 16,9.777778 17.777778,15.444445 16,23 H 8.0000001 C 6.2222223,15.444445 8.0000001,9.777778 12,5.9999999 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-        <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
+        <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
       </g>
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
     </svg>
     <svg id="dashboard-running-port" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <g id="g9" transform="rotate(135,12.919816,16.146276)">
         <path d="M 12,5.9999999 C 16,9.777778 17.777778,15.444445 16,23 H 8.0000001 C 6.2222223,15.444445 8.0000001,9.777778 12,5.9999999 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-        <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
+        <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
       </g>
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
     </svg>
     <svg id="dashboard-reaching-starboard" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <path d="m 3.4612526,13.243576 c 3.769169,4.008113 9.4320004,5.798071 16.9913604,4.036543 l 0.0172,-7.9999815 C 12.918099,7.4861187 7.2476226,9.2517085 3.4612526,13.243576 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-      <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 6.7815056,13.059872 a 1.0734967,0.96030863 15.070902 0 1 1.287308,-0.646302 1.0734967,0.96030863 15.070902 0 1 0.786977,1.204856 1.0734967,0.96030863 15.070902 0 1 -0.425644,0.545389 c -0.235789,3.748157 4.9021984,6.898512 9.2516774,8.883693 l -0.164763,0.61172 C 6.6063046,20.380385 6.5685446,15.194457 6.8273026,13.642119 a 1.0734967,0.96030863 15.070902 0 1 -0.0458,-0.582247 z" />
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.934501,2.1291734 8.8158206,1.1393855 11.931066,5.2427964 15.04631,1.1393852 Z" />
+      <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 6.7815056,13.059872 a 1.0734967,0.96030863 15.070902 0 1 1.287308,-0.646302 1.0734967,0.96030863 15.070902 0 1 0.786977,1.204856 1.0734967,0.96030863 15.070902 0 1 -0.425644,0.545389 c -0.235789,3.748157 4.9021984,6.898512 9.2516774,8.883693 l -0.164763,0.61172 C 6.6063046,20.380385 6.5685446,15.194457 6.8273026,13.642119 a 1.0734967,0.96030863 15.070902 0 1 -0.0458,-0.582247 z" />
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.934501,2.1291734 8.8158206,1.1393855 11.931066,5.2427964 15.04631,1.1393852 Z" />
     </svg>
     <svg id="dashboard-reaching-port" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <path d="m 20.469813,13.243576 c -3.769169,4.008113 -9.432,5.798071 -16.9913604,4.036543 l -0.0172,-7.9999815 C 11.012967,7.4861187 16.683443,9.2517085 20.469813,13.243576 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-      <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 17.14956,13.059872 a 0.96030863,1.0734967 74.929098 0 0 -1.287308,-0.646302 0.96030863,1.0734967 74.929098 0 0 -0.786977,1.204856 0.96030863,1.0734967 74.929098 0 0 0.425644,0.545389 c 0.235789,3.748157 -4.902198,6.898512 -9.2516774,8.883693 l 0.164763,0.61172 C 17.324761,20.380385 17.362521,15.194457 17.103763,13.642119 a 0.96030863,1.0734967 74.929098 0 0 0.0458,-0.582247 z" />
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
-    </svg>
-    <svg id="dashboard-beating-starboard" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-      <g id="g9" transform="matrix(-0.70710678,0.70710678,0.70710678,0.70710678,8.8211956,-6.2237242)">
-        <path d="M 12,5.9999999 C 16,9.777778 17.777778,15.444445 16,23 H 8.0000001 C 6.2222223,15.444445 8.0000001,9.777778 12,5.9999999 Z" fill="var(--mat-sys-tertiary)" id="path1" style="stroke-width:0.229061" />
-        <path id="path7" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 12.069681,9.6382333 a 0.96030863,1.0734967 0 0 0 -0.958792,1.0749837 0.96030863,1.0734967 0 0 0 0.958792,1.073188 0.96030863,1.0734967 0 0 0 0.637302,-0.269195 c 3.680548,0.746895 5.386596,6.527297 6.17257,11.243351 h 0.633521 C 19.183957,11.372496 14.186219,9.9876196 12.619992,9.8338481 A 0.96030863,1.0734967 0 0 0 12.069681,9.6382333 Z" />
-      </g>
-      <path id="rect10" style="fill:var(--mat-sys-primary);stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
+      <path id="path7" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" d="m 17.14956,13.059872 a 0.96030863,1.0734967 74.929098 0 0 -1.287308,-0.646302 0.96030863,1.0734967 74.929098 0 0 -0.786977,1.204856 0.96030863,1.0734967 74.929098 0 0 0.425644,0.545389 c 0.235789,3.748157 -4.902198,6.898512 -9.2516774,8.883693 l 0.164763,0.61172 C 17.324761,20.380385 17.362521,15.194457 17.103763,13.642119 a 0.96030863,1.0734967 74.929098 0 0 0.0458,-0.582247 z" />
+      <path id="rect10" style="fill:currentColor;stroke-width:0.300571;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0" d="M 11.996565,2.1291734 15.115245,1.1393855 12,5.2427964 8.8847553,1.1393852 Z" />
     </svg>
     <svg id="dashboard-motor-boat" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <defs>
@@ -343,7 +351,7 @@
       <path id="water-right-inner" d="M 13.75,24 L 13,19" fill="none" style="stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" />
       <path id="water-right" d="M 16,24 L 12,10" fill="none" style="stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" />
       <path id="hull" d="M 12,0 C 16,3.777778 17.777778,9.444445 16,17 H 8 C 6.222222,9.444445 8,3.777778 12,0 Z" fill="var(--mat-sys-tertiary)" style="stroke-width:0.229061" transform="translate(12,8.5) scale(0.8) translate(-12,-8.5)" />
-      <rect id="engine" x="10.5" y="14" rx="1.25" width="3" height="4" style="fill:var(--mat-sys-primary);fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" transform="translate(12,16) scale(0.8) translate(-12,-16)" />
+      <rect id="engine" x="10.5" y="14" rx="1.25" width="3" height="4" style="fill:currentColor;fill-opacity:1;stroke:var(--mat-sys-surface-container);stroke-width:0.663529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-opacity:1" transform="translate(12,16) scale(0.8) translate(-12,-16)" />
     </svg>
     <svg id="dashboard-anchored-boat" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
       <defs>

package/public/{chunk-X5HFS54R.js → chunk-3LKIOGV7.js}

@@ -1 +1 @@
-import{a as c}from"./chunk-GMZROOAF.js";import{b as g}from"./chunk-Z4FDWG2W.js";import"./chunk-G4B4D3XR.js";import{n as l}from"./chunk-XFU5YJJP.js";import{h as a,j as r}from"./chunk-GIZH6HIB.js";import"./chunk-IZAPOSYM.js";import{Oa as s,ga as t}from"./chunk-ANRGX57I.js";var v=(()=>{class o{dialog=t(l);auth=t(a);appService=t(g);appSettingsService=t(r);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(e){this.dialog.open(c,{disableClose:!0,data:{user:this.connectionConfig.loginName,password:this.connectionConfig.loginPassword,error:e}}).afterClosed().subscribe(i=>{i===void 0||!i||(this.connectionConfig.loginName=i.user,this.connectionConfig.loginPassword=i.password,this.appSettingsService.setConnectionConfig(this.connectionConfig),this.serverLogin())})}serverLogin(e){this.auth.login({usr:this.connectionConfig.loginName,pwd:this.connectionConfig.loginPassword,newUrl:e}).then(()=>{this.appSettingsService.reloadApp()}).catch(n=>{n.status==401?(this.openUserCredentialModal("Sign in failed: Invalide user/password. Enter valide credentials"),console.log("[Setting-SignalK Component] Sign in failed: "+n.error.message)):n.status==404?(this.appService.sendSnackbarNotification("Sign in failed: Login API not found at URL. See connection detail status in Configuration/Settings",5e3,!1),console.log("[Setting-SignalK Component] Sign in failed: "+n.error.message)):n.status==0?(this.appService.sendSnackbarNotification("Sign in failed: Cannot reach server at Signal K URL. See connection detail status in Configuration/Settings",5e3,!1),console.log("[Setting-SignalK Component] Sign in failed: Cannot reach server at Signal K URL:"+n.message)):(this.appService.sendSnackbarNotification("Unknown authentication failure: "+JSON.stringify(n),5e3,!1),console.log("[Setting-SignalK Component] Unknown login error response: "+JSON.stringify(n)))})}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=s({type:o,selectors:[["app-widget-login"]],decls:0,vars:0,template:function(n,i){},encapsulation:2})}return o})();export{v as WidgetLoginComponent};
+import{a as c}from"./chunk-RMLGKVWE.js";import{b as g}from"./chunk-YCW2UBVQ.js";import"./chunk-6MRJ4C55.js";import{n as l}from"./chunk-VEJNBHWJ.js";import{h as a,j as r}from"./chunk-A5CYPNMD.js";import"./chunk-NOLKBYOV.js";import{Oa as s,ga as t}from"./chunk-YPUCOH35.js";var v=(()=>{class o{dialog=t(l);auth=t(a);appService=t(g);appSettingsService=t(r);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(e){this.dialog.open(c,{disableClose:!0,data:{user:this.connectionConfig.loginName,password:this.connectionConfig.loginPassword,error:e}}).afterClosed().subscribe(i=>{i===void 0||!i||(this.connectionConfig.loginName=i.user,this.connectionConfig.loginPassword=i.password,this.appSettingsService.setConnectionConfig(this.connectionConfig),this.serverLogin())})}serverLogin(e){this.auth.login({usr:this.connectionConfig.loginName,pwd:this.connectionConfig.loginPassword,newUrl:e}).then(()=>{this.appSettingsService.reloadApp()}).catch(n=>{n.status==401?(this.openUserCredentialModal("Sign in failed: Invalide user/password. Enter valide credentials"),console.log("[Setting-SignalK Component] Sign in failed: "+n.error.message)):n.status==404?(this.appService.sendSnackbarNotification("Sign in failed: Login API not found at URL. See connection detail status in Configuration/Settings",5e3,!1),console.log("[Setting-SignalK Component] Sign in failed: "+n.error.message)):n.status==0?(this.appService.sendSnackbarNotification("Sign in failed: Cannot reach server at Signal K URL. See connection detail status in Configuration/Settings",5e3,!1),console.log("[Setting-SignalK Component] Sign in failed: Cannot reach server at Signal K URL:"+n.message)):(this.appService.sendSnackbarNotification("Unknown authentication failure: "+JSON.stringify(n),5e3,!1),console.log("[Setting-SignalK Component] Unknown login error response: "+JSON.stringify(n)))})}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=s({type:o,selectors:[["app-widget-login"]],decls:0,vars:0,template:function(n,i){},encapsulation:2})}return o})();export{v as WidgetLoginComponent};