geonetwork-ui 2.7.0-dev.fa54bd3a5 → 2.7.0-dev.fb5b118d5

package/src/libs/feature/record/src/lib/map-view/map-view.component.html

@@ -8,6 +8,7 @@
       extraBtnClass="font-sans font-bold"
       [title]="'map.select.layer' | translate"
       [choices]="dropdownChoices$ | async"
+      [selected]="_selectedChoice"
       (selectValue)="selectLinkToDisplay($event)"
     ></gn-ui-dropdown-selector>
 
@@ -17,6 +18,7 @@
         extraBtnClass="font-sans font-bold"
         [title]="'map.select.style' | translate"
         [choices]="styleDropdownChoices$ | async"
+        [selected]="_styleFromConfig"
         (selectValue)="selectStyleToDisplay($event)"
       ></gn-ui-dropdown-selector>
     </ng-container>

package/src/libs/feature/record/src/lib/map-view/map-view.component.ts

@@ -9,7 +9,7 @@ import {
   ViewChild,
 } from '@angular/core'
 import { MapUtilsService } from '../../../../../../libs/feature/map/src'
-import { getLinkLabel } from '../../../../../../libs/util/shared/src'
+import { getLinkId, getLinkLabel } from '../../../../../../libs/util/shared/src'
 import {
   BehaviorSubject,
   combineLatest,
@@ -49,7 +49,11 @@ import {
   prioritizePageScroll,
 } from '../../../../../../libs/ui/map/src'
 import { Feature } from 'geojson'
-import { NgIconComponent, provideIcons } from '@ng-icons/core'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
 import { matClose } from '@ng-icons/material-icons/baseline'
 import { CommonModule } from '@angular/common'
 import {
@@ -94,21 +98,39 @@ marker('map.select.style')
     ButtonComponent,
     MapLegendComponent,
   ],
-  viewProviders: [provideIcons({ matClose })],
+  viewProviders: [
+    provideIcons({ matClose }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
+  ],
 })
 export class MapViewComponent implements AfterViewInit {
   @Input() set exceedsLimit(value: boolean) {
     this.excludeWfs$.next(value)
   }
+  linkFromConfig$ = new BehaviorSubject(null)
+  _selectedChoice = null
+  _styleFromConfig = null
+
+  linkMap: Map<string, DatasetOnlineResource> = new Map()
   @Input() set selectedView(value: string) {
-    if (value === 'map') {
-      this.selectedLink$.pipe(take(1)).subscribe((link) => {
-        this.linkSelected.emit(link)
-      })
+    this.selectedView$.next(value)
+  }
+  @Input() set datavizConfig(value: any) {
+    if (value && value.view === 'map') {
+      this.selectedView$.next(value.view)
+      if (value.styleTMSIndex) {
+        this._styleFromConfig = value.styleTMSIndex
+      }
+      if (value.source) {
+        this.linkFromConfig$.next(value.source)
+      }
     }
   }
   @Input() displaySource = true
   @Output() linkSelected = new EventEmitter<DatasetOnlineResource>()
+  @Output() styleSelected = new EventEmitter<number>()
   @ViewChild('mapContainer') mapContainer: MapContainerComponent
 
   excludeWfs$ = new BehaviorSubject(false)
@@ -119,12 +141,13 @@ export class MapViewComponent implements AfterViewInit {
   loading = false
   error = null
 
-  selectLinkToDisplay(i: number) {
-    this.selectedLinkIndex$.next(i)
+  selectLinkToDisplay(id: string) {
+    this.selectedLinkId$.next(id)
   }
 
   selectStyleToDisplay(i: number) {
-    this.selectedStyleIndex$.next(i)
+    this.selectedStyleId$.next(i)
+    this.styleSelected.emit(i)
   }
 
   toggleLegend() {
@@ -146,29 +169,54 @@ export class MapViewComponent implements AfterViewInit {
   )
 
   dropdownChoices$ = this.compatibleMapLinks$.pipe(
-    map((links) =>
-      links.length
-        ? links.map((link, index) => ({
+    map((links) => {
+      this.linkMap.clear()
+      links.forEach((link: DatasetOnlineResource) =>
+        this.linkMap.set(getLinkId(link), link)
+      )
+      return links.length
+        ? links.map((link) => ({
             label: getLinkLabel(link),
-            value: index,
+            value: getLinkId(link),
           }))
-        : [{ label: 'map.dropdown.placeholder', value: 0 }]
-    )
+        : [{ label: 'map.dropdown.placeholder', value: '' }]
+    })
   )
 
-  selectedLinkIndex$ = new BehaviorSubject(0)
-  private selectedStyleIndex$ = new BehaviorSubject(0)
+  selectedView$ = new BehaviorSubject(null)
+  selectedLinkId$ = new BehaviorSubject(null)
+  selectedStyleId$ = new BehaviorSubject(null)
 
   selectedSourceLink$ = combineLatest([
     this.compatibleMapLinks$,
-    this.selectedLinkIndex$.pipe(distinctUntilChanged()),
+    this.linkFromConfig$,
+    this.selectedLinkId$.pipe(distinctUntilChanged()),
+    this.selectedView$,
   ]).pipe(
     tap(() => {
       this.error = null
     }),
-    map(([links, index]) => {
-      this.linkSelected.emit(links[index])
-      return links[index]
+    map(([compatibleLinks, configLink, id, view]) => {
+      if (view === 'map') {
+        if (
+          configLink &&
+          !id &&
+          compatibleLinks.some(
+            (link) => getLinkId(link) === getLinkId(configLink)
+          )
+        ) {
+          this._selectedChoice = getLinkId(configLink)
+          this.linkSelected.emit(configLink)
+          return configLink
+        } else if (id) {
+          this._selectedChoice = id
+          this.linkSelected.emit(this.linkMap.get(id))
+          return this.linkMap.get(id)
+        } else {
+          this.linkSelected.emit(compatibleLinks[0])
+          return compatibleLinks[0]
+        }
+      }
     })
   )
 
@@ -205,7 +253,13 @@ export class MapViewComponent implements AfterViewInit {
       }
       return of([])
     }),
-    tap(() => this.selectedStyleIndex$.next(0)),
+    tap((styles) => {
+      if (this._styleFromConfig && this._styleFromConfig <= styles.length) {
+        this.selectedStyleId$.next(this._styleFromConfig)
+      } else {
+        this.selectedStyleId$.next(0)
+      }
+    }),
     shareReplay(1)
   )
 
@@ -228,7 +282,7 @@ export class MapViewComponent implements AfterViewInit {
   selectedLink$ = combineLatest([
     this.selectedSourceLink$,
     this.styleLinks$,
-    this.selectedStyleIndex$.pipe(distinctUntilChanged()),
+    this.selectedStyleId$.pipe(distinctUntilChanged()),
   ]).pipe(
     map(([src, styles, styleIdx]) => (styles.length ? styles[styleIdx] : src)),
     shareReplay(1)
@@ -344,7 +398,9 @@ export class MapViewComponent implements AfterViewInit {
     ) {
       // FIXME: here we're assuming that the TMS serves vector tiles only; should be checked with ogc-client first
       return of({
-        url: link.url.toString().replace(/\/?$/, '/{z}/{x}/{y}.pbf'),
+        url: link.url
+          .toString()
+          .replace(/\/?$/, `/${link.name}/{z}/{x}/{y}.pbf`),
         type: 'xyz',
         tileFormat: 'application/vnd.mapbox-vector-tile',
         name: link.name,

package/src/libs/feature/record/src/lib/record-meta/record-meta.component.ts

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common'
 import {
   ChangeDetectionStrategy,
   Component,
@@ -13,6 +14,7 @@ import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/mode
   template: '',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
+  imports: [CommonModule],
 })
 export class RecordMetaComponent implements OnDestroy, OnChanges {
   @Input() metadata: CatalogRecord

package/src/libs/feature/record/src/lib/state/mdview.facade.ts

@@ -139,8 +139,10 @@ export class MdViewFacade {
               return from(
                 this.dataService.getItemsFromOgcApi(link.url.href)
               ).pipe(
-                map((collectionRecords: OgcApiRecord) => {
-                  return collectionRecords && collectionRecords.geometry
+                map((collectionRecords: OgcApiRecord[]) => {
+                  return collectionRecords &&
+                    collectionRecords[0] &&
+                    collectionRecords[0].geometry
                     ? link
                     : null
                 }),

package/src/libs/feature/router/src/lib/default/container/search-router.container.directive.ts

@@ -11,6 +11,7 @@ import { RouterSearchService } from '../services/router-search.service'
       useClass: RouterSearchService,
     },
   ],
+  standalone: true,
 })
 export class SearchRouterContainerDirective implements OnInit {
   @Input('gnUiSearchRouterContainer') searchId: string

package/src/libs/feature/router/src/lib/default/router.module.ts

@@ -8,7 +8,6 @@ import {
 } from '@ngrx/router-store'
 import { StoreModule } from '@ngrx/store'
 import { ROUTER_STATE_KEY } from './constants'
-import { SearchRouterContainerDirective } from './container/search-router.container.directive'
 import { RouterService } from './router.service'
 import { SearchRouteReuseStrategy } from './SearchRouteReuseStrategy'
 import { RouterFacade } from './state/router.facade'
@@ -16,8 +15,6 @@ import { RouterEffects } from './state/router.effects'
 import { ROUTER_CONFIG, RouterConfigModel } from './router.config'
 
 @NgModule({
-  declarations: [SearchRouterContainerDirective],
-  exports: [SearchRouterContainerDirective],
   imports: [
     StoreModule.forFeature(ROUTER_STATE_KEY, routerReducer),
     StoreRouterConnectingModule.forRoot({

package/src/libs/feature/router/src/lib/default/state/query-params.utils.ts

@@ -14,7 +14,10 @@ export function flattenQueryParams(
       Array.isArray(flattened[key]) &&
       (flattened[key] as string[]).length > 0
     ) {
-      flattened[key] = [(flattened[key] as string[]).join(',')]
+      const encoded = (flattened[key] as string[]).map((value) =>
+        typeof value === 'string' ? value.replace(/,/g, '%2C') : value
+      )
+      flattened[key] = [encoded.join(',')]
     } else if (isDateRange(flattened[key] as DateRange)) {
       const start = (flattened[key] as DateRange).start
       const end = (flattened[key] as DateRange).end
@@ -48,7 +51,7 @@ export function expandQueryParams(
           ...(end && { end: new Date(`${end}T00:00:00`) }),
         }
       } else {
-        expanded[key] = value.split(',')
+        expanded[key] = value.split(',').map((v) => v.replace(/%2C/g, ','))
       }
     }
   }

package/src/libs/feature/router/src/lib/default/state/router.facade.ts

@@ -63,7 +63,8 @@ export class RouterFacade {
   }
 
   goToOrganization(organizationName: string) {
-    const path = `${this.routerService.getOrganizationPageRoute()}/${organizationName}`
+    const safeOrgName = organizationName.replace(/\//g, '')
+    const path = `${this.routerService.getOrganizationPageRoute()}/${safeOrgName}`
     this.go({
       path,
       queryParamsHandling: '',

package/src/libs/feature/search/src/index.ts

@@ -13,7 +13,6 @@ export * from './lib/results-list/results-list.container.component'
 export * from './lib/filter-dropdown/filter-dropdown.component'
 export * from './lib/constants'
 export * from './lib/fuzzy-search/fuzzy-search.component'
-export * from './lib/facets/facets.module'
 export * from './lib/facets/facets-container/facets-container.component'
 export * from './lib/records-metrics/records-metrics.component'
 export * from './lib/favorites/favorite-star/favorite-star.component'

package/src/libs/feature/search/src/lib/facets/facets-container/facets-container.component.ts

@@ -1,5 +1,9 @@
 import { Component, OnInit } from '@angular/core'
-import { FacetSelectEvent, ModelBlock } from '../../../../../../../libs/ui/search/src'
+import {
+  FacetListComponent,
+  FacetSelectEvent,
+  ModelBlock,
+} from '../../../../../../../libs/ui/search/src'
 import { combineLatest, Observable } from 'rxjs'
 import { map, take } from 'rxjs/operators'
 import { SearchFacade } from '../../state/search.facade'
@@ -7,6 +11,8 @@ import { FacetsService } from '../facets.service'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import { FieldFilters } from '../../../../../../../libs/common/domain/src/lib/model/search'
 import { EsRequestAggTerm } from '../../../../../../../libs/api/metadata-converter/src'
+import { CommonModule } from '@angular/common'
+import { TranslateModule } from '@ngx-translate/core'
 
 marker('facets.block.title.OrgForResource')
 marker('facets.block.title.availableInServices')
@@ -24,6 +30,13 @@ marker('facets.block.title.th_regions_tree.default')
   selector: 'gn-ui-facets-container',
   templateUrl: './facets-container.component.html',
   styleUrls: ['./facets-container.component.css'],
+  standalone: true,
+  imports: [
+    FacetListComponent,
+    CommonModule,
+    TranslateModule,
+    FacetListComponent,
+  ],
 })
 export class FacetsContainerComponent implements OnInit {
   selectedPaths$: Observable<string[][]>

package/src/libs/feature/search/src/lib/favorites/favorite-star/favorite-star.component.ts

@@ -48,6 +48,7 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   isFavorite$ = this.favoritesService.myFavoritesUuid$.pipe(
     map((favorites) => favorites.indexOf(this.record.uniqueIdentifier) > -1)
   )
+  supportsAuthentication = this.platformService.supportsAuthentication()
   isAnonymous$ = this.platformService.isAnonymous()
   record_: Partial<CatalogRecord>
   favoriteCount: number | null
@@ -79,20 +80,22 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   ) {}
 
   ngAfterViewInit(): void {
-    this.subscription = this.isAnonymous$
-      .pipe(withLatestFrom(this.loginMessage$))
-      .subscribe(([anonymous, loginMessage]) => {
-        if (anonymous) {
-          tippy(this.starToggleRef.nativeElement, {
-            appendTo: () => document.body,
-            content: loginMessage,
-            allowHTML: true,
-            interactive: true,
-            zIndex: 60,
-            maxWidth: 250,
-          })
-        }
-      })
+    if (this.supportsAuthentication) {
+      this.subscription = this.isAnonymous$
+        .pipe(withLatestFrom(this.loginMessage$))
+        .subscribe(([anonymous, loginMessage]) => {
+          if (anonymous) {
+            tippy(this.starToggleRef.nativeElement, {
+              appendTo: () => document.body,
+              content: loginMessage,
+              allowHTML: true,
+              interactive: true,
+              zIndex: 60,
+              maxWidth: 250,
+            })
+          }
+        })
+    }
     this.countSubscription = this.favoritesService.myFavoritesUuid$
       .pipe(pairwise())
       .subscribe(([oldFavs, newFavs]) => {
@@ -115,8 +118,12 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    this.subscription.unsubscribe()
-    this.countSubscription.unsubscribe()
+    if (this.subscription) {
+      this.subscription.unsubscribe()
+    }
+    if (this.countSubscription) {
+      this.countSubscription.unsubscribe()
+    }
   }
 
   toggleFavorite(isFavorite) {

package/src/libs/feature/search/src/lib/feature-search.module.ts

@@ -1,76 +1,15 @@
-import { CommonModule } from '@angular/common'
-import { HttpClientModule, HttpClientXsrfModule } from '@angular/common/http'
-import { UiSearchModule } from '../../../../../libs/ui/search/src'
 import { EffectsModule } from '@ngrx/effects'
 import { StoreModule } from '@ngrx/store'
-import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
-import { NgIconsModule } from '@ng-icons/core'
-import { FacetsModule } from './facets/facets.module'
-import { RecordsMetricsComponent } from './records-metrics/records-metrics.component'
-import { ResultsLayoutComponent } from './results-layout/results-layout.component'
-import { ResultsListContainerComponent } from './results-list/results-list.container.component'
-import { SortByComponent } from './sort-by/sort-by.component'
 import { SearchEffects } from './state/effects'
 import { initialState, reducer, SEARCH_FEATURE_KEY } from './state/reducer'
-import { ResultsHitsContainerComponent } from './results-hits/results-hits.container.component'
-import { SearchStateContainerDirective } from './state/container/search-state.container.directive'
-import {
-  AutocompleteComponent,
-  ButtonComponent,
-  DateRangeDropdownComponent,
-  DropdownMultiselectComponent,
-  DropdownSelectorComponent,
-  ViewportIntersectorComponent,
-} from '../../../../../libs/ui/inputs/src'
 import { NgModule } from '@angular/core'
-import { ErrorComponent, KindBadgeComponent } from '../../../../../libs/ui/elements/src'
-import { FilterDropdownComponent } from './filter-dropdown/filter-dropdown.component'
-import { SpinningLoaderComponent } from '../../../../../libs/ui/widgets/src'
-import { FavoriteStarComponent } from './favorites/favorite-star/favorite-star.component'
 
 @NgModule({
-  declarations: [
-    SortByComponent,
-    ResultsLayoutComponent,
-    RecordsMetricsComponent,
-    ResultsListContainerComponent,
-    ResultsHitsContainerComponent,
-    SearchStateContainerDirective,
-    FilterDropdownComponent,
-  ],
   imports: [
-    CommonModule,
-    TranslateDirective,
-    TranslatePipe,
     StoreModule.forFeature(SEARCH_FEATURE_KEY, reducer, {
       initialState,
     }),
     EffectsModule.forFeature([SearchEffects]),
-    HttpClientModule,
-    HttpClientXsrfModule,
-    UiSearchModule,
-    FacetsModule,
-    AutocompleteComponent,
-    SpinningLoaderComponent,
-    ErrorComponent,
-    FavoriteStarComponent,
-    DateRangeDropdownComponent,
-    NgIconsModule,
-    KindBadgeComponent,
-    DropdownSelectorComponent,
-    DropdownMultiselectComponent,
-    ViewportIntersectorComponent,
-    ButtonComponent,
-  ],
-  exports: [
-    SortByComponent,
-    ResultsLayoutComponent,
-    RecordsMetricsComponent,
-    ResultsListContainerComponent,
-    ResultsHitsContainerComponent,
-    FacetsModule,
-    SearchStateContainerDirective,
-    FilterDropdownComponent,
   ],
 })
 export class FeatureSearchModule {}

package/src/libs/feature/search/src/lib/filter-dropdown/filter-dropdown.component.ts

@@ -4,7 +4,11 @@ import {
   Input,
   OnInit,
 } from '@angular/core'
-import { Choice } from '../../../../../../libs/ui/inputs/src'
+import {
+  Choice,
+  DateRangeDropdownComponent,
+  DropdownMultiselectComponent,
+} from '../../../../../../libs/ui/inputs/src'
 import { Observable, of, switchMap } from 'rxjs'
 import { catchError, filter, map, startWith } from 'rxjs/operators'
 import { SearchFacade } from '../state/search.facade'
@@ -16,12 +20,19 @@ import {
   FieldValue,
 } from '../utils/service/fields'
 import { DateRange } from '../../../../../../libs/api/repository/src'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-filter-dropdown',
   templateUrl: './filter-dropdown.component.html',
   styleUrls: ['./filter-dropdown.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CommonModule,
+    DateRangeDropdownComponent,
+    DropdownMultiselectComponent,
+  ],
 })
 export class FilterDropdownComponent implements OnInit {
   @Input() fieldName: string

package/src/libs/feature/search/src/lib/records-metrics/records-metrics.component.ts

@@ -8,11 +8,16 @@ import {
   TermBucket,
 } from '../../../../../../libs/common/domain/src/lib/model/search'
 import { RecordMetric } from '../../../../../../libs/api/metadata-converter/src'
+import { RecordMetricComponent } from '../../../../../../libs/ui/search/src'
+import { CommonModule } from '@angular/common'
+import { TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-records-metrics',
   templateUrl: './records-metrics.component.html',
   styleUrls: ['./records-metrics.component.css'],
+  standalone: true,
+  imports: [CommonModule, RecordMetricComponent, TranslatePipe],
 })
 export class RecordsMetricsComponent implements OnInit {
   @Input() field: string

package/src/libs/feature/search/src/lib/results-hits/results-hits.container.component.ts

@@ -13,6 +13,11 @@ import { SearchFacade } from '../state/search.facade'
 import { FieldAvailableValue, FieldValue } from '../utils/service/fields'
 import { SearchService } from '../utils/service/search.service'
 import { FieldsService } from '../utils/service/fields.service'
+import {
+  ResultsHitsNumberComponent,
+  ResultsHitsSearchKindComponent,
+} from '../../../../../../libs/ui/search/src'
+import { CommonModule } from '@angular/common'
 
 marker('search.filters.recordKind.all')
 marker('search.filters.recordKind.dataset')
@@ -23,6 +28,12 @@ marker('search.filters.recordKind.reuse')
   selector: 'gn-ui-results-hits',
   templateUrl: './results-hits.container.component.html',
   styleUrls: ['./results-hits.container.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ResultsHitsNumberComponent,
+    ResultsHitsSearchKindComponent,
+  ],
 })
 export class ResultsHitsContainerComponent implements OnInit {
   @Input() displayRecordKindFilter = true

package/src/libs/feature/search/src/lib/results-layout/results-layout.component.ts

@@ -4,10 +4,15 @@ import {
   ResultsLayoutConfigModel,
 } from '../../../../../../libs/ui/search/src'
 import { SearchFacade } from '../state/search.facade'
+import { CommonModule } from '@angular/common'
+import { TranslatePipe } from '@ngx-translate/core'
+import { DropdownSelectorComponent } from '../../../../../../libs/ui/inputs/src'
 
 @Component({
   selector: 'gn-ui-results-layout',
   templateUrl: './results-layout.component.html',
+  standalone: true,
+  imports: [CommonModule, TranslatePipe, DropdownSelectorComponent],
 })
 export class ResultsLayoutComponent {
   choices = Object.keys(this.resultsLayoutConfig).map((v) => {

package/src/libs/feature/search/src/lib/results-list/results-list.container.component.ts

@@ -11,11 +11,12 @@ import { combineLatest, Observable, tap } from 'rxjs'
 import { filter, map } from 'rxjs/operators'
 import { SearchFacade } from '../state/search.facade'
 import { SearchError } from '../state/reducer'
-import { ErrorType } from '../../../../../../libs/ui/elements/src'
+import { ErrorComponent, ErrorType } from '../../../../../../libs/ui/elements/src'
 import {
   RESULTS_LAYOUT_CONFIG,
   ResultsLayoutConfigItem,
   ResultsLayoutConfigModel,
+  ResultsListComponent,
 } from '../../../../../../libs/ui/search/src'
 import {
   RECORD_DATASET_URL_TOKEN,
@@ -23,6 +24,14 @@ import {
   RECORD_REUSE_URL_TOKEN,
 } from '../record-url.token'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import {
+  ButtonComponent,
+  ViewportIntersectorComponent,
+} from '../../../../../../libs/ui/inputs/src'
+import { SpinningLoaderComponent } from '../../../../../../libs/ui/widgets/src'
+import { FavoriteStarComponent } from '../favorites/favorite-star/favorite-star.component'
+import { CommonModule } from '@angular/common'
+import { TranslateDirective } from '@ngx-translate/core'
 
 export type ResultsListShowMoreStrategy = 'auto' | 'button' | 'none'
 
@@ -30,6 +39,17 @@ export type ResultsListShowMoreStrategy = 'auto' | 'button' | 'none'
   selector: 'gn-ui-results-list-container',
   templateUrl: './results-list.container.component.html',
   styleUrls: ['./results-list.container.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    ResultsListComponent,
+    ButtonComponent,
+    ViewportIntersectorComponent,
+    SpinningLoaderComponent,
+    ErrorComponent,
+    FavoriteStarComponent,
+    TranslateDirective,
+  ],
 })
 export class ResultsListContainerComponent implements OnInit {
   @Input() metadataQualityDisplay: boolean

package/src/libs/feature/search/src/lib/results-table/results-table-container.component.ts

@@ -24,7 +24,7 @@ import { TranslateService } from '@ngx-translate/core'
   imports: [CommonModule, ResultsTableComponent],
 })
 export class ResultsTableContainerComponent implements OnDestroy {
-  @Input() isDuplicating: false
+  @Input() isDuplicating = false
 
   @Output() recordClick = new EventEmitter<CatalogRecord>()
   @Output() duplicateRecord = new EventEmitter<CatalogRecord>()

package/src/libs/feature/search/src/lib/sort-by/sort-by.component.ts

@@ -7,6 +7,9 @@ import {
 import { SearchFacade } from '../state/search.facade'
 import { SearchService } from '../utils/service/search.service'
 import { filter, map } from 'rxjs/operators'
+import { DropdownSelectorComponent } from '../../../../../../libs/ui/inputs/src'
+import { CommonModule } from '@angular/common'
+import { TranslatePipe } from '@ngx-translate/core'
 
 interface SortChoice {
   label: string
@@ -16,6 +19,8 @@ interface SortChoice {
 @Component({
   selector: 'gn-ui-sort-by',
   templateUrl: './sort-by.component.html',
+  standalone: true,
+  imports: [CommonModule, DropdownSelectorComponent, TranslatePipe],
 })
 export class SortByComponent implements OnInit {
   @Input() isQualitySortable: boolean

package/src/libs/feature/search/src/lib/state/container/search-state.container.directive.ts

@@ -5,6 +5,7 @@ import { SearchFacade } from '../search.facade'
 @Directive({
   selector: '[gnUiSearchStateContainer]',
   providers: [SearchFacade, SearchService],
+  standalone: true,
 })
 export class SearchStateContainerDirective implements OnInit {
   @Input('gnUiSearchStateContainer') searchId: string