@mxtommy/kip 1.2.1 → 1.3.0

package/src/themes/signalkTheme.scss

@@ -1,111 +1,112 @@
-// Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
-$mat-signalk: (
-  50 : #e0e7f3,
-  100 : #b3c2e0,
-  200 : #ffffff, //mat card. original palette color #8099cc
-  300 : #4d70b8,
-  400 : #2652a8,
-  500 : #003399,
-  600 : #002e91,
-  700 : #002786,
-  800 : #00207c,
-  900 : #00146b,
-  A100 : #9aa5ff,
-  A200 : #6778ff,
-  A400 : #344aff,
-  A700 : #1a33ff,
-  contrast: (
-      50 : #000000,
-      100 : #000000,
-      200 : #000000,
-      300 : #ffffff,
-      400 : #ffffff,
-      500 : #ffffff,
-      600 : #ffffff,
-      700 : #ffffff,
-      800 : #ffffff,
-      900 : #ffffff,
-      A100 : #000000,
-      A200 : #000000,
-      A400 : #ffffff,
-      A700 : #ffffff,
-  )
-);
-
-$mat-signalk-secondary: (
-    50 : #fff9e0,
-    100 : #fff0b3,
-    200 : #ffe680,
-    300 : #ffdb4d,
-    400 : #ffd426,
-    500 : #ffcc00,
-    600 : #ffc700,
-    700 : #ffc000,
-    800 : #ffb900,
-    900 : #ffad00,
-    A100 : #ffffff,
-    A200 : #ffcc00,
-    A400 : #ffe8bf,
-    A700 : #ffdfa6,
-    contrast: (
-        50 : #000000,
-        100 : #000000,
-        200 : #000000,
-        300 : #000000,
-        400 : #000000,
-        500 : #000000,
-        600 : #000000,
-        700 : #000000,
-        800 : #000000,
-        900 : #000000,
-        A100 : #000000,
-        A200 : #000000,
-        A400 : #000000,
-        A700 : #000000,
-    )
-);
-
-//////////////////////////////////////////////////////////////////////////////////////////
-// Generate mat-material default theme palettes. Generate now so we call pull if necessary
-// palette color later in this scss file.
-//  * The warn palette is optional (defaults to $mat-red). This is the palette that should
-//    used for error and warning.
-$signalKTheme-primary: mat-palette($mat-signalk);
-$signalKTheme-accent:  mat-palette($mat-signalk-secondary);
-$signalKTheme-warn:    mat-palette($mat-red);
-
-// Palette for widget-gauge-ng-linear and widget-gauge-ng-radial instruments
-// Pull from mat-palettes or use custom color ie. #e3ff43
-$mat-ngGauge: (
-    primary-gaugeFaceLight: mat-color($signalKTheme-primary, 300),
-    primary-gaugeFaceDark: mat-color($signalKTheme-primary, 900),
-    accent-gaugeFaceLight: mat-color($signalKTheme-accent, 300),
-    accent-gaugeFaceDark: mat-color($signalKTheme-accent, 900),
-    warn-gaugeFaceLight: mat-color($signalKTheme-warn, 300),
-    warn-gaugeFaceDark: mat-color($signalKTheme-warn, 900),
-);
-
-// Palette for widget-wind - wind instrument Component
-// * You can pull from other mat-palettes or use custom color ie. #e3ff43
-$mat-wind: (
-    boat-background: #c7c7c7,
-    heading-background: #c5c5c5,
-    true-wind-background: #068dfb,
-    app-wind-background: #06fb06,
-    compass-dark: #757575,
-    compass-light: #afafaf,
-    wind-rose-background: #8a8a8a,
-    port: #ff0000,
-    starboard: #1fce04,
-    rudder-port: #d52626,
-    rudder-starboard: #389c19,
-);
-
-$signalKTheme-background: custom-theme-light-background($signalKTheme-primary, 50);
-
-// Make temp theme using default palettes
-// * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
-$signalKTheme-temp-light: mat-light-theme($signalKTheme-primary, $signalKTheme-accent, $signalKTheme-warn);
-
-// Merge our mat-theme with component specific palettes
-$signalKTheme-light: map-merge($signalKTheme-temp-light, (background: $signalKTheme-background, wind: $mat-wind, ngGauge: $mat-ngGauge));
+// Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
+@use '~@angular/material' as mat;
+$mat-signalk: (
+  50 : #e0e7f3,
+  100 : #b3c2e0,
+  200 : #ffffff, //mat card. original palette color #8099cc
+  300 : #4d70b8,
+  400 : #2652a8,
+  500 : #003399,
+  600 : #002e91,
+  700 : #002786,
+  800 : #00207c,
+  900 : #00146b,
+  A100 : #9aa5ff,
+  A200 : #6778ff,
+  A400 : #344aff,
+  A700 : #1a33ff,
+  contrast: (
+      50 : #000000,
+      100 : #000000,
+      200 : #000000,
+      300 : #ffffff,
+      400 : #ffffff,
+      500 : #ffffff,
+      600 : #ffffff,
+      700 : #ffffff,
+      800 : #ffffff,
+      900 : #ffffff,
+      A100 : #000000,
+      A200 : #000000,
+      A400 : #ffffff,
+      A700 : #ffffff,
+  )
+);
+
+$mat-signalk-secondary: (
+    50 : #fff9e0,
+    100 : #fff0b3,
+    200 : #ffe680,
+    300 : #ffdb4d,
+    400 : #ffd426,
+    500 : #ffcc00,
+    600 : #ffc700,
+    700 : #ffc000,
+    800 : #ffb900,
+    900 : #ffad00,
+    A100 : #ffffff,
+    A200 : #ffcc00,
+    A400 : #ffe8bf,
+    A700 : #ffdfa6,
+    contrast: (
+        50 : #000000,
+        100 : #000000,
+        200 : #000000,
+        300 : #000000,
+        400 : #000000,
+        500 : #000000,
+        600 : #000000,
+        700 : #000000,
+        800 : #000000,
+        900 : #000000,
+        A100 : #000000,
+        A200 : #000000,
+        A400 : #000000,
+        A700 : #000000,
+    )
+);
+
+//////////////////////////////////////////////////////////////////////////////////////////
+// Generate mat-material default theme palettes. Generate now so we call pull if necessary
+// palette color later in this scss file.
+//  * The warn palette is optional (defaults to $mat-red). This is the palette that should
+//    used for error and warning.
+$signalKTheme-primary: mat.define-palette($mat-signalk);
+$signalKTheme-accent:  mat.define-palette($mat-signalk-secondary);
+$signalKTheme-warn:    mat.define-palette(mat.$red-palette);
+
+// Palette for widget-gauge-ng-linear and widget-gauge-ng-radial instruments
+// Pull from mat-palettes or use custom color ie. #e3ff43
+$mat-ngGauge: (
+    primary-gaugeFaceLight: mat.get-color-from-palette($signalKTheme-primary, 300),
+    primary-gaugeFaceDark: mat.get-color-from-palette($signalKTheme-primary, 900),
+    accent-gaugeFaceLight: mat.get-color-from-palette($signalKTheme-accent, 300),
+    accent-gaugeFaceDark: mat.get-color-from-palette($signalKTheme-accent, 900),
+    warn-gaugeFaceLight: mat.get-color-from-palette($signalKTheme-warn, 300),
+    warn-gaugeFaceDark: mat.get-color-from-palette($signalKTheme-warn, 900),
+);
+
+// Palette for widget-wind - wind instrument Component
+// * You can pull from other mat-palettes or use custom color ie. #e3ff43
+$mat-wind: (
+    boat-background: #c7c7c7,
+    heading-background: #c5c5c5,
+    true-wind-background: #068dfb,
+    app-wind-background: #06fb06,
+    compass-dark: #757575,
+    compass-light: #afafaf,
+    wind-rose-background: #8a8a8a,
+    port: #ff0000,
+    starboard: #1fce04,
+    rudder-port: #d52626,
+    rudder-starboard: #389c19,
+);
+
+$signalKTheme-background: custom-theme-light-background($signalKTheme-primary, 50);
+
+// Make temp theme using default palettes
+// * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
+$signalKTheme-temp-light: mat.define-light-theme($signalKTheme-primary, $signalKTheme-accent, $signalKTheme-warn);
+
+// Merge our mat-theme with component specific palettes
+$signalKTheme-light: map-merge($signalKTheme-temp-light, (background: $signalKTheme-background, wind: $mat-wind, ngGauge: $mat-ngGauge));

package/src/tsconfig.app.json

@@ -1,15 +1,15 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "baseUrl": "./",
-    "types": [],
-  },
-  "files": [
-    "main.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "baseUrl": "./",
+    "types": [],
+  },
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}

package/src/tsconfig.spec.json

@@ -1,20 +1,20 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "baseUrl": "./",
-    "target": "es5",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "test.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "baseUrl": "./",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/tsconfig.json

@@ -1,24 +1,24 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "es2018",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ],
-    "module": "es2020",
-    "baseUrl": "./"
-  },
-  "angularCompilerOptions": {
-    "preserveWhitespaces": false
-  }
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es2018",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "dom"
+    ],
+    "module": "es2020",
+    "baseUrl": "./"
+  },
+  "angularCompilerOptions": {
+    "preserveWhitespaces": false
+  }
 }

package/tslint.json

@@ -1,143 +1,143 @@
-{
-  "rulesDirectory": [
-    "node_modules/codelyzer"
-  ],
-  "rules": {
-    "arrow-return-shorthand": true,
-    "callable-types": true,
-    "class-name": true,
-    "comment-format": [
-      true,
-      "check-space"
-    ],
-    "curly": true,
-    "eofline": true,
-    "forin": true,
-    "deprecation": {
-      "severity": "warning"
-    },
-    "import-blacklist": [
-      true
-    ],
-    "import-spacing": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "interface-over-type-literal": true,
-    "label-position": true,
-    "max-line-length": [
-      true,
-      140
-    ],
-    "member-access": false,
-    "member-ordering": [
-      true,
-      {
-        "order": [
-          "static-field",
-          "instance-field",
-          "static-method",
-          "instance-method"
-        ]
-      }
-    ],
-    "no-arg": true,
-    "no-bitwise": true,
-    "no-console": [
-      true,
-      "debug",
-      "info",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-debugger": true,
-    "no-duplicate-super": true,
-    "no-empty": false,
-    "no-empty-interface": true,
-    "no-eval": true,
-    "no-inferrable-types": [
-      true,
-      "ignore-params"
-    ],
-    "no-misused-new": true,
-    "no-non-null-assertion": true,
-    "no-shadowed-variable": true,
-    "no-string-literal": false,
-    "no-string-throw": true,
-    "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": true,
-    "no-unnecessary-initializer": true,
-    "no-unused-expression": true,
-    "no-var-keyword": true,
-    "object-literal-sort-keys": false,
-    "one-line": [
-      true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "prefer-const": true,
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "radix": true,
-    "semicolon": [
-      true,
-      "always"
-    ],
-    "triple-equals": [
-      true,
-      "allow-null-check"
-    ],
-    "typedef-whitespace": [
-      true,
-      {
-        "call-signature": "nospace",
-        "index-signature": "nospace",
-        "parameter": "nospace",
-        "property-declaration": "nospace",
-        "variable-declaration": "nospace"
-      }
-    ],
-    "typeof-compare": true,
-    "unified-signatures": true,
-    "variable-name": false,
-    "whitespace": [
-      true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ],
-    "directive-selector": [
-      true,
-      "attribute",
-      "app",
-      "camelCase"
-    ],
-    "component-selector": [
-      true,
-      "element",
-      "app",
-      "kebab-case"
-    ],
-    "use-input-property-decorator": true,
-    "use-output-property-decorator": true,
-    "use-host-property-decorator": true,
-    "no-input-rename": true,
-    "no-output-rename": true,
-    "use-life-cycle-interface": true,
-    "use-pipe-transform-interface": true,
-    "component-class-suffix": true,
-    "directive-class-suffix": true,
-    "no-access-missing-member": true,
-    "templates-use-public": true,
-    "invoke-injectable": true
-  }
-}
+{
+  "rulesDirectory": [
+    "node_modules/codelyzer"
+  ],
+  "rules": {
+    "arrow-return-shorthand": true,
+    "callable-types": true,
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "eofline": true,
+    "forin": true,
+    "deprecation": {
+      "severity": "warning"
+    },
+    "import-blacklist": [
+      true
+    ],
+    "import-spacing": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "interface-over-type-literal": true,
+    "label-position": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-super": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-misused-new": true,
+    "no-non-null-assertion": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unnecessary-initializer": true,
+    "no-unused-expression": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "prefer-const": true,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      true,
+      "always"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "typeof-compare": true,
+    "unified-signatures": true,
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "directive-selector": [
+      true,
+      "attribute",
+      "app",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "app",
+      "kebab-case"
+    ],
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true,
+    "no-access-missing-member": true,
+    "templates-use-public": true,
+    "invoke-injectable": true
+  }
+}

package/public/assets/font-awesome/HELP-US-OUT.txt

@@ -1,7 +0,0 @@
-I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
-Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
-comprehensive icon sets or copy and paste your own.
-
-Please. Check it out.
-
--Dave Gandy