geonetwork-ui 2.3.0-dev.89188551 → 2.3.0-dev.9f0464ae

package/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { OgcApiEndpoint } from '@camptocamp/ogc-client';
 import { Subject } from 'rxjs';
+import { DropdownChoice } from '../../../../../../libs/ui/inputs/src';
 import { MapLayer } from '../+state/map.models';
 import * as i0 from "@angular/core";
 export declare class AddLayerFromOgcApiComponent implements OnInit {
@@ -8,15 +8,20 @@ export declare class AddLayerFromOgcApiComponent implements OnInit {
     ogcUrl: string;
     layerAdded: EventEmitter<MapLayer>;
     urlChange: Subject<string>;
-    layerUrl: string;
     loading: boolean;
-    layers: string[];
-    ogcEndpoint: OgcApiEndpoint;
+    layers: any[];
     errorMessage: string | null;
+    selectedLayerTypes: {
+        [key: string]: DropdownChoice['value'];
+    };
     constructor(changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     loadLayers(): Promise<void>;
-    addLayer(layer: string): Promise<void>;
+    setDefaultLayerTypes(): void;
+    getLayerChoices(layer: any): any[];
+    shouldDisplayLayer(layer: any): any;
+    onLayerTypeSelect(layerName: string, selectedType: any): void;
+    addLayer(layer: string, layerType: any): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddLayerFromOgcApiComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AddLayerFromOgcApiComponent, "gn-ui-add-layer-from-ogc-api", never, { "ogcUrl": { "alias": "ogcUrl"; "required": false; }; }, { "layerAdded": "layerAdded"; }, never, never, true, never>;
 }

package/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-layer-from-ogc-api.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,YAAY,EAGZ,iBAAiB,EAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAgB,MAAM,MAAM,CAAA;AAQ5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;;AAE/C,qBAOa,2BAA4B,YAAW,MAAM;IAW5C,OAAO,CAAC,iBAAiB;IAV5B,MAAM,EAAE,MAAM,CAAA;IACb,UAAU,yBAA+B;IAEnD,SAAS,kBAAwB;IACjC,QAAQ,SAAK;IACb,OAAO,UAAQ;IACf,MAAM,EAAE,MAAM,EAAE,CAAK;IACrB,WAAW,EAAE,cAAc,CAAO;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAO;gBAEd,iBAAiB,EAAE,iBAAiB;IAExD,QAAQ;IAOF,UAAU;IAsBV,QAAQ,CAAC,KAAK,EAAE,MAAM;yCA1CjB,2BAA2B;2CAA3B,2BAA2B;CAoDvC"}
+{"version":3,"file":"add-layer-from-ogc-api.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EAEN,YAAY,EAGZ,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,OAAO,EAAgB,MAAM,MAAM,CAAA;AAM5C,OAAO,EAAE,cAAc,EAAkB,MAAM,sCAAsC,CAAA;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;;AAE/C,qBAOa,2BAA4B,YAAW,MAAM;IAU5C,OAAO,CAAC,iBAAiB;IAT5B,MAAM,EAAE,MAAM,CAAA;IACb,UAAU,yBAA+B;IAEnD,SAAS,kBAAwB;IACjC,OAAO,UAAQ;IACf,MAAM,EAAE,GAAG,EAAE,CAAK;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAO;IAClC,kBAAkB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;KAAE,CAAK;gBAE/C,iBAAiB,EAAE,iBAAiB;IAExD,QAAQ;IAMF,UAAU;IAqBhB,oBAAoB;IASpB,eAAe,CAAC,KAAK,EAAE,GAAG;IAiB1B,kBAAkB,CAAC,KAAK,EAAE,GAAG;IAS7B,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG;IAMhD,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG;yCAhFjC,2BAA2B;2CAA3B,2BAA2B;CA2GvC"}

package/libs/feature/map/src/lib/map-context/map-context.model.d.ts

@@ -32,6 +32,7 @@ export interface MapContextLayerOgcapiModel {
     type: 'ogcapi';
     url: string;
     name: string;
+    layerType: 'feature' | 'vectorTiles' | 'mapTiles' | 'record';
 }
 interface LayerXyzModel {
     type: 'xyz';

package/libs/feature/map/src/lib/map-context/map-context.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-context.model.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/map-context/map-context.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAEvC,oBAAY,uBAAuB;IACjC,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,oBAAoB,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,KAAK,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,QAAQ,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AACD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AACD,UAAU,qBAAsB,SAAQ,aAAa;IACnD,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ;AACD,MAAM,MAAM,uBAAuB,GAC/B,oBAAoB,GACpB,qBAAqB,CAAA;AAEzB,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAA;CAChB;AACD,UAAU,mBAAoB,SAAQ,YAAY;IAChD,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AACD,UAAU,oBAAqB,SAAQ,YAAY;IACjD,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ;AACD,MAAM,MAAM,2BAA2B,GACnC,mBAAmB,GACnB,oBAAoB,CAAA;AAExB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GACvB,wBAAwB,GACxB,uBAAuB,GACvB,uBAAuB,GACvB,2BAA2B,GAC3B,0BAA0B,CAAA;AAE9B,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"map-context.model.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/map-context/map-context.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAEvC,oBAAY,uBAAuB;IACjC,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,oBAAoB,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAA;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,KAAK,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,QAAQ,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAA;CAC7D;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AACD,UAAU,oBAAqB,SAAQ,aAAa;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AACD,UAAU,qBAAsB,SAAQ,aAAa;IACnD,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ;AACD,MAAM,MAAM,uBAAuB,GAC/B,oBAAoB,GACpB,qBAAqB,CAAA;AAEzB,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAA;CAChB;AACD,UAAU,mBAAoB,SAAQ,YAAY;IAChD,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AACD,UAAU,oBAAqB,SAAQ,YAAY;IACjD,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAA;CACZ;AACD,MAAM,MAAM,2BAA2B,GACnC,mBAAmB,GACnB,oBAAoB,CAAA;AAExB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GACvB,wBAAwB,GACxB,uBAAuB,GACvB,uBAAuB,GACvB,2BAA2B,GAC3B,0BAA0B,CAAA;AAE9B,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/libs/feature/map/src/lib/map-context/map-context.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-context.service.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/map-context/map-context.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EACL,oBAAoB,EAEpB,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,KAAK,MAAM,eAAe,CAAA;AAOjC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;;AAQnF,eAAO,MAAM,yBAAyB,EAAE,uBAOvC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,mBAG1B,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAErC,qBAGa,iBAAiB;IAE1B,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;gBADZ,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,eAAe;IAGvC,mBAAmB,CACjB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,eAAe,EAC3B,SAAS,CAAC,EAAE,SAAS,GACpB,GAAG;IAkBN,WAAW,CAAC,UAAU,EAAE,oBAAoB,GAAG,KAAK;IAmHpD,UAAU,CAAC,SAAS,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI;IAqB3D,0BAA0B,CACxB,MAAM,EAAE,oBAAoB,EAAE,GAC7B,oBAAoB,EAAE;IAMzB,yBAAyB,CACvB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,SAAS,GACnB,eAAe;IAsBlB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,mBAAmB;IAM1D,yBAAyB,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB;yCA3MzD,iBAAiB;6CAAjB,iBAAiB;CAsO7B"}
+{"version":3,"file":"map-context.service.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/feature/map/src/lib/map-context/map-context.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EACL,oBAAoB,EAEpB,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,GAAG,MAAM,QAAQ,CAAA;AACxB,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,KAAK,MAAM,eAAe,CAAA;AAOjC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAA;;AAYnF,eAAO,MAAM,yBAAyB,EAAE,uBAOvC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,mBAG1B,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAErC,qBAGa,iBAAiB;IAE1B,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;gBADZ,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,eAAe;IAGvC,mBAAmB,CACjB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,eAAe,EAC3B,SAAS,CAAC,EAAE,SAAS,GACpB,GAAG;IAkBN,WAAW,CAAC,UAAU,EAAE,oBAAoB,GAAG,KAAK;IAiIpD,UAAU,CAAC,SAAS,EAAE,mBAAmB,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI;IAqB3D,0BAA0B,CACxB,MAAM,EAAE,oBAAoB,EAAE,GAC7B,oBAAoB,EAAE;IAMzB,yBAAyB,CACvB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,SAAS,GACnB,eAAe;IAsBlB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,mBAAmB;IAM1D,yBAAyB,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB;yCAzNzD,iBAAiB;6CAAjB,iBAAiB;CAoP7B"}

package/libs/ui/elements/src/lib/api-card/api-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-card.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/api-card/api-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAA;AACtG,OAAO,EAGL,YAAY,EAEZ,SAAS,EACT,MAAM,EAEN,aAAa,EACd,MAAM,eAAe,CAAA;;AAEtB,qBAMa,gBAAiB,YAAW,MAAM,EAAE,SAAS;IAC/C,IAAI,EAAE,0BAA0B,CAAA;IAChC,WAAW,EAAE,0BAA0B,CAAA;IAChD,oBAAoB,EAAE,OAAO,CAAA;IAC7B,eAAe,UAAQ;IACb,iBAAiB,EAAE,YAAY,CAAC,0BAA0B,CAAC,CACrB;IAEhD,QAAQ;IAKR,WAAW,CAAC,OAAO,EAAE,aAAa;IAKlC,sBAAsB;yCAlBX,gBAAgB;2CAAhB,gBAAgB;CAwB5B"}
+{"version":3,"file":"api-card.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/api-card/api-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAA;AACtG,OAAO,EAGL,YAAY,EAEZ,SAAS,EACT,MAAM,EAEN,aAAa,EACd,MAAM,eAAe,CAAA;;AAEtB,qBAMa,gBAAiB,YAAW,MAAM,EAAE,SAAS;IAC/C,IAAI,EAAE,0BAA0B,CAAA;IAChC,WAAW,EAAE,0BAA0B,CAAA;IAChD,oBAAoB,EAAE,OAAO,CAAA;IAC7B,eAAe,UAAQ;IACb,iBAAiB,EAAE,YAAY,CAAC,0BAA0B,CAAC,CACrB;IAEhD,QAAQ;IAMR,WAAW,CAAC,OAAO,EAAE,aAAa;IAKlC,sBAAsB;yCAnBX,gBAAgB;2CAAhB,gBAAgB;CAyB5B"}

package/libs/ui/elements/src/lib/record-api-form/record-api-form.component.d.ts

@@ -1,4 +1,4 @@
-import { DatasetServiceDistribution } from '../../../../../../libs/common/domain/src/lib/model/record';
+import { DatasetServiceDistribution, ServiceProtocol } from '../../../../../../libs/common/domain/src/lib/model/record';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class RecordApiFormComponent {
@@ -7,6 +7,9 @@ export declare class RecordApiFormComponent {
     limit$: BehaviorSubject<string>;
     format$: BehaviorSubject<string>;
     apiBaseUrl: string;
+    apiFeatureType: string;
+    supportOffset: boolean;
+    accessServiceProtocol: ServiceProtocol | undefined;
     outputFormats: {
         value: string;
         label: string;
@@ -19,7 +22,11 @@ export declare class RecordApiFormComponent {
     setFormat(value: string | unknown): void;
     resetUrl(): void;
     parseOutputFormats(): void;
-    getOutputFormats(url: any): Promise<import("@camptocamp/ogc-client").OgcApiCollectionInfo>;
+    mapFormats(formats: any[]): {
+        label: string;
+        value: "json" | "html" | "pdf" | "geojson" | "svg" | "csv" | "excel" | "shp" | "gml" | "kml" | "gpkg" | "zip" | "jpg" | "dxf" | "fgb" | "jsonfg";
+    }[];
+    getOutputFormats(url: string, accessServiceProtocol: string): Promise<import("@camptocamp/ogc-client").GenericEndpointInfo | import("@camptocamp/ogc-client").OgcApiCollectionInfo>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RecordApiFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RecordApiFormComponent, "gn-ui-record-api-form", never, { "apiLink": { "alias": "apiLink"; "required": false; }; }, {}, never, never, false, never>;
 }

package/libs/ui/elements/src/lib/record-api-form/record-api-form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"record-api-form.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/record-api-form/record-api-form.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAA;AAEtG,OAAO,EAAE,eAAe,EAAsB,MAAM,MAAM,CAAA;;AAO1D,qBAMa,sBAAsB;IACjC,IAAa,OAAO,CAAC,KAAK,EAAE,0BAA0B,EAOrD;IACD,OAAO,0BAA0B;IACjC,MAAM,0BAA0B;IAChC,OAAO,0BAA0B;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa;;;QAAqC;IAClD,YAAY,iCAiBX;IACD,eAAe,qCAEd;IAED,aAAa,oCAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,QAAQ;IAMR,kBAAkB;IA6BZ,gBAAgB,CAAC,GAAG,KAAA;yCAxFf,sBAAsB;2CAAtB,sBAAsB;CA6FlC"}
+{"version":3,"file":"record-api-form.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/elements/src/lib/record-api-form/record-api-form.component.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,0BAA0B,EAC1B,eAAe,EAChB,MAAM,2DAA2D,CAAA;AAElE,OAAO,EAAE,eAAe,EAAiC,MAAM,MAAM,CAAA;;AAOrE,qBAMa,sBAAsB;IACjC,IAAa,OAAO,CAAC,KAAK,EAAE,0BAA0B,EASrD;IAED,OAAO,0BAA0B;IACjC,MAAM,0BAA0B;IAChC,OAAO,0BAA0B;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,UAAO;IACpB,qBAAqB,EAAE,eAAe,GAAG,SAAS,CAAA;IAClD,aAAa;;;QAAqC;IAElD,YAAY,iCA+BX;IACD,eAAe,qCAEd;IAED,aAAa,oCAEZ;IAED,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,QAAQ;IAMR,kBAAkB;IA2BlB,UAAU,CAAC,OAAO,EAAE,GAAG,EAAE;;;;IAanB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM;yCAxHtD,sBAAsB;2CAAtB,sBAAsB;CAmIlC"}

package/libs/ui/inputs/src/lib/text-input/text-input.component.d.ts

@@ -7,6 +7,7 @@ export declare class TextInputComponent implements AfterViewInit {
     extraClass: string;
     hint: string;
     required: boolean;
+    disabled: boolean;
     rawChange: Subject<string>;
     valueChange: import("rxjs").Observable<string>;
     input: any;
@@ -15,6 +16,6 @@ export declare class TextInputComponent implements AfterViewInit {
     checkRequired(value: any): void;
     handleChange($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "gn-ui-text-input", never, { "value": { "alias": "value"; "required": false; }; "extraClass": { "alias": "extraClass"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "gn-ui-text-input", never, { "value": { "alias": "value"; "required": false; }; "extraClass": { "alias": "extraClass"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }
 //# sourceMappingURL=text-input.component.d.ts.map

package/libs/ui/inputs/src/lib/text-input/text-input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/inputs/src/lib/text-input/text-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAKd,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;;AAE9B,qBAKa,kBAAmB,YAAW,aAAa;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CASf;IAEF,KAAK,SAAK;IACV,UAAU,SAAK;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,UAAQ;IACzB,SAAS,kBAAwB;IACvB,WAAW,oCAA8C;IAC/C,KAAK,MAAA;IAEzB,IAAI,SAAS,WAEZ;IAED,eAAe;IAIf,aAAa,CAAC,KAAK,KAAA;IAOnB,YAAY,CAAC,MAAM,KAAA;yCAnCR,kBAAkB;2CAAlB,kBAAkB;CAwC9B"}
+{"version":3,"file":"text-input.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/inputs/src/lib/text-input/text-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAKd,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;;AAE9B,qBAKa,kBAAmB,YAAW,aAAa;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CASf;IAEF,KAAK,SAAK;IACV,UAAU,SAAK;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,UAAQ;IAChB,QAAQ,EAAE,OAAO,CAAA;IAC1B,SAAS,kBAAwB;IACvB,WAAW,oCAA8C;IAC/C,KAAK,MAAA;IAEzB,IAAI,SAAS,WAEZ;IAED,eAAe;IAIf,aAAa,CAAC,KAAK,KAAA;IAOnB,YAAY,CAAC,MAAM,KAAA;yCApCR,kBAAkB;2CAAlB,kBAAkB;CAyC9B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.3.0-dev.89188551",
+  "version": "2.3.0-dev.9f0464ae",
   "engines": {
     "node": ">=14.17.0"
   },

package/src/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.css

@@ -0,0 +1,7 @@
+.dropdown-content {
+  display: none;
+}
+
+.relative:hover .dropdown-content {
+  display: block;
+}

package/src/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.html

@@ -4,8 +4,7 @@
     (valueChange)="urlChange.next($event)"
     [hint]="'map.ogc.urlInput.hint' | translate"
     class="w-96"
-  >
-  </gn-ui-text-input>
+  ></gn-ui-text-input>
 </div>
 
 <div *ngIf="errorMessage" class="text-red-500 mt-2">
@@ -16,21 +15,36 @@
   <p class="loading-message" translate>map.loading.service</p>
 </div>
 
-<div *ngIf="!loading && layers.length > 0">
-  <h2 class="font-bold" translate>map.layers.available</h2>
-  <ng-container *ngFor="let layer of layers">
-    <div class="flex items-center justify-between my-2 layer-item-tree">
-      <p class="max-w-xs overflow-hidden overflow-ellipsis whitespace-nowrap">
-        {{ layer }}
-      </p>
-      <gn-ui-button
-        class="layer-add-btn"
-        type="primary"
-        (buttonClick)="addLayer(layer)"
-        extraClass="text-sm !px-2 !py-1"
-        translate
-        ><span translate> map.layer.add </span></gn-ui-button
+<ng-container *ngFor="let layer of layers">
+  <div
+    *ngIf="shouldDisplayLayer(layer)"
+    class="flex items-center justify-between my-2 layer-item-tree"
+  >
+    <div class="flex flex-col items-start w-full">
+      <p
+        class="max-w-xs overflow-hidden overflow-ellipsis whitespace-nowrap"
+        [title]="layer.name"
       >
+        {{ layer.name }}
+      </p>
+      <div class="flex justify-between items-center w-full">
+        <gn-ui-dropdown-selector
+          [title]="'Add Layer As' | translate"
+          [choices]="getLayerChoices(layer)"
+          (selectValue)="onLayerTypeSelect(layer.name, $event)"
+          [selected]="selectedLayerTypes[layer.name]"
+          extraBtnClass="w-6 h-5 !text-sm !px-2 !py-1"
+        ></gn-ui-dropdown-selector>
+        <gn-ui-button
+          class="layer-add-btn"
+          type="primary"
+          (buttonClick)="addLayer(layer.name, selectedLayerTypes[layer.name])"
+          extraClass="text-sm !px-2 !py-1"
+          translate
+        >
+          <span translate>map.layer.add</span>
+        </gn-ui-button>
+      </div>
     </div>
-  </ng-container>
-</div>
+  </div>
+</ng-container>

package/src/libs/feature/map/src/lib/add-layer-from-ogc-api/add-layer-from-ogc-api.component.ts

@@ -14,7 +14,7 @@ import {
   MapContextLayerTypeEnum,
 } from '../map-context/map-context.model'
 import { TranslateModule } from '@ngx-translate/core'
-import { UiInputsModule } from '../../../../../../libs/ui/inputs/src'
+import { DropdownChoice, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
 import { MapLayer } from '../+state/map.models'
 
@@ -30,18 +30,16 @@ export class AddLayerFromOgcApiComponent implements OnInit {
   @Output() layerAdded = new EventEmitter<MapLayer>()
 
   urlChange = new Subject<string>()
-  layerUrl = ''
   loading = false
-  layers: string[] = []
-  ogcEndpoint: OgcApiEndpoint = null
+  layers: any[] = []
   errorMessage: string | null = null
+  selectedLayerTypes: { [key: string]: DropdownChoice['value'] } = {}
 
   constructor(private changeDetectorRef: ChangeDetectorRef) {}
 
   ngOnInit() {
     this.urlChange.pipe(debounceTime(700)).subscribe(() => {
       this.loadLayers()
-      this.changeDetectorRef.detectChanges() // manually trigger change detection
     })
   }
 
@@ -49,14 +47,13 @@ export class AddLayerFromOgcApiComponent implements OnInit {
     this.errorMessage = null
     try {
       this.loading = true
-      if (this.ogcUrl.trim() === '') {
+      if (!this.ogcUrl.trim()) {
         this.layers = []
         return
       }
-      this.ogcEndpoint = await new OgcApiEndpoint(this.ogcUrl)
-
-      // Currently only supports feature collections
-      this.layers = await this.ogcEndpoint.featureCollections
+      const ogcEndpoint = await new OgcApiEndpoint(this.ogcUrl)
+      this.layers = await ogcEndpoint.allCollections
+      this.setDefaultLayerTypes()
     } catch (error) {
       const err = error as Error
       this.layers = []
@@ -67,14 +64,72 @@ export class AddLayerFromOgcApiComponent implements OnInit {
     }
   }
 
-  async addLayer(layer: string) {
-    this.layerUrl = await this.ogcEndpoint.getCollectionItemsUrl(layer)
+  setDefaultLayerTypes() {
+    this.layers.forEach((layer) => {
+      const choices = this.getLayerChoices(layer)
+      if (choices.length > 0) {
+        this.selectedLayerTypes[layer.name] = choices[0].value
+      }
+    })
+  }
 
-    const layerToAdd: MapContextLayerModel = {
-      name: layer,
-      url: this.layerUrl,
-      type: MapContextLayerTypeEnum.OGCAPI,
+  getLayerChoices(layer: any) {
+    const choices = []
+    if (layer.hasRecords) {
+      choices.push({ label: 'Records', value: 'record' })
+    }
+    if (layer.hasFeatures) {
+      choices.push({ label: 'Features', value: 'features' })
+    }
+    if (layer.hasVectorTiles) {
+      choices.push({ label: 'Vector Tiles', value: 'vectorTiles' })
+    }
+    if (layer.hasMapTiles) {
+      choices.push({ label: 'Map Tiles', value: 'mapTiles' })
+    }
+    return choices
+  }
+
+  shouldDisplayLayer(layer: any) {
+    return (
+      layer.hasRecords ||
+      layer.hasFeatures ||
+      layer.hasVectorTiles ||
+      layer.hasMapTiles
+    )
+  }
+
+  onLayerTypeSelect(layerName: string, selectedType: any) {
+    this.selectedLayerTypes[layerName] = selectedType
+      ? selectedType
+      : this.getLayerChoices(layerName)[0]?.value
+  }
+
+  async addLayer(layer: string, layerType: any) {
+    try {
+      const ogcEndpoint = await new OgcApiEndpoint(this.ogcUrl)
+      let layerUrl: string
+
+      if (layerType === 'vectorTiles') {
+        layerUrl = await ogcEndpoint.getVectorTilesetUrl(layer)
+      } else if (layerType === 'mapTiles') {
+        layerUrl = await ogcEndpoint.getMapTilesetUrl(layer)
+      } else {
+        layerUrl = await ogcEndpoint.getCollectionItemsUrl(layer, {
+          outputFormat: 'json',
+        })
+      }
+
+      const layerToAdd: MapContextLayerModel = {
+        name: layer,
+        url: layerUrl,
+        type: MapContextLayerTypeEnum.OGCAPI,
+        layerType: layerType,
+      }
+      this.layerAdded.emit({ ...layerToAdd, title: layer })
+    } catch (error) {
+      const err = error as Error
+      console.error('Error adding layer:', err.message)
     }
-    this.layerAdded.emit({ ...layerToAdd, title: layer })
   }
 }

package/src/libs/feature/map/src/lib/map-context/map-context.model.ts

@@ -38,6 +38,7 @@ export interface MapContextLayerOgcapiModel {
   type: 'ogcapi'
   url: string
   name: string
+  layerType: 'feature' | 'vectorTiles' | 'mapTiles' | 'record'
 }
 
 interface LayerXyzModel {

package/src/libs/feature/map/src/lib/map-context/map-context.service.ts

@@ -25,6 +25,10 @@ import WMTS from 'ol/source/WMTS'
 import { Geometry } from 'ol/geom'
 import Feature from 'ol/Feature'
 import { WfsEndpoint, WmtsEndpoint } from '@camptocamp/ogc-client'
+import OGCVectorTile from 'ol/source/OGCVectorTile.js'
+import { MVT } from 'ol/format'
+import VectorTileLayer from 'ol/layer/VectorTile'
+import OGCMapTile from 'ol/source/OGCMapTile.js'
 
 export const DEFAULT_BASELAYER_CONTEXT: MapContextLayerXyzModel = {
   type: MapContextLayerTypeEnum.XYZ,
@@ -78,14 +82,28 @@ export class MapContextService {
     const style = this.styleService.styles.default
     switch (type) {
       case MapContextLayerTypeEnum.OGCAPI:
-        return new VectorLayer({
-          source: new VectorSource({
-            format: new GeoJSON(),
-            url: layerModel.url,
-          }),
-          style,
-        })
-
+        if (layerModel.layerType === 'vectorTiles') {
+          return new VectorTileLayer({
+            source: new OGCVectorTile({
+              url: layerModel.url,
+              format: new MVT(),
+            }),
+          })
+        } else if (layerModel.layerType === 'mapTiles') {
+          return new TileLayer({
+            source: new OGCMapTile({
+              url: layerModel.url,
+            }),
+          })
+        } else {
+          return new VectorLayer({
+            source: new VectorSource({
+              format: new GeoJSON(),
+              url: layerModel.url,
+            }),
+            style,
+          })
+        }
       case MapContextLayerTypeEnum.XYZ:
         return new TileLayer({
           source: new XYZ({

package/src/libs/ui/elements/src/lib/api-card/api-card.component.ts

@@ -26,7 +26,8 @@ export class ApiCardComponent implements OnInit, OnChanges {
 
   ngOnInit() {
     this.displayApiFormButton =
-      this.link.accessServiceProtocol === 'ogcFeatures' ? true : false
+      this.link.accessServiceProtocol === 'ogcFeatures' ||
+      this.link.accessServiceProtocol === 'wfs'
   }
 
   ngOnChanges(changes: SimpleChanges) {

package/src/libs/ui/elements/src/lib/record-api-form/record-api-form.component.html

@@ -37,15 +37,31 @@
           </div>
         </div>
       </div>
-      <div class="flex flex-col gap-3">
-        <p class="text-sm" translate>record.metadata.api.form.offset</p>
-        <gn-ui-text-input
-          class="w-20"
-          [value]="offset$ | async"
-          (valueChange)="setOffset($event)"
-          hint=""
-        >
-        </gn-ui-text-input>
+      <div class="flex flex-col gap-3 relative">
+        <p class="text-sm" [class.text-gray-600]="!supportOffset" translate>
+          record.metadata.api.form.offset
+        </p>
+        <div class="flex items-center">
+          <gn-ui-text-input
+            class="w-20"
+            [value]="offset$ | async"
+            [disabled]="!supportOffset"
+            (valueChange)="supportOffset ? setOffset($event) : null"
+            hint=""
+          >
+          </gn-ui-text-input>
+          <div
+            *ngIf="!supportOffset"
+            class="flex items-center gap-2 text-orange-500 z-10 ml-3"
+          >
+            <span
+              class="material-symbols-outlined"
+              matTooltip="Not supported on this service"
+            >
+              warning
+            </span>
+          </div>
+        </div>
       </div>
       <div class="flex flex-col gap-3">
         <p class="text-sm" translate>record.metadata.api.form.type</p>

package/src/libs/ui/elements/src/lib/record-api-form/record-api-form.component.ts

@@ -1,8 +1,11 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { OgcApiEndpoint } from '@camptocamp/ogc-client'
-import { DatasetServiceDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { OgcApiEndpoint, WfsEndpoint } from '@camptocamp/ogc-client'
+import {
+  DatasetServiceDistribution,
+  ServiceProtocol,
+} from '../../../../../../libs/common/domain/src/lib/model/record'
 import { mimeTypeToFormat } from '../../../../../../libs/util/shared/src'
-import { BehaviorSubject, combineLatest, map } from 'rxjs'
+import { BehaviorSubject, combineLatest, map, switchMap } from 'rxjs'
 
 const DEFAULT_PARAMS = {
   OFFSET: '',
@@ -18,19 +21,26 @@ const DEFAULT_PARAMS = {
 export class RecordApiFormComponent {
   @Input() set apiLink(value: DatasetServiceDistribution) {
     this.outputFormats = [{ value: 'json', label: 'JSON' }]
+    this.accessServiceProtocol = value ? value.accessServiceProtocol : undefined
+    this.apiFeatureType = value ? value.name : undefined
     if (value) {
       this.apiBaseUrl = value.url.href
       this.parseOutputFormats()
     }
     this.resetUrl()
   }
+
   offset$ = new BehaviorSubject('')
   limit$ = new BehaviorSubject('')
   format$ = new BehaviorSubject('')
   apiBaseUrl: string
+  apiFeatureType: string
+  supportOffset = true
+  accessServiceProtocol: ServiceProtocol | undefined
   outputFormats = [{ value: 'json', label: 'JSON' }]
+
   apiQueryUrl$ = combineLatest([this.offset$, this.limit$, this.format$]).pipe(
-    map(([offset, limit, format]) => {
+    switchMap(async ([offset, limit, format]) => {
       let outputUrl
       if (this.apiBaseUrl) {
         const url = new URL(this.apiBaseUrl)
@@ -44,6 +54,20 @@ export class RecordApiFormComponent {
         }
         outputUrl = url.toString()
       }
+
+      if (this.accessServiceProtocol === 'wfs') {
+        const wfsEndpoint = new WfsEndpoint(this.apiBaseUrl)
+        if (await wfsEndpoint.isReady()) {
+          const options = {
+            outputFormat: format,
+            startIndex: Number(offset),
+          }
+          if (limit !== '-1') {
+            options['maxFeatures'] = Number(limit)
+          }
+          outputUrl = wfsEndpoint.getFeatureUrl(this.apiFeatureType, options)
+        }
+      }
       return outputUrl
     })
   )
@@ -80,32 +104,49 @@ export class RecordApiFormComponent {
         ? this.apiBaseUrl.slice(0, -1)
         : this.apiBaseUrl
 
-    this.getOutputFormats(apiUrl).then((outputFormats) => {
-      const formatsList = outputFormats.itemFormats.map((format) => {
-        const normalizedFormat = mimeTypeToFormat(format)
-        if (normalizedFormat) {
-          return {
-            label: normalizedFormat?.toUpperCase(),
-            value: normalizedFormat,
-          }
+    this.getOutputFormats(apiUrl, this.accessServiceProtocol).then(
+      (outputFormats) => {
+        let formatsList = []
+        if ('itemFormats' in outputFormats) {
+          formatsList = this.mapFormats(outputFormats.itemFormats)
+        } else if ('outputFormats' in outputFormats) {
+          formatsList = this.mapFormats(outputFormats.outputFormats)
         }
-        return null
-      })
-      this.outputFormats = this.outputFormats.concat(
-        formatsList.filter(Boolean)
-      )
-      this.outputFormats = this.outputFormats
-        .filter(
-          (format, index, self) =>
-            index === self.findIndex((t) => t.value === format.value)
+        this.outputFormats = this.outputFormats.concat(
+          formatsList.filter(Boolean)
         )
-        .sort((a, b) => a.label.localeCompare(b.label))
+        this.outputFormats = this.outputFormats
+          .filter(
+            (format, index, self) =>
+              index === self.findIndex((t) => t.value === format.value)
+          )
+          .sort((a, b) => a.label.localeCompare(b.label))
+      }
+    )
+  }
+
+  mapFormats(formats: any[]) {
+    return formats.map((format) => {
+      const normalizedFormat = mimeTypeToFormat(format)
+      if (normalizedFormat) {
+        return {
+          label: normalizedFormat.toUpperCase(),
+          value: normalizedFormat,
+        }
+      }
+      return null
     })
   }
 
-  async getOutputFormats(url) {
-    const endpoint = await new OgcApiEndpoint(url)
-    const firstCollection = (await endpoint.featureCollections)[0]
-    return endpoint.getCollectionInfo(firstCollection)
+  async getOutputFormats(url: string, accessServiceProtocol: string) {
+    if (accessServiceProtocol === 'wfs') {
+      const endpoint = await new WfsEndpoint(url).isReady()
+      this.supportOffset = endpoint.supportsStartIndex()
+      return endpoint.getServiceInfo()
+    } else {
+      const endpoint = await new OgcApiEndpoint(url)
+      const firstCollection = (await endpoint.featureCollections)[0]
+      return endpoint.getCollectionInfo(firstCollection)
+    }
   }
 }

package/src/libs/ui/inputs/src/lib/text-input/text-input.component.html

@@ -8,4 +8,5 @@
   [placeholder]="hint"
   [attr.aria-label]="hint"
   [attr.required]="required || null"
+  [disabled]="disabled"
 />

package/src/libs/ui/inputs/src/lib/text-input/text-input.component.ts

@@ -29,6 +29,7 @@ export class TextInputComponent implements AfterViewInit {
   @Input() extraClass = ''
   @Input() hint: string
   @Input() required = false
+  @Input() disabled: boolean
   rawChange = new Subject<string>()
   @Output() valueChange = this.rawChange.pipe(distinctUntilChanged())
   @ViewChild('input') input

package/src/libs/ui/layout/src/lib/carousel/carousel.component.css

@@ -4,6 +4,7 @@
 
 :host {
   position: relative;
+  display: block;
 }
 
 .carousel-step-dot {