@mxtommy/kip 1.2.1 → 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 (315) hide show
  1. package/.angulardoc.json +3 -3
  2. package/CHANGELOG.md +145 -124
  3. package/CONTRIBUTORS.md +16 -13
  4. package/README.md +102 -101
  5. package/angular.json +162 -152
  6. package/karma.conf.js +31 -31
  7. package/package.json +87 -80
  8. package/public/3rdpartylicenses.txt +317 -62
  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 -121
  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 -382
  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 +301 -0
  70. package/src/app/gauges-module/gauges.module.ts +17 -0
  71. package/src/app/gauges-module/linear-gauge.ts +50 -0
  72. package/src/app/gauges-module/radial-gauge.ts +48 -0
  73. package/src/app/layout-split/layout-split.component.html +30 -30
  74. package/src/app/layout-split/layout-split.component.scss +33 -33
  75. package/src/app/layout-split/layout-split.component.spec.ts +25 -25
  76. package/src/app/layout-split/layout-split.component.ts +59 -59
  77. package/src/app/layout-splits.service.ts +284 -284
  78. package/src/app/modal-path-selector/modal-path-selector.component.html +62 -62
  79. package/src/app/modal-path-selector/modal-path-selector.component.scss +39 -39
  80. package/src/app/modal-path-selector/modal-path-selector.component.spec.ts +25 -25
  81. package/src/app/modal-path-selector/modal-path-selector.component.ts +132 -132
  82. package/src/app/modal-widget/modal-widget.component.css +32 -32
  83. package/src/app/modal-widget/modal-widget.component.html +341 -334
  84. package/src/app/modal-widget/modal-widget.component.spec.ts +25 -25
  85. package/src/app/modal-widget/modal-widget.component.ts +84 -84
  86. package/src/app/notifications.service.ts +392 -387
  87. package/src/app/object-keys.pipe.spec.ts +8 -8
  88. package/src/app/object-keys.pipe.ts +13 -13
  89. package/src/app/reset-config/reset-config.component.html +3 -3
  90. package/src/app/reset-config/reset-config.component.spec.ts +25 -25
  91. package/src/app/reset-config/reset-config.component.ts +31 -31
  92. package/src/app/root-display/root-display.component.html +4 -4
  93. package/src/app/root-display/root-display.component.spec.ts +25 -25
  94. package/src/app/root-display/root-display.component.ts +57 -57
  95. package/src/app/safe.pipe.ts +15 -15
  96. package/src/app/settings/settings.component.css +9 -9
  97. package/src/app/settings/settings.component.html +25 -25
  98. package/src/app/settings/settings.component.spec.ts +25 -25
  99. package/src/app/settings/settings.component.ts +22 -22
  100. package/src/app/settings-config/settings-config.component.css +38 -38
  101. package/src/app/settings-config/settings-config.component.spec.ts +25 -25
  102. package/src/app/settings-config/settings-config.component.ts +161 -161
  103. package/src/app/settings-datasets/settings-datasets.component.html +43 -43
  104. package/src/app/settings-datasets/settings-datasets.component.scss +39 -39
  105. package/src/app/settings-datasets/settings-datasets.component.spec.ts +25 -25
  106. package/src/app/settings-datasets/settings-datasets.component.ts +98 -98
  107. package/src/app/settings-datasets/settings-datasets.modal.html +54 -54
  108. package/src/app/settings-notifications/settings-notifications.component.html +65 -65
  109. package/src/app/settings-notifications/settings-notifications.component.spec.ts +25 -25
  110. package/src/app/settings-notifications/settings-notifications.component.ts +29 -29
  111. package/src/app/settings-signalk/settings-signalk.component.html +8 -8
  112. package/src/app/settings-signalk/settings-signalk.component.spec.ts +25 -25
  113. package/src/app/settings-signalk/settings-signalk.component.ts +6 -17
  114. package/src/app/settings-units/settings-units.component.css +4 -4
  115. package/src/app/settings-units/settings-units.component.html +19 -19
  116. package/src/app/settings-units/settings-units.component.spec.ts +25 -25
  117. package/src/app/settings-units/settings-units.component.ts +62 -62
  118. package/src/app/settings-zones/settings-zones.component.css +21 -21
  119. package/src/app/settings-zones/settings-zones.component.html +70 -70
  120. package/src/app/settings-zones/settings-zones.modal.html +38 -38
  121. package/src/app/signalk-connection.service.ts +344 -344
  122. package/src/app/signalk-delta.service.spec.ts +15 -15
  123. package/src/app/signalk-delta.service.ts +97 -97
  124. package/src/app/signalk-full.service.ts +99 -99
  125. package/src/app/signalk-interfaces.ts +129 -129
  126. package/src/app/signalk-requests.service.spec.ts +12 -12
  127. package/src/app/signalk-requests.service.ts +180 -180
  128. package/src/app/svg-autopilot/svg-autopilot.component.html +1036 -1036
  129. package/src/app/svg-autopilot/svg-autopilot.component.spec.ts +25 -25
  130. package/src/app/svg-autopilot/svg-autopilot.component.ts +174 -174
  131. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.html +119 -119
  132. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.spec.ts +25 -25
  133. package/src/app/svg-simple-linear-gauge/svg-simple-linear-gauge.component.ts +49 -49
  134. package/src/app/svg-wind/svg-wind.component.html +969 -969
  135. package/src/app/svg-wind/svg-wind.component.scss +76 -76
  136. package/src/app/svg-wind/svg-wind.component.spec.ts +25 -25
  137. package/src/app/svg-wind/svg-wind.component.ts +280 -280
  138. package/src/app/unit-window/unit-window.component.css +37 -37
  139. package/src/app/unit-window/unit-window.component.html +8 -8
  140. package/src/app/unit-window/unit-window.component.spec.ts +25 -25
  141. package/src/app/unit-window/unit-window.component.ts +134 -134
  142. package/src/app/unit-window/unit-window.modal.html +24 -24
  143. package/src/app/units.service.ts +300 -300
  144. package/src/app/widget-autopilot/widget-autopilot.component.html +78 -85
  145. package/src/app/widget-autopilot/widget-autopilot.component.scss +191 -191
  146. package/src/app/widget-autopilot/widget-autopilot.component.spec.ts +25 -25
  147. package/src/app/widget-autopilot/widget-autopilot.component.ts +774 -781
  148. package/src/app/widget-blank/widget-blank.component.scss +21 -22
  149. package/src/app/widget-blank/widget-blank.component.spec.ts +25 -25
  150. package/src/app/widget-blank/widget-blank.component.ts +17 -17
  151. package/src/app/widget-gauge/widget-gauge.component.css +25 -25
  152. package/src/app/widget-gauge/widget-gauge.component.html +29 -29
  153. package/src/app/widget-gauge/widget-gauge.component.spec.ts +25 -25
  154. package/src/app/widget-gauge/widget-gauge.component.ts +120 -120
  155. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.html +126 -126
  156. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.scss +94 -93
  157. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.spec.ts +25 -25
  158. package/src/app/widget-gauge-ng-linear/widget-gauge-ng-linear.component.ts +424 -424
  159. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.html +122 -122
  160. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.scss +69 -69
  161. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.spec.ts +25 -25
  162. package/src/app/widget-gauge-ng-radial/widget-gauge-ng-radial.component.ts +553 -553
  163. package/src/app/widget-historical/widget-historical.component.html +14 -14
  164. package/src/app/widget-historical/widget-historical.component.spec.ts +25 -25
  165. package/src/app/widget-historical/widget-historical.component.ts +306 -307
  166. package/src/app/widget-iframe/widget-iframe.component.css +11 -11
  167. package/src/app/widget-iframe/widget-iframe.component.html +21 -21
  168. package/src/app/widget-iframe/widget-iframe.component.spec.ts +25 -25
  169. package/src/app/widget-iframe/widget-iframe.component.ts +63 -63
  170. package/src/app/widget-list.service.ts +135 -135
  171. package/src/app/widget-manager.service.ts +141 -140
  172. package/src/app/widget-numeric/widget-numeric.component.html +1 -1
  173. package/src/app/widget-numeric/widget-numeric.component.scss +3 -3
  174. package/src/app/widget-numeric/widget-numeric.component.spec.ts +25 -25
  175. package/src/app/widget-simple-linear/widget-simple-linear.component.html +28 -28
  176. package/src/app/widget-simple-linear/widget-simple-linear.component.scss +64 -64
  177. package/src/app/widget-simple-linear/widget-simple-linear.component.spec.ts +25 -25
  178. package/src/app/widget-simple-linear/widget-simple-linear.component.ts +199 -199
  179. package/src/app/widget-state/widget-state.component.html +27 -27
  180. package/src/app/widget-state/widget-state.component.scss +68 -68
  181. package/src/app/widget-state/widget-state.component.spec.ts +25 -25
  182. package/src/app/widget-state/widget-state.component.ts +178 -178
  183. package/src/app/widget-switch/widget-switch.component.css +69 -69
  184. package/src/app/widget-switch/widget-switch.component.html +17 -17
  185. package/src/app/widget-switch/widget-switch.component.spec.ts +25 -25
  186. package/src/app/widget-switch/widget-switch.component.ts +134 -134
  187. package/src/app/widget-text-generic/widget-text-generic.component.html +9 -9
  188. package/src/app/widget-text-generic/widget-text-generic.component.spec.ts +25 -25
  189. package/src/app/widget-tutorial/widget-tutorial.component.html +34 -34
  190. package/src/app/widget-tutorial/widget-tutorial.component.spec.ts +25 -25
  191. package/src/app/widget-tutorial/widget-tutorial.component.ts +18 -18
  192. package/src/app/widget-unknown/widget-unknown.component.spec.ts +25 -25
  193. package/src/app/widget-wind/widget-wind.component.css +23 -23
  194. package/src/app/widget-wind/widget-wind.component.html +20 -20
  195. package/src/app/widget-wind/widget-wind.component.spec.ts +25 -25
  196. package/src/app/widget-wind/widget-wind.component.ts +369 -369
  197. package/src/assets/NoSleep.min.js +1 -1
  198. package/src/assets/fontawesome6/css/all.min.css +6 -0
  199. package/src/assets/fontawesome6/webfonts/fa-brands-400.ttf +0 -0
  200. package/src/assets/fontawesome6/webfonts/fa-brands-400.woff2 +0 -0
  201. package/src/assets/fontawesome6/webfonts/fa-regular-400.ttf +0 -0
  202. package/src/assets/fontawesome6/webfonts/fa-regular-400.woff2 +0 -0
  203. package/src/assets/fontawesome6/webfonts/fa-solid-900.ttf +0 -0
  204. package/src/assets/fontawesome6/webfonts/fa-solid-900.woff2 +0 -0
  205. package/src/assets/fontawesome6/webfonts/fa-v4compatibility.ttf +0 -0
  206. package/src/assets/fontawesome6/webfonts/fa-v4compatibility.woff2 +0 -0
  207. package/src/assets/icon-192x192.png +0 -0
  208. package/src/assets/icon-256x256.png +0 -0
  209. package/src/assets/icon-384x384.png +0 -0
  210. package/src/assets/icon-512x512.png +0 -0
  211. package/src/assets/steelseries-min.js +25 -25
  212. package/src/assets/steelseries-min.js.map +8 -8
  213. package/src/assets/steelseries.js +15834 -15834
  214. package/src/assets/svg-autopilot-inkscape-plain.svg +983 -983
  215. package/src/assets/svg-wind-inkscape.svg +1358 -1358
  216. package/src/assets/tween.js +381 -381
  217. package/src/index.html +20 -20
  218. package/src/main.ts +11 -11
  219. package/src/manifest.json +33 -0
  220. package/src/polyfills.ts +80 -76
  221. package/src/styles.scss +11 -11
  222. package/src/themes/darkBlueTheme.scss +117 -116
  223. package/src/themes/defaultTheme.scss +50 -49
  224. package/src/themes/highContrastTheme.scss +47 -46
  225. package/src/themes/modernTheme.scss +143 -142
  226. package/src/themes/nightMode.scss +185 -184
  227. package/src/themes/platypusTheme.scss +80 -79
  228. package/src/themes/signalkTheme.scss +112 -111
  229. package/src/tsconfig.app.json +15 -15
  230. package/src/tsconfig.spec.json +20 -20
  231. package/tsconfig.json +23 -23
  232. package/tslint.json +143 -143
  233. package/public/assets/font-awesome/HELP-US-OUT.txt +0 -7
  234. package/public/assets/font-awesome/css/font-awesome.css +0 -2337
  235. package/public/assets/font-awesome/css/font-awesome.min.css +0 -4
  236. package/public/assets/font-awesome/desktop.ini +0 -4
  237. package/public/assets/font-awesome/fonts/FontAwesome.otf +0 -0
  238. package/public/assets/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  239. package/public/assets/font-awesome/fonts/fontawesome-webfont.svg +0 -2671
  240. package/public/assets/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  241. package/public/assets/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  242. package/public/assets/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  243. package/public/assets/font-awesome/less/animated.less +0 -34
  244. package/public/assets/font-awesome/less/bordered-pulled.less +0 -25
  245. package/public/assets/font-awesome/less/core.less +0 -12
  246. package/public/assets/font-awesome/less/fixed-width.less +0 -6
  247. package/public/assets/font-awesome/less/font-awesome.less +0 -18
  248. package/public/assets/font-awesome/less/icons.less +0 -789
  249. package/public/assets/font-awesome/less/larger.less +0 -13
  250. package/public/assets/font-awesome/less/list.less +0 -19
  251. package/public/assets/font-awesome/less/mixins.less +0 -60
  252. package/public/assets/font-awesome/less/path.less +0 -15
  253. package/public/assets/font-awesome/less/rotated-flipped.less +0 -20
  254. package/public/assets/font-awesome/less/screen-reader.less +0 -5
  255. package/public/assets/font-awesome/less/stacked.less +0 -20
  256. package/public/assets/font-awesome/less/variables.less +0 -800
  257. package/public/assets/font-awesome/scss/_animated.scss +0 -34
  258. package/public/assets/font-awesome/scss/_bordered-pulled.scss +0 -25
  259. package/public/assets/font-awesome/scss/_core.scss +0 -12
  260. package/public/assets/font-awesome/scss/_fixed-width.scss +0 -6
  261. package/public/assets/font-awesome/scss/_icons.scss +0 -789
  262. package/public/assets/font-awesome/scss/_larger.scss +0 -13
  263. package/public/assets/font-awesome/scss/_list.scss +0 -19
  264. package/public/assets/font-awesome/scss/_mixins.scss +0 -60
  265. package/public/assets/font-awesome/scss/_path.scss +0 -15
  266. package/public/assets/font-awesome/scss/_rotated-flipped.scss +0 -20
  267. package/public/assets/font-awesome/scss/_screen-reader.scss +0 -5
  268. package/public/assets/font-awesome/scss/_stacked.scss +0 -20
  269. package/public/assets/font-awesome/scss/_variables.scss +0 -800
  270. package/public/assets/font-awesome/scss/font-awesome.scss +0 -18
  271. package/public/main-es2018.625fb92c9cbb6a4131de.js +0 -1
  272. package/public/main-es5.625fb92c9cbb6a4131de.js +0 -1
  273. package/public/polyfills-es2018.713f95af1f028e444854.js +0 -1
  274. package/public/polyfills-es5.c78877945523541d2597.js +0 -1
  275. package/public/runtime-es2018.a4dadbc03350107420a4.js +0 -1
  276. package/public/runtime-es5.a4dadbc03350107420a4.js +0 -1
  277. package/public/styles.71bb0d04cad96b5efbe1.css +0 -19
  278. package/src/assets/font-awesome/HELP-US-OUT.txt +0 -7
  279. package/src/assets/font-awesome/css/font-awesome.css +0 -2337
  280. package/src/assets/font-awesome/css/font-awesome.min.css +0 -4
  281. package/src/assets/font-awesome/desktop.ini +0 -4
  282. package/src/assets/font-awesome/fonts/FontAwesome.otf +0 -0
  283. package/src/assets/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  284. package/src/assets/font-awesome/fonts/fontawesome-webfont.svg +0 -2671
  285. package/src/assets/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  286. package/src/assets/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  287. package/src/assets/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  288. package/src/assets/font-awesome/less/animated.less +0 -34
  289. package/src/assets/font-awesome/less/bordered-pulled.less +0 -25
  290. package/src/assets/font-awesome/less/core.less +0 -12
  291. package/src/assets/font-awesome/less/fixed-width.less +0 -6
  292. package/src/assets/font-awesome/less/font-awesome.less +0 -18
  293. package/src/assets/font-awesome/less/icons.less +0 -789
  294. package/src/assets/font-awesome/less/larger.less +0 -13
  295. package/src/assets/font-awesome/less/list.less +0 -19
  296. package/src/assets/font-awesome/less/mixins.less +0 -60
  297. package/src/assets/font-awesome/less/path.less +0 -15
  298. package/src/assets/font-awesome/less/rotated-flipped.less +0 -20
  299. package/src/assets/font-awesome/less/screen-reader.less +0 -5
  300. package/src/assets/font-awesome/less/stacked.less +0 -20
  301. package/src/assets/font-awesome/less/variables.less +0 -800
  302. package/src/assets/font-awesome/scss/_animated.scss +0 -34
  303. package/src/assets/font-awesome/scss/_bordered-pulled.scss +0 -25
  304. package/src/assets/font-awesome/scss/_core.scss +0 -12
  305. package/src/assets/font-awesome/scss/_fixed-width.scss +0 -6
  306. package/src/assets/font-awesome/scss/_icons.scss +0 -789
  307. package/src/assets/font-awesome/scss/_larger.scss +0 -13
  308. package/src/assets/font-awesome/scss/_list.scss +0 -19
  309. package/src/assets/font-awesome/scss/_mixins.scss +0 -60
  310. package/src/assets/font-awesome/scss/_path.scss +0 -15
  311. package/src/assets/font-awesome/scss/_rotated-flipped.scss +0 -20
  312. package/src/assets/font-awesome/scss/_screen-reader.scss +0 -5
  313. package/src/assets/font-awesome/scss/_stacked.scss +0 -20
  314. package/src/assets/font-awesome/scss/_variables.scss +0 -800
  315. 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
+