@igo2/geo 17.0.0-next.5 → 17.0.0-next.6

package/lib/catalog/catalog-browser/catalog-browser-layer.component.d.ts

@@ -70,7 +70,7 @@ export declare class CatalogBrowserLayerComponent implements OnInit, OnDestroy {
     haveGroup(): boolean;
     isInResolutionsRange(resolution: number): void;
     isVisible(): void;
-    getBadgeIcon(): "" | "eye-off";
+    getBadgeIcon(): "" | "visibility_off";
     computeTooltip(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CatalogBrowserLayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CatalogBrowserLayerComponent, "igo-catalog-browser-layer", never, { "resolution": { "alias": "resolution"; "required": false; }; "catalogAllowLegend": { "alias": "catalogAllowLegend"; "required": false; }; "layer": { "alias": "layer"; "required": false; }; "map": { "alias": "map"; "required": false; }; "added": { "alias": "added"; "required": false; }; }, { "addedChange": "addedChange"; "addedLayerIsPreview": "addedLayerIsPreview"; }, never, never, true, never>;

package/lib/datasource/shared/datasources/arcgisrest-datasource.d.ts

@@ -1,12 +1,11 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSourceVector from 'ol/source/Vector';
 import { ArcGISRestDataSourceOptions } from './arcgisrest-datasource.interface';
 import { DataSource } from './datasource';
 import { Legend } from './datasource.interface';
 export declare class ArcGISRestDataSource extends DataSource {
-    ol: olSourceVector<OlGeometry>;
+    ol: olSourceVector;
     options: ArcGISRestDataSourceOptions;
-    protected createOlSource(): olSourceVector<OlGeometry>;
+    protected createOlSource(): olSourceVector;
     getLegend(): Legend[];
     htmlImgSrc(contentType: string, imageData: string): string;
     createSVG(symbol: any): string;

package/lib/datasource/shared/datasources/cluster-datasource.interface.d.ts

@@ -1,10 +1,9 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSourceVector from 'ol/source/Vector';
 import { FeatureDataSourceOptions } from './feature-datasource.interface';
 export interface ClusterDataSourceOptions extends FeatureDataSourceOptions {
     distance?: number;
-    source?: olSourceVector<OlGeometry>;
-    ol?: olSourceVector<OlGeometry>;
+    source?: olSourceVector;
+    ol?: olSourceVector;
     pathOffline?: string;
     excludeAttribute?: Array<string>;
     excludeAttributeOffline?: Array<string>;

package/lib/datasource/shared/datasources/datasource.d.ts

@@ -1,4 +1,3 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olClusterSource from 'ol/source/Cluster';
 import olSource from 'ol/source/Source';
 import olVectorSource from 'ol/source/Vector';
@@ -9,7 +8,7 @@ export declare abstract class DataSource {
     options: DataSourceOptions;
     protected dataService?: DataService;
     id: string;
-    ol: olSource | olVectorSource<OlGeometry> | olClusterSource;
+    ol: olSource | olVectorSource | olClusterSource;
     private legend;
     constructor(options?: DataSourceOptions, dataService?: DataService);
     protected abstract createOlSource(): olSource;

package/lib/datasource/shared/datasources/feature-datasource.d.ts

@@ -1,11 +1,10 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSourceVector from 'ol/source/Vector';
 import { DataSource } from './datasource';
 import { FeatureDataSourceOptions } from './feature-datasource.interface';
 export declare class FeatureDataSource extends DataSource {
     options: FeatureDataSourceOptions;
-    ol: olSourceVector<OlGeometry>;
-    protected createOlSource(): olSourceVector<OlGeometry>;
+    ol: olSourceVector;
+    protected createOlSource(): olSourceVector;
     protected getSourceFormatFromOptions(options: FeatureDataSourceOptions): any;
     onUnwatch(): void;
     get queryTitle(): string;

package/lib/datasource/shared/datasources/feature-datasource.interface.d.ts

@@ -1,6 +1,5 @@
 import olFeature from 'ol/Feature';
 import olFormatFeature from 'ol/format/Feature';
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSource from 'ol/source/Source';
 import olSourceVector from 'ol/source/Vector';
 import { DataSourceOptions } from './datasource.interface';
@@ -8,14 +7,14 @@ export interface FeatureDataSourceOptions extends DataSourceOptions {
     formatType?: string;
     formatOptions?: any;
     params?: any;
-    features?: olFeature<OlGeometry>[];
+    features?: olFeature[];
     format?: olFormatFeature;
     url?: string;
     pathOffline?: string;
     preload?: PreloadOptions;
     excludeAttribute?: Array<string>;
     excludeAttributeOffline?: Array<string>;
-    ol?: olSourceVector<OlGeometry> | olSource;
+    ol?: olSourceVector | olSource;
 }
 export interface PreloadOptions {
     bypassVisible?: boolean;

package/lib/datasource/shared/datasources/websocket-datasource.d.ts

@@ -1,11 +1,10 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSourceVector from 'ol/source/Vector';
 import { FeatureDataSource } from './feature-datasource';
 import { WebSocketDataSourceOptions } from './websocket-datasource.interface';
 export declare class WebSocketDataSource extends FeatureDataSource {
     ws: WebSocket;
     options: WebSocketDataSourceOptions;
-    protected createOlSource(): olSourceVector<OlGeometry>;
+    protected createOlSource(): olSourceVector;
     private createWebSocket;
     onMessage(event: any): void;
     onClose(event: any): void;

package/lib/datasource/shared/datasources/wfs-datasource.d.ts

@@ -1,5 +1,4 @@
 import { AuthInterceptor } from '@igo2/auth';
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSourceVector from 'ol/source/Vector';
 import { OgcFiltersOptions } from '../../../filter/shared/ogc-filter.interface';
 import { DataSource } from './datasource';
@@ -9,11 +8,11 @@ export declare class WFSDataSource extends DataSource {
     options: WFSDataSourceOptions;
     protected wfsService: WFSService;
     private authInterceptor?;
-    ol: olSourceVector<OlGeometry>;
+    ol: olSourceVector;
     set ogcFilters(value: OgcFiltersOptions);
     get ogcFilters(): OgcFiltersOptions;
     constructor(options: WFSDataSourceOptions, wfsService: WFSService, authInterceptor?: AuthInterceptor);
-    protected createOlSource(): olSourceVector<OlGeometry>;
+    protected createOlSource(): olSourceVector;
     setOgcFilters(ogcFilters: OgcFiltersOptions, triggerEvent?: boolean): void;
     onUnwatch(): void;
 }

package/lib/datasource/shared/datasources/wfs-datasource.interface.d.ts

@@ -1,4 +1,3 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSource from 'ol/source/Source';
 import olSourceVector from 'ol/source/Vector';
 import { FeatureDataSourceOptions } from './feature-datasource.interface';
@@ -6,7 +5,7 @@ export interface WFSDataSourceOptions extends FeatureDataSourceOptions {
     params: WFSDataSourceOptionsParams;
     paramsWFS?: WFSDataSourceOptionsParams;
     urlWfs?: string;
-    ol?: olSourceVector<OlGeometry> | olSource;
+    ol?: olSourceVector | olSource;
 }
 export interface WFSDataSourceOptionsParams {
     version?: string;

package/lib/datasource/shared/datasources/wms-datasource.interface.d.ts

@@ -1,4 +1,3 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSource from 'ol/source/Source';
 import olSourceVector from 'ol/source/Vector';
 import type { ServerType } from 'ol/source/wms';
@@ -15,7 +14,7 @@ export interface WMSDataSourceOptions extends DataSourceOptions {
     resolutions?: number[];
     serverType?: ServerType;
     ratio?: number;
-    ol?: olSourceVector<OlGeometry> | olSource;
+    ol?: olSourceVector | olSource;
     refreshIntervalSec?: number;
     contentDependentLegend?: boolean;
     excludeAttribute?: Array<string>;

package/lib/directions/shared/directions.interface.d.ts

@@ -1,5 +1,6 @@
 import { GeoJsonGeometryTypes } from 'geojson';
 import { Feature } from '../../feature/shared/feature.interfaces';
+import { SearchMeta } from '../../search';
 import { SearchSource } from '../../search/shared/sources/source';
 import { DirectionRelativePositionType, DirectionType, DirectionsFormat, ProposalType, SourceDirectionsType } from './directions.enum';
 export interface DirectionOptions {
@@ -52,15 +53,7 @@ export interface SourceProposal {
     results: {
         [key: string]: any;
     }[];
-    meta: {
-        dataType: string;
-        id: string;
-        title: string;
-        titleHtml?: string;
-        icon: string;
-        score?: number;
-        nextPage?: boolean;
-    };
+    meta: SearchMeta;
 }
 export interface Direction {
     id: string;

package/lib/draw/draw/draw-shorcuts.component.d.ts

@@ -1,5 +1,7 @@
+import { IconSvg } from '@igo2/common';
 import * as i0 from "@angular/core";
 export declare class DrawShorcutsComponent {
+    svgIcon: IconSvg;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawShorcutsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrawShorcutsComponent, "igo-draw-shorcuts", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,6 @@
 import { DOMValue } from '@igo2/common';
 import olFormatFilter from 'ol/format/filter/Filter';
 import olGeometry from 'ol/geom/Geometry';
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSource from 'ol/source/Source';
 import olSourceVector from 'ol/source/Vector';
 import { DataSource } from '../../datasource/shared/datasources/datasource';
@@ -99,7 +98,7 @@ export interface OgcAutocomplete {
 }
 export interface OgcFilterableDataSourceOptions extends DataSourceOptions {
     ogcFilters?: OgcFiltersOptions;
-    ol?: olSourceVector<OlGeometry> | olSource;
+    ol?: olSourceVector | olSource;
 }
 export interface OgcFilterableDataSource extends DataSource {
     options: OgcFilterableDataSourceOptions;

package/lib/geometry/geometry-form-field/geometry-form-field-input.component.d.ts

@@ -1,6 +1,5 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import OlGeometry from 'ol/geom/Geometry';
 import type { Type } from 'ol/geom/Geometry';
 import OlVectorSource from 'ol/source/Vector';
 import * as OlStyle from 'ol/style';
@@ -98,7 +97,7 @@ export declare class GeometryFormFieldInputComponent implements OnInit, OnDestro
      * The vector source to add the geometry to
      * @internal
      */
-    get olOverlaySource(): OlVectorSource<OlGeometry>;
+    get olOverlaySource(): OlVectorSource;
     set radius(value: any);
     constructor(cdRef: ChangeDetectorRef, ngControl: NgControl);
     /**

package/lib/geometry/shared/controls/draw.d.ts

@@ -7,8 +7,8 @@ import { StyleLike as OlStyleLike } from 'ol/style/Style';
 import { BehaviorSubject, Subject } from 'rxjs';
 export interface DrawControlOptions {
     geometryType: Type | string;
-    drawingLayerSource?: OlVectorSource<OlGeometry>;
-    drawingLayer?: OlVectorLayer<OlVectorSource<OlGeometry>>;
+    drawingLayerSource?: OlVectorSource;
+    drawingLayer?: OlVectorLayer<OlVectorSource>;
     drawingLayerStyle?: OlStyleLike;
     interactionStyle?: OlStyleLike;
     maxPoints?: number;
@@ -79,7 +79,7 @@ export declare class DrawControl {
      * OL overlay source
      * @internal
      */
-    get olDrawingLayerSource(): OlVectorSource<OlGeometry>;
+    get olDrawingLayerSource(): OlVectorSource;
     constructor(options: DrawControlOptions);
     /**
      * Add or remove this control to/from a map.
@@ -89,7 +89,7 @@ export declare class DrawControl {
     /**
      * Return the drawing layer source
      */
-    getSource(): OlVectorSource<OlGeometry>;
+    getSource(): OlVectorSource;
     setOlInteractionStyle(style: any): void;
     /**
      * Set the current geometry type

package/lib/geometry/shared/controls/slice.d.ts

@@ -6,8 +6,8 @@ import { StyleLike as OlStyleLike } from 'ol/style/Style';
 import { Subject } from 'rxjs';
 import { GeometrySliceError } from '../geometry.errors';
 export interface SliceControlOptions {
-    source?: OlVectorSource<OlGeometry>;
-    layer?: OlVectorLayer<OlVectorSource<OlGeometry>>;
+    source?: OlVectorSource;
+    layer?: OlVectorLayer<OlVectorSource>;
     layerStyle?: OlStyleLike;
     drawStyle?: OlStyleLike;
 }
@@ -46,7 +46,7 @@ export declare class SliceControl {
      * OL overlay source
      * @internal
      */
-    get olOverlaySource(): OlVectorSource<OlGeometry>;
+    get olOverlaySource(): OlVectorSource;
     constructor(options: SliceControlOptions);
     /**
      * Add or remove this control to/from a map.
@@ -56,7 +56,7 @@ export declare class SliceControl {
     /**
      * Return the overlay source
      */
-    getSource(): OlVectorSource<OlGeometry>;
+    getSource(): OlVectorSource;
     /**
      * Add an OL geometry to the overlay for slicing
      * @param olGeometry Ol Geometry

package/lib/layer/layer-list/layer-list.component.d.ts

@@ -2,6 +2,7 @@ import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import type { TemplateRef } from '@angular/core';
 import { FloatLabelType } from '@angular/material/form-field';
 import { MatSliderChange } from '@angular/material/slider';
+import { IconSvg } from '@igo2/common';
 import { BehaviorSubject, ReplaySubject } from 'rxjs';
 import { IgoMap } from '../../map/shared/map';
 import { LayerListControlsOptions } from '../layer-list-tool/layer-list-tool.interface';
@@ -68,6 +69,7 @@ export declare class LayerListComponent implements OnInit, OnDestroy {
     selectAllCheck: boolean;
     selectAllCheck$: BehaviorSubject<boolean>;
     private selectAllCheck$$;
+    svgIcon: IconSvg;
     constructor(elRef: ElementRef);
     /**
      * Subscribe to the search term stream and trigger researches

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

@@ -2,7 +2,6 @@ import { AuthInterceptor } from '@igo2/auth';
 import { MessageService } from '@igo2/core/message';
 import olFeature from 'ol/Feature';
 import { Extent } from 'ol/extent';
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olLayerVector from 'ol/layer/Vector';
 import olProjection from 'ol/proj/Projection';
 import olSourceVector from 'ol/source/Vector';
@@ -30,13 +29,13 @@ export declare class VectorLayer extends Layer {
     private xhrAccumulator;
     dataSource: FeatureDataSource | WFSDataSource | ArcGISRestDataSource | WebSocketDataSource | ClusterDataSource;
     options: VectorLayerOptions;
-    ol: olLayerVector<olSourceVector<OlGeometry>>;
+    ol: olLayerVector<olSourceVector>;
     private watcher;
     private trackFeatureListenerId;
     get browsable(): boolean;
     get exportable(): boolean;
     constructor(options: VectorLayerOptions, messageService?: MessageService, authInterceptor?: AuthInterceptor, geoNetworkService?: GeoNetworkService, geoDBService?: GeoDBService, layerDBService?: LayerDBService);
-    protected createOlLayer(): olLayerVector<olSourceVector<OlGeometry>>;
+    protected createOlLayer(): olLayerVector<olSourceVector>;
     removeLayerFromIDB(): void;
     private maintainOptionsInIdb;
     private maintainFeaturesInIdb;
@@ -62,7 +61,7 @@ export declare class VectorLayer extends Layer {
      * @param failure failure callback
      * @param randomParam random parameter to ensure cache is not causing problems in retrieving new data
      */
-    customWFSLoader(vectorSource: olSourceVector<OlGeometry>, options: WFSDataSourceOptions, interceptor: AuthInterceptor, extent: Extent, resolution: number, proj: olProjection, success: (features: olFeature<OlGeometry>[]) => void, failure: () => void, randomParam?: boolean): void;
+    customWFSLoader(vectorSource: olSourceVector, options: WFSDataSourceOptions, interceptor: AuthInterceptor, extent: Extent, resolution: number, proj: olProjection, success: (features: olFeature[]) => void, failure: () => void, randomParam?: boolean): void;
     /**
      * Custom loader to get feature from a WFS datasource
      * @internal

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

@@ -1,6 +1,5 @@
 import Feature from 'ol/Feature';
 import * as olColor from 'ol/color';
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olLayerVector from 'ol/layer/Vector';
 import RenderFeature from 'ol/render/Feature';
 import olSourceVector from 'ol/source/Vector';
@@ -24,7 +23,7 @@ export interface VectorLayerOptions extends LayerOptions {
     style?: olStyle | olStyle[] | ((arg0: RenderFeature | Feature<any>, arg1: number) => void | olStyle | olStyle[]);
     browsable?: boolean;
     exportable?: boolean;
-    ol?: olLayerVector<olSourceVector<OlGeometry>>;
+    ol?: olLayerVector<olSourceVector>;
     animation?: VectorAnimation;
     clusterParam?: ClusterParam;
     trackFeature?: string | number;

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

@@ -1,4 +1,3 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olSource from 'ol/source/Source';
 import olSourceVector from 'ol/source/Vector';
 import { DataSource } from '../../datasource/shared/datasources/datasource';
@@ -17,7 +16,7 @@ export interface QueryableDataSourceOptions extends DataSourceOptions {
     queryLayerFeatures?: boolean;
     mapLabel?: string;
     queryHtmlTarget?: QueryHtmlTarget;
-    ol?: olSourceVector<OlGeometry> | olSource;
+    ol?: olSourceVector | olSource;
     queryFormatAsWms?: boolean;
 }
 export interface QueryableDataSource extends DataSource {

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

@@ -73,7 +73,7 @@ export declare class SearchResultAddButtonComponent implements OnInit, OnDestroy
     private removeLayerFromMap;
     isInResolutionsRange(resolution: number): void;
     isVisible(): void;
-    getBadgeIcon(): "" | "eye-off";
+    getBadgeIcon(): "" | "visibility_off";
     computeTooltip(): string;
     addFeatureToLayer(): void;
     createLayer(layerTitle: string, selectedFeature: SearchResult): void;

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

@@ -1,3 +1,4 @@
+import { IconSvg } from '@igo2/common';
 import { Observable } from 'rxjs';
 import { CommonVectorStyleOptions } from '../../style/shared/vector/vector-style.interface';
 import { SearchSource } from './sources/source';
@@ -12,22 +13,23 @@ export interface SearchResult<T = {
 }> {
     data: T;
     source: SearchSource;
-    meta: {
-        dataType: string;
-        id: string;
-        title: string;
-        titleHtml?: string;
-        pointerSummaryTitle?: string;
-        icon: string;
-        score?: number;
-        nextPage?: boolean;
-    };
+    meta: SearchMeta;
     style?: {
         base?: CommonVectorStyleOptions;
         selection?: CommonVectorStyleOptions;
         focus?: CommonVectorStyleOptions;
     };
 }
+export interface SearchMeta {
+    id: string;
+    dataType: string;
+    title: string;
+    titleHtml?: string;
+    icon: string | IconSvg;
+    score?: number;
+    nextPage?: boolean;
+    pointerSummaryTitle?: string;
+}
 /**
  * Search sources that allow searching by text implement this class
  */

package/lib/search/shared/sources/icherche-icons.d.ts

@@ -0,0 +1,7 @@
+import { IconSvg } from '@igo2/common';
+/**
+ * Icons mappings to be retrocompatible with iCherche
+ */
+export declare const ICHERCHE_ICONS: {
+    [key: string]: string | IconSvg;
+};

package/lib/style/shared/vector/conversion.utils.d.ts

@@ -1,9 +1,8 @@
-import type { default as OlGeometry } from 'ol/geom/Geometry';
 import olLayerVector from 'ol/layer/Vector';
 import olSourceVector from 'ol/source/Vector';
-export declare function olStyleToBasicIgoStyle(layer: olLayerVector<olSourceVector<OlGeometry>>): {
+export declare function olStyleToBasicIgoStyle(layer: olLayerVector<olSourceVector>): {
     fill: {
-        color: import("ol/color").Color | import("ol/colorlike").ColorLike;
+        color: import("ol/color").Color | import("ol/colorlike").ColorLike | import("ol/colorlike").PatternDescriptor;
     };
     stroke: {
         color: import("ol/color").Color | import("ol/colorlike").ColorLike;

package/lib/workspace/shared/edition-workspace.service.d.ts

@@ -4,6 +4,7 @@ import { AuthInterceptor } from '@igo2/auth';
 import { ConfigService } from '@igo2/core/config';
 import { MessageService } from '@igo2/core/message';
 import { StorageService } from '@igo2/core/storage';
+import olFeature from 'ol/Feature';
 import GeoJSON from 'ol/format/GeoJSON';
 import WKT from 'ol/format/WKT';
 import { BehaviorSubject, Observable } from 'rxjs';
@@ -28,7 +29,7 @@ export declare class EditionWorkspaceService {
     rowsInMapExtentCheckCondition$: BehaviorSubject<boolean>;
     loading: boolean;
     wktFormat: WKT;
-    geoJsonFormat: GeoJSON;
+    geoJsonFormat: GeoJSON<typeof olFeature>;
     get zoomAuto(): boolean;
     constructor(layerService: LayerService, storageService: StorageService, configService: ConfigService, messageService: MessageService, http: HttpClient, dialog: MatDialog, styleService: StyleService, authInterceptor?: AuthInterceptor);
     createWorkspace(layer: ImageLayer, map: IgoMap): EditionWorkspace;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/geo",
-  "version": "17.0.0-next.5",
+  "version": "17.0.0-next.6",
   "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.5",
-    "@igo2/common": "^17.0.0-next.5",
-    "@igo2/core": "^17.0.0-next.5",
-    "@igo2/utils": "^17.0.0-next.5",
+    "@igo2/auth": "^17.0.0-next.6",
+    "@igo2/common": "^17.0.0-next.6",
+    "@igo2/core": "^17.0.0-next.6",
+    "@igo2/utils": "^17.0.0-next.6",
     "@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.0.0",
     "ol-mapbox-style": "^12.0.0",
     "proj4": "^2.9.0",
     "rxjs": "^7.8.0",

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 {