@mxtommy/kip 2.6.0 → 2.7.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# V 2.7.0
+## New features
+* Boolean Control Panel Widget: Added Push button and Light indicator controls
+* Application loading spinner animation during KIP startup replacing the blank screen visible on slow network/devices improving user experience
+## Improvements
+* Boolean Control Panel Widget Options: Ability to change control position, layout clean up and enhanced responsive design 
+* Date & Time Widget Options: Added pre populated selection list of available Time Zones enhancing usability
+* Auto Night Mode feature now based on environment.mode path aligning to latest Signal K specifications. The change is backward compatible
+## Fixes
+* Improved Settings / Storage tab [object Object] error message when Signal K server's Application Storage service is not accessible from KIP   
 # V 2.6.0
 ## New features
 * New Boolean Switches Widget. The first addition to a new series of multi-paths boolean Widgets

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@mxtommy/kip",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
+  "author": {
+    "name": "Thomas St.Pierre, David Godin"
+  },
   "contributors": [
     {
       "name": "Thomas St.Pierre",
@@ -43,9 +46,19 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^14.2.13",
+    "@angular/animations": "14.3.0",
+    "@angular/cdk": "^14.2.7",
     "@angular/cli": "^14.2.13",
+    "@angular/common": "14.3.0",
+    "@angular/compiler": "14.3.0",
     "@angular/compiler-cli": "14.3.0",
+    "@angular/core": "14.3.0",
+    "@angular/forms": "14.3.0",
     "@angular/language-service": "14.3.0",
+    "@angular/material": "^14.2.7",
+    "@angular/platform-browser": "14.3.0",
+    "@angular/platform-browser-dynamic": "14.3.0",
+    "@angular/router": "14.3.0",
     "@types/canvas-gauges": "^2.1.2",
     "@types/hammerjs": "^2.0.45",
     "@types/howler": "^2.2.10",
@@ -54,50 +67,37 @@
     "@types/js-quantities": "^1.6.4",
     "@types/lodash-es": "^4.17.9",
     "@types/node": "^20.8.6",
-    "codelyzer": "^6.0.0",
-    "jasmine-core": "~4.0.1",
-    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~6.3.17",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "^3.0.3",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.6.0",
-    "protractor": "~7.0.0",
-    "sass": "^1.49.9",
-    "ts-node": "^8.10.2",
-    "tslib": "^2.2.0",
-    "tslint": "^6.1.3",
-    "typescript": "^4.6.4",
-    "pwa-asset-generator": "^6.3.1",
-
-    "@angular/animations": "14.3.0",
-    "@angular/cdk": "^14.2.7",
-    "@angular/common": "14.3.0",
-    "@angular/compiler": "14.3.0",
-    "@angular/core": "14.3.0",
-    "@angular/forms": "14.3.0",
-    "@angular/material": "^14.2.7",
-    "@angular/platform-browser": "14.3.0",
-    "@angular/platform-browser-dynamic": "14.3.0",
-    "@angular/router": "14.3.0",
     "angular-resize-event": "^3.2.0",
     "angular-split": "^14.1.0",
     "canvas-gauges": "^2.1.7",
     "chart.js": "^3.5.1",
     "chartjs-adapter-date-fns": "^3.0.0",
+    "codelyzer": "^6.0.0",
     "compare-versions": "^5.0.1",
     "core-js": "^3.13.1",
     "date-fns": "^2.30.0",
     "hammerjs": "^2.0.8",
     "howler": "^2.2.4",
+    "jasmine-core": "~4.0.1",
+    "jasmine-spec-reporter": "~5.0.0",
     "js-quantities": "^1.8.0",
+    "karma": "~6.3.17",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-cli": "~2.0.0",
+    "karma-coverage-istanbul-reporter": "^3.0.3",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "^1.6.0",
     "lodash-es": "^4.17.21",
+    "protractor": "~7.0.0",
+    "pwa-asset-generator": "^6.3.1",
     "rx-dom-html": "^7.0.3",
     "rxjs": "^7.5.7",
+    "sass": "^1.49.9",
     "screenfull": "^6.0.2",
+    "ts-node": "^8.10.2",
+    "tslib": "^2.2.0",
+    "tslint": "^6.1.3",
+    "typescript": "^4.8.4",
     "zone.js": "~0.11.4"
-  },
-  "dependencies": {
   }
 }

package/public/index.html

@@ -42,8 +42,23 @@
     <link rel="apple-touch-startup-image" href="assets/apple-splash-1334-750.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
     <link rel="apple-touch-startup-image" href="assets/apple-splash-640-1136.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
     <link rel="apple-touch-startup-image" href="assets/apple-splash-1136-640.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
-  <style>html,body,app-root{height:100%}body{margin:0;touch-action:none}</style><link rel="stylesheet" href="styles.f98a2c1ba7cb7018.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.f98a2c1ba7cb7018.css"></noscript></head>
+  <style>html,body,app-root{height:100%}body{margin:0;touch-action:none}.loader-container{height:100%;width:100%;background-color:#424242}#loader{height:175px;inset:0;margin:auto;position:absolute;width:175px}#loader .dot{height:100%;inset:0;margin:auto;position:absolute;width:87.5px}#loader .dot:before{border-radius:100%;content:"";height:87.5px;left:0;position:absolute;right:0;top:0;transform:scale(0);width:87.5px}#loader .dot:nth-child(7n+1){transform:rotate(45deg)}#loader .dot:nth-child(7n+1):before{animation:.8s linear .1s normal none infinite running load;background:#e5ab13 none repeat scroll 0 0}#loader .dot:nth-child(7n+2){transform:rotate(90deg)}#loader .dot:nth-child(7n+2):before{animation:.8s linear .2s normal none infinite running load;background:#f0ca31 none repeat scroll 0 0}#loader .dot:nth-child(7n+3){transform:rotate(135deg)}#loader .dot:nth-child(7n+3):before{animation:.8s linear .3s normal none infinite running load;background:#92c7e9 none repeat scroll 0 0}#loader .dot:nth-child(7n+4){transform:rotate(180deg)}#loader .dot:nth-child(7n+4):before{animation:.8s linear .4s normal none infinite running load;background:#63afdf none repeat scroll 0 0}#loader .dot:nth-child(7n+5){transform:rotate(225deg)}#loader .dot:nth-child(7n+5):before{animation:.8s linear .5s normal none infinite running load;background:#3586ca none repeat scroll 0 0}#loader .dot:nth-child(7n+6){transform:rotate(270deg)}#loader .dot:nth-child(7n+6):before{animation:.8s linear .6s normal none infinite running load;background:#d52626 none repeat scroll 0 0}#loader .dot:nth-child(7n+7){transform:rotate(315deg)}#loader .dot:nth-child(7n+7):before{animation:.8s linear .7s normal none infinite running load;background:#e26767 none repeat scroll 0 0}#loader .dot:nth-child(7n+8){transform:rotate(360deg)}#loader .dot:nth-child(7n+8):before{animation:.8s linear .8s normal none infinite running load;background:#f8e598 none repeat scroll 0 0}#loader .loading{background-position:50% 50%;background-repeat:no-repeat;bottom:-40px;height:20px;left:0;position:absolute;right:0;width:180px}@keyframes load{to{opacity:0;transform:scale(1)}}</style><link rel="stylesheet" href="styles.7fd0e0a82566fef7.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.7fd0e0a82566fef7.css"></noscript></head>
   <body>
-    <app-root></app-root>
-  <script src="runtime.e75056c32c37f59d.js" type="module"></script><script src="polyfills.64db6be9cdc8f808.js" type="module"></script><script src="main.9ac2d4dfd3811897.js" type="module"></script>
+    <app-root>
+      <div class="loader-container">
+        <div id="loader">
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="dot"></div>
+          <div class="loading"></div>
+        </div>
+      </div>
+    </app-root>
+  <script src="runtime.e75056c32c37f59d.js" type="module"></script><script src="polyfills.64db6be9cdc8f808.js" type="module"></script><script src="main.983d1ca922519d80.js" type="module"></script>
+
 </body></html>