geonetwork-ui 2.6.0-dev.86c0fa7b5 → 2.6.0-dev.87d6e6c1b

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

@@ -2,8 +2,8 @@ import { ChangeDetectorRef, Component } from '@angular/core'
 import { MapFacade } from '../+state/map.facade'
 import { MapContextLayerGeojson } from '@geospatial-sdk/core'
 import { firstValueFrom } from 'rxjs'
-import { UiInputsModule } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { DragAndDropFileInputComponent } from '../../../../../../libs/ui/inputs/src'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { CommonModule } from '@angular/common'
 
 const INVALID_FILE_FORMAT_ERROR_MESSAGE = 'Invalid file format'
@@ -13,7 +13,12 @@ const INVALID_FILE_FORMAT_ERROR_MESSAGE = 'Invalid file format'
   templateUrl: './add-layer-from-file.component.html',
   styleUrls: ['./add-layer-from-file.component.css'],
   standalone: true,
-  imports: [UiInputsModule, TranslateModule, CommonModule],
+  imports: [
+    TranslateDirective,
+    TranslatePipe,
+    CommonModule,
+    DragAndDropFileInputComponent,
+  ],
 })
 export class AddLayerFromFileComponent {
   errorMessage: string | null = null

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

@@ -8,11 +8,12 @@ import {
 } from '@angular/core'
 import { OgcApiEndpoint } from '@camptocamp/ogc-client'
 import { debounceTime, Subject } from 'rxjs'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import {
+  ButtonComponent,
   DropdownChoice,
+  DropdownSelectorComponent,
   TextInputComponent,
-  UiInputsModule,
 } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
 import { MapContextLayer, MapContextLayerOgcApi } from '@geospatial-sdk/core'
@@ -22,7 +23,13 @@ import { MapContextLayer, MapContextLayerOgcApi } from '@geospatial-sdk/core'
   templateUrl: './add-layer-from-ogc-api.component.html',
   styleUrls: ['./add-layer-from-ogc-api.component.css'],
   standalone: true,
-  imports: [CommonModule, TranslateModule, UiInputsModule, TextInputComponent],
+  imports: [
+    CommonModule,
+    TextInputComponent,
+    DropdownSelectorComponent,
+    TranslatePipe,
+    ButtonComponent,
+  ],
 })
 export class AddLayerFromOgcApiComponent implements OnInit {
   @Input() ogcUrl: string

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

@@ -5,7 +5,7 @@ import { MapFacade } from '../+state/map.facade'
 import { debounceTime } from 'rxjs/operators'
 import { MapContextLayer } from '@geospatial-sdk/core'
 import { ButtonComponent, TextInputComponent } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { CommonModule } from '@angular/common'
 
 @Component({
@@ -13,7 +13,13 @@ import { CommonModule } from '@angular/common'
   templateUrl: './add-layer-from-wfs.component.html',
   styleUrls: ['./add-layer-from-wfs.component.css'],
   standalone: true,
-  imports: [TextInputComponent, ButtonComponent, TranslateModule, CommonModule],
+  imports: [
+    TextInputComponent,
+    ButtonComponent,
+    TranslateDirective,
+    TranslatePipe,
+    CommonModule,
+  ],
 })
 export class AddLayerFromWfsComponent implements OnInit {
   wfsUrl = ''

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

@@ -6,14 +6,20 @@ import { debounceTime } from 'rxjs/operators'
 import { MapContextLayer } from '@geospatial-sdk/core'
 import { ButtonComponent, TextInputComponent } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-add-layer-from-wms',
   templateUrl: './add-layer-from-wms.component.html',
   styleUrls: ['./add-layer-from-wms.component.css'],
   standalone: true,
-  imports: [TextInputComponent, CommonModule, TranslateModule, ButtonComponent],
+  imports: [
+    TextInputComponent,
+    CommonModule,
+    TranslateDirective,
+    TranslatePipe,
+    ButtonComponent,
+  ],
 })
 export class AddLayerFromWmsComponent implements OnInit {
   wmsUrl = ''

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

@@ -1,29 +1,12 @@
 import { NgModule } from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
-import { MatTabsModule } from '@angular/material/tabs'
-import { TranslateModule } from '@ngx-translate/core'
-import { FeatureSearchModule } from '../../../../../libs/feature/search/src'
 import { StoreModule } from '@ngrx/store'
 import * as fromMap from './+state/map.reducer'
 import { MapFacade } from './+state/map.facade'
-import { UiElementsModule } from '../../../../../libs/ui/elements/src'
-import { TextInputComponent, UiInputsModule } from '../../../../../libs/ui/inputs/src'
 import { GEOCODING_PROVIDER, GeocodingProvider } from './geocoding.service'
-import { AddLayerFromOgcApiComponent } from './add-layer-from-ogc-api/add-layer-from-ogc-api.component'
 
 @NgModule({
   imports: [
-    CommonModule,
-    UiLayoutModule,
-    MatTabsModule,
-    TranslateModule,
-    FeatureSearchModule,
     StoreModule.forFeature(fromMap.MAP_FEATURE_KEY, fromMap.mapReducer),
-    UiElementsModule,
-    UiInputsModule,
-    AddLayerFromOgcApiComponent,
-    TextInputComponent,
   ],
   providers: [
     MapFacade,

package/src/libs/feature/map/src/lib/geocoding/geocoding.component.ts

@@ -4,8 +4,8 @@ import { debounceTime, switchMap } from 'rxjs/operators'
 import { GeocodingService } from '../geocoding.service'
 import { MapFacade } from '../+state/map.facade'
 import { CommonModule } from '@angular/common'
-import { SearchInputComponent, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { SearchInputComponent } from '../../../../../../libs/ui/inputs/src'
+import { TranslatePipe } from '@ngx-translate/core'
 import { MapContextView } from '@geospatial-sdk/core'
 
 @Component({
@@ -13,12 +13,7 @@ import { MapContextView } from '@geospatial-sdk/core'
   templateUrl: './geocoding.component.html',
   styleUrls: ['./geocoding.component.css'],
   standalone: true,
-  imports: [
-    CommonModule,
-    UiInputsModule,
-    TranslateModule,
-    SearchInputComponent,
-  ],
+  imports: [CommonModule, SearchInputComponent, TranslatePipe],
 })
 export class GeocodingComponent implements OnDestroy {
   searchText = ''

package/src/libs/feature/map/src/lib/layers-panel/layers-panel.component.ts

@@ -9,7 +9,7 @@ import { AddLayerFromWfsComponent } from '../add-layer-from-wfs/add-layer-from-w
 import { AddLayerFromWmsComponent } from '../add-layer-from-wms/add-layer-from-wms.component'
 import { AddLayerFromCatalogComponent } from '../add-layer-from-catalog/add-layer-from-catalog.component'
 import { AddLayerFromFileComponent } from '../add-layer-from-file/add-layer-from-file.component'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { CommonModule } from '@angular/common'
 import {
   NgIconComponent,
@@ -35,7 +35,8 @@ import { matChevronRight } from '@ng-icons/material-icons/baseline'
     AddLayerFromWmsComponent,
     AddLayerFromCatalogComponent,
     AddLayerFromFileComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     CommonModule,
     NgIconComponent,
     ExpandablePanelButtonComponent,

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

@@ -6,8 +6,8 @@ import {
   Output,
 } from '@angular/core'
 import { getLinkLabel, getLinkPriority } from '../../../../../../libs/util/shared/src'
-import { BehaviorSubject, combineLatest, of } from 'rxjs'
-import { catchError, finalize, map, switchMap, tap } from 'rxjs/operators'
+import { BehaviorSubject, combineLatest } from 'rxjs'
+import { map, tap } from 'rxjs/operators'
 import { MdViewFacade } from '../state'
 import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
 import {
@@ -20,7 +20,7 @@ import {
   TableViewComponent,
 } from '../../../../../../libs/feature/dataviz/src'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { PopupAlertComponent } from '../../../../../../libs/ui/widgets/src'
 
 @Component({
@@ -33,7 +33,8 @@ import { PopupAlertComponent } from '../../../../../../libs/ui/widgets/src'
     CommonModule,
     DropdownSelectorComponent,
     TableViewComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     ChartViewComponent,
     PopupAlertComponent,
   ],

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

@@ -11,7 +11,7 @@ import { BehaviorSubject, combineLatest, map } from 'rxjs'
 import { MdViewFacade } from '../state'
 import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import { GEONETWORK_UI_TAG_NAME } from '../../../../../../libs/util/shared/src'
 
 export const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken<string>(
@@ -24,7 +24,7 @@ export const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken<string>(
   styleUrls: ['./data-view-permalink.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, CopyTextButtonComponent, TranslateModule],
+  imports: [CommonModule, CopyTextButtonComponent, TranslatePipe],
 })
 export class DataViewPermalinkComponent {
   viewType$ = new BehaviorSubject<string>('map')

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

@@ -12,7 +12,7 @@ import {
 import { MatTabsModule } from '@angular/material/tabs'
 import { CommonModule } from '@angular/common'
 import { DataViewWebComponentComponent } from '../data-view-web-component/data-view-web-component.component'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-data-view-share',
@@ -24,7 +24,7 @@ import { TranslateModule } from '@ngx-translate/core'
     MatTabsModule,
     DataViewPermalinkComponent,
     DataViewWebComponentComponent,
-    TranslateModule,
+    TranslateDirective,
   ],
   standalone: true,
 })

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

@@ -9,7 +9,7 @@ import { MdViewFacade } from '../state'
 import { BehaviorSubject, combineLatest, map } from 'rxjs'
 import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import { GEONETWORK_UI_TAG_NAME } from '../../../../../../libs/util/shared/src'
 
 @Component({
@@ -18,7 +18,7 @@ import { GEONETWORK_UI_TAG_NAME } from '../../../../../../libs/util/shared/src'
   styleUrls: ['./data-view-web-component.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, CopyTextButtonComponent, TranslateModule],
+  imports: [CommonModule, CopyTextButtonComponent, TranslatePipe],
 })
 export class DataViewWebComponentComponent {
   viewType$ = new BehaviorSubject<string>('map')

package/src/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.ts

@@ -8,7 +8,7 @@ import {
 } from '@angular/core'
 import { DatasetOnlineResource } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import { TranslatePipe, TranslateService } from '@ngx-translate/core'
 import { getFileFormat } from '../../../../../../libs/util/shared/src'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { NgIcon, provideIcons } from '@ng-icons/core'
@@ -31,7 +31,7 @@ export const EXTERNAL_VIEWER_OPEN_NEW_TAB = new InjectionToken<boolean>(
   styleUrls: ['./external-viewer-button.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, ButtonComponent, NgIcon, TranslateModule],
+  imports: [CommonModule, ButtonComponent, NgIcon, TranslatePipe],
   viewProviders: [provideIcons({ matOpenInNew })],
 })
 export class ExternalViewerButtonComponent {

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

@@ -2,13 +2,8 @@ import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { StoreModule } from '@ngrx/store'
 import { EffectsModule } from '@ngrx/effects'
-import { UiLayoutModule } from '../../../../../libs/ui/layout/src'
 import { FeatureMapModule } from '../../../../../libs/feature/map/src'
-import {
-  DropdownSelectorComponent,
-  UiInputsModule,
-} from '../../../../../libs/ui/inputs/src'
-import { UiElementsModule } from '../../../../../libs/ui/elements/src'
+import { DropdownSelectorComponent } from '../../../../../libs/ui/inputs/src'
 import { MdViewFacade } from './state'
 import { MdViewEffects } from './state/mdview.effects'
 import {
@@ -16,8 +11,7 @@ import {
   reducer,
 } from './state/mdview.reducer'
 import { MatTabsModule } from '@angular/material/tabs'
-import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { FeatureCatalogModule } from '../../../../../libs/feature/catalog/src'
 import { DataTableComponent } from '../../../../../libs/ui/dataviz/src'
 import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
@@ -27,14 +21,11 @@ import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
     CommonModule,
     StoreModule.forFeature(METADATA_VIEW_FEATURE_STATE_KEY, reducer),
     EffectsModule.forFeature([MdViewEffects]),
-    UiLayoutModule,
     FeatureMapModule,
     FeatureCatalogModule,
-    UiInputsModule,
-    UiElementsModule,
     MatTabsModule,
-    UiWidgetsModule,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     DataTableComponent,
     NgIconsModule,
     DropdownSelectorComponent,

package/src/libs/feature/record/src/lib/gpf-api-dl/gpf-api-dl.component.ts

@@ -5,12 +5,12 @@ import {
   OnInit,
 } from '@angular/core'
 import { DatasetServiceDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { BehaviorSubject, Observable, combineLatest, map, mergeMap } from 'rxjs'
+import { BehaviorSubject, combineLatest, map, mergeMap, Observable } from 'rxjs'
 import { HttpClient } from '@angular/common/http'
 import { Choice, DropdownSelectorComponent } from '../../../../../../libs/ui/inputs/src'
 import axios from 'axios'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { GpfApiDlListItemComponent } from '../gpf-api-dl-list-item/gpf-api-dl-list-item.component'
 
 export interface Label {
@@ -57,7 +57,8 @@ export interface Field {
   standalone: true,
   imports: [
     CommonModule,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     DropdownSelectorComponent,
     GpfApiDlListItemComponent,
   ],

package/src/libs/feature/record/src/lib/gpf-api-dl-list-item/gpf-api-dl-list-item.component.ts

@@ -1,16 +1,22 @@
 import { CommonModule } from '@angular/common'
 import { HttpClient } from '@angular/common/http'
 import { Component, Input, OnInit } from '@angular/core'
-import { NgIconsModule } from '@ng-icons/core'
-import { TranslateModule } from '@ngx-translate/core'
-import { Observable, map, mergeMap } from 'rxjs'
+import { NgIconsModule, provideIcons } from '@ng-icons/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
+import { map, mergeMap, Observable } from 'rxjs'
+import { matCloudDownloadOutline } from '@ng-icons/material-icons/outline'
 
 @Component({
   selector: 'gn-ui-gpf-api-dl-list-item',
   templateUrl: './gpf-api-dl-list-item.component.html',
   styleUrls: ['./gpf-api-dl-list-item.component.css'],
   standalone: true,
-  imports: [CommonModule, TranslateModule, NgIconsModule],
+  imports: [CommonModule, TranslateDirective, TranslatePipe, NgIconsModule],
+  providers: [
+    provideIcons({
+      matCloudDownloadOutline,
+    }),
+  ],
 })
 export class GpfApiDlListItemComponent implements OnInit {
   @Input() link

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

@@ -56,7 +56,11 @@ import {
   ButtonComponent,
   DropdownSelectorComponent,
 } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import {
+  TranslateDirective,
+  TranslatePipe,
+  TranslateService,
+} from '@ngx-translate/core'
 import { ExternalViewerButtonComponent } from '../external-viewer-button/external-viewer-button.component'
 import {
   LoadingMaskComponent,
@@ -82,7 +86,8 @@ marker('map.select.style')
     MapContainerComponent,
     FeatureDetailComponent,
     PopupAlertComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     LoadingMaskComponent,
     NgIconComponent,
     ExternalViewerButtonComponent,

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

@@ -16,7 +16,7 @@ import {
   withLatestFrom,
 } from 'rxjs/operators'
 import tippy from 'tippy.js'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import { TranslateService } from '@ngx-translate/core'
 import { StarToggleComponent } from '../../../../../../../libs/ui/inputs/src'
 import { Observable, Subscription } from 'rxjs'
 import { CatalogRecord } from '../../../../../../../libs/common/domain/src/lib/model/record'
@@ -30,7 +30,7 @@ import { CommonModule } from '@angular/common'
   styleUrls: ['./favorite-star.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, StarToggleComponent, TranslateModule],
+  imports: [CommonModule, StarToggleComponent],
 })
 export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   @Input() displayCount? = true

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

@@ -3,10 +3,9 @@ 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 { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { NgIconsModule } from '@ng-icons/core'
 import { FacetsModule } from './facets/facets.module'
-import { FuzzySearchComponent } from './fuzzy-search/fuzzy-search.component'
 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'
@@ -17,27 +16,22 @@ import { ResultsHitsContainerComponent } from './results-hits/results-hits.conta
 import { SearchStateContainerDirective } from './state/container/search-state.container.directive'
 import {
   AutocompleteComponent,
+  ButtonComponent,
   DateRangeDropdownComponent,
-  UiInputsModule,
+  DropdownMultiselectComponent,
+  DropdownSelectorComponent,
+  ViewportIntersectorComponent,
 } from '../../../../../libs/ui/inputs/src'
 import { NgModule } from '@angular/core'
-import {
-  ErrorComponent,
-  KindBadgeComponent,
-  UiElementsModule,
-} from '../../../../../libs/ui/elements/src'
+import { ErrorComponent, KindBadgeComponent } from '../../../../../libs/ui/elements/src'
 import { FilterDropdownComponent } from './filter-dropdown/filter-dropdown.component'
-import {
-  SpinningLoaderComponent,
-  UiWidgetsModule,
-} from '../../../../../libs/ui/widgets/src'
+import { SpinningLoaderComponent } from '../../../../../libs/ui/widgets/src'
 import { FavoriteStarComponent } from './favorites/favorite-star/favorite-star.component'
 
 @NgModule({
   declarations: [
     SortByComponent,
     ResultsLayoutComponent,
-    FuzzySearchComponent,
     RecordsMetricsComponent,
     ResultsListContainerComponent,
     ResultsHitsContainerComponent,
@@ -46,7 +40,8 @@ import { FavoriteStarComponent } from './favorites/favorite-star/favorite-star.c
   ],
   imports: [
     CommonModule,
-    TranslateModule.forChild(),
+    TranslateDirective,
+    TranslatePipe,
     StoreModule.forFeature(SEARCH_FEATURE_KEY, reducer, {
       initialState,
     }),
@@ -54,10 +49,7 @@ import { FavoriteStarComponent } from './favorites/favorite-star/favorite-star.c
     HttpClientModule,
     HttpClientXsrfModule,
     UiSearchModule,
-    UiInputsModule,
-    UiElementsModule,
     FacetsModule,
-    UiWidgetsModule,
     AutocompleteComponent,
     SpinningLoaderComponent,
     ErrorComponent,
@@ -65,11 +57,14 @@ import { FavoriteStarComponent } from './favorites/favorite-star/favorite-star.c
     DateRangeDropdownComponent,
     NgIconsModule,
     KindBadgeComponent,
+    DropdownSelectorComponent,
+    DropdownMultiselectComponent,
+    ViewportIntersectorComponent,
+    ButtonComponent,
   ],
   exports: [
     SortByComponent,
     ResultsLayoutComponent,
-    FuzzySearchComponent,
     RecordsMetricsComponent,
     ResultsListContainerComponent,
     ResultsHitsContainerComponent,

package/src/libs/feature/search/src/lib/fuzzy-search/fuzzy-search.component.ts

@@ -18,12 +18,16 @@ import { SearchService } from '../utils/service/search.service'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 import { SearchFilters } from '../../../../../../libs/api/metadata-converter/src'
+import { TranslatePipe } from '@ngx-translate/core'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-fuzzy-search',
   templateUrl: './fuzzy-search.component.html',
   styleUrls: ['./fuzzy-search.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, AutocompleteComponent, TranslatePipe],
 })
 export class FuzzySearchComponent implements OnInit {
   @ViewChild(AutocompleteComponent) autocomplete: AutocompleteComponent

package/src/libs/feature/search/src/lib/search-filters-summary/search-filters-summary.component.ts

@@ -1,19 +1,25 @@
-import { Component, Inject, Input, OnInit, Optional } from '@angular/core'
+import {
+  Component,
+  Inject,
+  InjectionToken,
+  Input,
+  OnInit,
+  Optional,
+} from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { first, map, Observable } from 'rxjs'
 import { SearchFiltersSummaryItemComponent } from '../search-filters-summary-item/search-filters-summary-item.component'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import { SearchFacade } from '../state/search.facade'
 import { SearchService } from '../utils/service/search.service'
 import { FieldFilters } from '../../../../../../libs/common/domain/src/lib/model/search'
-import { InjectionToken } from '@angular/core'
 
 export const FILTER_SUMMARY_IGNORE_LIST = new InjectionToken<string[]>(
   'FILTER_SUMMARY_IGNORE_LIST'
 )
 @Component({
   selector: 'gn-ui-search-filters-summary',
-  imports: [CommonModule, SearchFiltersSummaryItemComponent, TranslateModule],
+  imports: [CommonModule, SearchFiltersSummaryItemComponent, TranslatePipe],
   templateUrl: './search-filters-summary.component.html',
   styleUrls: ['./search-filters-summary.component.css'],
   standalone: true,

package/src/libs/feature/search/src/lib/search-filters-summary-item/search-filters-summary-item.component.ts

@@ -9,7 +9,7 @@ import {
   switchMap,
 } from 'rxjs'
 import { BadgeComponent } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import { TranslateService } from '@ngx-translate/core'
 import { DateRange } from '../../../../../../libs/api/repository/src'
 import { FieldType, FieldValue } from '../utils/service/fields'
 import { SearchFacade } from '../state/search.facade'
@@ -29,7 +29,7 @@ interface DisplayedValue {
 @Component({
   selector: 'gn-ui-search-filters-summary-item',
   standalone: true,
-  imports: [CommonModule, TranslateModule, BadgeComponent],
+  imports: [CommonModule, BadgeComponent],
   templateUrl: './search-filters-summary-item.component.html',
   styleUrls: ['./search-filters-summary-item.component.css'],
   providers: [DatePipe],

package/src/libs/feature/search/src/lib/utils/service/fields.ts

@@ -20,7 +20,6 @@ import {
   isDateRange,
   METADATA_LANGUAGE,
 } from '../../../../../../../libs/api/repository/src'
-import { LangService } from '../../../../../../../libs/util/i18n/src'
 import { formatUserInfo } from '../../../../../../../libs/util/shared/src'
 import { PossibleResourceTypes } from '../../../../../../../libs/api/metadata-converter/src'
 
@@ -170,8 +169,10 @@ export class TranslatedSearchField extends SimpleSearchField {
  * The provided ES field name should not include any prefix such as `.langeng`
  */
 export class MultilingualSearchField extends SimpleSearchField {
-  private langService = this.injector.get(LangService)
-  private searchLanguage = this.injector.get(METADATA_LANGUAGE, null)
+  // we're using a getter in case the token value changes over time
+  private get searchLanguage() {
+    return this.injector.get(METADATA_LANGUAGE, null)
+  }
 
   constructor(
     protected esFieldName: string,

package/src/libs/ui/catalog/src/lib/organisation-preview/organisation-preview.component.ts

@@ -9,14 +9,14 @@ import { Organization } from '../../../../../../libs/common/domain/src/lib/model
 import { ThumbnailComponent } from '../../../../../../libs/ui/elements/src'
 import { NgIcon, provideIcons } from '@ng-icons/core'
 import { tablerFolderOpen } from '@ng-icons/tabler-icons'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-organisation-preview',
   templateUrl: './organisation-preview.component.html',
   styleUrls: ['./organisation-preview.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [ThumbnailComponent, NgIcon, TranslateModule],
+  imports: [ThumbnailComponent, NgIcon, TranslateDirective],
   viewProviders: [
     provideIcons({
       tablerFolderOpen,

package/src/libs/ui/catalog/src/lib/organisations-filter/organisations-filter.component.ts

@@ -11,14 +11,14 @@ import {
   DropdownSelectorComponent,
   SearchInputComponent,
 } from '../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-organisations-filter',
   templateUrl: './organisations-filter.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [SearchInputComponent, DropdownSelectorComponent, TranslateModule],
+  imports: [SearchInputComponent, DropdownSelectorComponent, TranslatePipe],
 })
 export class OrganisationsFilterComponent {
   choices: { value: string; label: string }[] = [