@igo2/geo 16.1.1 → 16.2.0

package/lib/feature/shared/feature.interfaces.d.ts

@@ -6,7 +6,7 @@ import OlRenderFeature from 'ol/render/Feature';
 import { GeoJsonGeometryTypes } from 'geojson';
 import { SourceFieldsOptionsParams } from '../../datasource/shared/datasources';
 import { VectorLayer } from '../../layer/shared/layers/vector-layer';
-import { IgoMap } from '../../map/shared/map';
+import type { IgoMap } from '../../map/shared/map';
 import { FeatureMotion } from './feature.enums';
 export interface Feature<P = {
     [key: string]: any;

package/lib/feature/shared/store.d.ts

@@ -1,4 +1,4 @@
-import { EntityKey, EntityStoreWithStrategy } from '@igo2/common';
+import { EntityKey, EntityStore } from '@igo2/common';
 import OlFeature from 'ol/Feature';
 import type { default as OlGeometry } from 'ol/geom/Geometry';
 import { Document } from 'flexsearch';
@@ -12,7 +12,7 @@ import { Feature, FeatureStoreOptions } from './feature.interfaces';
  * features and the map layer to display them on. Synchronization
  * between the store and the layer is handled by strategies.
  */
-export declare class FeatureStore<T extends Feature = Feature> extends EntityStoreWithStrategy<T> {
+export declare class FeatureStore<T extends Feature = Feature> extends EntityStore<T> {
     /**
      * Vector layer to display the features on
      */

package/lib/filter/shared/ogc-filter.interface.d.ts

@@ -25,7 +25,7 @@ export interface WFSWriteGetFeatureOptions {
     filter?: olFormatFilter;
     resultType?: string;
 }
-export type AnyBaseOgcFilterOptions = OgcFilterCondionsArrayOptions | OgcFilterSpatialOptions | OgcFilterDuringOptions | OgcFilterIsBetweenOptions | OgcFilterEqualToOptions | OgcFilterGreaterLessOptions | OgcFilterIsLikeOptions | OgcFilterIsNullOptions;
+export type AnyBaseOgcFilterOptions = OgcFilterConditionsArrayOptions | OgcFilterSpatialOptions | OgcFilterDuringOptions | OgcFilterIsBetweenOptions | OgcFilterEqualToOptions | OgcFilterGreaterLessOptions | OgcFilterIsLikeOptions | OgcFilterIsNullOptions;
 export type IgoOgcFilterObject = IgoLogicalArrayOptions | AnyBaseOgcFilterOptions;
 export interface OgcFiltersOptions {
     enabled?: boolean;
@@ -116,7 +116,7 @@ export interface IgoDomSelector {
     propertyName: string;
     domValue: DOMValue[];
 }
-export interface OgcFilterCondionsArrayOptions {
+export interface OgcFilterConditionsArrayOptions {
     conditions: OgcFilter[];
 }
 export interface OgcFilterSpatialOptions {

package/lib/filter/spatial-filter/spatial-filter-item/spatial-filter-item.component.d.ts

@@ -3,7 +3,7 @@ import { NestedTreeControl } from '@angular/cdk/tree';
 import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import { MatTreeNestedDataSource } from '@angular/material/tree';
-import { EntityStoreWithStrategy, EntityTableTemplate } from '@igo2/common';
+import { EntityStore, EntityTableTemplate } from '@igo2/common';
 import { LanguageService, MessageService } from '@igo2/core';
 import type { Type } from 'ol/geom/Geometry';
 import * as olStyle from 'ol/style';
@@ -33,8 +33,8 @@ export declare class SpatialFilterItemComponent implements OnDestroy, OnInit {
     queryType: SpatialFilterQueryType;
     zone: Feature;
     loading: any;
-    get store(): EntityStoreWithStrategy<Feature>;
-    set store(store: EntityStoreWithStrategy<Feature>);
+    get store(): EntityStore<Feature>;
+    set store(store: EntityStore<Feature>);
     private _store;
     /**
      * Available measure units for the measure type given

package/lib/layer/shared/layers/layer.d.ts

@@ -6,7 +6,7 @@ import olSource from 'ol/source/Source';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { DataSource } from '../../../datasource/shared/datasources/datasource';
 import { Legend } from '../../../datasource/shared/datasources/datasource.interface';
-import { MapBase } from '../../../map/shared/map.abstract';
+import type { MapBase } from '../../../map/shared/map.abstract';
 import { GeoDBService } from '../../../offline/geoDB/geoDB.service';
 import { LayerDBService } from '../../../offline/layerDB/layerDB.service';
 import { LayerOptions } from './layer.interface';

package/lib/layer/shared/layers/layer.interface.d.ts

@@ -58,6 +58,8 @@ export interface GeoWorkspaceQueryOptions {
 }
 export interface LayersLink {
     linkId: string;
+    /** Default value is true */
+    showInMiniBaseMap?: boolean;
     links?: LayersLinkProperties[];
 }
 export interface LayersLinkProperties {

package/lib/layer/utils/image-watcher.d.ts

@@ -1,6 +1,6 @@
 import { MessageService } from '@igo2/core';
 import { Watcher } from '@igo2/utils';
-import { ImageLayer } from '../shared/layers/image-layer';
+import type { ImageLayer } from '../shared/layers/image-layer';
 export declare class ImageWatcher extends Watcher {
     protected id: string;
     protected loaded: number;

package/lib/layer/utils/tile-watcher.d.ts

@@ -1,6 +1,6 @@
 import { Watcher } from '@igo2/utils';
-import { TileLayer } from '../shared/layers/tile-layer';
-import { VectorTileLayer } from '../shared/layers/vectortile-layer';
+import type { TileLayer } from '../shared/layers/tile-layer';
+import type { VectorTileLayer } from '../shared/layers/vectortile-layer';
 export declare class TileWatcher extends Watcher {
     private id;
     private loaded;

package/lib/layer/utils/vector-watcher.d.ts

@@ -1,5 +1,5 @@
 import { Watcher } from '@igo2/utils';
-import { VectorLayer } from '../shared/layers/vector-layer';
+import type { VectorLayer } from '../shared/layers/vector-layer';
 export declare class VectorWatcher extends Watcher {
     private id;
     private loaded;

package/lib/map/shared/controllers/geolocation.d.ts

@@ -2,7 +2,7 @@ import { ConfigService, StorageService } from '@igo2/core';
 import olGeolocation from 'ol/Geolocation';
 import OlMap from 'ol/Map';
 import { BehaviorSubject } from 'rxjs';
-import { MapBase } from '../map.abstract';
+import type { MapBase } from '../map.abstract';
 import { MapViewOptions } from '../map.interface';
 import { MapController } from './controller';
 import { GeolocationBuffer, MapGeolocationControllerOptions, MapGeolocationState } from './geolocation.interface';

package/lib/map/shared/linkedLayers.utils.d.ts

@@ -1,6 +1,6 @@
 import { ObjectEvent } from 'ol/Object';
 import { Layer, LinkedProperties } from '../../layer/shared/layers';
-import { MapBase } from '../shared/map.abstract';
+import type { MapBase } from '../shared/map.abstract';
 export declare function getLinkedLayersOptions(layer: Layer): import("../../layer/shared/layers").LayersLink;
 export declare function getIgoLayerByLinkId(map: MapBase, id: string): Layer;
 export declare function layerHasLinkWithProperty(layer: Layer, property: LinkedProperties): boolean;

package/lib/map/shared/map.d.ts

@@ -12,7 +12,7 @@ import { Layer } from '../../layer/shared/layers';
 import { Overlay } from '../../overlay/shared/overlay';
 import { MapGeolocationController } from './controllers/geolocation';
 import { MapViewController } from './controllers/view';
-import { MapBase } from './map.abstract';
+import type { MapBase } from './map.abstract';
 import { MapControlsOptions, MapExtent, MapOptions, MapViewOptions } from './map.interface';
 export declare class IgoMap implements MapBase {
     private storageService?;

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

@@ -2,7 +2,7 @@ import OlFeature from 'ol/Feature';
 import type { default as OlGeometry } from 'ol/geom/Geometry';
 import { FeatureDataSource } from '../../datasource/shared/datasources';
 import { Feature, FeatureMotion } from '../../feature/shared';
-import { MapBase } from '../../map/shared/map.abstract';
+import type { MapBase } from '../../map/shared/map.abstract';
 /**
  * This class is simply a shortcut for adding features to a map.
  * It does nothing more than a standard layer but it's shipped with

package/lib/search/search-results/search-results.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import type { TemplateRef } from '@angular/core';
-import { EntityStoreWithStrategy } from '@igo2/common';
+import { EntityStore } from '@igo2/common';
 import { ConfigService } from '@igo2/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { IgoMap } from '../../map/shared/map';
@@ -41,7 +41,7 @@ export declare class SearchResultsComponent implements OnInit, OnDestroy {
     /**
      * Search results store
      */
-    store: EntityStoreWithStrategy<SearchResult>;
+    store: EntityStore<SearchResult>;
     /**
      * to show hide results icons
      */

package/lib/style/shared/vector/vector-style.interface.d.ts

@@ -1,7 +1,7 @@
 import olFeature from 'ol/Feature';
 import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olStyle from 'ol/style/Style';
-import { Feature } from '../../../feature/shared/feature.interfaces';
+import type { Feature } from '../../../feature/shared/feature.interfaces';
 export interface FeatureCommonVectorStyleOptions extends CommonVectorStyleOptions {
     feature: Feature | olFeature<OlGeometry>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/geo",
-  "version": "16.1.1",
+  "version": "16.2.0",
   "description": "IGO Library",
   "author": "IGO Community",
   "keywords": [
@@ -17,6 +17,7 @@
   },
   "exports": {
     ".": {
+      "sass": "./src/_index.scss",
       "types": "./index.d.ts",
       "esm2022": "./esm2022/igo2-geo.mjs",
       "esm": "./esm2022/igo2-geo.mjs",
@@ -49,9 +50,9 @@
     "@angular/forms": "^16.2.5",
     "@angular/material": "^16.2.4",
     "@angular/platform-browser": "^16.2.5",
-    "@igo2/common": "^16.1.1",
-    "@igo2/core": "^16.1.1",
-    "@igo2/utils": "^16.1.1",
+    "@igo2/common": "^16.2.0",
+    "@igo2/core": "^16.2.0",
+    "@igo2/utils": "^16.2.0",
     "@mat-datetimepicker/core": "~12.0.0",
     "file-saver": "^2.0.2",
     "flexsearch": "0.7.21",

package/src/_index.scss

@@ -0,0 +1,2 @@
+@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);
+  }
+}