@mxtommy/kip 1.3.0 → 2.0.0

package/src/themes/nightMode.scss

@@ -1,185 +0,0 @@
-// Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
-@use '~@angular/material' as mat;
-$nightMode-primary: (
-    50 : #ecf5fb,
-    100 : #520000,
-    200 : #b1d7ef,
-    300 : #520000,
-    400 : #7abbe4,
-    500 : #520000,
-    600 : #5ba8db,
-    700 : #520000,
-    800 : #4796d2,
-    900 : #520000,
-    A100 : #ffffff,
-    A200 : #e0f0ff,
-    A400 : #add8ff,
-    A700 : #93cbff,
-    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,
-    )
-);
-
-$nightMode-accent: (
-    50 : #fdf9e6,
-    100 : #520000,
-    200 : #f8e598,
-    300 : #520000,
-    400 : #f2d250,
-    500 : #520000,
-    600 : #eec52c,
-    700 : #520000,
-    800 : #e9b71f,
-    900 : #520000,
-    A100 : #ffffff,
-    A200 : #121212, // Menubar original value #fff6e0 000000 1E1E1E
-    A400 : #ffe6ad,
-    A700 : #ffdf94,
-    contrast: (
-        50 : #000000,
-        100 : #000000,
-        200 : #000000,
-        300 : #000000,
-        400 : #000000,
-        500 : #000000,
-        600 : #000000,
-        700 : #000000,
-        800 : #000000,
-        900 : #000000,
-        A100 : #000000,
-        A200 : #520000,
-        A400 : #000000,
-        A700 : #000000,
-    )
-);
-
-$nightMode-warn: (
-    50 : #fae5e5,
-    100 : #f2bebe,
-    200 : #ea9393,
-    300 : #e26767,
-    400 : #db4747,
-    500 : #520000,
-    600 : #d02222,
-    700 : #520000,
-    800 : #c41717,
-    900 : #520000,
-    A100 : #ffe7e7,
-    A200 : #ffb4b4,
-    A400 : #ff8181,
-    A700 : #ff6868,
-    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,
-    )
-);
-
-$nightMode-special: (
-    50 : #fae5e5,
-    100 : #f2bebe,
-    200 : #ea9393,
-    300 : #e26767,
-    400 : #389c19,
-    500 : #0e0d0d, // background
-    600 : #3f3f3f,
-    700 : #000000, // mat cards 1e1e1e
-    800 : #000000, // 121212
-    900 : #121212, // 000000
-    A100 : #ffe7e7,
-    A200 : #ffb4b4,
-    A400 : #ff8181,
-    A700 : #ff6868,
-    contrast: (
-        50 : #000000,
-        100 : #000000,
-        200 : #000000,
-        300 : #000000,
-        400 : #ffffff,
-        500 : #ffffff,
-        600 : #ffffff,
-        700 : #ffffff,
-        800 : #ffffff,
-        900 : #ffffff,
-        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.
-
-$nightMode-theme-primary: mat.define-palette($nightMode-primary);
-$nightMode-theme-accent:  mat.define-palette($nightMode-accent, A200, A100, A400);
-$nightMode-theme-warn:  mat.define-palette($nightMode-warn);
-
-$nightMode-theme-special:  mat.define-palette($nightMode-special); // Used to override MAterial Dark Theme colors and make it really black!
-
-// Palettes for custom Components
-
-// widget-gauge-ng-linear and widget-gauge-ng-radial instruments Component
-// * You can pull from other mat-palettes or use custom color ie. #e3ff43
-$mat-ngGauge: (
-    primary-gaugeFaceLight: #520000,
-    primary-gaugeFaceDark: #520000,
-    accent-gaugeFaceLight: #520000,
-    accent-gaugeFaceDark: #520000,
-    warn-gaugeFaceLight: #520000,
-    warn-gaugeFaceDark: #520000,
-);
-
-// Palette for widget Wind and Autopilot - see svg-wind svg-autopilot Component
-// * You can pull from other mat-palettes or use custom color ie. #e3ff43
-$mat-wind: (
-    boat-background: #520000,
-    heading-background: #1E1E1E,
-    true-wind-background: #5f5013,
-    app-wind-background: #083958,
-    compass-dark: #2c1515,
-    compass-light: #462121,
-    wind-rose-background: #2c1a1a,
-    port: #520000,
-    starboard: #17420a,
-    rudder-port: #520000,
-    rudder-starboard: #389c19,
-);
-
-// Make temp theme using default palettes
-// * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
-$nightMode-temp: mat.define-dark-theme($nightMode-theme-primary, $nightMode-theme-accent, $nightMode-theme-warn);
-
-
-// Customer Material Dark-theme black background
-$nightMode-background: custom-theme-dark-background($nightMode-theme-special, 500);
-$nightMode-foreground: custom-theme-dark-foreground(#520000);
-// Merge our mat-theme with component specific palettes
-$nightMode-dark: map-merge($nightMode-temp, (background: $nightMode-background,foreground: $nightMode-foreground, wind: $mat-wind, ngGauge: $mat-ngGauge));

package/src/themes/platypusTheme.scss

@@ -1,80 +0,0 @@
-// Create theme palettes. We need Primary, Accent and Warn as defined by Angular Material theming
-@use '~@angular/material' as mat;
-$mat-perry: (
-    50 : #e3f2f2,
-    100 : #badede,
-    200 : #8cc8c8,
-    300 : #5db1b1,
-    400 : #3ba1a1,
-    500 : #189090,
-    600 : #158888,
-    700 : #117d7d,
-    800 : #0e7373,
-    900 : #086161,
-    A100 : #93ffff,
-    A200 : #60ffff,
-    A400 : #2dffff,
-    A700 : #14ffff,
-    contrast: (
-        50 : #000000,
-        100 : #000000,
-        200 : #000000,
-        300 : #000000,
-        400 : #000000,
-        500 : #ffffff,
-        600 : #ffffff,
-        700 : #ffffff,
-        800 : #ffffff,
-        900 : #ffffff,
-        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.
-$platypusTheme-primary: mat.define-palette(mat.$teal-palette);
-$platypusTheme-accent: mat.define-palette(mat.$orange-palette, A200, A100, A400);
-$platypusTheme-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($platypusTheme-primary, 300),
-    primary-gaugeFaceDark: mat.get-color-from-palette($platypusTheme-primary, 900),
-    accent-gaugeFaceLight: mat.get-color-from-palette($platypusTheme-accent, 300),
-    accent-gaugeFaceDark: mat.get-color-from-palette($platypusTheme-accent, 900),
-    warn-gaugeFaceLight: mat.get-color-from-palette($platypusTheme-warn, 300),
-    warn-gaugeFaceDark: mat.get-color-from-palette($platypusTheme-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,
-);
-
-// use custom theming hack
-$platypusTheme-background: custom-theme-light-background($mat-perry, 500);
-
-// Make temp theme using default palettes
-// * to change from Light and Dark Angular Material theming mode: mat-dark-theme() or mat-light-theme()
-$platypusTheme-temp-light: mat.define-light-theme($platypusTheme-primary, $platypusTheme-accent, $platypusTheme-warn);
-
-// Merge our mat-theme with component specific palettes
-$platypusTheme-light: map-merge($platypusTheme-temp-light, (background: $platypusTheme-background, wind: $mat-wind, ngGauge: $mat-ngGauge));

package/src/themes/signalkTheme.scss

@@ -1,112 +0,0 @@
-// 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 +0,0 @@
-{
-  "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 +0,0 @@
-{
-  "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/src/typings.d.ts

@@ -1,5 +0,0 @@
-/* SystemJS module definition */
-declare var module: NodeModule;
-interface NodeModule {
-  id: string;
-}

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "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 +0,0 @@
-{
-  "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
-  }
-}