@igo2/core 1.10.0 → 1.12.0

package/style/material.font.scss

@@ -1,10 +1,10 @@
-button.mat-menu-item {
-  line-height: 24px !important;
-}
-a.mat-menu-item > mat-icon {
-  margin-bottom: 14px;
-}
-.mat-icon svg {
-  height: 24px;
-  width: 24px;
+button.mat-menu-item {
+  line-height: 24px !important;
+}
+a.mat-menu-item > mat-icon {
+  margin-bottom: 14px;
+}
+.mat-icon svg {
+  height: 24px;
+  width: 24px;
 }

package/style/partial/core.variables.scss

@@ -1,5 +1,5 @@
-$igo-margin: 5px;
-$igo-padding: 5px;
-$igo-icon-size: 40px;
-
+$igo-margin: 5px;
+$igo-padding: 5px;
+$igo-icon-size: 40px;
+
 $app-background-color: rgb(255, 255, 255);

package/style/partial/media.scss

@@ -1,80 +1,80 @@
-$mobile-portrait: 'only screen and (orientation:portrait) and (max-width: 599px)';
-$tablet-portrait: 'only screen and (orientation:portrait) and (min-width: 600px) and (max-width: 839px)';
-$desktop-portrait: 'only screen and (orientation:portrait) and (min-width: 840px)';
-
-$mobile-landscape: 'only screen and (orientation:landscape) and (max-width: 959px)';
-$tablet-landscape: 'only screen and (orientation:landscape) and (min-width: 960px) and (max-width: 1279px)';
-$desktop-landscape: 'only screen and (orientation:landscape) and (min-width: 1280px)';
-
-$mobile: $mobile-portrait + ',' + $mobile-landscape;
-$tablet: $tablet-portrait + ',' + $tablet-landscape;
-$desktop: $desktop-portrait + ',' + $desktop-landscape;
-
-$portrait: 'only screen and (orientation:portrait)';
-$landscape: 'only screen and (orientation:landscape)';
-
-$xsmall-screen: 'only screen and (max-width: 599px)';
-$small-screen: 'only screen and (min-width: 600px) and (max-width: 959px)';
-$medium-screen: 'only screen and (min-width: 960px) and (max-width: 1280px)';
-$large-screen: 'only screen and (min-width: 1280px) and (max-width: 1919px)';
-$xlarge-screen: 'only screen and (min-width: 1920px)';
-
-@mixin mobile {
-  @media #{$mobile} {
-    @content;
-  }
-}
-
-@mixin tablet {
-  @media #{$tablet} {
-    @content;
-  }
-}
-
-@mixin desktop {
-  @media #{$desktop} {
-    @content;
-  }
-}
-
-@mixin portrait {
-  @media #{$portrait} {
-    @content;
-  }
-}
-
-@mixin landscape {
-  @media #{$landscape} {
-    @content;
-  }
-}
-
-@mixin xsmall-screen {
-  @media #{$xsmall-screen} {
-    @content;
-  }
-}
-
-@mixin small-screen {
-  @media #{$small-screen} {
-    @content;
-  }
-}
-
-@mixin medium-screen {
-  @media #{$medium-screen} {
-    @content;
-  }
-}
-
-@mixin large-screen {
-  @media #{$large-screen} {
-    @content;
-  }
-}
-
-@mixin xlarge-screen {
-  @media #{$xlarge-screen} {
-    @content;
-  }
-}
+$mobile-portrait: 'only screen and (orientation:portrait) and (max-width: 599px)';
+$tablet-portrait: 'only screen and (orientation:portrait) and (min-width: 600px) and (max-width: 839px)';
+$desktop-portrait: 'only screen and (orientation:portrait) and (min-width: 840px)';
+
+$mobile-landscape: 'only screen and (orientation:landscape) and (max-width: 959px)';
+$tablet-landscape: 'only screen and (orientation:landscape) and (min-width: 960px) and (max-width: 1279px)';
+$desktop-landscape: 'only screen and (orientation:landscape) and (min-width: 1280px)';
+
+$mobile: $mobile-portrait + ',' + $mobile-landscape;
+$tablet: $tablet-portrait + ',' + $tablet-landscape;
+$desktop: $desktop-portrait + ',' + $desktop-landscape;
+
+$portrait: 'only screen and (orientation:portrait)';
+$landscape: 'only screen and (orientation:landscape)';
+
+$xsmall-screen: 'only screen and (max-width: 599px)';
+$small-screen: 'only screen and (min-width: 600px) and (max-width: 959px)';
+$medium-screen: 'only screen and (min-width: 960px) and (max-width: 1280px)';
+$large-screen: 'only screen and (min-width: 1280px) and (max-width: 1919px)';
+$xlarge-screen: 'only screen and (min-width: 1920px)';
+
+@mixin mobile {
+  @media #{$mobile} {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media #{$tablet} {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media #{$desktop} {
+    @content;
+  }
+}
+
+@mixin portrait {
+  @media #{$portrait} {
+    @content;
+  }
+}
+
+@mixin landscape {
+  @media #{$landscape} {
+    @content;
+  }
+}
+
+@mixin xsmall-screen {
+  @media #{$xsmall-screen} {
+    @content;
+  }
+}
+
+@mixin small-screen {
+  @media #{$small-screen} {
+    @content;
+  }
+}
+
+@mixin medium-screen {
+  @media #{$medium-screen} {
+    @content;
+  }
+}
+
+@mixin large-screen {
+  @media #{$large-screen} {
+    @content;
+  }
+}
+
+@mixin xlarge-screen {
+  @media #{$xlarge-screen} {
+    @content;
+  }
+}

package/style/themes/blue.theme.scss

@@ -1,19 +1,19 @@
-.blue-theme {
-    $primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
-    $accent: mat.define-palette(mat.$blue-palette, 200);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.blue-theme {
+    $primary: mat.define-palette(mat.$blue-palette, 700, 400, 900);
+    $accent: mat.define-palette(mat.$blue-palette, 200);
+    $warn: mat.define-palette(mat.$red-palette);
+
+    $temp-theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
+    $theme: map-merge($temp-theme, (foreground: $foreground));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/bluedq.theme.scss

@@ -1,52 +1,52 @@
-.bluedq-theme {
-    $dq-palette: (
-        50 : #e3eaec,
-        100 : #b9cad0,
-        200 : #8ba7b1,
-        300 : #5c8391,
-        400 : #39697a,
-        500 : #164e62,
-        600 : #13475a,
-        700 : #103d50,
-        800 : #0c3546,
-        900 : #062534,
-        A100 : #6dc6ff,
-        A200 : #3ab2ff,
-        A400 : #079eff,
-        A700 : #0090ec,
-        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,
-        )
-    );
-
-    $primary: mat.define-palette($dq-palette, 500);
-    $accent: mat.define-palette($dq-palette, 200);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $temp-theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
-    $theme: map-merge($temp-theme, (foreground: $foreground));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.bluedq-theme {
+    $dq-palette: (
+        50 : #e3eaec,
+        100 : #b9cad0,
+        200 : #8ba7b1,
+        300 : #5c8391,
+        400 : #39697a,
+        500 : #164e62,
+        600 : #13475a,
+        700 : #103d50,
+        800 : #0c3546,
+        900 : #062534,
+        A100 : #6dc6ff,
+        A200 : #3ab2ff,
+        A400 : #079eff,
+        A700 : #0090ec,
+        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,
+        )
+    );
+
+    $primary: mat.define-palette($dq-palette, 500);
+    $accent: mat.define-palette($dq-palette, 200);
+    $warn: mat.define-palette(mat.$red-palette);
+
+    $temp-theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    $foreground: theme-foreground(mat.define-palette(mat.$grey-palette, 900));
+    $theme: map-merge($temp-theme, (foreground: $foreground));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/bluegrey.theme.scss

@@ -1,16 +1,16 @@
-.bluegrey-theme {
-    $primary: mat.define-palette(mat.$blue-grey-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$deep-orange-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.bluegrey-theme {
+    $primary: mat.define-palette(mat.$blue-grey-palette);
+    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+    $warn: mat.define-palette(mat.$deep-orange-palette);
+
+    $theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/dark.theme.scss

@@ -1,16 +1,16 @@
-.dark-theme {
-    $primary: mat.define-palette(mat.$blue-grey-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$deep-orange-palette);
-
-    $theme: mat.define-dark-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.dark-theme {
+    $primary: mat.define-palette(mat.$blue-grey-palette);
+    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+    $warn: mat.define-palette(mat.$deep-orange-palette);
+
+    $theme: mat.define-dark-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/deeppurple.theme.scss

@@ -1,16 +1,16 @@
-.deeppurple-theme {
-    $primary: mat.define-palette(mat.$deep-purple-palette);
-    $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.deeppurple-theme {
+    $primary: mat.define-palette(mat.$deep-purple-palette);
+    $accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
+    $warn: mat.define-palette(mat.$red-palette);
+
+    $theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/indigo.theme.scss

@@ -1,16 +1,16 @@
-.indigo-theme {
-    $primary: mat.define-palette(mat.$indigo-palette);
-    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.indigo-theme {
+    $primary: mat.define-palette(mat.$indigo-palette);
+    $accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+    $warn: mat.define-palette(mat.$red-palette);
+
+    $theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/orange.theme.scss

@@ -1,16 +1,16 @@
-.orange-theme {
-    $primary: mat.define-palette(mat.$orange-palette, 800);
-    $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
-    $warn: mat.define-palette(mat.$red-palette, 600);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.orange-theme {
+    $primary: mat.define-palette(mat.$orange-palette, 800);
+    $accent: mat.define-palette(mat.$light-blue-palette, 600, 100, 800);
+    $warn: mat.define-palette(mat.$red-palette, 600);
+
+    $theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/themes/qcca.theme.scss

@@ -0,0 +1,66 @@
+.qcca-theme {
+    $qcca-palette: (
+        100 : #095797,
+        200 : #095797,
+        201 : #fff,
+        300 : #dae6f0,
+        301 : #f2f1f1,
+        302 : #223654,
+        303 : #c5cad2,
+        400 : #cb381f,
+        401 : #4f813d,
+        500 : #f09686,
+        contrast: (
+            100 : #fff,
+            200 : #fff,
+            201 : #fff,
+            300 : #095797,
+            301 : #095797,
+            302 : #fff,
+            303 : #095797,
+            400 : #fff,
+            401 : #fff,
+            501 : #fff
+        )
+    );
+
+    $basic: mat.define-palette($qcca-palette, 100);
+    $primary: mat.define-palette($qcca-palette, 200);
+    $accent: mat.define-palette($qcca-palette, 500);
+    $warn: mat.define-palette($qcca-palette, 400);
+    $success: mat.define-palette($qcca-palette, 401);
+
+    $theme: mat.define-light-theme((
+        color: (
+            basic: $basic,
+            primary: $primary,
+            accent: $accent,
+            warn: $warn,
+            success: $success
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+/*
+    .mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .md-button {
+        border-radius: 0!important;
+    }*/
+}
+
+//@import '~@angular/material/theming';
+// Plus imports for other components in your app.
+
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+//@include mat-core();
+
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue. Available color palettes: https://material.io/design/color/
+
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+//@include angular-material-theme($theme);

package/style/themes/teal.theme.scss

@@ -1,16 +1,16 @@
-.teal-theme {
-    $primary: mat.define-palette(mat.$teal-palette, 600, 400, 900);
-    $accent: mat.define-palette(mat.$teal-palette, 400);
-    $warn: mat.define-palette(mat.$red-palette);
-
-    $theme: mat.define-light-theme((
-        color: (
-            primary: $primary,
-            accent: $accent,
-            warn: $warn
-        )
-    ));
-
-    @include igo-all-theming($theme);
-    @include mat.all-component-colors($theme);
-}
+.teal-theme {
+    $primary: mat.define-palette(mat.$teal-palette, 600, 400, 900);
+    $accent: mat.define-palette(mat.$teal-palette, 400);
+    $warn: mat.define-palette(mat.$red-palette);
+
+    $theme: mat.define-light-theme((
+        color: (
+            primary: $primary,
+            accent: $accent,
+            warn: $warn
+        )
+    ));
+
+    @include igo-all-theming($theme);
+    @include mat.all-component-colors($theme);
+}

package/style/theming.scss

@@ -1,7 +1,7 @@
-@import './material.font';
-
-@mixin igo-theming($theme, $typography) {
-  @include mat.core($typography);
-
-  @include igo-core-theming($theme, $typography);
-}
+@import './material.font';
+
+@mixin igo-theming($theme, $typography) {
+  @include mat.core($typography);
+
+  @include igo-core-theming($theme, $typography);
+}

package/style/typography.scss

@@ -1,15 +1,15 @@
-$igo-typography: mat.define-typography-config(
-  $display-4:     mat.define-typography-level(110px, 110px, 300),
-  $display-3:     mat.define-typography-level(54px, 54px, 400),
-  $display-2:     mat.define-typography-level(43px, 46px, 400),
-  $display-1:     mat.define-typography-level(32px, 38px, 400),
-  $headline:      mat.define-typography-level(22px, 30px, 400),
-  $title:         mat.define-typography-level(18px, 30px, 500),
-  $subheading-2:  mat.define-typography-level(14px, 26px, 400),
-  $subheading-1:  mat.define-typography-level(13px, 22px, 400),
-  $body-2:        mat.define-typography-level(12px, 22px, 500),
-  $body-1:        mat.define-typography-level(12px, 18px, 400),
-  $caption:       mat.define-typography-level(12px, 18px, 400),
-  $button:        mat.define-typography-level(13px, 13px, 500),
-  $input:         mat.define-typography-level(14px, 1.25, 400)
-);
+$igo-typography: mat.define-typography-config(
+  $display-4:     mat.define-typography-level(110px, 110px, 300),
+  $display-3:     mat.define-typography-level(54px, 54px, 400),
+  $display-2:     mat.define-typography-level(43px, 46px, 400),
+  $display-1:     mat.define-typography-level(32px, 38px, 400),
+  $headline:      mat.define-typography-level(22px, 30px, 400),
+  $title:         mat.define-typography-level(18px, 30px, 500),
+  $subheading-2:  mat.define-typography-level(14px, 26px, 400),
+  $subheading-1:  mat.define-typography-level(13px, 22px, 400),
+  $body-2:        mat.define-typography-level(12px, 22px, 500),
+  $body-1:        mat.define-typography-level(12px, 18px, 400),
+  $caption:       mat.define-typography-level(12px, 18px, 400),
+  $button:        mat.define-typography-level(13px, 13px, 500),
+  $input:         mat.define-typography-level(14px, 1.25, 400)
+);