@igo2/core 16.0.0-rc.0 → 16.0.0-rc.1

package/theming/prebuilt-themes/bluedq-theme.css

@@ -2920,18 +2920,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: black;
 }
 
-igo-menu-button > #menu-button {
-  color: #095797;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #095797;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #095797;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #095797;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/bluedq-theme.scss

@@ -1,66 +1,66 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$dq-palette: (
-  50: #e1f5fd,
-  100: #b4e5fb,
-  200: #82d4f8,
-  300: #53c3f4,
-  400: #31b6f2,
-  500: #0d81df,
-  600: #149be1,
-  700: #1088cd,
-  800: #0f77b9,
-  900: #095797,
-  A100: #6dc6ff,
-  A200: #3ab2ff,
-  A400: #079eff,
-  A700: #0090ec,
-  contrast: (
-    50: #000000,
-    100: #000000,
-    200: #000000,
-    300: #000000,
-    400: #000000,
-    500: #000000,
-    600: #ffffff,
-    700: #ffffff,
-    800: #ffffff,
-    900: #ffffff,
-    A100: #000000,
-    A200: #000000,
-    A400: #ffffff,
-    A700: #ffffff
-  )
-);
-
-$primary: mat.define-palette($dq-palette, 900);
-$accent: mat.define-palette($dq-palette, 500);
-$warn: mat.define-palette(mat.$red-palette);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-$theme: map.merge(
-  $theme,
-  (
-    foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$dq-palette: (
+  50: #e1f5fd,
+  100: #b4e5fb,
+  200: #82d4f8,
+  300: #53c3f4,
+  400: #31b6f2,
+  500: #0d81df,
+  600: #149be1,
+  700: #1088cd,
+  800: #0f77b9,
+  900: #095797,
+  A100: #6dc6ff,
+  A200: #3ab2ff,
+  A400: #079eff,
+  A700: #0090ec,
+  contrast: (
+    50: #000000,
+    100: #000000,
+    200: #000000,
+    300: #000000,
+    400: #000000,
+    500: #000000,
+    600: #ffffff,
+    700: #ffffff,
+    800: #ffffff,
+    900: #ffffff,
+    A100: #000000,
+    A200: #000000,
+    A400: #ffffff,
+    A700: #ffffff
+  )
+);
+
+$primary: mat.define-palette($dq-palette, 900);
+$accent: mat.define-palette($dq-palette, 500);
+$warn: mat.define-palette(mat.$red-palette);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+$theme: map.merge(
+  $theme,
+  (
+    foreground: igo.theme-foreground(mat.define-palette(mat.$grey-palette, 900))
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/bluegrey-theme.css

@@ -2920,18 +2920,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: white;
 }
 
-igo-menu-button > #menu-button {
-  color: #607d8b;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #607d8b;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #607d8b;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #607d8b;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/bluegrey-theme.scss

@@ -1,25 +1,25 @@
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$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);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$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);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/dark-theme.css

@@ -2927,18 +2927,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: #ff4081;
 }
 
-igo-menu-button > #menu-button {
-  color: #607d8b;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #607d8b;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #607d8b;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #607d8b;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/dark-theme.scss

@@ -1,25 +1,25 @@
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$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);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-dark-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$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);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-dark-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/deeppurple-theme.css

@@ -2920,18 +2920,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: rgba(0, 0, 0, 0.87);
 }
 
-igo-menu-button > #menu-button {
-  color: #673ab7;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #673ab7;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #673ab7;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #673ab7;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/deeppurple-theme.scss

@@ -1,25 +1,25 @@
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$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);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$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);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/indigo-theme.css

@@ -2920,18 +2920,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: white;
 }
 
-igo-menu-button > #menu-button {
-  color: #3f51b5;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #3f51b5;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #3f51b5;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #3f51b5;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/indigo-theme.scss

@@ -1,25 +1,25 @@
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$primary: mat.define-palette(mat.$indigo-palette);
-$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-$warn: mat.define-palette(mat.$red-palette);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$primary: mat.define-palette(mat.$indigo-palette);
+$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+$warn: mat.define-palette(mat.$red-palette);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/orange-theme.css

@@ -2920,18 +2920,14 @@ igo-zoom-button > div.igo-zoom-button-container > button.mat-accent {
   background-color: white;
 }
 
-igo-menu-button > #menu-button {
-  color: #ef6c00;
-}
-
-igo-menu-button > #menu-button.menu-button-reverse-color-close {
+igo-menu-button > button#menu-button {
+  color: rgb(255, 255, 255);
   background-color: #ef6c00;
-  color: white;
 }
 
-igo-menu-button > #menu-button.menu-button-reverse-color {
-  background-color: #ef6c00;
-  color: white;
+igo-menu-button > button#menu-button.menu-button-white-background {
+  color: #ef6c00;
+  background-color: rgb(255, 255, 255);
 }
 
 .igo-map-tooltip-measure {

package/theming/prebuilt-themes/orange-theme.scss

@@ -1,25 +1,25 @@
-@use '@angular/material' as mat;
-@use '../../index' as igo;
-
-$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);
-$typography: igo.$igo-typography;
-
-$theme: mat.define-light-theme(
-  (
-    color: (
-      primary: $primary,
-      accent: $accent,
-      warn: $warn
-    ),
-    typography: $typography,
-    density: 0
-  )
-);
-
-@include mat.core();
-@include mat.typography-hierarchy($typography);
-@include mat.all-component-themes($theme);
-
-@include igo.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../../index' as igo;
+
+$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);
+$typography: igo.$igo-typography;
+
+$theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    ),
+    typography: $typography,
+    density: 0
+  )
+);
+
+@include mat.core();
+@include mat.typography-hierarchy($typography);
+@include mat.all-component-themes($theme);
+
+@include igo.all-component-themes($theme);

package/theming/prebuilt-themes/qcca/base/_index.scss

@@ -1,4 +1,4 @@
-@forward './breakpoints';
-@forward './colors' as colors-*;
-@forward './palette';
-@forward './typography';
+@forward './breakpoints';
+@forward './colors' as colors-*;
+@forward './palette';
+@forward './typography';

package/theming/prebuilt-themes/qcca/base/breakpoints.scss

@@ -1,57 +1,57 @@
-@use 'sass:map';
-
-// There is no standard for breakpoints for the Quebec.ca theme
-// This is the Material breakpoint design by devices
-$device-breakpoints: (
-  mobile: (
-    max: 599px
-  ),
-  tablet: (
-    min: 600px,
-    max: 1239px
-  ),
-  laptop: (
-    min: 1240px,
-    max: 1439px
-  ),
-  desktop: (
-    min: 1440px
-  )
-);
-
-// Source: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_breakpoints.scss
-@function breakpoint-min($name, $breakpoints: $device-breakpoints) {
-  $min: map.get($breakpoints, $name, min);
-  @return if($min != 0, $min, null);
-}
-
-@function breakpoint-max($name, $breakpoints: $device-breakpoints) {
-  $max: map.get($breakpoints, $name, max);
-  @return if($max and $max > 0, $max, null);
-}
-
-// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
-// Makes the @content apply to the given breakpoint and wider.
-@mixin media-breakpoint-up($name, $breakpoints: $device-breakpoints) {
-  $min: breakpoint-min($name, $breakpoints);
-  @if $min {
-    @media (min-width: $min) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
-// Makes the @content apply to the given breakpoint and narrower.
-@mixin media-breakpoint-down($name, $breakpoints: $device-breakpoints) {
-  $max: breakpoint-max($name, $breakpoints);
-  @if $max {
-    @media (max-width: $max) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
+@use 'sass:map';
+
+// There is no standard for breakpoints for the Quebec.ca theme
+// This is the Material breakpoint design by devices
+$device-breakpoints: (
+  mobile: (
+    max: 599px
+  ),
+  tablet: (
+    min: 600px,
+    max: 1239px
+  ),
+  laptop: (
+    min: 1240px,
+    max: 1439px
+  ),
+  desktop: (
+    min: 1440px
+  )
+);
+
+// Source: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_breakpoints.scss
+@function breakpoint-min($name, $breakpoints: $device-breakpoints) {
+  $min: map.get($breakpoints, $name, min);
+  @return if($min != 0, $min, null);
+}
+
+@function breakpoint-max($name, $breakpoints: $device-breakpoints) {
+  $max: map.get($breakpoints, $name, max);
+  @return if($max and $max > 0, $max, null);
+}
+
+// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
+// Makes the @content apply to the given breakpoint and wider.
+@mixin media-breakpoint-up($name, $breakpoints: $device-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint and narrower.
+@mixin media-breakpoint-down($name, $breakpoints: $device-breakpoints) {
+  $max: breakpoint-max($name, $breakpoints);
+  @if $max {
+    @media (max-width: $max) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}

package/theming/prebuilt-themes/qcca/base/typography/_index.scss

@@ -1,2 +1,2 @@
-@forward './typography' as typo-*;
-@forward './typography.utils';
+@forward './typography' as typo-*;
+@forward './typography.utils';