@mxtommy/kip 1.2.3 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/.angulardoc.json +3 -3
  2. package/CHANGELOG.md +145 -135
  3. package/CONTRIBUTORS.md +16 -16
  4. package/README.md +102 -102
  5. package/angular.json +162 -153
  6. package/karma.conf.js +31 -31
  7. package/package.json +87 -84
  8. package/public/3rdpartylicenses.txt +301 -21
  9. package/public/assets/NoSleep.min.js +1 -1
  10. package/public/assets/fontawesome6/css/all.min.css +6 -0
  11. package/public/assets/fontawesome6/webfonts/fa-brands-400.ttf +0 -0
  12. package/public/assets/fontawesome6/webfonts/fa-brands-400.woff2 +0 -0
  13. package/public/assets/fontawesome6/webfonts/fa-regular-400.ttf +0 -0
  14. package/public/assets/fontawesome6/webfonts/fa-regular-400.woff2 +0 -0
  15. package/public/assets/fontawesome6/webfonts/fa-solid-900.ttf +0 -0
  16. package/public/assets/fontawesome6/webfonts/fa-solid-900.woff2 +0 -0
  17. package/public/assets/fontawesome6/webfonts/fa-v4compatibility.ttf +0 -0
  18. package/public/assets/fontawesome6/webfonts/fa-v4compatibility.woff2 +0 -0
  19. package/public/assets/icon-192x192.png +0 -0
  20. package/public/assets/icon-256x256.png +0 -0
  21. package/public/assets/icon-384x384.png +0 -0
  22. package/public/assets/icon-512x512.png +0 -0
  23. package/public/assets/steelseries-min.js +25 -25
  24. package/public/assets/steelseries-min.js.map +8 -8
  25. package/public/assets/steelseries.js +15834 -15834
  26. package/public/assets/svg-autopilot-inkscape-plain.svg +983 -983
  27. package/public/assets/svg-wind-inkscape.svg +1358 -1358
  28. package/public/assets/tween.js +381 -381
  29. package/public/index.html +19 -20
  30. package/public/main-es2018.98175eb4c61ccaf7eb17.js +1 -0
  31. package/public/main-es5.98175eb4c61ccaf7eb17.js +1 -0
  32. package/public/manifest.json +33 -0
  33. package/public/polyfills-es2018.3a61665863c173cd6ba3.js +1 -0
  34. package/public/polyfills-es5.44827ae4ff4e41de51fb.js +1 -0
  35. package/public/runtime-es2018.baedb88c6d2abacae2b8.js +1 -0
  36. package/public/runtime-es5.baedb88c6d2abacae2b8.js +1 -0
  37. package/public/styles.b92ae2c466c89712209d.css +5 -0
  38. package/src/app/alarm-menu/alarm-menu.component.html +55 -55
  39. package/src/app/alarm-menu/alarm-menu.component.scss +52 -53
  40. package/src/app/alarm-menu/alarm-menu.component.spec.ts +25 -25
  41. package/src/app/alarm-menu/alarm-menu.component.ts +186 -186
  42. package/src/app/app-help/app-help.component.css +4 -4
  43. package/src/app/app-help/app-help.component.html +135 -135
  44. package/src/app/app-help/app-help.component.ts +45 -45
  45. package/src/app/app.component.css +39 -39
  46. package/src/app/app.component.html +93 -93
  47. package/src/app/app.component.scss +79 -79
  48. package/src/app/app.component.spec.ts +32 -32
  49. package/src/app/app.component.ts +191 -192
  50. package/src/app/app.module.ts +200 -200
  51. package/src/app/config.blank.const.ts +51 -51
  52. package/src/app/config.blank.notification.const.ts +19 -19
  53. package/src/app/config.blank.units.const.ts +23 -23
  54. package/src/app/config.demo.const.ts +383 -383
  55. package/src/app/data-browser/data-browser.component.css +29 -29
  56. package/src/app/data-browser/data-browser.component.html +44 -44
  57. package/src/app/data-browser/data-browser.component.spec.ts +25 -25
  58. package/src/app/data-browser/data-browser.component.ts +91 -91
  59. package/src/app/data-browser-row/data-browser-row-unit-modal.html +17 -17
  60. package/src/app/data-browser-row/data-browser-row.component.css +9 -9
  61. package/src/app/data-browser-row/data-browser-row.component.html +4 -4
  62. package/src/app/data-browser-row/data-browser-row.component.ts +78 -78
  63. package/src/app/data-set.service.ts +273 -273
  64. package/src/app/dynamic-widget.directive.ts +11 -11
  65. package/src/app/gauge-steel/gauge-steel.component.css +4 -4
  66. package/src/app/gauge-steel/gauge-steel.component.html +4 -4
  67. package/src/app/gauge-steel/gauge-steel.component.spec.ts +25 -25
  68. package/src/app/gauge-steel/gauge-steel.component.ts +282 -282
  69. package/src/app/gauges-module/base-gauge.ts +300 -300
  70. package/src/app/gauges-module/linear-gauge.ts +49 -49
  71. package/src/app/gauges-module/radial-gauge.ts +47 -47
  72. package/src/app/layout-split/layout-split.component.html +30 -30
  73. package/src/app/layout-split/layout-split.component.scss +33 -33
  74. package/src/app/layout-split/layout-split.component.spec.ts +25 -25
  75. package/src/app/layout-split/layout-split.component.ts +59 -59
  76. package/src/app/layout-splits.service.ts +284 -284
  77. package/src/app/modal-path-selector/modal-path-selector.component.html +62 -62
  78. package/src/app/modal-path-selector/modal-path-selector.component.scss +39 -39
  79. package/src/app/modal-path-selector/modal-path-selector.component.spec.ts +25 -25
  80. package/src/app/modal-path-selector/modal-path-selector.component.ts +132 -132
  81. package/src/app/modal-widget/modal-widget.component.css +32 -32
  82. package/src/app/modal-widget/modal-widget.component.html +341 -341
  83. package/src/app/modal-widget/modal-widget.component.spec.ts +25 -25
  84. package/src/app/modal-widget/modal-widget.component.ts +84 -84
  85. package/src/app/notifications.service.ts +392 -392
  86. package/src/app/object-keys.pipe.spec.ts +8 -8
  87. package/src/app/object-keys.pipe.ts +13 -13
  88. package/src/app/reset-config/reset-config.component.html +3 -3
  89. package/src/app/reset-config/reset-config.component.spec.ts +25 -25
  90. package/src/app/reset-config/reset-config.component.ts +31 -31
  91. package/src/app/root-display/root-display.component.html +4 -4
  92. package/src/app/root-display/root-display.component.spec.ts +25 -25
  93. package/src/app/root-display/root-display.component.ts +57 -57
  94. package/src/app/safe.pipe.ts +15 -15
  95. package/src/app/settings/settings.component.css +9 -9
  96. package/src/app/settings/settings.component.html +25 -25
  97. package/src/app/settings/settings.component.spec.ts +25 -25
  98. package/src/app/settings/settings.component.ts +22 -22
  99. package/src/app/settings-config/settings-config.component.css +38 -38
  100. package/src/app/settings-config/settings-config.component.spec.ts +25 -25
  101. package/src/app/settings-config/settings-config.component.ts +161 -161
  102. package/src/app/settings-datasets/settings-datasets.component.html +43 -43
  103. package/src/app/settings-datasets/settings-datasets.component.scss +39 -39
  104. package/src/app/settings-datasets/settings-datasets.component.spec.ts +25 -25
  105. package/src/app/settings-datasets/settings-datasets.component.ts +98 -98
  106. package/src/app/settings-datasets/settings-datasets.modal.html +54 -54
  107. package/src/app/settings-notifications/settings-notifications.component.html +65 -65
  108. package/src/app/settings-notifications/settings-notifications.component.spec.ts +25 -25
  109. package/src/app/settings-notifications/settings-notifications.component.ts +29 -29
  110. package/src/app/settings-signalk/settings-signalk.component.html +8 -8
  111. package/src/app/settings-signalk/settings-signalk.component.spec.ts +25 -25
  112. package/src/app/settings-signalk/settings-signalk.component.ts +174 -174
  113. package/src/app/settings-units/settings-units.component.css +4 -4
  114. package/src/app/settings-units/settings-units.component.html +19 -19
  115. package/src/app/settings-units/settings-units.component.spec.ts +25 -25
  116. package/src/app/settings-units/settings-units.component.ts +62 -62
  117. package/src/app/settings-zones/settings-zones.component.css +21 -21
  118. package/src/app/settings-zones/settings-zones.component.html +70 -70
  119. package/src/app/settings-zones/settings-zones.modal.html +38 -38
  120. package/src/app/signalk-connection.service.ts +344 -344
  121. package/src/app/signalk-delta.service.spec.ts +15 -15
  122. package/src/app/signalk-delta.service.ts +97 -97
  123. package/src/app/signalk-full.service.ts +99 -99
  124. package/src/app/signalk-interfaces.ts +129 -129
  125. package/src/app/signalk-requests.service.spec.ts +12 -12
  126. package/src/app/signalk-requests.service.ts +180 -180
  127. package/src/app/svg-autopilot/svg-autopilot.component.html +1036 -1036
  128. package/src/app/svg-autopilot/svg-autopilot.component.spec.ts +25 -25
  129. package/src/app/svg-autopilot/svg-autopilot.component.ts +174 -174
  130. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.html +119 -119
  131. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.spec.ts +25 -25
  132. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.ts +49 -49
  133. package/src/app/svg-wind/svg-wind.component.html +969 -969
  134. package/src/app/svg-wind/svg-wind.component.scss +76 -76
  135. package/src/app/svg-wind/svg-wind.component.spec.ts +25 -25
  136. package/src/app/svg-wind/svg-wind.component.ts +280 -280
  137. package/src/app/unit-window/unit-window.component.css +37 -37
  138. package/src/app/unit-window/unit-window.component.html +8 -8
  139. package/src/app/unit-window/unit-window.component.spec.ts +25 -25
  140. package/src/app/unit-window/unit-window.component.ts +134 -134
  141. package/src/app/unit-window/unit-window.modal.html +24 -24
  142. package/src/app/units.service.ts +300 -300
  143. package/src/app/widget-autopilot/widget-autopilot.component.html +78 -85
  144. package/src/app/widget-autopilot/widget-autopilot.component.scss +191 -191
  145. package/src/app/widget-autopilot/widget-autopilot.component.spec.ts +25 -25
  146. package/src/app/widget-autopilot/widget-autopilot.component.ts +774 -781
  147. package/src/app/widget-blank/widget-blank.component.scss +21 -22
  148. package/src/app/widget-blank/widget-blank.component.spec.ts +25 -25
  149. package/src/app/widget-blank/widget-blank.component.ts +17 -17
  150. package/src/app/widget-gauge/widget-gauge.component.css +25 -25
  151. package/src/app/widget-gauge/widget-gauge.component.html +29 -29
  152. package/src/app/widget-gauge/widget-gauge.component.spec.ts +25 -25
  153. package/src/app/widget-gauge/widget-gauge.component.ts +120 -120
  154. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.html +126 -126
  155. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.scss +94 -93
  156. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.spec.ts +25 -25
  157. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.ts +424 -424
  158. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.html +1 -1
  159. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.scss +69 -69
  160. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.spec.ts +25 -25
  161. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.ts +553 -553
  162. package/src/app/widget-historical/widget-historical.component.html +14 -14
  163. package/src/app/widget-historical/widget-historical.component.spec.ts +25 -25
  164. package/src/app/widget-historical/widget-historical.component.ts +306 -306
  165. package/src/app/widget-iframe/widget-iframe.component.css +11 -11
  166. package/src/app/widget-iframe/widget-iframe.component.html +21 -21
  167. package/src/app/widget-iframe/widget-iframe.component.spec.ts +25 -25
  168. package/src/app/widget-iframe/widget-iframe.component.ts +63 -63
  169. package/src/app/widget-list.service.ts +135 -135
  170. package/src/app/widget-manager.service.ts +141 -141
  171. package/src/app/widget-numeric/widget-numeric.component.html +1 -1
  172. package/src/app/widget-numeric/widget-numeric.component.scss +3 -3
  173. package/src/app/widget-numeric/widget-numeric.component.spec.ts +25 -25
  174. package/src/app/widget-simple-linear/widget-simple-linear.component.html +28 -28
  175. package/src/app/widget-simple-linear/widget-simple-linear.component.scss +64 -64
  176. package/src/app/widget-simple-linear/widget-simple-linear.component.spec.ts +25 -25
  177. package/src/app/widget-simple-linear/widget-simple-linear.component.ts +199 -199
  178. package/src/app/widget-state/widget-state.component.html +27 -27
  179. package/src/app/widget-state/widget-state.component.scss +68 -68
  180. package/src/app/widget-state/widget-state.component.spec.ts +25 -25
  181. package/src/app/widget-state/widget-state.component.ts +178 -178
  182. package/src/app/widget-switch/widget-switch.component.css +69 -69
  183. package/src/app/widget-switch/widget-switch.component.html +17 -17
  184. package/src/app/widget-switch/widget-switch.component.spec.ts +25 -25
  185. package/src/app/widget-switch/widget-switch.component.ts +134 -134
  186. package/src/app/widget-text-generic/widget-text-generic.component.html +9 -9
  187. package/src/app/widget-text-generic/widget-text-generic.component.spec.ts +25 -25
  188. package/src/app/widget-tutorial/widget-tutorial.component.html +34 -34
  189. package/src/app/widget-tutorial/widget-tutorial.component.spec.ts +25 -25
  190. package/src/app/widget-tutorial/widget-tutorial.component.ts +18 -18
  191. package/src/app/widget-unknown/widget-unknown.component.spec.ts +25 -25
  192. package/src/app/widget-wind/widget-wind.component.css +23 -23
  193. package/src/app/widget-wind/widget-wind.component.html +20 -20
  194. package/src/app/widget-wind/widget-wind.component.spec.ts +25 -25
  195. package/src/app/widget-wind/widget-wind.component.ts +369 -369
  196. package/src/assets/NoSleep.min.js +1 -1
  197. package/src/assets/fontawesome6/css/all.min.css +6 -0
  198. package/src/assets/fontawesome6/webfonts/fa-brands-400.ttf +0 -0
  199. package/src/assets/fontawesome6/webfonts/fa-brands-400.woff2 +0 -0
  200. package/src/assets/fontawesome6/webfonts/fa-regular-400.ttf +0 -0
  201. package/src/assets/fontawesome6/webfonts/fa-regular-400.woff2 +0 -0
  202. package/src/assets/fontawesome6/webfonts/fa-solid-900.ttf +0 -0
  203. package/src/assets/fontawesome6/webfonts/fa-solid-900.woff2 +0 -0
  204. package/src/assets/fontawesome6/webfonts/fa-v4compatibility.ttf +0 -0
  205. package/src/assets/fontawesome6/webfonts/fa-v4compatibility.woff2 +0 -0
  206. package/src/assets/icon-192x192.png +0 -0
  207. package/src/assets/icon-256x256.png +0 -0
  208. package/src/assets/icon-384x384.png +0 -0
  209. package/src/assets/icon-512x512.png +0 -0
  210. package/src/assets/steelseries-min.js +25 -25
  211. package/src/assets/steelseries-min.js.map +8 -8
  212. package/src/assets/steelseries.js +15834 -15834
  213. package/src/assets/svg-autopilot-inkscape-plain.svg +983 -983
  214. package/src/assets/svg-wind-inkscape.svg +1358 -1358
  215. package/src/assets/tween.js +381 -381
  216. package/src/index.html +20 -20
  217. package/src/main.ts +11 -11
  218. package/src/manifest.json +33 -0
  219. package/src/polyfills.ts +80 -76
  220. package/src/styles.scss +11 -11
  221. package/src/themes/darkBlueTheme.scss +117 -116
  222. package/src/themes/defaultTheme.scss +50 -49
  223. package/src/themes/highContrastTheme.scss +47 -46
  224. package/src/themes/modernTheme.scss +143 -142
  225. package/src/themes/nightMode.scss +185 -184
  226. package/src/themes/platypusTheme.scss +80 -79
  227. package/src/themes/signalkTheme.scss +112 -111
  228. package/src/tsconfig.app.json +15 -15
  229. package/src/tsconfig.spec.json +20 -20
  230. package/tsconfig.json +23 -23
  231. package/tslint.json +143 -143
  232. package/public/assets/font-awesome/HELP-US-OUT.txt +0 -7
  233. package/public/assets/font-awesome/css/font-awesome.css +0 -2337
  234. package/public/assets/font-awesome/css/font-awesome.min.css +0 -4
  235. package/public/assets/font-awesome/desktop.ini +0 -4
  236. package/public/assets/font-awesome/fonts/FontAwesome.otf +0 -0
  237. package/public/assets/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  238. package/public/assets/font-awesome/fonts/fontawesome-webfont.svg +0 -2671
  239. package/public/assets/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  240. package/public/assets/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  241. package/public/assets/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  242. package/public/assets/font-awesome/less/animated.less +0 -34
  243. package/public/assets/font-awesome/less/bordered-pulled.less +0 -25
  244. package/public/assets/font-awesome/less/core.less +0 -12
  245. package/public/assets/font-awesome/less/fixed-width.less +0 -6
  246. package/public/assets/font-awesome/less/font-awesome.less +0 -18
  247. package/public/assets/font-awesome/less/icons.less +0 -789
  248. package/public/assets/font-awesome/less/larger.less +0 -13
  249. package/public/assets/font-awesome/less/list.less +0 -19
  250. package/public/assets/font-awesome/less/mixins.less +0 -60
  251. package/public/assets/font-awesome/less/path.less +0 -15
  252. package/public/assets/font-awesome/less/rotated-flipped.less +0 -20
  253. package/public/assets/font-awesome/less/screen-reader.less +0 -5
  254. package/public/assets/font-awesome/less/stacked.less +0 -20
  255. package/public/assets/font-awesome/less/variables.less +0 -800
  256. package/public/assets/font-awesome/scss/_animated.scss +0 -34
  257. package/public/assets/font-awesome/scss/_bordered-pulled.scss +0 -25
  258. package/public/assets/font-awesome/scss/_core.scss +0 -12
  259. package/public/assets/font-awesome/scss/_fixed-width.scss +0 -6
  260. package/public/assets/font-awesome/scss/_icons.scss +0 -789
  261. package/public/assets/font-awesome/scss/_larger.scss +0 -13
  262. package/public/assets/font-awesome/scss/_list.scss +0 -19
  263. package/public/assets/font-awesome/scss/_mixins.scss +0 -60
  264. package/public/assets/font-awesome/scss/_path.scss +0 -15
  265. package/public/assets/font-awesome/scss/_rotated-flipped.scss +0 -20
  266. package/public/assets/font-awesome/scss/_screen-reader.scss +0 -5
  267. package/public/assets/font-awesome/scss/_stacked.scss +0 -20
  268. package/public/assets/font-awesome/scss/_variables.scss +0 -800
  269. package/public/assets/font-awesome/scss/font-awesome.scss +0 -18
  270. package/public/main-es2018.ab0adc5af3ab3e70c849.js +0 -1
  271. package/public/main-es5.ab0adc5af3ab3e70c849.js +0 -1
  272. package/public/polyfills-es2018.713f95af1f028e444854.js +0 -1
  273. package/public/polyfills-es5.c78877945523541d2597.js +0 -1
  274. package/public/runtime-es2018.a4dadbc03350107420a4.js +0 -1
  275. package/public/runtime-es5.a4dadbc03350107420a4.js +0 -1
  276. package/public/styles.71bb0d04cad96b5efbe1.css +0 -19
  277. package/src/assets/font-awesome/HELP-US-OUT.txt +0 -7
  278. package/src/assets/font-awesome/css/font-awesome.css +0 -2337
  279. package/src/assets/font-awesome/css/font-awesome.min.css +0 -4
  280. package/src/assets/font-awesome/desktop.ini +0 -4
  281. package/src/assets/font-awesome/fonts/FontAwesome.otf +0 -0
  282. package/src/assets/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  283. package/src/assets/font-awesome/fonts/fontawesome-webfont.svg +0 -2671
  284. package/src/assets/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  285. package/src/assets/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  286. package/src/assets/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  287. package/src/assets/font-awesome/less/animated.less +0 -34
  288. package/src/assets/font-awesome/less/bordered-pulled.less +0 -25
  289. package/src/assets/font-awesome/less/core.less +0 -12
  290. package/src/assets/font-awesome/less/fixed-width.less +0 -6
  291. package/src/assets/font-awesome/less/font-awesome.less +0 -18
  292. package/src/assets/font-awesome/less/icons.less +0 -789
  293. package/src/assets/font-awesome/less/larger.less +0 -13
  294. package/src/assets/font-awesome/less/list.less +0 -19
  295. package/src/assets/font-awesome/less/mixins.less +0 -60
  296. package/src/assets/font-awesome/less/path.less +0 -15
  297. package/src/assets/font-awesome/less/rotated-flipped.less +0 -20
  298. package/src/assets/font-awesome/less/screen-reader.less +0 -5
  299. package/src/assets/font-awesome/less/stacked.less +0 -20
  300. package/src/assets/font-awesome/less/variables.less +0 -800
  301. package/src/assets/font-awesome/scss/_animated.scss +0 -34
  302. package/src/assets/font-awesome/scss/_bordered-pulled.scss +0 -25
  303. package/src/assets/font-awesome/scss/_core.scss +0 -12
  304. package/src/assets/font-awesome/scss/_fixed-width.scss +0 -6
  305. package/src/assets/font-awesome/scss/_icons.scss +0 -789
  306. package/src/assets/font-awesome/scss/_larger.scss +0 -13
  307. package/src/assets/font-awesome/scss/_list.scss +0 -19
  308. package/src/assets/font-awesome/scss/_mixins.scss +0 -60
  309. package/src/assets/font-awesome/scss/_path.scss +0 -15
  310. package/src/assets/font-awesome/scss/_rotated-flipped.scss +0 -20
  311. package/src/assets/font-awesome/scss/_screen-reader.scss +0 -5
  312. package/src/assets/font-awesome/scss/_stacked.scss +0 -20
  313. package/src/assets/font-awesome/scss/_variables.scss +0 -800
  314. package/src/assets/font-awesome/scss/font-awesome.scss +0 -18
package/src/index.html CHANGED
@@ -1,20 +1,20 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>KIP</title>
6
- <base href="/">
7
-
8
- <script src="assets/tween.js"></script>
9
- <script src="assets/steelseries.js"></script>
10
- <script src="assets/NoSleep.min.js"></script>
11
-
12
- <meta name="viewport" content="width=device-width, initial-scale=1">
13
- <link rel="icon" type="image/x-icon" href="favicon.ico">
14
- <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
15
- <!--<link rel="stylesheet" href="assets/bootstrap.min.css">-->
16
- </head>
17
- <body>
18
- <app-root></app-root>
19
- </body>
20
- </html>
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>KIP</title>
6
+ <base href="/">
7
+
8
+ <script src="assets/tween-min.js"></script>
9
+ <script src="assets/steelseries-min.js"></script>
10
+ <script src="assets/NoSleep.min.js"></script>
11
+
12
+ <meta name="viewport" content="width=device-width, initial-scale=1">
13
+ <link rel="icon" type="image/x-icon" href="favicon.ico">
14
+ <link rel="stylesheet" href="assets/fontawesome6/css/all.min.css">
15
+ </head>
16
+ <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
17
+ <body>
18
+ <app-root></app-root>
19
+ </body>
20
+ </html>
package/src/main.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { enableProdMode } from '@angular/core';
2
- import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3
-
4
- import { AppModule } from './app/app.module';
5
- import { environment } from './environments/environment';
6
-
7
- if (environment.production) {
8
- enableProdMode();
9
- }
10
-
11
- platformBrowserDynamic().bootstrapModule(AppModule);
1
+ import { enableProdMode } from '@angular/core';
2
+ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3
+
4
+ import { AppModule } from './app/app.module';
5
+ import { environment } from './environments/environment';
6
+
7
+ if (environment.production) {
8
+ enableProdMode();
9
+ }
10
+
11
+ platformBrowserDynamic().bootstrapModule(AppModule);
package/src/manifest.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "theme_color": "#FFC90E",
3
+ "background_color": "#080808",
4
+ "display": "standalone",
5
+ "scope": "./",
6
+ "start_url": "./",
7
+ "name": "Kip",
8
+ "short_name": "Kip",
9
+ "description": "Kip SignalK Dashboard",
10
+ "orientation": "landscape",
11
+ "icons": [
12
+ {
13
+ "src": "assets/icon-192x192.png",
14
+ "sizes": "192x192",
15
+ "type": "image/png"
16
+ },
17
+ {
18
+ "src": "assets/icon-256x256.png",
19
+ "sizes": "256x256",
20
+ "type": "image/png"
21
+ },
22
+ {
23
+ "src": "assets/icon-384x384.png",
24
+ "sizes": "384x384",
25
+ "type": "image/png"
26
+ },
27
+ {
28
+ "src": "assets/icon-512x512.png",
29
+ "sizes": "512x512",
30
+ "type": "image/png"
31
+ }
32
+ ]
33
+ }
package/src/polyfills.ts CHANGED
@@ -1,76 +1,80 @@
1
- /***************************************************************************************************
2
- * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
3
- */
4
- import '@angular/localize/init';
5
- /**
6
- * This file includes polyfills needed by Angular and is loaded before the app.
7
- * You can add your own extra polyfills to this file.
8
- *
9
- * This file is divided into 2 sections:
10
- * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
11
- * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
12
- * file.
13
- *
14
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
15
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
16
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
17
- *
18
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
19
- */
20
-
21
- /***************************************************************************************************
22
- * BROWSER POLYFILLS
23
- */
24
-
25
- /** IE9, IE10 and IE11 requires all of the following polyfills. **/
26
- // import 'core-js/es6/symbol';
27
- // import 'core-js/es6/object';
28
- // import 'core-js/es6/function';
29
- // import 'core-js/es6/parse-int';
30
- // import 'core-js/es6/parse-float';
31
- // import 'core-js/es6/number';
32
- // import 'core-js/es6/math';
33
- // import 'core-js/es6/string';
34
- // import 'core-js/es6/date';
35
- // import 'core-js/es6/array';
36
- // import 'core-js/es6/regexp';
37
- // import 'core-js/es6/map';
38
- // import 'core-js/es6/weak-map';
39
- // import 'core-js/es6/set';
40
-
41
- /** IE10 and IE11 requires the following for NgClass support on SVG elements */
42
- // import 'classlist.js'; // Run `npm install --save classlist.js`.
43
-
44
- /** Evergreen browsers require these. **/
45
- import 'core-js/es/reflect';
46
-
47
-
48
-
49
- /**
50
- * Required to support Web Animations `@angular/animation`.
51
- * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
52
- **/
53
- // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
54
-
55
-
56
-
57
- /***************************************************************************************************
58
- * Zone JS is required by Angular itself.
59
- */
60
- import 'zone.js/dist/zone'; // Included with Angular CLI.
61
-
62
-
63
-
64
- /***************************************************************************************************
65
- * APPLICATION IMPORTS
66
- */
67
-
68
- /**
69
- * Date, currency, decimal and percent pipes.
70
- * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
71
- */
72
- // import 'intl'; // Run `npm install --save intl`.
73
- /**
74
- * Need to import at least one locale-data with intl.
75
- */
76
- // import 'intl/locale-data/jsonp/en';
1
+ /***************************************************************************************************
2
+ * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
3
+ */
4
+ import '@angular/localize/init';
5
+ /**
6
+ * This file includes polyfills needed by Angular and is loaded before the app.
7
+ * You can add your own extra polyfills to this file.
8
+ *
9
+ * This file is divided into 2 sections:
10
+ * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
11
+ * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
12
+ * file.
13
+ *
14
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
15
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
16
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
17
+ *
18
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
19
+ */
20
+
21
+ /***************************************************************************************************
22
+ * BROWSER POLYFILLS
23
+ */
24
+
25
+ /** IE9, IE10 and IE11 requires all of the following polyfills. **/
26
+ // import 'core-js/es6/symbol';
27
+ // import 'core-js/es6/object';
28
+ // import 'core-js/es6/function';
29
+ // import 'core-js/es6/parse-int';
30
+ // import 'core-js/es6/parse-float';
31
+ // import 'core-js/es6/number';
32
+ // import 'core-js/es6/math';
33
+ // import 'core-js/es6/string';
34
+ // import 'core-js/es6/date';
35
+ // import 'core-js/es6/array';
36
+ // import 'core-js/es6/regexp';
37
+ // import 'core-js/es6/map';
38
+ // import 'core-js/es6/weak-map';
39
+ // import 'core-js/es6/set';
40
+
41
+ /** IE10 and IE11 requires the following for NgClass support on SVG elements */
42
+ // import 'classlist.js'; // Run `npm install --save classlist.js`.
43
+
44
+ /** Evergreen browsers require these. **/
45
+ import 'core-js/es/reflect';
46
+
47
+
48
+
49
+ /**
50
+ * Required to support Web Animations `@angular/animation`.
51
+ * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
52
+ **/
53
+ // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
54
+
55
+
56
+
57
+ /***************************************************************************************************
58
+ * Zone JS is required by Angular itself.
59
+ */
60
+ import 'zone.js/dist/zone'; // Included with Angular CLI.
61
+
62
+
63
+
64
+ /***************************************************************************************************
65
+ * APPLICATION IMPORTS
66
+ */
67
+
68
+ /**
69
+ * Date, currency, decimal and percent pipes.
70
+ * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10
71
+ */
72
+ // import 'intl'; // Run `npm install --save intl`.
73
+ /**
74
+ * Need to import at least one locale-data with intl.
75
+ */
76
+ // import 'intl/locale-data/jsonp/en';
77
+
78
+ // Process sharing fix for util module - Angular v12 upgratde fix. This might go away as it probably
79
+ // comes from dependencies that fails to handle proper process sharing rules
80
+ (window as any).process = { env: { DEBUG: undefined }, };
package/src/styles.scss CHANGED
@@ -1,18 +1,18 @@
1
1
  // Custom Theming for Angular Material
2
+ @use '~@angular/material' as mat;
2
3
  // For more information: https://material.angular.io/guide/theming
3
- @import '~@angular/material/theming';
4
4
 
5
5
  // Include the common styles for Angular Material. We include this here so that you only
6
6
  // have to load a single css file for Angular Material in your app.
7
7
  // **Be sure that you only ever include this mixin once!**
8
- @include mat-core();
8
+ @include mat.core();
9
9
 
10
10
  // custom foreground/background functions // takes rgba color
11
11
  @function custom-theme-light-foreground($color) {
12
12
  @return (
13
13
  base: $color,
14
- divider: $black-12-opacity,
15
- dividers: $black-12-opacity,
14
+ divider: rgba(black, 0.12),
15
+ dividers: rgba(black, 0.12),
16
16
  disabled: rgba($color, 0.38),
17
17
  disabled-button: rgba($color, 0.38),
18
18
  disabled-text: rgba($color, 0.38),
@@ -29,8 +29,8 @@
29
29
  @function custom-theme-dark-foreground($color) {
30
30
  @return (
31
31
  base: $color,
32
- divider: $white-12-opacity,
33
- dividers: $white-12-opacity,
32
+ divider: rgba(white, 0.12),
33
+ dividers: rgba(white, 0.12),
34
34
  disabled: rgba($color, 0.3),
35
35
  disabled-button: rgba($color, 0.3),
36
36
  disabled-text: rgba($color, 0.3),
@@ -54,9 +54,9 @@
54
54
  hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX
55
55
  card: map_get($pallet, 200),
56
56
  dialog: map_get($pallet, 200),
57
- disabled-button: $black-12-opacity,
57
+ disabled-button: rgba(black, 0.12),
58
58
  raised-button: map_get($pallet, 200),
59
- focused-button: $black-6-opacity,
59
+ focused-button: rgba(black, 0.06),
60
60
  selected-button: map_get($pallet, 300),
61
61
  selected-disabled-button: map_get($pallet, 400),
62
62
  disabled-button-toggle: map_get($pallet, 200),
@@ -73,9 +73,9 @@
73
73
  hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX
74
74
  card: map_get($pallet, 800),
75
75
  dialog: map_get($pallet, 800),
76
- disabled-button: $white-12-opacity,
76
+ disabled-button: rgba(white, 0.12),
77
77
  raised-button: map-get($pallet, 800),
78
- focused-button: $white-6-opacity,
78
+ focused-button: rgba(white, 0.06),
79
79
  selected-button: map_get($pallet, 900),
80
80
  selected-disabled-button: map_get($pallet, 800),
81
81
  disabled-button-toggle: black,
@@ -113,7 +113,7 @@
113
113
 
114
114
 
115
115
  @mixin theme-components($theme) {
116
- @include angular-material-theme($theme);
116
+ @include mat.all-component-themes($theme);
117
117
  @include app-theme($theme);
118
118
  @include layout-split-theme($theme);
119
119
  @include modal-path-selector-theme($theme);
package/src/themes/darkBlueTheme.scss CHANGED
@@ -1,116 +1,117 @@
1
- // Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
2
- $mat-darkBlue-primary: (
3
- 50 : #e0e2ec,
4
- 100 : #b3b7cf,
5
- 200 : #8087b0,
6
- 300 : #4d5690,
7
- 400 : #263278,
8
- 500 : #000e60,
9
- 600 : #000c58,
10
- 700 : #000a4e,
11
- 800 : #000844,
12
- 900 : #000433,
13
- A100 : #6b6bff,
14
- A200 : #3838ff,
15
- A400 : #0505ff,
16
- A700 : #0000eb,
17
- contrast: (
18
- 50 : #000000,
19
- 100 : #000000,
20
- 200 : #000000,
21
- 300 : #ffffff,
22
- 400 : #ffffff,
23
- 500 : #ffffff,
24
- 600 : #ffffff,
25
- 700 : #ffffff,
26
- 800 : #ffffff,
27
- 900 : #ffffff,
28
- A100 : #ffffff,
29
- A200 : #ffffff,
30
- A400 : #ffffff,
31
- A700 : #ffffff,
32
- )
33
- );
34
-
35
- $mat-darkBlue-accent: (
36
- 50 : #e3f2fd,
37
- 100 : #bbdefb,
38
- 200 : #90caf9,
39
- 300 : #64b5f6,
40
- 400 : #42a5f5,
41
- 500 : #2196f3,
42
- 600 : #1e88e5,
43
- 700 : #1976d2,
44
- 800 : #1565c0,
45
- 900 : #0d47a1,
46
- A100 : #82b1ff,
47
- A200 : #448aff,
48
- A400 : #2979ff,
49
- A700 : #2962ff,
50
- contrast: (
51
- 50 : #000000,
52
- 100 : #000000,
53
- 200 : #000000,
54
- 300 : #ffffff,
55
- 400 : #ffffff,
56
- 500 : #ffffff,
57
- 600 : #ffffff,
58
- 700 : #ffffff,
59
- 800 : #ffffff,
60
- 900 : #ffffff,
61
- A100 : #000000,
62
- A200 : #ffffff,
63
- A400 : #ffffff,
64
- A700 : #ffffff,
65
- )
66
- );
67
-
68
- //////////////////////////////////////////////////////////////////////////////////////////
69
- // Generate mat-material default theme palettes. Generate now so we call pull if necessary
70
- // palette color later in this scss file.
71
- // * The warn palette is optional (defaults to $mat-red). This is the palette that should
72
- // used for error and warning.
73
- $darkBlueTheme-primary: mat-palette($mat-darkBlue-primary);
74
- $darkBlueTheme-accent: mat-palette($mat-darkBlue-accent);
75
- $darkBlueTheme-warn: mat-palette($mat-red);
76
-
77
- // Palette for widget-gauge-ng-linear and widget-gauge-ng-radial instruments
78
- // Pull from mat-palettes or use custom color ie. #e3ff43
79
- $mat-ngGauge: (
80
- primary-gaugeFaceLight: mat-color($darkBlueTheme-primary, 300),
81
- primary-gaugeFaceDark: mat-color($darkBlueTheme-primary, 900),
82
- accent-gaugeFaceLight: mat-color($darkBlueTheme-accent, 300),
83
- accent-gaugeFaceDark: mat-color($darkBlueTheme-accent, 900),
84
- warn-gaugeFaceLight: mat-color($darkBlueTheme-warn, 300),
85
- warn-gaugeFaceDark: mat-color($darkBlueTheme-warn, 900),
86
- );
87
-
88
- // Palette for widget-wind - wind instrument Component
89
- // * You can pull from other mat-palettes or use custom color ie. #e3ff43
90
- $mat-wind: (
91
- boat-background: #c7c7c7,
92
- heading-background: #c5c5c5,
93
- true-wind-background: #068dfb,
94
- app-wind-background: #028502,
95
- compass-dark: #757575,
96
- compass-light: #afafaf,
97
- wind-rose-background: #8a8a8a,
98
- port: #ff0000,
99
- starboard: #1fce04,
100
- rudder-port: #d52626,
101
- rudder-starboard: #389c19,
102
- );
103
-
104
- // use custom theming hack
105
- $darkBlueTheme-foreground: custom-theme-dark-foreground(#a5e1fd);
106
- $darkBlueTheme-background: custom-theme-dark-background($mat-darkBlue-primary, 500);
107
-
108
-
109
- // Make temp theme using default palettes
110
- // * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
111
-
112
- $darkBlueTheme-temp-dark: mat-dark-theme($darkBlueTheme-primary, $darkBlueTheme-accent, $darkBlueTheme-warn);
113
-
114
- // Merge our mat-theme with component specific palettes
115
- $darkBlueTheme-dark: map-merge($darkBlueTheme-temp-dark, (background: $darkBlueTheme-background, foreground: $darkBlueTheme-foreground, wind: $mat-wind, ngGauge: $mat-ngGauge));
116
-
1
+ // Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
2
+ @use '~@angular/material' as mat;
3
+ $mat-darkBlue-primary: (
4
+ 50 : #e0e2ec,
5
+ 100 : #b3b7cf,
6
+ 200 : #8087b0,
7
+ 300 : #4d5690,
8
+ 400 : #263278,
9
+ 500 : #000e60,
10
+ 600 : #000c58,
11
+ 700 : #000a4e,
12
+ 800 : #000844,
13
+ 900 : #000433,
14
+ A100 : #6b6bff,
15
+ A200 : #3838ff,
16
+ A400 : #0505ff,
17
+ A700 : #0000eb,
18
+ contrast: (
19
+ 50 : #000000,
20
+ 100 : #000000,
21
+ 200 : #000000,
22
+ 300 : #ffffff,
23
+ 400 : #ffffff,
24
+ 500 : #ffffff,
25
+ 600 : #ffffff,
26
+ 700 : #ffffff,
27
+ 800 : #ffffff,
28
+ 900 : #ffffff,
29
+ A100 : #ffffff,
30
+ A200 : #ffffff,
31
+ A400 : #ffffff,
32
+ A700 : #ffffff,
33
+ )
34
+ );
35
+
36
+ $mat-darkBlue-accent: (
37
+ 50 : #e3f2fd,
38
+ 100 : #bbdefb,
39
+ 200 : #90caf9,
40
+ 300 : #64b5f6,
41
+ 400 : #42a5f5,
42
+ 500 : #2196f3,
43
+ 600 : #1e88e5,
44
+ 700 : #1976d2,
45
+ 800 : #1565c0,
46
+ 900 : #0d47a1,
47
+ A100 : #82b1ff,
48
+ A200 : #448aff,
49
+ A400 : #2979ff,
50
+ A700 : #2962ff,
51
+ contrast: (
52
+ 50 : #000000,
53
+ 100 : #000000,
54
+ 200 : #000000,
55
+ 300 : #ffffff,
56
+ 400 : #ffffff,
57
+ 500 : #ffffff,
58
+ 600 : #ffffff,
59
+ 700 : #ffffff,
60
+ 800 : #ffffff,
61
+ 900 : #ffffff,
62
+ A100 : #000000,
63
+ A200 : #ffffff,
64
+ A400 : #ffffff,
65
+ A700 : #ffffff,
66
+ )
67
+ );
68
+
69
+ //////////////////////////////////////////////////////////////////////////////////////////
70
+ // Generate mat-material default theme palettes. Generate now so we call pull if necessary
71
+ // palette color later in this scss file.
72
+ // * The warn palette is optional (defaults to $mat-red). This is the palette that should
73
+ // used for error and warning.
74
+ $darkBlueTheme-primary: mat.define-palette($mat-darkBlue-primary);
75
+ $darkBlueTheme-accent: mat.define-palette($mat-darkBlue-accent);
76
+ $darkBlueTheme-warn: mat.define-palette(mat.$red-palette);
77
+
78
+ // Palette for widget-gauge-ng-linear and widget-gauge-ng-radial instruments
79
+ // Pull from mat-palettes or use custom color ie. #e3ff43
80
+ $mat-ngGauge: (
81
+ primary-gaugeFaceLight: mat.get-color-from-palette($darkBlueTheme-primary, 300),
82
+ primary-gaugeFaceDark: mat.get-color-from-palette($darkBlueTheme-primary, 900),
83
+ accent-gaugeFaceLight: mat.get-color-from-palette($darkBlueTheme-accent, 300),
84
+ accent-gaugeFaceDark: mat.get-color-from-palette($darkBlueTheme-accent, 900),
85
+ warn-gaugeFaceLight: mat.get-color-from-palette($darkBlueTheme-warn, 300),
86
+ warn-gaugeFaceDark: mat.get-color-from-palette($darkBlueTheme-warn, 900),
87
+ );
88
+
89
+ // Palette for widget-wind - wind instrument Component
90
+ // * You can pull from other mat-palettes or use custom color ie. #e3ff43
91
+ $mat-wind: (
92
+ boat-background: #c7c7c7,
93
+ heading-background: #c5c5c5,
94
+ true-wind-background: #068dfb,
95
+ app-wind-background: #028502,
96
+ compass-dark: #757575,
97
+ compass-light: #afafaf,
98
+ wind-rose-background: #8a8a8a,
99
+ port: #ff0000,
100
+ starboard: #1fce04,
101
+ rudder-port: #d52626,
102
+ rudder-starboard: #389c19,
103
+ );
104
+
105
+ // use custom theming hack
106
+ $darkBlueTheme-foreground: custom-theme-dark-foreground(#a5e1fd);
107
+ $darkBlueTheme-background: custom-theme-dark-background($mat-darkBlue-primary, 500);
108
+
109
+
110
+ // Make temp theme using default palettes
111
+ // * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
112
+
113
+ $darkBlueTheme-temp-dark: mat.define-dark-theme($darkBlueTheme-primary, $darkBlueTheme-accent, $darkBlueTheme-warn);
114
+
115
+ // Merge our mat-theme with component specific palettes
116
+ $darkBlueTheme-dark: map-merge($darkBlueTheme-temp-dark, (background: $darkBlueTheme-background, foreground: $darkBlueTheme-foreground, wind: $mat-wind, ngGauge: $mat-ngGauge));
117
+