@igo2/geo 16.2.0 → 16.3.0

package/lib/datasource/shared/capabilities.interface.d.ts

@@ -6,3 +6,19 @@ export declare enum TypeCapabilities {
     tilearcgisrest = "esriJSON"
 }
 export type TypeCapabilitiesStrings = keyof typeof TypeCapabilities;
+export interface ArcGISRestCapabilitiesLayer {
+    id: number;
+    name: string;
+    parentLayerId: number;
+    defaultVisibility?: boolean;
+    subLayerIds: number[];
+    minScale: number;
+    maxScale: number;
+    type: ArcGISRestCapabilitiesLayerTypes;
+    geometryType?: string;
+}
+export declare enum ArcGISRestCapabilitiesLayerTypes {
+    FeatureLayer = "Feature Layer",
+    RasterLayer = "Raster Layer",
+    GroupLayer = "Group Layer"
+}

package/lib/overlay/shared/overlay.d.ts

@@ -38,7 +38,7 @@ export declare class Overlay<T extends MapBase = MapBase> {
     /**
      * Add a feature to the  overlay and, optionally, move to it
      * @param feature Feature
-     * @param motion Optional: Apply this motion to the map view
+     * @param motion Optional: Apply this motion to the map view (default on FeatureMotion.Default)
      */
     addFeature(feature: Feature, motion?: FeatureMotion): void;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/geo",
-  "version": "16.2.0",
+  "version": "16.3.0",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -26,7 +26,7 @@
     "./style": {
       "sass": "./style/style.scss"
     },
-    "./theming": {
+    "./theme": {
       "sass": "./src/geo-theme.scss"
     },
     "./package.json": {
@@ -50,9 +50,9 @@
     "@angular/forms": "^16.2.5",
     "@angular/material": "^16.2.4",
     "@angular/platform-browser": "^16.2.5",
-    "@igo2/common": "^16.2.0",
-    "@igo2/core": "^16.2.0",
-    "@igo2/utils": "^16.2.0",
+    "@igo2/common": "^16.3.0",
+    "@igo2/core": "^16.3.0",
+    "@igo2/utils": "^16.3.0",
     "@mat-datetimepicker/core": "~12.0.0",
     "file-saver": "^2.0.2",
     "flexsearch": "0.7.21",

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);
+}

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

@@ -1,46 +1,46 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-@mixin igo-map-browser-theming($theme) {
-  @include color($theme);
-  @include density($theme);
-  @include typography($theme);
-}
-
-@mixin color($theme) {
-  $primary: map.get($theme, primary);
-  $is-dark: map.get($theme, is-dark);
-
-  igo-map-browser div.ol-attribution > button {
-    color: mat.get-color-from-palette(
-      $primary,
-      if($is-dark, default-contrast, default)
-    );
-    background-color: mat.get-color-from-palette(
-      $primary,
-      if($is-dark, default, default-contrast)
-    );
-  }
-}
-
-@mixin typography($theme) {
-  $typography: mat.get-typography-config($theme);
-
-  igo-map-browser div.ol-attribution > ul {
-    font-size: mat.font-size($typography, body-1);
-  }
-}
-
-@mixin density($theme) {
-  $density: mat.get-density-config($theme);
-  $theme: map.merge(
-    $theme,
-    (
-      density: $density - 2
-    )
-  );
-
-  igo-map-browser {
-    @include mat.icon-button-density($theme);
-  }
-}
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin igo-map-browser-theming($theme) {
+  @include color($theme);
+  @include density($theme);
+  @include typography($theme);
+}
+
+@mixin color($theme) {
+  $primary: map.get($theme, primary);
+  $is-dark: map.get($theme, is-dark);
+
+  igo-map-browser div.ol-attribution > button {
+    color: mat.get-color-from-palette(
+      $primary,
+      if($is-dark, default-contrast, default)
+    );
+    background-color: mat.get-color-from-palette(
+      $primary,
+      if($is-dark, default, default-contrast)
+    );
+  }
+}
+
+@mixin typography($theme) {
+  $typography: mat.get-typography-config($theme);
+
+  igo-map-browser div.ol-attribution > ul {
+    font-size: mat.font-size($typography, body-1);
+  }
+}
+
+@mixin density($theme) {
+  $density: mat.get-density-config($theme);
+  $theme: map.merge(
+    $theme,
+    (
+      density: $density - 2
+    )
+  );
+
+  igo-map-browser {
+    @include mat.icon-button-density($theme);
+  }
+}