@igo2/geo 16.3.0 → 17.0.0-next.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/geo",
-  "version": "16.3.0",
+  "version": "17.0.0-next.10",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -44,16 +44,18 @@
     "windows-1252": "^3.0.4"
   },
   "peerDependencies": {
-    "@angular/animations": "^16.2.5",
-    "@angular/common": "^16.2.5",
-    "@angular/core": "^16.2.5",
-    "@angular/forms": "^16.2.5",
-    "@angular/material": "^16.2.4",
-    "@angular/platform-browser": "^16.2.5",
-    "@igo2/common": "^16.3.0",
-    "@igo2/core": "^16.3.0",
-    "@igo2/utils": "^16.3.0",
-    "@mat-datetimepicker/core": "~12.0.0",
+    "@angular/animations": "^17.0.6",
+    "@angular/common": "^17.0.6",
+    "@angular/core": "^17.0.6",
+    "@angular/forms": "^17.0.6",
+    "@angular/material": "^17.0.3",
+    "@angular/material-moment-adapter": "^17.1.0",
+    "@angular/platform-browser": "^17.0.6",
+    "@igo2/auth": "^17.0.0-next.10",
+    "@igo2/common": "^17.0.0-next.10",
+    "@igo2/core": "^17.0.0-next.10",
+    "@igo2/utils": "^17.0.0-next.10",
+    "@mat-datetimepicker/core": "~13.0.0",
     "file-saver": "^2.0.2",
     "flexsearch": "0.7.21",
     "html2canvas": "^1.4.1",
@@ -63,8 +65,8 @@
     "moment": "^2.29.4",
     "ngx-color-picker": "^14.0.0",
     "ngx-indexed-db": "^11.0.2",
+    "ol": "9.1.0",
     "ol-mapbox-style": "^12.0.0",
-    "ol": "^7.5.2",
     "proj4": "^2.9.0",
     "rxjs": "^7.8.0",
     "striptags": "^3.2.0"

package/public_api.d.ts

@@ -1,20 +1,18 @@
 export * from './lib/geo.module';
-export * from './lib/catalog/catalog.module';
 export * from './lib/catalog/catalog-browser/catalog-browser.module';
 export * from './lib/catalog/catalog-library/catalog-library.module';
-export * from './lib/datasource/datasource.module';
+export * from './lib/catalog/catalog.module';
 export * from './lib/directions/directions.module';
 export * from './lib/download/download.module';
-export * from './lib/draw/drawingTool.module';
 export * from './lib/draw/draw/draw.module';
-export * from './lib/workspace/workspace.module';
-export * from './lib/feature/feature.module';
-export * from './lib/feature/feature-form/feature-form.module';
-export * from './lib/feature/feature-details/feature-details.module';
+export * from './lib/draw/drawingTool.module';
 export * from './lib/feature/feature-details/feature-details.directive';
+export * from './lib/feature/feature-details/feature-details.module';
+export * from './lib/feature/feature-form/feature-form.module';
+export * from './lib/feature/feature.module';
 export * from './lib/filter/filter.module';
-export * from './lib/geometry/geometry.module';
 export * from './lib/geometry/geometry-form-field/geometry-form-field.module';
+export * from './lib/geometry/geometry.module';
 export * from './lib/import-export/import-export.module';
 export * from './lib/layer/layer.module';
 export * from './lib/map/map.module';
@@ -28,8 +26,10 @@ export * from './lib/search/search.module';
 export * from './lib/style/style.module';
 export * from './lib/toast/toast.module';
 export * from './lib/wkt/wkt.module';
+export * from './lib/workspace/workspace.module';
 export * from './lib/catalog';
 export * from './lib/datasource';
+export * from './lib/directions';
 export * from './lib/download';
 export * from './lib/draw';
 export * from './lib/environment';
@@ -41,14 +41,13 @@ export * from './lib/layer';
 export * from './lib/map';
 export * from './lib/measure';
 export * from './lib/metadata';
+export * from './lib/offline';
 export * from './lib/overlay';
 export * from './lib/print';
 export * from './lib/query';
-export * from './lib/directions';
 export * from './lib/search';
+export * from './lib/style';
 export * from './lib/toast';
 export * from './lib/utils';
 export * from './lib/wkt';
 export * from './lib/workspace';
-export * from './lib/style';
-export * from './lib/offline';

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/geo-theme.scss

@@ -1,23 +1,23 @@
-@use './lib/directions/directions.theming.scss' as directions-theme;
-@use './lib/draw/draw.theming.scss' as draw-theme;
-@use './lib/feature/feature.theming.scss' as feature-theme;
-@use './lib/filter/filter.theming.scss' as filter-theme;
-@use './lib/layer/layer.theming.scss' as layer-theme;
-@use './lib/map/map.theming.scss' as map-theme;
-@use './lib/measure/measure.theming.scss' as measure-theme;
-@use './lib/search/search.theming.scss' as search-theme;
-@use './lib/workspace/workspace.theming.scss' as workspace-theme;
-@use './lib/catalog/catalog.theming.scss' as catalog-theme;
-
-@mixin geo-component-themes($theme) {
-  @include directions-theme.igo-directions-theming($theme);
-  @include draw-theme.igo-draw-theming($theme);
-  @include feature-theme.igo-feature-theming($theme);
-  @include filter-theme.igo-filter-theming($theme);
-  @include layer-theme.igo-layer-theming($theme);
-  @include map-theme.igo-map-theming($theme);
-  @include measure-theme.igo-measure-theming($theme);
-  @include search-theme.theme($theme);
-  @include workspace-theme.igo-workspace-theming($theme);
-  @include catalog-theme.themes($theme);
-}
+@use './lib/directions/directions.theming.scss' as directions-theme;
+@use './lib/draw/draw.theming.scss' as draw-theme;
+@use './lib/feature/feature.theming.scss' as feature-theme;
+@use './lib/filter/filter.theming.scss' as filter-theme;
+@use './lib/layer/layer.theming.scss' as layer-theme;
+@use './lib/map/map.theming.scss' as map-theme;
+@use './lib/measure/measure.theming.scss' as measure-theme;
+@use './lib/search/search.theming.scss' as search-theme;
+@use './lib/workspace/workspace.theming.scss' as workspace-theme;
+@use './lib/catalog/catalog.theming.scss' as catalog-theme;
+
+@mixin geo-component-themes($theme) {
+  @include directions-theme.igo-directions-theming($theme);
+  @include draw-theme.igo-draw-theming($theme);
+  @include feature-theme.igo-feature-theming($theme);
+  @include filter-theme.igo-filter-theming($theme);
+  @include layer-theme.igo-layer-theming($theme);
+  @include map-theme.igo-map-theming($theme);
+  @include measure-theme.igo-measure-theming($theme);
+  @include search-theme.theme($theme);
+  @include workspace-theme.igo-workspace-theming($theme);
+  @include catalog-theme.themes($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/filter/filter.theming.scss

@@ -1,13 +1,13 @@
-@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme' as
-  datetimepicker;
-
-@use './time-filter-form/time-filter-form.theming.scss' as time-filter;
-@use './ogc-filter-selection/ogc-filter-selection.theming.scss' as
-  ogc-filter-selection;
-
-@mixin igo-filter-theming($theme) {
-  @include datetimepicker.mat-datetimepicker-theme($theme);
-
-  @include time-filter.igo-time-filter-form-theming($theme);
-  @include ogc-filter-selection.igo-ogc-filter-selection-theming($theme);
-}
+@use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme' as
+  datetimepicker;
+
+@use './time-filter-form/time-filter-form.theming.scss' as time-filter;
+@use './ogc-filter-selection/ogc-filter-selection.theming.scss' as
+  ogc-filter-selection;
+
+@mixin igo-filter-theming($theme) {
+  @include datetimepicker.mat-datetimepicker-theme($theme);
+
+  @include time-filter.igo-time-filter-form-theming($theme);
+  @include ogc-filter-selection.igo-ogc-filter-selection-theming($theme);
+}

package/src/lib/filter/ogc-filter-selection/ogc-filter-selection.theming.scss

@@ -1,18 +1,18 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-ogc-filter-selection-theming($theme) {
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-  $dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
-
-  igo-ogc-filter-selection {
-    mat-button-toggle.mat-button-toggle-checked {
-      background-color: mat.get-color-from-palette($accent);
-      color: mat.get-color-from-palette($dark);
-    }
-    mat-button-toggle {
-      color: black !important;
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-ogc-filter-selection-theming($theme) {
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+  $dark: mat.define-palette(mat.$grey-palette, 800, 700, 900);
+
+  igo-ogc-filter-selection {
+    mat-button-toggle.mat-button-toggle-checked {
+      background-color: mat.get-color-from-palette($accent);
+      color: mat.get-color-from-palette($dark);
+    }
+    mat-button-toggle {
+      color: black !important;
+    }
+  }
+}

package/src/lib/filter/time-filter-form/time-filter-form.theming.scss

@@ -1,5 +1,5 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-time-filter-form-theming($theme) {
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-time-filter-form-theming($theme) {
+}

package/src/lib/layer/layer-item/layer-item.theme.scss

@@ -1,33 +1,33 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-}
-
-@mixin color($theme) {
-  $foreground: map.get($theme, foreground);
-  $primary: map.get($theme, primary);
-  $accent: map.get($theme, accent);
-
-  igo-layer-item {
-    &.igo-layer-item-focused > mat-list-item {
-      background-color: mat.get-color-from-palette($accent, lighter);
-      color: mat.get-color-from-palette($primary, default-contrast);
-    }
-
-    button {
-      &:not(.mat-primary) {
-        mat-icon {
-          color: mat.get-color-from-palette($foreground, base);
-        }
-      }
-
-      mat-icon {
-        &.disabled {
-          color: mat.get-color-from-palette($foreground, disabled);
-        }
-      }
-    }
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+}
+
+@mixin color($theme) {
+  $foreground: map.get($theme, foreground);
+  $primary: map.get($theme, primary);
+  $accent: map.get($theme, accent);
+
+  igo-layer-item {
+    &.igo-layer-item-focused > mat-list-item {
+      background-color: mat.get-color-from-palette($accent, lighter);
+      color: mat.get-color-from-palette($primary, default-contrast);
+    }
+
+    button {
+      &:not(.mat-primary) {
+        mat-icon {
+          color: mat.get-color-from-palette($foreground, base);
+        }
+      }
+
+      mat-icon {
+        &.disabled {
+          color: mat.get-color-from-palette($foreground, disabled);
+        }
+      }
+    }
+  }
+}

package/src/lib/layer/layer-legend/layer-legend.theming.scss

@@ -1,10 +1,10 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-layer-legend-theming($theme) {
-  $primary: map.get($theme, primary);
-
-  igo-layer-legend img:after {
-    border-top-color: mat.get-color-from-palette($primary);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-layer-legend-theming($theme) {
+  $primary: map.get($theme, primary);
+
+  igo-layer-legend img:after {
+    border-top-color: mat.get-color-from-palette($primary);
+  }
+}

package/src/lib/layer/layer-list-tool/layer-list-tool.theming.scss

@@ -1,34 +1,34 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin theme($theme) {
-  @include color($theme);
-  @include density($theme);
-}
-
-@mixin color($theme) {
-  igo-layer-list-tool {
-    mat-form-field {
-      .mat-mdc-text-field-wrapper,
-      .mat-mdc-form-field-focus-overlay {
-        background-color: white !important;
-      }
-    }
-  }
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-layer-list-tool {
-    @include mat.icon-button-density($theme);
-    @include mat.form-field-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  @include color($theme);
+  @include density($theme);
+}
+
+@mixin color($theme) {
+  igo-layer-list-tool {
+    mat-form-field {
+      .mat-mdc-text-field-wrapper,
+      .mat-mdc-form-field-focus-overlay {
+        background-color: white !important;
+      }
+    }
+  }
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-layer-list-tool {
+    @include mat.icon-button-density($theme);
+    @include mat.form-field-density($theme);
+  }
+}

package/src/lib/layer/layer.theming.scss

@@ -1,10 +1,10 @@
-@use '@angular/material' as mat;
-@use './layer-legend/layer-legend.theming.scss' as layer-legend;
-@use './layer-list-tool/layer-list-tool.theming.scss' as layer-list-tool;
-@use './layer-item/layer-item.theme.scss' as layer-item;
-
-@mixin igo-layer-theming($theme) {
-  @include layer-legend.igo-layer-legend-theming($theme);
-  @include layer-list-tool.theme($theme);
-  @include layer-item.theme($theme);
-}
+@use '@angular/material' as mat;
+@use './layer-legend/layer-legend.theming.scss' as layer-legend;
+@use './layer-list-tool/layer-list-tool.theming.scss' as layer-list-tool;
+@use './layer-item/layer-item.theme.scss' as layer-item;
+
+@mixin igo-layer-theming($theme) {
+  @include layer-legend.igo-layer-legend-theming($theme);
+  @include layer-list-tool.theme($theme);
+  @include layer-item.theme($theme);
+}