@igo2/geo 17.0.0-next.0 → 17.0.0-next.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/geo",
-  "version": "17.0.0-next.0",
+  "version": "17.0.0-next.11",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -51,10 +51,10 @@
     "@angular/material": "^17.0.3",
     "@angular/material-moment-adapter": "^17.1.0",
     "@angular/platform-browser": "^17.0.6",
-    "@igo2/auth": "^17.0.0-next.0",
-    "@igo2/common": "^17.0.0-next.0",
-    "@igo2/core": "^17.0.0-next.0",
-    "@igo2/utils": "^17.0.0-next.0",
+    "@igo2/auth": "^17.0.0-next.11",
+    "@igo2/common": "^17.0.0-next.11",
+    "@igo2/core": "^17.0.0-next.11",
+    "@igo2/utils": "^17.0.0-next.11",
     "@mat-datetimepicker/core": "~13.0.0",
     "file-saver": "^2.0.2",
     "flexsearch": "0.7.21",
@@ -65,7 +65,7 @@
     "moment": "^2.29.4",
     "ngx-color-picker": "^14.0.0",
     "ngx-indexed-db": "^11.0.2",
-    "ol": "^7.5.2",
+    "ol": "9.1.0",
     "ol-mapbox-style": "^12.0.0",
     "proj4": "^2.9.0",
     "rxjs": "^7.8.0",

package/src/_index.scss

@@ -1,2 +1,2 @@
-@forward './lib/search/search-bar/search-bar.theming.scss' as search-bar-* show search-bar-color,
-  search-bar-density, search-bar-theme;
+@forward './lib/search/search-bar/search-bar.theming.scss' as search-bar-* show search-bar-color,
+  search-bar-density, search-bar-theme;

package/src/lib/catalog/catalog-browser/catalog-browser.theming.scss

@@ -1,22 +1,22 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include density($theme);
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-catalog-browser {
-    @include mat.icon-button-density($theme);
-    @include mat.list-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include density($theme);
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-catalog-browser {
+    @include mat.icon-button-density($theme);
+    @include mat.list-density($theme);
+  }
+}

package/src/lib/catalog/catalog.theming.scss

@@ -1,5 +1,5 @@
-@use './catalog-browser/catalog-browser.theming.scss' as catalog-browser;
-
-@mixin themes($theme) {
-  @include catalog-browser.theme($theme);
-}
+@use './catalog-browser/catalog-browser.theming.scss' as catalog-browser;
+
+@mixin themes($theme) {
+  @include catalog-browser.theme($theme);
+}

package/src/lib/directions/directions-results/directions-results.theming.scss

@@ -1,10 +1,10 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-directions-results-theming($theme) {
-  $accent: map.get($theme, accent);
-
-  igo-directions-results mat-list-item.igo-steps:hover {
-    background-color: mat.get-color-from-palette($accent, lighter);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-directions-results-theming($theme) {
+  $accent: map.get($theme, accent);
+
+  igo-directions-results mat-list-item.igo-steps:hover {
+    background-color: mat.get-color-from-palette($accent, lighter);
+  }
+}

package/src/lib/directions/directions.theming.scss

@@ -1,6 +1,6 @@
-@use './directions-results/directions-results.theming' as
-  directions-results-theme;
-
-@mixin igo-directions-theming($theme) {
-  @include directions-results-theme.igo-directions-results-theming($theme);
-}
+@use './directions-results/directions-results.theming' as
+  directions-results-theme;
+
+@mixin igo-directions-theming($theme) {
+  @include directions-results-theme.igo-directions-results-theming($theme);
+}

package/src/lib/draw/draw.theming.scss

@@ -1,32 +1,32 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-draw-theming($theme) {
-  $foreground: map.get($theme, foreground);
-  $typography: mat.get-typography-config($theme);
-
-  igo-draw-popup-component,
-  igo-draw-popup-component,
-  igo-draw-shorcuts,
-  igo-draw {
-    .igo-map-tooltip {
-      position: relative;
-      border-radius: 4px;
-      padding: 4px 8px;
-      white-space: nowrap;
-    }
-
-    .igo-map-tooltip-draw {
-      color: mat.get-color-from-palette($foreground, text);
-      font-weight: bold;
-      font-size: mat.font-size($typography, subtitle-1);
-    }
-  }
-
-  igo-draw-popup-component {
-    h1 {
-      font-size: mat.font-size($typography, headline-4);
-      font-family: Roboto, 'Helvetica Neue', sans-serif;
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-draw-theming($theme) {
+  $foreground: map.get($theme, foreground);
+  $typography: mat.get-typography-config($theme);
+
+  igo-draw-popup-component,
+  igo-draw-popup-component,
+  igo-draw-shorcuts,
+  igo-draw {
+    .igo-map-tooltip {
+      position: relative;
+      border-radius: 4px;
+      padding: 4px 8px;
+      white-space: nowrap;
+    }
+
+    .igo-map-tooltip-draw {
+      color: mat.get-color-from-palette($foreground, text);
+      font-weight: bold;
+      font-size: mat.font-size($typography, subtitle-1);
+    }
+  }
+
+  igo-draw-popup-component {
+    h1 {
+      font-size: mat.font-size($typography, headline-4);
+      font-family: Roboto, 'Helvetica Neue', sans-serif;
+    }
+  }
+}

package/src/lib/feature/feature-details/feature-details.theming.scss

@@ -1,16 +1,16 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-feature-details-theming($theme) {
-  $is-dark: map.get($theme, is-dark);
-  $foreground: map.get($theme, foreground);
-  $background: map.get($theme, background);
-
-  igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
-    background-color: mat.get-color-from-palette(
-      $background,
-      if($is-dark, app-bar, status-bar)
-    );
-    color: black;
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-feature-details-theming($theme) {
+  $is-dark: map.get($theme, is-dark);
+  $foreground: map.get($theme, foreground);
+  $background: map.get($theme, background);
+
+  igo-feature-details > table.igo-striped tbody tr:nth-child(odd) {
+    background-color: mat.get-color-from-palette(
+      $background,
+      if($is-dark, app-bar, status-bar)
+    );
+    color: black;
+  }
+}

package/src/lib/feature/feature.theming.scss

@@ -1,4 +1,4 @@
-@use './feature-details/feature-details.theming.scss' as feature-details;
-@mixin igo-feature-theming($theme) {
-  @include feature-details.igo-feature-details-theming($theme);
-}
+@use './feature-details/feature-details.theming.scss' as feature-details;
+@mixin igo-feature-theming($theme) {
+  @include feature-details.igo-feature-details-theming($theme);
+}

package/src/lib/measure/measure.theming.scss

@@ -1,5 +1,5 @@
-@use './measurer/measurer.theming.scss' as measurer;
-
-@mixin igo-measure-theming($theme) {
-  @include measurer.igo-measurer-theming($theme);
-}
+@use './measurer/measurer.theming.scss' as measurer;
+
+@mixin igo-measure-theming($theme) {
+  @include measurer.igo-measurer-theming($theme);
+}

package/src/lib/measure/measurer/measurer.theming.scss

@@ -1,26 +1,26 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-measurer-theming($theme) {
-  @include color($theme);
-  @include typography($theme);
-}
-
-@mixin color($theme) {
-  $foreground: map.get($theme, foreground);
-
-  .igo-map-tooltip-measure {
-    background-color: rgba(255, 204, 51, 0.7);
-    border: 1px solid rgb(255, 205, 51);
-    color: black;
-    font-weight: bold;
-  }
-}
-
-@mixin typography($theme) {
-  $typography: mat.get-typography-config($theme);
-
-  .igo-map-tooltip-measure {
-    font-size: mat.font-size($typography, subtitle-1);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-measurer-theming($theme) {
+  @include color($theme);
+  @include typography($theme);
+}
+
+@mixin color($theme) {
+  $foreground: map.get($theme, foreground);
+
+  .igo-map-tooltip-measure {
+    background-color: rgba(255, 204, 51, 0.7);
+    border: 1px solid rgb(255, 205, 51);
+    color: black;
+    font-weight: bold;
+  }
+}
+
+@mixin typography($theme) {
+  $typography: mat.get-typography-config($theme);
+
+  .igo-map-tooltip-measure {
+    font-size: mat.font-size($typography, subtitle-1);
+  }
+}

package/src/lib/search/search-bar/search-bar.theming.scss

@@ -1,33 +1,33 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-  @include density($theme);
-
-  igo-search-bar {
-    mat-form-field {
-      .mdc-line-ripple {
-        display: none;
-      }
-    }
-  }
-}
-
-@mixin color($theme) {
-  igo-search-bar {
-    mat-form-field {
-      .mat-mdc-text-field-wrapper,
-      .mat-mdc-form-field-focus-overlay {
-        background-color: white !important;
-      }
-    }
-  }
-}
-
-@mixin density($theme) {
-  igo-search-bar {
-    @include mat.form-field-density($theme);
-    @include mat.icon-button-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+  @include density($theme);
+
+  igo-search-bar {
+    mat-form-field {
+      .mdc-line-ripple {
+        display: none;
+      }
+    }
+  }
+}
+
+@mixin color($theme) {
+  igo-search-bar {
+    mat-form-field {
+      .mat-mdc-text-field-wrapper,
+      .mat-mdc-form-field-focus-overlay {
+        background-color: white !important;
+      }
+    }
+  }
+}
+
+@mixin density($theme) {
+  igo-search-bar {
+    @include mat.form-field-density($theme);
+    @include mat.icon-button-density($theme);
+  }
+}

package/src/lib/search/search-results/search-results-item.theme.scss

@@ -1,20 +1,20 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  igo-search-results-item {
-    .mdc-list-item--with-leading-icon {
-      &:hover .mdc-list-item__start {
-        color: black;
-      }
-
-      .mdc-list-item__start {
-        color: rgba(0, 0, 0, 0.87);
-      }
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+}
+
+@mixin color($theme) {
+  igo-search-results-item {
+    .mdc-list-item--with-leading-icon {
+      &:hover .mdc-list-item__start {
+        color: black;
+      }
+
+      .mdc-list-item__start {
+        color: rgba(0, 0, 0, 0.87);
+      }
+    }
+  }
+}

package/src/lib/search/search.theming.scss

@@ -1,7 +1,7 @@
-@use './search-bar/search-bar.theming' as search-bar;
-@use './search-results/search-results-item.theme' as search-results-item;
-
-@mixin theme($theme) {
-  @include search-bar.theme($theme);
-  @include search-results-item.theme($theme);
-}
+@use './search-bar/search-bar.theming' as search-bar;
+@use './search-results/search-results-item.theme' as search-results-item;
+
+@mixin theme($theme) {
+  @include search-bar.theme($theme);
+  @include search-results-item.theme($theme);
+}

package/src/lib/workspace/confirmation-popup/confirmation-popup.theming.scss

@@ -1,14 +1,14 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-confirmation-popup-theming($theme) {
-  $foreground: map.get($theme, foreground);
-  $typography: mat.get-typography-config($theme);
-
-  igo-confirmation-popup-component {
-    h1 {
-      font-size: mat.font-size($typography, headline-4);
-      font-family: Roboto, 'Helvetica Neue', sans-serif;
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-confirmation-popup-theming($theme) {
+  $foreground: map.get($theme, foreground);
+  $typography: mat.get-typography-config($theme);
+
+  igo-confirmation-popup-component {
+    h1 {
+      font-size: mat.font-size($typography, headline-4);
+      font-family: Roboto, 'Helvetica Neue', sans-serif;
+    }
+  }
+}

package/src/lib/workspace/workspace.theming.scss

@@ -1,6 +1,6 @@
-@use './confirmation-popup/confirmation-popup.theming.scss' as
-  confirmation-popup;
-
-@mixin igo-workspace-theming($theme) {
-  @include confirmation-popup.igo-confirmation-popup-theming($theme);
-}
+@use './confirmation-popup/confirmation-popup.theming.scss' as
+  confirmation-popup;
+
+@mixin igo-workspace-theming($theme) {
+  @include confirmation-popup.igo-confirmation-popup-theming($theme);
+}

package/style/style.css

@@ -109,10 +109,11 @@
 
 .ol-viewport canvas {
   all: unset;
+  overflow: hidden;
 }
 
 .ol-viewport {
-  touch-action: none;
+  touch-action: pan-x pan-y;
 }
 
 .ol-selectable {