@mxtommy/kip 3.5.0 → 3.5.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+# V 3.5.1
+## Fixes
+* Dashboard ID URL not redirecting to dashboard instance (/mxtommy/kip/#/dashboard/1)
+* Widget resize handles too small to operate with fingers on smaller screens
+* Display network connection and socket error messages only
+* WebSocket retry should not stop after five attempts
 # V 3.5.0
 ## New features
 * Gain tactical racing advantages with new signalk-racer plugin integrated widgets for start line analysis and  race countdowns. _Contribution by @gregw_
@@ -6,14 +12,13 @@
 * Optimized Data Chart widget for significantly faster loading and smoother performance.
 * Added Simple Linear widget zones support.
 * Automatic detection of Signal K Autopilot API version for seamless integration.
-* Enforced widget minimum dimension restrictions for better layout consistency.
+* Enforced widget minimum dimension for better layout consistency.
 * General framework updates and codebase refactoring for maintainability and performance.
 ## Fixes
-* Widget options "Paths" tab form was marking disabled fields as invalid.
-* DatasetService now initializes correctly on app startup.
-* Data Chart widget no longer resets data when automatic night mode is enabled.
-* Gauge widgets now correctly distribute highlights with dynamic scales.
-* Sidebar swipe gesture functionality restored.
+* Dataset service does initialize on early app startup.
+* Data Chart widget resets data when automatic night mode is enabled.
+* Gauge widgets does not correctly distribute highlights over dynamic scales.
+* Sidebar swipe gesture functionality stops responding in one direction.
 ## New Contributors
 * @gregw made their first contribution
 # V 3.4.2

package/CONTRIBUTORS.md

@@ -1,16 +1,31 @@
 KIP contributors (sorted alphabetically)
 ============================================
 
-* **[ahm4711](https://github.com/ahm4711)**
+* **[ahm4711](https://github.com/ahm4711) / Alexander Holland-Moritz**
   * Vertical historical graphs
 
-* **[David Godin](https://github.com/godind)**
+* **[David Godin](https://github.com/godind) / David G**
+  * Maintainer
 
-  * Performance improvements
-  * Code and framework refactoring 
-  * UI polishing, code documentation
-  * Additional Widgets
+* **[Greg Wilkins](https://github.com/gregw)**
+  * Racing widgets (Start Line Insight & Racer Start Timer)
 
-* **[Thomas St-Pierre](https://github.com/mxtommy)**
+* **[Michael Shulman](https://github.com/mshulman)**
+* **Monty Taylor**
+* **Tech Gardeners**
+* **VibroAxe / James Kinsman**
+* **amirlanesman**
+* **dependabot[bot]**
+* **instantchow**
+* **Jared Jensen**
+* **Mantas Šidlauskas**
+* **Michael Haberler**
+* **philipa**
+* **Rene**
 
-  * Original Author and maintainer
+* **[Thomas St-Pierre](https://github.com/mxtommy) / mxtommy**
+  * Original Author
+
+---
+
+_This list is based on commit history. If you contributed and are missing, please open a PR!_

package/README.md

@@ -10,7 +10,7 @@ With its responsive design, KIP works seamlessly across phones, tablets, Raspber
 
 Key features include:
 - **Flexible Layouts**: Build purposeful dashboards with an easy-to-use and intuitive grid layout system. Drag widgets into place and make adjustments with simple gestures or clicks.
-- **Reusable Widget Library**: A wide range of widgets for numerical, textual, and graphical data, as well as advanced controls like switches, sliders and autopilot operation.
+- **Reusable Widget Library**: A wide range of widgets for numerical, textual, and graphical data, as well as advanced controls like switches, sliders, and autopilot operation.
 - **Night Mode**: Preserve night vision with a simple tap or automatic switching based on sunrise/sunset.
 - **Data State Notifications**: Stay informed with visual and audio alerts for critical data thresholds.
 - **Multiple User Profiles**: Tailor configurations for different roles, devices, or use cases.
@@ -39,7 +39,7 @@ The goal is to replicate and enhance the functionality of modern marine instrume
 - Use keyboard shortcuts for essential features, ensuring fast and efficient navigation across devices.
 
 ### Progressive Web App (PWA) Support
-Run KIP in full-screen mode without browser controls, just like a native mobile app. This feature is supported on most mobile operating systems. Follow your browser's instructions to install KIP as a PWA for quick and easy access. It's usually just a few clicks such as "Add to Home Screen".
+Run KIP in full-screen mode without browser controls, just like a native mobile app. This feature is supported on most mobile operating systems. Follow your browser's instructions to install KIP as a PWA for quick and easy access. It's usually just a few clicks, such as "Add to Home Screen".
 
 ### Flexible Dashboard Layouts
 - Effortlessly create and customize dashboards using an intuitive grid layout system.
@@ -57,40 +57,42 @@ KIP is built with modern web technologies and is open-source under the MIT licen
 ## User Experience
 
 ### Flexible and Easy
-  Meant to build purposeful screen(s) with however many widgets you want, where you want them. 
-
-  Add, resize and position the widgets of your choosing. Need more? Add as many additional dashboards as you whish to keep your display purposeful. Simply swipe up and down to quickly cycle dashboards.
-  ![Layouts Configuration Image](./images/KipWidgetConfig-layout-1024.png)
-  
-  Intuitive widget configuration.
-  ![Gauges Configuration Image](./images/KipConfig-display-1024x488.png) 
-  
-  See what Signal K has to offer that you can leverage with widgets. Select it and tweak the display options to your purpose.
-  ![Paths Configuration Image](./images/KipWidgetConfig-paths-1024x488.png)
-  
-  Many units are supported. Choose your preferred App defaults, than tweak it widget-by-widget as necessary. KIP will automatically convert the units for you.
-  ![Units Configuration Image](./images/KipConfig-Units-1024.png) 
+Meant to build purposeful screens with however many widgets you want, wherever you want them.
+
+Add, resize, and position the widgets of your choosing. Need more? Add as many additional dashboards as you wish to keep your display purposeful. Simply swipe up and down to quickly cycle through dashboards.
+![Layouts Configuration Image](./images/KipWidgetConfig-layout-1024.png)
+
+Intuitive widget configuration.
+![Gauges Configuration Image](./images/KipConfig-display-1024x488.png)
+
+See what Signal K has to offer that you can leverage with widgets. Select it and tweak the display options to suit your purpose.
+![Paths Configuration Image](./images/KipWidgetConfig-paths-1024x488.png)
+
+Many units are supported. Choose your preferred app defaults, then tweak them widget-by-widget as necessary. KIP will automatically convert the units for you.
+![Units Configuration Image](./images/KipConfig-Units-1024.png)
 
 ## Reusable Widget Library
-All KIP Widgets are visual presentation controls that are very versatile with multiple advanced configuration options available to suit your needs:
-- **Numeric display**: Create gauges to display any numerical data sent by your system - SOG, Depth, Winds Speed, VMG, refrigerator temperature, weather data, etc.
-- **Text display**: Create gauges to display any textual data sent by your system - MPPT state, vessel details,Next Waypoint, Fusion radio song information, noon and sun phases, any system components configuration detail or statues available, etc.
+All KIP widgets are visual presentation controls that are very versatile, with multiple advanced configuration options available to suit your needs:
+- **Numeric display**: Create gauges to display any numerical data sent by your system: SOG, depth, wind speed, VMG, refrigerator temperature, weather data, etc.
+- **Text display**: Create gauges to display any textual data sent by your system: MPPT state, vessel details, next waypoint, Fusion radio song information, noon and sun phases, any system component configuration detail or status available, etc.
 - **Label**: A static text widget.
-- **Date display**: a timezone aware control with flexible presentation formatting support.
+- **Date display**: A timezone-aware control with flexible presentation formatting support.
 - **Position display**: Position coordinates in textual format.
-- **Boolean Control Panel**: A switch board to configure and operate remote devices - light switches, bilge pump, solenoid, any Signal K path that support boolean PUT operations.
+- **Boolean Control Panel**: A switchboard to configure and operate remote devices: light switches, bilge pumps, solenoids, or any Signal K path that supports boolean PUT operations.
 - **Slider**: A versatile control that allows users to adjust values within a defined range by sliding. Commonly used for settings like light intensity, volume control, or any parameter requiring fine-tuned adjustments.
-- **Simple Linear gauge**: A visual display for electrical numerical data - chargers, MPPT, shunt, etc.
-- **Linear gauge**: Visually display any numerical data on a vertically or horizontally scale - Tank and reservoir levels, battery remaining capacity, etc.
-- **Radial gauge**: Visually display any numerical data on a radial scale - Boat Speed,Eond Speed, engine RPM,etc.
-- **Compass gauge**: A card or marine compass to display directionnal data such as heading, bearing to next waypoint, wind angle, etc.
-- **Radial and linear Steel gauge**: Old school look & fell gauges.
+- **Simple Linear gauge**: A visual display for electrical numerical data: chargers, MPPT, shunt, etc.
+- **Linear gauge**: Visually display any numerical data on a vertical or horizontal scale: tank and reservoir levels, battery remaining capacity, etc.
+- **Radial gauge**: Visually display any numerical data on a radial scale: boat speed, wind speed, engine RPM, etc.
+- **Compass gauge**: A card or marine compass to display directional data such as heading, bearing to next waypoint, wind angle, etc.
+- **Radial and linear Steel gauge**: Old-school look & feel gauges.
 - **Wind Steering Display**: Your typical sailboat wind gauge.
-- **Freeboard-SK Chart Plotter**: A high quality Signal K implementation of Freeboard integration widget.
+- **Freeboard-SK Chart Plotter**: A high-quality Signal K implementation of the Freeboard integration widget.
 - **Autopilot Head**: Operate your autopilot from any device remotely.
 - **Data Chart**: Visualize data trends over time.
-- **Race Timer**: Track regatta start sequence.
-- **Embedded Webpage**: A powerful way of displaying web based apps published on your Signal K server such as Grafana and Node-RED dashboard or your own standalone webapp.
+- **Race Timer**: Track regatta start sequences.
+- **Start Line Insight**: Analyze and visualize the start line for tactical racing advantage, including favored end and distance-to-line.
+- **Racer Start Timer**: Advanced race countdown timer with OCS (On Course Side) detection and automatic dashboard switching.
+- **Embedded Webpage**: A powerful way to display web-based apps published on your Signal K server, such as Grafana and Node-RED dashboards, or your own standalone web app.
 
 Get the latest version of KIP to see what's new!
 
@@ -98,85 +100,84 @@ Get the latest version of KIP to see what's new!
 Various
 ![Sample Gauges Image](./images/KipGaugeSample1-1024x545.png)
 
-Electrical and Tank Monitoring Sample 
+Electrical and Tank Monitoring Sample
 ![Electrical Concept Image](./images/KipGaugeSample2-1024x488.png)
 
 Freeboard-SK Integration
 ![Freeboard-SK Image](./images/KipFreeboard-SK-1024.png)
 
-Grafana Integration 
+Grafana Integration
 ![Embedded Webpage Concept Image](./images/KipGaugeSample3-1024x508.png)
 
 ## Night Mode
-Keep your night vision. The below image looks very dark, but at night...it's perfect!
+Keep your night vision with automatic or manual day and night switching. The image below looks very dark, but at night... it's perfect!
 
 ![Night mode](./images/KipNightMode-1024.png)
 
-## Harness The Power Of Data State Notifications
+## Harness the Power of Data State Notifications
 Stay informed with notifications about the state of the data you are interested in.
-As an example, Signal K will notify KIP when a water depth or temperature sensors reaches certain levels. In addition to KIP's centralized notification menu, individual Widgets offer tailored visual representation appropriate
-to their design objectives, providing an optimal user experience.
+For example, Signal K will notify KIP when a water depth or temperature sensor reaches certain levels. In addition to KIP's centralized notification menu, individual widgets offer tailored visual representations appropriate to their design objectives, providing an optimal user experience.
 
 ## Multiple User Profiles
-If you have different roles on board; captain, skipper, tactician, navigator, engineers or simply different people with different needs, each can tailor as they wish. The use of profiles can also offer the ability to tie specific configuration arrangements to use case or device form factors.
+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.
 
-# Connect, Share and Support
-KIP has it's own Discord Signal K channel to get in touch. Join us at https://discord.gg/AMDYT2DQga
+# Connect, Share, and Support
+KIP has its own Discord Signal K channel for getting in touch. Join us at https://discord.gg/AMDYT2DQga
 
-# Feature, Ideas, Bugs
-See KIP's GitHub project for latest feature request.
+# Features, Ideas, Bugs
+See KIP's GitHub project for the latest feature requests:
 https://github.com/mxtommy/Kip/issues
 
-
 # How To Contribute
-KIP is under MIT license and is built with Nodes and Angular using various open-source assets. All free!
+KIP is under the MIT license and is built with Node and Angular using various open-source assets. All free!
 
 **Tools**
-Linux, Mac, Pi or Windows dev platform supported
+Linux, Mac, RPi, or Windows dev platform supported
 1. Install the latest Node version (v16+, v18 recommended)
-2. Download your favorite coding IDE (we use the free Visual Code)
+2. Download your favorite coding IDE (we use the free Visual Studio Code)
 3. Create your own GitHub KIP fork.
-4. Configure your IDE's source control to point to your forked KIP instance (With Visual Code, GitHub support is built-in) and get the fork's Master branch locally.
-5. Install `npm` and `node`. On macOS, you can use `brew install node` if you have homebrew.
+4. Configure your IDE's source control to point to your forked KIP instance (with Visual Studio Code, GitHub support is built-in) and get the fork's master branch locally.
+5. Install `npm` and `node`. On macOS, you can use `brew install node` if you have Homebrew.
 6. Install the Angular CLI using `npm install -g @angular/cli`
 
 **Coding**
-1. From your fork's Master branch, create working branch with a name such as: New-Widget-abc or fix-issue-abc, etc.
-2. Checkout this new Branch.
-3. In a command shell (or in the Visual Code Terminal window), go to the root of you local project branch folder, if not done automatically by your IDE.
-4. Install project dependencies using NPM package and dependency manager: run `npm install`. NPM will read Kip project dependencies (see Steps 2), download and install everything automatically for you.
-5. Build the app locally using Angular-CLI: from that same project root folder, run `ng build`. CLI tool will build KIP.
+1. From your fork's master branch, create a working branch with a name such as: `new-widget-abc` or `fix-issue-abc`, etc.
+2. Check out this new branch.
+3. In a command shell (or in the Visual Studio Code Terminal window), go to the root of your local project branch folder, if not done automatically by your IDE.
+4. Install project dependencies using the NPM package and dependency manager: run `npm install`. NPM will read the Kip project dependencies, download, and install everything automatically for you.
+5. Build the app locally using Angular CLI: from that same project root folder, run `ng build`. The CLI tool will build KIP.
 
 **Setup**
 1. Fire up your local dev instance with `npm run dev`.
-2. Hit Run/Start Debugging in Visual Code or point your favorite browser to `http://localhost:4200/@mxtommy/kip`. Alternatively to start the dev server and connect using remote devices use such as your phone: `ng serve --configuration=dev --serve-path=/@mxtommy/kip/ --host=<your computer's IP> --port=4200 --disable-host-check`
+2. Hit Run/Start Debugging in Visual Studio Code or point your favorite browser to `http://localhost:4200/@mxtommy/kip`. Alternatively, to start the dev server and connect using remote devices such as your phone:  
+   `ng serve --configuration=dev --serve-path=/@mxtommy/kip/ --host=<your computer's IP> --port=4200 --disable-host-check`
 3. Voila!
 
-*As you work on source code and save files, the app will automatically reload in the browser with your latest changes.*
+*As you work on source code and save files, the app will automatically reload in the browser with your latest changes.*  
 *You also need a running Signal K server for KIP to connect to and receive data.*
 
 **Apple PWA Icon Generation**
-Use the following tool and command line:
+Use the following tool and command line:  
 `npx pwa-asset-generator ./src/svg-templates/icon/KIP-icon.svg ./src/assets/ -i ./src/index.html -m ./src manifest.json -b "linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898" -p 5%`
 
 **Share**
-Once done with your work, from your fork's working branch, make a GitHub pull request to have your code reviewed, merged and part of the next release.
+Once done with your work, from your fork's working branch, make a GitHub pull request to have your code reviewed, merged, and included in the next release.
 
 ## Development Instructions & Guidelines
 
 For comprehensive development guidance, please refer to these instruction files:
 
 ### **Primary Instructions:**
-- **[COPILOT.md](./COPILOT.md)**: Complete KIP project guidelines including architecture, services, widget development patterns, theming, and Signal K integration
-- **[Angular Instructions](./.github/instructions/angular.instructions.md)**: Modern Angular v20+ coding standards, component patterns, and framework best practices
+- **[COPILOT.md](./COPILOT.md)**: Complete KIP project guidelines including architecture, services, widget development patterns, theming, and Signal K integration.
+- **[Angular Instructions](./.github/instructions/angular.instructions.md)**: Modern Angular v20+ coding standards, component patterns, and framework best practices.
 
 ### **Development Workflow:**
-1. **Start Here**: Read `COPILOT.md` for KIP-specific architecture and patterns
-2. **Angular Standards**: Follow `.github/instructions/angular.instructions.md` for modern Angular development
-3. **Setup & Build**: Use this README for project setup and build commands
+1. **Start Here**: Read `COPILOT.md` for KIP-specific architecture and patterns.
+2. **Angular Standards**: Follow `.github/instructions/angular.instructions.md` for modern Angular development.
+3. **Setup & Build**: Use this README for project setup and build commands.
 
 ### **Key Priorities:**
-- **Widget Development**: Always extend `BaseWidgetComponent` (see COPILOT.md)
-- **Angular Patterns**: Use signals, standalone components, and modern control flow
-- **Theming**: Follow KIP's theme system for consistent UI
-- **Code Quality**: Run `npm run lint` before commits (enforced by Husky)
+- **Widget Development**: Always extend `BaseWidgetComponent` (see COPILOT.md).
+- **Angular Patterns**: Use signals, standalone components, and modern control flow.
+- **Theming**: Follow KIP's theme system for consistent UI.
+- **Code Quality**: Run `npm run lint` before commits (enforced by Husky).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxtommy/kip",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
   "author": {

package/public/assets/svg/icons.svg

@@ -40,8 +40,6 @@
       </defs>
       <path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipTDataSheet0)" />
     </svg>
-
-
     <svg id="numericWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
       <path
         fill="currentColor"
@@ -173,10 +171,18 @@
     <svg id="windsteeringWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30 30">
       <path fill="currentColor" d="m 0.68588127,15.026096 c 0,-2.66182 0.64833033,-5.1279185 1.93227893,-7.3852457 1.2839483,-2.2573281 3.0255419,-4.044923 5.2247808,-5.3627848 2.199238,-1.317862 4.589163,-1.970269 7.169773,-1.970269 1.932278,0 3.788282,0.3914441 5.5553,1.1612843 1.767019,0.7698402 3.27979,1.8267393 4.563738,3.1315531 1.283949,1.3048138 2.300939,2.8705901 3.050967,4.6973299 0.75003,1.8267392 1.1314,3.7187192 1.1314,5.7281322 0,1.983317 -0.38137,3.888345 -1.1314,5.702036 -0.750028,1.813692 -1.77973,3.379468 -3.050967,4.684282 -1.271236,1.304816 -2.796719,2.348664 -4.563738,3.118506 -1.767018,0.76984 -3.610309,1.161284 -5.5553,1.161284 -1.944992,0 -3.81371,-0.391443 -5.5807281,-1.161284 C 7.6649675,27.761078 6.1394841,26.704179 4.8555357,25.399366 3.5715871,24.094552 2.5673107,22.528776 1.804569,20.728132 1.0418273,18.92749 0.68588127,17.022461 0.68588127,15.026096 m 3.15266543,0 c 0,3.092409 1.0932631,5.780326 3.2925016,8.063749 2.1992383,2.257329 4.8179857,3.379469 7.8816657,3.379469 2.008552,0 3.877269,-0.508878 5.580726,-1.539682 1.703456,-1.030801 3.076391,-2.413903 4.080668,-4.175404 1.004277,-1.761498 1.51277,-3.666525 1.51277,-5.728131 0,-2.061606 -0.508493,-3.979683 -1.51277,-5.7411813 C 23.669831,7.5234163 22.309609,6.1272661 20.59344,5.0964632 18.87727,4.0656603 17.021266,3.556783 15.012714,3.556783 c -2.008554,0 -3.877271,0.5088773 -5.5807281,1.5396802 C 7.7285292,6.1272661 6.3555943,7.5234163 5.3386053,9.2849157 4.3216165,11.046414 3.8385467,12.96449 3.8385467,15.026096 m 6.2163453,7.633161 4.767135,-17.106109 q 0.01906,-0.1957221 0.190687,-0.1957221 c 0.171617,0 0.177973,0.06524 0.190684,0.1957221 l 4.754423,17.106109 c 0.05085,0.14353 0.03814,0.247915 -0.02542,0.326203 -0.06356,0.07829 -0.165261,0.07829 -0.305097,0 l -4.41119,-1.696258 c -0.127123,-0.05219 -0.254246,-0.05219 -0.368659,0 l -4.449326,1.696258 q -0.190686,0.117439 -0.26696,0 c -0.07627,-0.117428 -0.101693,-0.195721 -0.07627,-0.326203"/>
     </svg>
+    <svg id="racesteeringWidget"  height="200px" width="200px" viewBox="0 0 320 320">
+      <g id="XMLID_494_">
+        <path fill="currentColor" fill-opacity="0.5" d="M290,160c0-10.177-1.172-20.079-3.383-29.583l27.947-22.704l-32-55.426 l-33.673,12.864c-14.386-13.487-31.839-23.738-51.202-29.596L192,0h-64l-5.689,35.556c-19.363,5.857-36.816,16.108-51.202,29.596 L37.436,52.287l-32,55.426l27.947,22.704C31.172,139.921,30,149.823,30,160s1.172,20.079,3.383,29.582L5.436,212.287l32,55.426 l33.672-12.865c14.387,13.488,31.84,23.739,51.203,29.596L128,320h64l5.689-35.557c19.363-5.856,36.816-16.107,51.203-29.596 l33.672,12.865l32-55.426l-27.947-22.705C288.828,180.079,290,170.177,290,160z"></path>
+        <path fill="currentColor" fill-opacity="0.5" d="M160,0h-32l-5.689,35.556c-19.363,5.857-36.816,16.108-51.202,29.596L37.436,52.287 l-32,55.426l27.947,22.704C31.172,139.921,30,149.823,30,160s1.172,20.079,3.383,29.582L5.436,212.287l32,55.426l33.672-12.865 c14.387,13.488,31.84,23.739,51.203,29.596L128,320h32V0z"></path>
+        <circle fill="#000000" fill-opacity="0.7" cx="160" cy="160" r="95"></circle>
+        <polygon fill="currentColor" fill-opacity="1" points="160,180 110,210 160,90 210,210 "></polygon>
+        <polygon fill="currentColor" fill-opacity="1" points="160,180 110,210 160,90 "></polygon>
+      </g>
+    </svg>
     <svg id="positionWidget" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
       <path fill="currentColor" d="M440-42v-80q-125-14-214.5-103.5T122-440H42v-80h80q14-125 103.5-214.5T440-838v-80h80v80q125 14 214.5 103.5T838-520h80v80h-80q-14 125-103.5 214.5T520-122v80h-80Zm40-158q116 0 198-82t82-198q0-116-82-198t-198-82q-116 0-198 82t-82 198q0 116 82 198t198 82Zm0-120q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-480q0-33-23.5-56.5T480-560q-33 0-56.5 23.5T400-480q0 33 23.5 56.5T480-400Zm0-80Z"/>
     </svg>
-
     <svg id="sliderWidget" width="256px" height="256px" viewBox="-0.75 -0.75 16.50 16.50" xmlns="http://www.w3.org/2000/svg">
       <g stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="0.06"/>
       <path 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" fill="currentColor"/>

package/public/{chunk-QGWCBQV3.js → chunk-4OEIZSFQ.js}

@@ -1,2 +1,2 @@
-import{a as xe}from"./chunk-ZIM4JAE6.js";import{a as De,b as Me,c as ve,d as Pe,e as Oe,f as V,g as Te,h as Ie,i as ke,j as Ee,k as Re,l as Ve,m as Fe,n as b,o as He,p as S,q as Ue,r as Be}from"./chunk-KIIX3BFV.js";import"./chunk-DHFEYO5G.js";import{a as ye}from"./chunk-A2ZLO65Q.js";import{d as we,f as be,n as Se}from"./chunk-N4QF5AJR.js";import{o as re,p as le}from"./chunk-OIOUWY6E.js";import{d as se,e as pe,g as me,h as de,i as ue,j as fe,k as ge}from"./chunk-ETU63UAG.js";import{$ as he,T as E,_ as R,ca as _e,da as Ce,p as ie}from"./chunk-R2MDN746.js";import{$b as u,A as $,Aa as D,Ac as k,Bc as C,Bd as ae,Cb as g,De as L,Ec as J,Fa as K,Fc as X,Gc as Y,Ge as A,Nd as z,Od as ne,P as q,Qc as Z,Rc as ee,Sb as M,Tb as v,Vb as U,Wb as h,Xb as _,Yb as p,Yc as te,Zb as o,_b as i,a as F,ad as w,b as H,bd as j,ce as oe,dc as P,ec as O,gc as T,ic as I,ja as Q,kc as d,lb as c,m as N,sc as B,ta as m,tc as W,te as ce,uc as G,wb as f,za as y,zc as l}from"./chunk-P4TBXP7T.js";function Ae(e,r){e&1&&(o(0,"span",3),l(1,"Boolean"),i())}function Ne(e,r){e&1&&(o(0,"span",3),l(1,"String"),i())}function $e(e,r){e&1&&(o(0,"span",3),l(1,"String"),i())}function qe(e,r){e&1&&(o(0,"span",3),l(1,"Object"),i())}function Qe(e,r){if(e&1){let t=T();o(0,"button",5),I("click",function(){y(t);let n=d();return D(n.openDialog())}),l(1),i()}if(e&2){let t=d();c(),k(t.selectedUnit)}}function Ke(e,r){if(e&1&&(o(0,"mat-option",6),l(1),i()),e&2){let t=r.$implicit;p("value",t.measure),c(),C(" ",t.measure," ")}}function We(e,r){if(e&1&&(o(0,"mat-optgroup",3),h(1,Ke,2,2,"mat-option",6,U),i()),e&2){let t=r.$implicit;p("label",t.group),c(),_(t.units)}}var je=(()=>{class e{_units=m(xe);_dialog=m(me);path=w.required();source=w(void 0);pathValue=w(void 0);type=w.required();units=null;selectedUnit="unitless";ngOnInit(){this.units=this._units.getConversionsForPath(this.path()),this.selectedUnit=this.units.base}convertValue(t,a){return a==="number"?this._units.convertToUnit(this.selectedUnit,t):t}openDialog(){this._dialog.open(Ge,{data:{selectedUnit:this.selectedUnit,units:this.units}}).afterClosed().subscribe(a=>{a&&(this.selectedUnit=a)})}static \u0275fac=function(a){return new(a||e)};static \u0275cmp=f({type:e,selectors:[["data-inspector-row"]],inputs:{path:[1,"path"],source:[1,"source"],pathValue:[1,"pathValue"],type:[1,"type"]},decls:10,vars:3,consts:[[1,"cell-source","cells"],[1,"cell-value","cells"],[1,"cell-action","cells"],[1,"path-type"],["mat-stroked-button","",1,"change-units-btn"],["mat-stroked-button","",1,"change-units-btn",3,"click"]],template:function(a,n){if(a&1&&(o(0,"mat-cell",0),l(1),i(),o(2,"mat-cell",1),l(3),i(),o(4,"mat-cell",2),M(5,Ae,2,0,"span",3)(6,Ne,2,0,"span",3)(7,$e,2,0,"span",3)(8,qe,2,0,"span",3)(9,Qe,2,1,"button",4),i()),a&2){let s;c(),k(n.source()),c(2),k(n.convertValue(n.pathValue(),n.type())),c(2),v((s=n.type())==="boolean"?5:s==="string"?6:s==="Date"?7:s==="object"?8:9)}},dependencies:[V,A,L],styles:[`.change-units-btn{width:100%}.cell-source:first-of-type{padding-left:0;flex:1 1 30%}.cells{border:0px solid white;word-break:break-word;overflow-wrap:break-word}.cell-value{justify-content:flex-start;flex:1 1 70%;padding:0}.cell-action{justify-content:end;flex:0 0 107px}.cell-action:last-of-type{padding:0}.path-type{width:100%;height:40px;align-content:center;text-align:center;color:var(--mat-sys-primary)}
+import{a as xe}from"./chunk-UDKTVPTW.js";import{a as De,b as Me,c as ve,d as Pe,e as Oe,f as V,g as Te,h as Ie,i as ke,j as Ee,k as Re,l as Ve,m as Fe,n as b,o as He,p as S,q as Ue,r as Be}from"./chunk-DQIOPYDW.js";import"./chunk-DHFEYO5G.js";import{a as ye}from"./chunk-FUR6QIBG.js";import{d as we,f as be,n as Se}from"./chunk-XDTHZ7NT.js";import{p as re,q as le}from"./chunk-DYNNWDZY.js";import{d as se,e as pe,g as me,h as de,i as ue,j as fe,k as ge}from"./chunk-ETU63UAG.js";import{$ as he,T as E,_ as R,ca as _e,da as Ce,p as ie}from"./chunk-UUSTHL3T.js";import{$b as u,A as $,Aa as D,Ac as k,Bc as C,Bd as ae,Cb as g,De as L,Ec as J,Fa as K,Fc as X,Gc as Y,Ge as A,Nd as z,Od as ne,P as q,Qc as Z,Rc as ee,Sb as M,Tb as v,Vb as U,Wb as h,Xb as _,Yb as p,Yc as te,Zb as o,_b as i,a as F,ad as w,b as H,bd as j,ce as oe,dc as P,ec as O,gc as T,ic as I,ja as Q,kc as d,lb as c,m as N,sc as B,ta as m,tc as W,te as ce,uc as G,wb as f,za as y,zc as l}from"./chunk-P4TBXP7T.js";function Ae(e,r){e&1&&(o(0,"span",3),l(1,"Boolean"),i())}function Ne(e,r){e&1&&(o(0,"span",3),l(1,"String"),i())}function $e(e,r){e&1&&(o(0,"span",3),l(1,"String"),i())}function qe(e,r){e&1&&(o(0,"span",3),l(1,"Object"),i())}function Qe(e,r){if(e&1){let t=T();o(0,"button",5),I("click",function(){y(t);let n=d();return D(n.openDialog())}),l(1),i()}if(e&2){let t=d();c(),k(t.selectedUnit)}}function Ke(e,r){if(e&1&&(o(0,"mat-option",6),l(1),i()),e&2){let t=r.$implicit;p("value",t.measure),c(),C(" ",t.measure," ")}}function We(e,r){if(e&1&&(o(0,"mat-optgroup",3),h(1,Ke,2,2,"mat-option",6,U),i()),e&2){let t=r.$implicit;p("label",t.group),c(),_(t.units)}}var je=(()=>{class e{_units=m(xe);_dialog=m(me);path=w.required();source=w(void 0);pathValue=w(void 0);type=w.required();units=null;selectedUnit="unitless";ngOnInit(){this.units=this._units.getConversionsForPath(this.path()),this.selectedUnit=this.units.base}convertValue(t,a){return a==="number"?this._units.convertToUnit(this.selectedUnit,t):t}openDialog(){this._dialog.open(Ge,{data:{selectedUnit:this.selectedUnit,units:this.units}}).afterClosed().subscribe(a=>{a&&(this.selectedUnit=a)})}static \u0275fac=function(a){return new(a||e)};static \u0275cmp=f({type:e,selectors:[["data-inspector-row"]],inputs:{path:[1,"path"],source:[1,"source"],pathValue:[1,"pathValue"],type:[1,"type"]},decls:10,vars:3,consts:[[1,"cell-source","cells"],[1,"cell-value","cells"],[1,"cell-action","cells"],[1,"path-type"],["mat-stroked-button","",1,"change-units-btn"],["mat-stroked-button","",1,"change-units-btn",3,"click"]],template:function(a,n){if(a&1&&(o(0,"mat-cell",0),l(1),i(),o(2,"mat-cell",1),l(3),i(),o(4,"mat-cell",2),M(5,Ae,2,0,"span",3)(6,Ne,2,0,"span",3)(7,$e,2,0,"span",3)(8,qe,2,0,"span",3)(9,Qe,2,1,"button",4),i()),a&2){let s;c(),k(n.source()),c(2),k(n.convertValue(n.pathValue(),n.type())),c(2),v((s=n.type())==="boolean"?5:s==="string"?6:s==="Date"?7:s==="object"?8:9)}},dependencies:[V,A,L],styles:[`.change-units-btn{width:100%}.cell-source:first-of-type{padding-left:0;flex:1 1 30%}.cells{border:0px solid white;word-break:break-word;overflow-wrap:break-word}.cell-value{justify-content:flex-start;flex:1 1 70%;padding:0}.cell-action{justify-content:end;flex:0 0 107px}.cell-action:last-of-type{padding:0}.path-type{width:100%;height:40px;align-content:center;text-align:center;color:var(--mat-sys-primary)}
 `],encapsulation:2})}return e})(),Ge=(()=>{class e{dialogRef=m(se);data=m(pe);selectedUnit=null;static \u0275fac=function(a){return new(a||e)};static \u0275cmp=f({type:e,selectors:[["dialog-unit-selector"]],decls:14,vars:2,consts:[["mat-dialog-title",""],["appearance","outline","floatLabel","always",2,"padding-top","15px","padding-bottom","15px"],[3,"valueChange","value"],[3,"label"],["mat-flat-button","","mat-dialog-close",""],["mat-flat-button","",3,"mat-dialog-close"],[3,"value"]],template:function(a,n){a&1&&(o(0,"h2",0),l(1,"Select Unit type"),i(),o(2,"mat-dialog-content")(3,"mat-form-field",1)(4,"mat-label"),l(5,"Unit"),i(),o(6,"mat-select",2),Y("valueChange",function(x){return X(n.data.selectedUnit,x)||(n.data.selectedUnit=x),x}),h(7,We,3,1,"mat-optgroup",3,U),i()()(),o(9,"mat-dialog-actions")(10,"button",4),l(11,"Cancel"),i(),o(12,"button",5),l(13,"Ok"),i()()),a&2&&(c(6),J("value",n.data.selectedUnit),c(),_(n.data.units.conversions),c(5),p("mat-dialog-close",n.data.selectedUnit))},dependencies:[ue,fe,R,E,Se,we,be,ge,A,L,de],encapsulation:2})}return e})();var Je=(e,r)=>r.key;function Xe(e,r){e&1&&(o(0,"mat-header-cell",19),l(1," Path "),i())}function Ye(e,r){if(e&1&&(o(0,"mat-cell",20),l(1),i()),e&2){let t=r.$implicit;c(),C(" ",t.path," ")}}function Ze(e,r){e&1&&(o(0,"mat-header-cell",21),l(1," PUT Support "),i())}function et(e,r){e&1&&(o(0,"mat-icon",23),l(1,"check_circle"),i())}function tt(e,r){if(e&1&&(o(0,"mat-cell",22),M(1,et,2,0,"mat-icon",23),i()),e&2){let t=r.$implicit;c(),v(t.meta!=null&&t.meta.supportsPut?1:-1)}}function at(e,r){e&1&&(o(0,"mat-header-cell",24),l(1," Source "),i())}function nt(e,r){if(e&1&&u(0,"data-inspector-row",27),e&2){let t=r.$implicit,a=d().$implicit,n=d();p("path",a.path)("source",n.getSourceKey(t))("pathValue",n.getSourceValue(t))("type",a.type)}}function it(e,r){if(e&1&&(o(0,"mat-cell",25)(1,"div",26),h(2,nt,1,4,"data-inspector-row",27,Je),Z(4,"keyvalue"),i()()),e&2){let t=r.$implicit;c(2),_(ee(4,0,t.sources))}}function ot(e,r){e&1&&u(0,"mat-header-row",28)}function rt(e,r){e&1&&u(0,"mat-row",29)}function lt(e,r){if(e&1&&(o(0,"tr",30)(1,"td",31),l(2),i()()),e&2){d();let t=G(6);c(2),C('No data matching the filter "',t.value,'"')}}var Nt=(()=>{class e{dataService=m(ie);destroyRef=m(K);_responsive=m(oe);isPhonePortrait;filterSubject=new N;paginator=j.required(b);sort=j.required(S);pageTitle="Data Inspector";pageSize=25;hidePageSize=!1;showFirstLastButtons=!0;showPageSizeOptions=[5,10,25,100];tableData=new Fe([]);displayedColumns=["path","supportsPut","defaultSource"];constructor(){this.filterSubject.pipe(q(500)).pipe(z(this.destroyRef)).subscribe(t=>{this.tableData.filter=t.trim().toLowerCase(),this.tableData.paginator&&this.tableData.paginator.firstPage()}),this.isPhonePortrait=ne(this._responsive.observe(ce.HandsetPortrait)),te(()=>{this.isPhonePortrait().matches?(this.hidePageSize=!0,this.showFirstLastButtons=!1,this.showPageSizeOptions=[]):(this.hidePageSize=!1,this.showFirstLastButtons=!0,this.showPageSizeOptions=[5,10,25,100])})}ngAfterViewInit(){this.dataService.startSkDataFullTree().pipe($(t=>t.filter(a=>Object.keys(a.sources||{}).length>0).map(a=>H(F({},a),{sources:a.type&&a.type.includes("object")&&typeof a.sources=="object"?Object.fromEntries(Object.entries(a.sources).map(([n,s])=>[n,H(F({},s),{sourceValue:typeof s.sourceValue=="object"?JSON.stringify(s.sourceValue):s.sourceValue})])):a.sources}))),Q(500),z(this.destroyRef)).subscribe(t=>{this.tableData.data=t}),this.tableData.paginator=this.paginator(),this.tableData.sort=this.sort(),this.tableData.sortingDataAccessor=(t,a)=>{switch(a){case"supportsPut":return t.meta?.supportsPut?1:0;default:return t[a]}}}applyFilter(t){let a=t.target.value;this.filterSubject.next(a)}trackByPath(t,a){return`${a.path}`}trackBySource(t,a){return`${a.key}`}getSourceKey(t){return String(t.key)}getSourceValue(t){return t.value.sourceValue}ngOnDestroy(){this.filterSubject.complete(),this.dataService.stopSkDataFullTree()}static \u0275fac=function(a){return new(a||e)};static \u0275cmp=f({type:e,selectors:[["data-inspector"]],viewQuery:function(a,n){a&1&&(B(n.paginator,b,5),B(n.sort,S,5)),a&2&&W(2)},decls:21,vars:10,consts:[["input",""],[3,"pageTitle"],[1,"data-inspector-container"],[1,"filter-field"],["matInput","","placeholder","Ex: navigation","value","self.",3,"keyup"],["matSort","","matSortActive","path","matSortDirection","asc",1,"table-content-area","mat-elevation-z8",3,"dataSource","trackBy"],["matColumnDef","path"],["class","pathHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","pathCell row-cell",4,"matCellDef"],["matColumnDef","supportsPut"],["class","putHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","putCell row-cell",4,"matCellDef"],["matColumnDef","defaultSource"],["class","dataHeader","mat-sort-header","",4,"matHeaderCellDef"],["class","dataCell row-cell",4,"matCellDef"],["class","headerRow",4,"matHeaderRowDef","matHeaderRowDefSticky"],["class","table-row",4,"matRowDef","matRowDefColumns"],["class","mat-row",4,"matNoDataRow"],[1,"paginator",3,"pageSize","pageSizeOptions","hidePageSize","showFirstLastButtons"],["mat-sort-header","",1,"pathHeader"],[1,"pathCell","row-cell"],["mat-sort-header","",1,"putHeader"],[1,"putCell","row-cell"],["matTooltip","Supports PUT operation",1,"put-icon"],["mat-sort-header","",1,"dataHeader"],[1,"dataCell","row-cell"],[1,"flex-container"],[1,"source-sub-row",3,"path","source","pathValue","type"],[1,"headerRow"],[1,"table-row"],[1,"mat-row"],["colspan","4",1,"mat-cell"]],template:function(a,n){if(a&1){let s=T();u(0,"page-header",1),o(1,"div",2)(2,"mat-form-field",3)(3,"mat-label"),l(4,"Filter"),i(),o(5,"input",4,0),I("keyup",function(ze){return y(s),D(n.applyFilter(ze))}),i()(),o(7,"mat-table",5),P(8,6),g(9,Xe,2,0,"mat-header-cell",7)(10,Ye,2,1,"mat-cell",8),O(),P(11,9),g(12,Ze,2,0,"mat-header-cell",10)(13,tt,2,1,"mat-cell",11),O(),P(14,12),g(15,at,2,0,"mat-header-cell",13)(16,it,5,2,"mat-cell",14),O(),g(17,ot,1,0,"mat-header-row",15)(18,rt,1,0,"mat-row",16)(19,lt,3,1,"tr",17),i(),u(20,"mat-paginator",18),i()}a&2&&(p("pageTitle",n.pageTitle),c(7),p("dataSource",n.tableData)("trackBy",n.trackByPath),c(10),p("matHeaderRowDef",n.displayedColumns)("matHeaderRowDefSticky",!0),c(),p("matRowDefColumns",n.displayedColumns),c(2),p("pageSize",n.pageSize)("pageSizeOptions",n.showPageSizeOptions)("hidePageSize",n.hidePageSize)("showFirstLastButtons",n.showFirstLastButtons))},dependencies:[he,R,E,Ve,De,ve,Te,Pe,Me,Ie,Oe,V,ke,Ee,Re,Ce,_e,He,b,Be,S,Ue,je,ye,le,re,ae],styles:["[_nghost-%COMP%]{display:block;height:100%;width:100%}.data-inspector-container[_ngcontent-%COMP%]{margin-left:24px;margin-right:24px;height:calc(100% - 63px)}.table-content-area[_ngcontent-%COMP%]{height:calc(100% - 142px);overflow-y:scroll;width:100%;scroll-behavior:smooth}.mat-column-path[_ngcontent-%COMP%]{flex:0 0 50%;width:50%}.mat-mdc-table[_ngcontent-%COMP%]{overflow:auto}.paginator[_ngcontent-%COMP%]{width:100%;height:56px;background-color:var(--mat-sys-background)}.filter-field[_ngcontent-%COMP%]{padding:15px 0;width:100%;height:86px}.pathHeader[_ngcontent-%COMP%]{flex:1 1 45%}.putHeader[_ngcontent-%COMP%]{flex:1 1 10%}.dataHeader[_ngcontent-%COMP%]{flex:1 1 45%}.table-row[_ngcontent-%COMP%]{border-bottom-color:var(--mat-table-row-item-outline-color, var(--mat-sys-outline, rgba(0, 0, 0, .12)));border-bottom-width:var(--mat-table-row-item-outline-width, 1px);border-bottom-style:solid}.row-cell[_ngcontent-%COMP%]{border-bottom-color:#fff;border-bottom-width:0px;border-bottom-style:solid}.pathCell[_ngcontent-%COMP%]{flex:1 1 45%;word-break:break-word;overflow-wrap:break-word}.putCell[_ngcontent-%COMP%]{flex:1 1 10%}.dataCell[_ngcontent-%COMP%]{flex:1 1 45%;flex-flow:column;flex-wrap:nowrap;gap:2px}.flex-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;margin:5px 0;height:100%;width:100%}.source-sub-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;width:100%}.put-icon[_ngcontent-%COMP%]{color:var(--kip-starboard-color)}@media screen and (max-width: 750px){.pathHeader[_ngcontent-%COMP%], .dataHeader[_ngcontent-%COMP%]{flex:1 1 50%}.dataCell[_ngcontent-%COMP%]{flex:1 1 100%}.dataCell[_ngcontent-%COMP%]{flex:1 1 100%;margin-left:24px}.mat-mdc-table[_ngcontent-%COMP%]   .mat-mdc-row[_ngcontent-%COMP%]{flex-direction:row;flex-wrap:wrap}.mat-mdc-table[_ngcontent-%COMP%]   .mat-mdc-cell[_ngcontent-%COMP%]:before{content:attr(data-label);float:left;padding-right:5px}mat-row[_ngcontent-%COMP%]:after{min-height:auto;padding-bottom:10px}.dataRow[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-start}.actionCell[_ngcontent-%COMP%]{margin-left:24px}}"]})}return e})();export{Nt as DataInspectorComponent};