@igo2/core 16.3.0 → 17.0.0-next.10

package/src/theming/prebuilt-themes/teal-theme.scss

@@ -1,26 +1,26 @@
-@use '@angular/material' as mat;
-@use '../all-theme';
-@use '../typography';
-
-$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);
-$typography: typography.$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 all-theme.all-component-themes($theme);
+@use '@angular/material' as mat;
+@use '../all-theme';
+@use '../typography';
+
+$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);
+$typography: typography.$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 all-theme.all-component-themes($theme);

package/src/theming/typography.scss

@@ -1,28 +1,28 @@
-@use '@angular/material' as mat;
-
-$igo-typography: mat.define-typography-config(
-  $headline-1: mat.define-typography-level(110px, 110px, 500),
-  $headline-2: mat.define-typography-level(54px, 54px, 500),
-  $headline-3: mat.define-typography-level(43px, 46px, 500),
-  $headline-4: mat.define-typography-level(32px, 38px, 500),
-  // h1
-  $headline-5: mat.define-typography-level(24px, 32px, 400),
-  // h2
-  $headline-6: mat.define-typography-level(20px, 30px, 400),
-  // h3
-  $subtitle-1: mat.define-typography-level(16px, 26px, 500),
-  // h4
-  $subtitle-2: mat.define-typography-level(12px, 22px, 500),
-  $body-1: mat.define-typography-level(14px, 22px, 400),
-  $body-2: mat.define-typography-level(12px, 18px, 400),
-  $caption: mat.define-typography-level(12px, 18px, 400),
-  $button: mat.define-typography-level(13px, 13px, 500)
-);
-
-// WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
-// https://github.com/angular/components/issues/26351
-h4 {
-  font-size: 14px !important;
-  line-height: 22px !important;
-  font-weight: 500 !important;
-}
+@use '@angular/material' as mat;
+
+$igo-typography: mat.define-typography-config(
+  $headline-1: mat.define-typography-level(110px, 110px, 500),
+  $headline-2: mat.define-typography-level(54px, 54px, 500),
+  $headline-3: mat.define-typography-level(43px, 46px, 500),
+  $headline-4: mat.define-typography-level(32px, 38px, 500),
+  // h1
+  $headline-5: mat.define-typography-level(24px, 32px, 400),
+  // h2
+  $headline-6: mat.define-typography-level(20px, 30px, 400),
+  // h3
+  $subtitle-1: mat.define-typography-level(16px, 26px, 500),
+  // h4
+  $subtitle-2: mat.define-typography-level(12px, 22px, 500),
+  $body-1: mat.define-typography-level(14px, 22px, 400),
+  $body-2: mat.define-typography-level(12px, 18px, 400),
+  $caption: mat.define-typography-level(12px, 18px, 400),
+  $button: mat.define-typography-level(13px, 13px, 500)
+);
+
+// WORKAROUND, mat-typography bad area of intersection, h4 is using mat-body-1
+// https://github.com/angular/components/issues/26351
+h4 {
+  font-size: 14px !important;
+  line-height: 22px !important;
+  font-weight: 500 !important;
+}

package/src/theming/utils/_foreground.scss

@@ -1,22 +1,22 @@
-@use '@angular/material' as mat;
-
-@function theme-foreground($palette) {
-  $color: mat.get-color-from-palette($palette, 500);
-  @return (
-    base: $color,
-    divider: rgba($color, 0.12),
-    dividers: rgba($color, 0.12),
-    disabled: rgba($color, 0.38),
-    disabled-button: rgba($color, 0.26),
-    disabled-text: rgba($color, 0.38),
-    elevation: $color,
-    hint-text: rgba($color, 0.38),
-    secondary-text: rgba($color, 0.54),
-    icon: rgba($color, 0.54),
-    icons: rgba($color, 0.54),
-    text: rgba($color, 0.87),
-    slider-min: rgba($color, 0.87),
-    slider-off: rgba($color, 0.26),
-    slider-off-active: rgba($color, 0.38)
-  );
-}
+@use '@angular/material' as mat;
+
+@function theme-foreground($palette) {
+  $color: mat.get-color-from-palette($palette, 500);
+  @return (
+    base: $color,
+    divider: rgba($color, 0.12),
+    dividers: rgba($color, 0.12),
+    disabled: rgba($color, 0.38),
+    disabled-button: rgba($color, 0.26),
+    disabled-text: rgba($color, 0.38),
+    elevation: $color,
+    hint-text: rgba($color, 0.38),
+    secondary-text: rgba($color, 0.54),
+    icon: rgba($color, 0.54),
+    icons: rgba($color, 0.54),
+    text: rgba($color, 0.87),
+    slider-min: rgba($color, 0.87),
+    slider-off: rgba($color, 0.26),
+    slider-off-active: rgba($color, 0.38)
+  );
+}

package/storage/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@igo2/core/storage" />
+export * from './public_api';

package/{lib/storage → storage}/storage.d.ts

@@ -1,5 +1,5 @@
+import { ConfigService } from '@igo2/core/config';
 import { BehaviorSubject } from 'rxjs';
-import { ConfigService } from '../config/config.service';
 import { StorageOptions, StorageScope, StorageServiceEvent } from './storage.interface';
 export declare abstract class BaseStorage<T extends StorageOptions = StorageOptions> {
     protected options?: T;

package/{lib/storage → storage}/storage.service.d.ts

@@ -1,4 +1,4 @@
-import { ConfigService } from '../config/config.service';
+import { ConfigService } from '@igo2/core/config';
 import { BaseStorage } from './storage';
 import { StorageOptions } from './storage.interface';
 import * as i0 from "@angular/core";

package/style/all-style.css

@@ -552,10 +552,11 @@ button.mat-mdc-icon-button.mat-mdc-button-base[disabled=true] {
 
 .ol-viewport canvas {
   all: unset;
+  overflow: hidden;
 }
 
 .ol-viewport {
-  touch-action: none;
+  touch-action: pan-x pan-y;
 }
 
 .ol-selectable {