geonetwork-ui 2.3.0-dev.e07c5606 → 2.3.0-dev.e43863db

package/src/libs/ui/elements/src/lib/ui-elements.module.ts

@@ -12,13 +12,12 @@ import { ApiCardComponent } from './api-card/api-card.component'
 import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
 import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
 import { TranslateModule } from '@ngx-translate/core'
-import { LinkCardComponent } from './link-card/link-card.component'
 import { RelatedRecordCardComponent } from './related-record-card/related-record-card.component'
 import { MetadataContactComponent } from './metadata-contact/metadata-contact.component'
 import { MetadataCatalogComponent } from './metadata-catalog/metadata-catalog.component'
 import { MetadataQualityComponent } from './metadata-quality/metadata-quality.component'
 import { MetadataQualityItemComponent } from './metadata-quality-item/metadata-quality-item.component'
-import { SearchResultsErrorComponent } from './search-results-error/search-results-error.component'
+import { ErrorComponent } from './error/error.component'
 import { PaginationComponent } from './pagination/pagination.component'
 import { ThumbnailComponent } from './thumbnail/thumbnail.component'
 import { UiInputsModule } from '../../../../../libs/ui/inputs/src'
@@ -57,13 +56,12 @@ import { TimeSincePipe } from './user-feedback-item/time-since.pipe'
     DownloadItemComponent,
     DownloadsListComponent,
     ApiCardComponent,
-    LinkCardComponent,
     RelatedRecordCardComponent,
     MetadataContactComponent,
     MetadataCatalogComponent,
     MetadataQualityComponent,
     MetadataQualityItemComponent,
-    SearchResultsErrorComponent,
+    ErrorComponent,
     PaginationComponent,
     AvatarComponent,
     UserPreviewComponent,
@@ -80,13 +78,12 @@ import { TimeSincePipe } from './user-feedback-item/time-since.pipe'
     DownloadItemComponent,
     DownloadsListComponent,
     ApiCardComponent,
-    LinkCardComponent,
     RelatedRecordCardComponent,
     MetadataContactComponent,
     MetadataCatalogComponent,
     MetadataQualityComponent,
     MetadataQualityItemComponent,
-    SearchResultsErrorComponent,
+    ErrorComponent,
     PaginationComponent,
     ThumbnailComponent,
     AvatarComponent,

package/src/libs/ui/elements/src/lib/user-feedback-item/user-feedback-item.component.html

@@ -30,7 +30,7 @@
     ></gn-ui-user-feedback-item>
   </div>
 
-  <div *ngIf="isActiveUserEditor" class="mt-2 flex flex-col">
+  <div *ngIf="activeUser" class="mt-2 flex flex-col">
     <hr class="-mx-4 my-4" />
     <div
       id="new-comment-buttons"

package/src/libs/ui/elements/src/lib/user-feedback-item/user-feedback-item.component.ts

@@ -21,7 +21,6 @@ import { UserModel } from '../../../../../../libs/common/domain/src/lib/model/us
 export class UserFeedbackItemComponent implements OnInit {
   @Input() userFeedbackParent: UserFeedbackViewModel
   @Input() userFeedBacksAnswers: UserFeedbackViewModel[]
-  @Input() isActiveUserEditor: boolean
   @Input() activeUser: UserModel
   @Input() isLastComment: boolean
   @Input() isAddUserFeedbackLoading: boolean

package/src/libs/ui/inputs/src/index.ts

@@ -1,21 +1,22 @@
-export * from './lib/dropdown-selector/dropdown-selector.component'
-export * from './lib/dropdown-selector/dropdown-selector.model'
-export * from './lib/dropdown-multiselect/dropdown-multiselect.component'
-export * from './lib/dropdown-multiselect/dropdown-multiselect.model'
-export * from './lib/text-input/text-input.component'
-export * from './lib/chips-input/chips-input.component'
-export * from './lib/text-area/text-area.component'
 export * from './lib/autocomplete/autocomplete.component'
-export * from './lib/star-toggle/star-toggle.component'
 export * from './lib/button/button.component'
-export * from './lib/viewport-intersector/viewport-intersector.component'
 export * from './lib/check-toggle/check-toggle.component'
-export * from './lib/ui-inputs.module'
+export * from './lib/checkbox/checkbox.component'
+export * from './lib/chips-input/chips-input.component'
 export * from './lib/copy-text-button/copy-text-button.component'
+export * from './lib/date-picker/date-picker.component'
+export * from './lib/date-range-picker/date-range-picker.component'
 export * from './lib/drag-and-drop-file-input/drag-and-drop-file-input.component'
+export * from './lib/dropdown-multiselect/dropdown-multiselect.component'
+export * from './lib/dropdown-multiselect/dropdown-multiselect.model'
+export * from './lib/dropdown-selector/dropdown-selector.component'
+export * from './lib/dropdown-selector/dropdown-selector.model'
+export * from './lib/editable-label/editable-label.directive'
 export * from './lib/navigation-button/navigation-button.component'
-export * from './lib/viewport-intersector/viewport-intersector.component'
-export * from './lib/checkbox/checkbox.component'
 export * from './lib/search-input/search-input.component'
-export * from './lib/date-range-picker/date-range-picker.component'
-export * from './lib/editable-label/editable-label.directive'
+export * from './lib/star-toggle/star-toggle.component'
+export * from './lib/text-area/text-area.component'
+export * from './lib/text-input/text-input.component'
+export * from './lib/ui-inputs.module'
+export * from './lib/viewport-intersector/viewport-intersector.component'
+export * from './lib/previous-next-buttons/previous-next-buttons.component'

package/src/libs/ui/inputs/src/lib/check-toggle/check-toggle.component.ts

@@ -5,12 +5,15 @@ import {
   Input,
   Output,
 } from '@angular/core'
+import { FormsModule } from '@angular/forms'
 
 @Component({
   selector: 'gn-ui-check-toggle',
   templateUrl: './check-toggle.component.html',
   styleUrls: ['./check-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [FormsModule],
 })
 export class CheckToggleComponent {
   @Input() title: string

package/src/libs/ui/inputs/src/lib/date-picker/date-picker.component.css

@@ -0,0 +1,3 @@
+mat-datepicker-toggle {
+  @apply text-primary;
+}

package/src/libs/ui/inputs/src/lib/date-picker/date-picker.component.html

@@ -0,0 +1,11 @@
+<div
+  class="flex items-center justify-between pl-3 rounded-lg border border-gray-300 bg-white"
+>
+  <input
+    [matDatepicker]="picker"
+    [value]="date"
+    (dateChange)="dateChange.emit($event.value)"
+  />
+  <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
+</div>
+<mat-datepicker #picker></mat-datepicker>

package/src/libs/ui/inputs/src/lib/date-picker/date-picker.component.ts

@@ -0,0 +1,16 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core'
+import { MatNativeDateModule } from '@angular/material/core'
+import { MatDatepickerModule } from '@angular/material/datepicker'
+import { MatIconModule } from '@angular/material/icon'
+
+@Component({
+  selector: 'gn-ui-date-picker',
+  templateUrl: './date-picker.component.html',
+  styleUrls: ['./date-picker.component.css'],
+  standalone: true,
+  imports: [MatIconModule, MatNativeDateModule, MatDatepickerModule],
+})
+export class DatePickerComponent {
+  @Input() date: Date
+  @Output() dateChange = new EventEmitter<Date>()
+}

package/src/libs/ui/inputs/src/lib/date-range-picker/date-range-picker.component.ts

@@ -1,10 +1,17 @@
 import { Component } from '@angular/core'
-import { MatDatepickerInputEvent } from '@angular/material/datepicker'
+import { MatNativeDateModule } from '@angular/material/core'
+import {
+  MatDatepickerInputEvent,
+  MatDatepickerModule,
+} from '@angular/material/datepicker'
+import { MatIconModule } from '@angular/material/icon'
 
 @Component({
   selector: 'gn-ui-date-range-picker',
   templateUrl: './date-range-picker.component.html',
   styleUrls: ['./date-range-picker.component.css'],
+  standalone: true,
+  imports: [MatIconModule, MatNativeDateModule, MatDatepickerModule],
 })
 export class DateRangePickerComponent {
   startDate: Date

package/src/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.html

@@ -18,6 +18,7 @@
     cdkOverlayOrigin
     #overlayOrigin="cdkOverlayOrigin"
     (keydown)="handleTriggerKeydown($event)"
+    [disabled]="disabled"
   >
     <div class="grow font-medium truncate py-1 mr-2 text-left">
       {{ getChoiceLabel() | translate }}

package/src/libs/ui/inputs/src/lib/dropdown-selector/dropdown-selector.component.ts

@@ -48,6 +48,7 @@ export class DropdownSelectorComponent implements OnInit {
   @Input() maxRows: number
   @Input() extraBtnClass = ''
   @Input() minWidth = ''
+  @Input() disabled: boolean
   @Output() selectValue = new EventEmitter<DropdownChoice['value']>()
   @ViewChild('overlayOrigin') overlayOrigin: CdkOverlayOrigin
   @ViewChild(CdkConnectedOverlay) overlay: CdkConnectedOverlay

package/src/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.css

@@ -0,0 +1,6 @@
+:host {
+  --gn-ui-button-rounded: 100%;
+  --gn-ui-button-width: 8px;
+  --gn-ui-button-height: 8px;
+  --gn-ui-button-padding: 12px;
+}

package/src/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.html

@@ -0,0 +1,26 @@
+<div class="flex flex-row gap-x-4 items-center">
+  <gn-ui-button
+    data-test="previousButton"
+    [type]="isFirst ? 'default' : 'outline'"
+    [disabled]="isFirst"
+    (buttonClick)="previousButtonClicked()"
+  >
+    <mat-icon
+      class="material-symbols-outlined text-[14px] text-center pt-[5px]"
+    >
+      arrow_back
+    </mat-icon>
+  </gn-ui-button>
+  <gn-ui-button
+    data-test="nextButton"
+    [type]="isLast ? 'default' : 'outline'"
+    [disabled]="isLast"
+    (buttonClick)="nextButtonClicked()"
+  >
+    <mat-icon
+      class="material-symbols-outlined text-[14px] text-center pt-[5px]"
+    >
+      arrow_forward
+    </mat-icon>
+  </gn-ui-button>
+</div>

package/src/libs/ui/inputs/src/lib/previous-next-buttons/previous-next-buttons.component.ts

@@ -0,0 +1,32 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core'
+import { ButtonComponent } from '../button/button.component'
+import { MatIconModule } from '@angular/material/icon'
+
+@Component({
+  selector: 'gn-ui-previous-next-buttons',
+  templateUrl: './previous-next-buttons.component.html',
+  styleUrls: ['./previous-next-buttons.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [ButtonComponent, MatIconModule],
+})
+export class PreviousNextButtonsComponent {
+  @Input() isFirst: boolean
+  @Input() isLast: boolean
+
+  @Output() directionButtonClicked: EventEmitter<string> = new EventEmitter()
+
+  previousButtonClicked() {
+    this.directionButtonClicked.next('previous')
+  }
+
+  nextButtonClicked() {
+    this.directionButtonClicked.next('next')
+  }
+}

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/inputs/src/lib/ui-inputs.module.ts

@@ -44,11 +44,9 @@ import { ImageInputComponent } from './image-input/image-input.component'
     StarToggleComponent,
     DropdownMultiselectComponent,
     ViewportIntersectorComponent,
-    CheckToggleComponent,
     CopyTextButtonComponent,
     CheckboxComponent,
     SearchInputComponent,
-    DateRangePickerComponent,
   ],
   imports: [
     CommonModule,
@@ -73,6 +71,8 @@ import { ImageInputComponent } from './image-input/image-input.component'
     ButtonComponent,
     ImageInputComponent,
     DropdownSelectorComponent,
+    DateRangePickerComponent,
+    CheckToggleComponent,
   ],
   exports: [
     DropdownSelectorComponent,

package/src/libs/ui/layout/src/index.ts

@@ -6,4 +6,5 @@ export * from './lib/form-field-wrapper/form-field-wrapper.component'
 export * from './lib/interactive-table/interactive-table-column/interactive-table-column.component'
 export * from './lib/interactive-table/interactive-table.component'
 export * from './lib/sticky-header/sticky-header.component'
+export * from './lib/block-list/block-list.component'
 export * from './lib/ui-layout.module'

package/src/libs/ui/layout/src/lib/block-list/block-list.component.css

@@ -0,0 +1,23 @@
+:host .block-list-container ::ng-deep > * {
+  flex-shrink: 0;
+}
+
+:host {
+  position: relative;
+}
+
+.list-page-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 6px;
+  position: relative;
+}
+
+.list-page-dot:after {
+  content: '';
+  position: absolute;
+  left: -7px;
+  top: -7px;
+  width: 20px;
+  height: 20px;
+}

package/src/libs/ui/layout/src/lib/block-list/block-list.component.html

@@ -0,0 +1,20 @@
+<div
+  class="block-list-container flex flex-col"
+  #blockContainer
+  [ngClass]="containerClass"
+  [ngStyle]="{ minHeight: minHeight + 'px' }"
+>
+  <ng-content></ng-content>
+</div>
+<div
+  *ngIf="pagesCount > 1"
+  class="absolute flex flex-row justify-center gap-[14px] p-1"
+  [ngClass]="paginationContainerClass"
+>
+  <button
+    *ngFor="let page of pages"
+    class="list-page-dot"
+    (click)="goToPage(page)"
+    [ngClass]="currentPage === page ? 'bg-primary' : 'bg-gray-400'"
+  ></button>
+</div>

package/src/libs/ui/layout/src/lib/block-list/block-list.component.ts

@@ -0,0 +1,84 @@
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  ContentChildren,
+  ElementRef,
+  Input,
+  QueryList,
+  ViewChild,
+} from '@angular/core'
+import { CommonModule } from '@angular/common'
+
+@Component({
+  selector: 'gn-ui-block-list',
+  templateUrl: './block-list.component.html',
+  styleUrls: ['./block-list.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule],
+})
+export class BlockListComponent implements AfterViewInit {
+  @Input() pageSize = 5
+  @Input() containerClass = ''
+  @Input() paginationContainerClass = 'w-full bottom-0 top-auto'
+  @ContentChildren('block', { read: ElementRef }) blocks: QueryList<
+    ElementRef<HTMLElement>
+  >
+  @ViewChild('blockContainer') blockContainer: ElementRef<HTMLElement>
+
+  protected minHeight = 0
+
+  protected currentPage = 0
+  protected get pages() {
+    return new Array(this.pagesCount).fill(0).map((_, i) => i)
+  }
+
+  get isFirstPage() {
+    return this.currentPage === 0
+  }
+  get isLastPage() {
+    return this.currentPage === this.pagesCount - 1
+  }
+  get pagesCount() {
+    return this.blocks ? Math.ceil(this.blocks.length / this.pageSize) : 1
+  }
+
+  constructor(private changeDetector: ChangeDetectorRef) {}
+
+  ngAfterViewInit() {
+    this.blocks.changes.subscribe(this.refreshBlocksVisibility)
+    this.refreshBlocksVisibility()
+
+    // we store the first height as the min-height of the list container
+    this.minHeight = this.blockContainer.nativeElement.clientHeight
+    this.changeDetector.detectChanges()
+  }
+
+  protected refreshBlocksVisibility = () => {
+    this.blocks.forEach((block, index) => {
+      block.nativeElement.style.display =
+        index >= this.currentPage * this.pageSize &&
+        index < (this.currentPage + 1) * this.pageSize
+          ? null
+          : 'none'
+    })
+  }
+
+  public goToPage(index: number) {
+    this.currentPage = Math.max(Math.min(index, this.pagesCount - 1), 0)
+    this.changeDetector.detectChanges()
+    this.refreshBlocksVisibility()
+  }
+
+  public previousPage() {
+    if (this.isFirstPage) return
+    this.goToPage(this.currentPage - 1)
+  }
+
+  public nextPage() {
+    if (this.isLastPage) return
+    this.goToPage(this.currentPage + 1)
+  }
+}

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

@@ -1,20 +1,24 @@
 :host .carousel-container ::ng-deep > * {
   flex-shrink: 0;
 }
+
 :host {
   position: relative;
+  display: block;
 }
+
 .carousel-step-dot {
   width: 6px;
   height: 6px;
   border-radius: 6px;
   position: relative;
 }
+
 .carousel-step-dot:after {
   content: '';
   position: absolute;
-  left: -4px;
-  top: -4px;
-  width: 14px;
-  height: 14px;
+  left: -7px;
+  top: -7px;
+  width: 20px;
+  height: 20px;
 }

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

@@ -1,17 +1,17 @@
-<div #carouselOverflowContainer class="overflow-hidden h-full w-full">
-  <div class="carousel-container flex flex-row" [ngClass]="containerClass">
+<div #carouselOverflowContainer class="w-full">
+  <div class="carousel-container flex" [ngClass]="containerClass">
     <ng-content></ng-content>
   </div>
 </div>
 <div
   *ngIf="steps.length > 1"
-  class="absolute right-0 top-0 flex flex-row justify-center gap-[10px] p-1"
+  class="absolute flex flex-row justify-center gap-[14px] p-1"
   [ngClass]="stepsContainerClass"
 >
   <button
     *ngFor="let step of steps; let i = index"
     class="carousel-step-dot"
     (click)="scrollToStep(i)"
-    [ngClass]="selectedStep === i ? 'bg-secondary' : 'bg-gray-400'"
+    [ngClass]="currentStep === i ? 'bg-primary' : 'bg-gray-400'"
   ></button>
 </div>

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

@@ -4,25 +4,49 @@ import {
   ChangeDetectorRef,
   Component,
   ElementRef,
+  EventEmitter,
   Input,
+  Output,
   ViewChild,
 } from '@angular/core'
 import EmblaCarousel, { EmblaCarouselType } from 'embla-carousel'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-carousel',
   templateUrl: './carousel.component.html',
   styleUrls: ['./carousel.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule],
 })
 export class CarouselComponent implements AfterViewInit {
+  @ViewChild('carouselOverflowContainer') carouselOverflowContainer: ElementRef
+
   @Input() containerClass = ''
-  @Input() stepsContainerClass = ''
-  @ViewChild('carouselOverflowContainer')
-  carouselOverflowContainer: ElementRef
-  steps: number[] = []
-  selectedStep = -1
-  emblaApi: EmblaCarouselType
+  @Input() stepsContainerClass = 'w-full bottom-0 top-auto'
+  @Output() currentStepChange = new EventEmitter<number>()
+
+  protected steps: number[] = []
+  protected emblaApi: EmblaCarouselType
+  protected currentStep = 0
+
+  protected refreshSteps = () => {
+    this.steps = this.emblaApi.scrollSnapList()
+    this.currentStep = this.emblaApi.selectedScrollSnap()
+    this.currentStepChange.emit(this.currentStep)
+    this.changeDetector.detectChanges()
+  }
+
+  get isFirstStep() {
+    return this.currentStep === 0
+  }
+  get isLastStep() {
+    return this.currentStep === this.steps.length - 1
+  }
+  get stepsCount() {
+    return this.steps.length
+  }
 
   constructor(private changeDetector: ChangeDetectorRef) {}
 
@@ -33,18 +57,24 @@ export class CarouselComponent implements AfterViewInit {
         duration: 15,
       }
     )
-    const refreshSteps = () => {
-      this.steps = this.emblaApi.scrollSnapList()
-      this.selectedStep = this.emblaApi.selectedScrollSnap()
-      this.changeDetector.detectChanges()
-    }
+
     this.emblaApi
-      .on('init', refreshSteps)
-      .on('reInit', refreshSteps)
-      .on('select', refreshSteps)
+      .on('init', this.refreshSteps)
+      .on('reInit', this.refreshSteps)
+      .on('select', this.refreshSteps)
   }
 
-  scrollToStep(stepIndex: number) {
+  public scrollToStep(stepIndex: number) {
     this.emblaApi.scrollTo(stepIndex)
   }
+
+  public slideToPrevious() {
+    if (this.isFirstStep) return
+    this.emblaApi.scrollPrev()
+  }
+
+  public slideToNext() {
+    if (this.isLastStep) return
+    this.emblaApi.scrollNext()
+  }
 }

package/src/libs/ui/layout/src/lib/ui-layout.module.ts

@@ -15,14 +15,12 @@ import { CarouselComponent } from './carousel/carousel.component'
     StickyHeaderComponent,
     AnchorLinkDirective,
     ExpandablePanelButtonComponent,
-    CarouselComponent,
   ],
   exports: [
     ExpandablePanelComponent,
     StickyHeaderComponent,
     AnchorLinkDirective,
     ExpandablePanelButtonComponent,
-    CarouselComponent,
   ],
 })
 export class UiLayoutModule {}

package/src/libs/util/app-config/src/lib/app-config.ts

@@ -144,6 +144,7 @@ export function loadAppConfig() {
         [],
         [
           'max_zoom',
+          'do_not_tile_wms',
           'max_extent',
           'baselayer',
           'do_not_use_default_basemap',
@@ -158,6 +159,7 @@ export function loadAppConfig() {
           ? null
           : ({
               MAX_ZOOM: parsedMapSection.max_zoom,
+              DO_NOT_TILE_WMS: parsedMapSection.do_not_tile_wms,
               MAX_EXTENT: parsedMapSection.max_extent,
               EXTERNAL_VIEWER_URL_TEMPLATE:
                 parsedMapSection.external_viewer_url_template,

package/src/libs/util/app-config/src/lib/fixtures.ts

@@ -81,6 +81,7 @@ export const MAP_CONFIG_FIXTURE: MapConfig = {
   MAX_ZOOM: 10,
   MAX_EXTENT: [-418263.418776, 5251529.591305, 961272.067714, 6706890.609855],
   DO_NOT_USE_DEFAULT_BASEMAP: false,
+  DO_NOT_TILE_WMS: false,
   EXTERNAL_VIEWER_URL_TEMPLATE:
     'https://example.com/myviewer/#/?actions=[{"type":"CATALOG:ADD_LAYERS_FROM_CATALOGS","layers":["${layer_name}"],"sources":[{"url":"${service_url}","type":"${service_type}"}]}]',
   EXTERNAL_VIEWER_OPEN_NEW_TAB: true,

package/src/libs/util/app-config/src/lib/model.ts

@@ -20,6 +20,7 @@ export interface LayerConfig {
 
 export interface MapConfig {
   MAX_ZOOM?: number
+  DO_NOT_TILE_WMS: boolean
   MAX_EXTENT?: [number, number, number, number] // Expressed as [minx, miny, maxx, maxy]
   EXTERNAL_VIEWER_URL_TEMPLATE?: string
   EXTERNAL_VIEWER_OPEN_NEW_TAB?: boolean

package/src/libs/util/shared/src/lib/links/link-classifier.service.ts

@@ -26,7 +26,7 @@ export class LinkClassifierService {
           case 'wmts':
             return [LinkUsage.API, LinkUsage.MAP_API]
           case 'ogcFeatures':
-            return [LinkUsage.API]
+            return [LinkUsage.API, LinkUsage.DOWNLOAD, LinkUsage.GEODATA]
           default:
             return [LinkUsage.UNKNOWN]
         }