geonetwork-ui 2.7.0-dev.7488c1064 → 2.7.0-dev.77bbd685d

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

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

@@ -7,7 +7,7 @@ import {
 } from '@angular/core'
 import { Organization } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { ThumbnailComponent } from '../../../../../../libs/ui/elements/src'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { tablerFolderOpen } from '@ng-icons/tabler-icons'
 import { TranslateDirective } from '@ngx-translate/core'
 
@@ -21,6 +21,9 @@ import { TranslateDirective } from '@ngx-translate/core'
     provideIcons({
       tablerFolderOpen,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
   standalone: true,
 })

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

@@ -13,7 +13,7 @@ import { CommonModule } from '@angular/common'
 import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { MatTooltipModule } from '@angular/material/tooltip'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { iconoirSettings } from '@ng-icons/iconoir'
 
 type CardSize = 'L' | 'M' | 'S' | 'XS'
@@ -36,6 +36,9 @@ type CardSize = 'L' | 'M' | 'S' | 'XS'
     provideIcons({
       iconoirSettings,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
 })
 export class ApiCardComponent implements OnInit, OnChanges {

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

@@ -8,7 +8,7 @@ import {
 import { DatasetOnlineResource } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { CommonModule } from '@angular/common'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { iconoirDownload } from '@ng-icons/iconoir'
 
 type CardSize = 'L' | 'M' | 'S' | 'XS'
@@ -24,6 +24,9 @@ type CardSize = 'L' | 'M' | 'S' | 'XS'
     provideIcons({
       iconoirDownload,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
 })
 export class DownloadItemComponent {

package/src/libs/ui/elements/src/lib/geo-data-badge/geo-data-badge.component.ts

@@ -3,7 +3,7 @@ import { matLocationSearchingOutline } from '@ng-icons/material-icons/outline'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { CommonModule } from '@angular/common'
 import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import {
   getIsMobile,
   LinkClassifierService,
@@ -21,6 +21,9 @@ import {
     provideIcons({
       matLocationSearchingOutline,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
 })
 export class GeoDataBadgeComponent {

package/src/libs/ui/elements/src/lib/image-overlay-preview/image-overlay-preview.component.ts

@@ -3,7 +3,7 @@ import * as basicLightbox from 'basiclightbox'
 import { ContentGhostComponent } from '../content-ghost/content-ghost.component'
 import { ThumbnailComponent } from '../thumbnail/thumbnail.component'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { matZoomOutMap } from '@ng-icons/material-icons/baseline'
 import { CommonModule } from '@angular/common'
 
@@ -19,7 +19,12 @@ import { CommonModule } from '@angular/common'
     ButtonComponent,
     NgIcon,
   ],
-  viewProviders: [provideIcons({ matZoomOutMap })],
+  viewProviders: [
+    provideIcons({ matZoomOutMap }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
+  ],
 })
 export class ImageOverlayPreviewComponent {
   @Input() imageUrl: string

package/src/libs/ui/elements/src/lib/kind-badge/kind-badge.component.ts

@@ -5,7 +5,11 @@ import {
   Input,
   TemplateRef,
 } from '@angular/core'
-import { NgIconComponent, provideIcons } from '@ng-icons/core'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
 import {
   iconoirDatabase,
   iconoirAppleWallet,
@@ -37,6 +41,9 @@ enum KindConfig {
       iconoirCode,
       iconoirAppWindow,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,

package/src/libs/ui/elements/src/lib/metadata-quality/metadata-quality.component.ts

@@ -74,10 +74,6 @@ export class MetadataQualityComponent implements OnChanges {
     )
   }
 
-  hasGetCapabilities(url: string): boolean {
-    return url.toLowerCase().includes('capabilities')
-  }
-
   initialize() {
     if (!this.propsToValidate) {
       this.propsToValidate = getAllKeysValidator()

package/src/libs/ui/elements/src/lib/metadata-quality-item/metadata-quality-item.component.ts

@@ -6,16 +6,16 @@ import { matCheck, matWarningAmber } from '@ng-icons/material-icons/baseline'
 
 marker('record.metadata.quality.title.success')
 marker('record.metadata.quality.title.failed')
-marker('record.metadata.quality.description.success')
-marker('record.metadata.quality.description.failed')
-marker('record.metadata.quality.topic.success')
-marker('record.metadata.quality.topic.failed')
+marker('record.metadata.quality.abstract.success')
+marker('record.metadata.quality.abstract.failed')
+marker('record.metadata.quality.topics.success')
+marker('record.metadata.quality.topics.failed')
 marker('record.metadata.quality.keywords.success')
 marker('record.metadata.quality.keywords.failed')
 marker('record.metadata.quality.legalConstraints.success')
 marker('record.metadata.quality.legalConstraints.failed')
-marker('record.metadata.quality.contact.success')
-marker('record.metadata.quality.contact.failed')
+marker('record.metadata.quality.contacts.success')
+marker('record.metadata.quality.contacts.failed')
 marker('record.metadata.quality.updateFrequency.success')
 marker('record.metadata.quality.updateFrequency.failed')
 marker('record.metadata.quality.organisation.success')

package/src/libs/ui/elements/src/lib/notification/notification.component.ts

@@ -7,7 +7,11 @@ import {
 } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
-import { NgIconComponent, provideIcons } from '@ng-icons/core'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
 import { matCheckCircleOutline } from '@ng-icons/material-icons/baseline'
 import {
   matErrorOutlineOutline,
@@ -28,6 +32,9 @@ import {
       matInfoOutline,
       matCloseOutline,
     }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
   ],
   templateUrl: './notification.component.html',
   styleUrls: ['./notification.component.css'],

package/src/libs/ui/elements/src/lib/service-capabilities/service-capabilities.component.ts

@@ -136,12 +136,6 @@ export class ServiceCapabilitiesComponent implements OnInit {
   }
 
   selectLayer(layer: WfsFeatureTypeFull | WmsLayerFull | WmtsLayer) {
-    if (layer === this.selectedLayer) {
-      this.selectedLayer = null
-      this.layerInformation = []
-      return
-    }
-
     this.selectedLayer = layer
     const filteredInfo = []
     Object.keys(layer).map((key) => {

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

@@ -8,7 +8,7 @@ import {
   ViewChild,
 } from '@angular/core'
 import { propagateToDocumentOnly } from '../../../../../../libs/util/shared/src'
-import { NgIcon, provideIcons } from '@ng-icons/core'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { CommonModule } from '@angular/common'
 import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline'
 import { ButtonComponent } from '../button/button.component'
@@ -21,7 +21,12 @@ import { TranslateDirective } from '@ngx-translate/core'
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [CommonModule, NgIcon, ButtonComponent, TranslateDirective],
-  viewProviders: [provideIcons({ matStar, matStarBorder })],
+  viewProviders: [
+    provideIcons({ matStar, matStarBorder }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
+  ],
 })
 export class StarToggleComponent {
   @Input() toggled!: boolean

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

@@ -1,10 +1,8 @@
-export { FacetsModule as UiFacetsModule } from './lib/facets/facets.module'
 export * from './lib/facets/facets.model'
 export * from './lib/facets/fixtures'
 export * from './lib/facets/facet-block/facet-block.component'
 export * from './lib/facets/facet-list/facet-list.component'
 export * from './lib/facets/facet-item/facet-item.component'
-export * from './lib/ui-search.module'
 export * from './lib/results-list/results-layout.config'
 export * from './lib/results-list/results-list.component'
 export * from './lib/record-preview/record-preview.component'

package/src/libs/ui/search/src/lib/facets/facet-block/facet-block.component.ts

@@ -20,12 +20,24 @@ import {
   ModelBlock,
   ModelItem,
 } from '../facets.model'
+import { FacetItemComponent } from '../facet-item/facet-item.component'
+import { CommonModule } from '@angular/common'
+import { FormsModule } from '@angular/forms'
+import { TranslateModule, TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-facet-block',
   templateUrl: './facet-block.component.html',
   styleUrls: ['./facet-block.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    FacetItemComponent,
+    CommonModule,
+    FormsModule,
+    TranslateModule,
+    TranslatePipe,
+  ],
 })
 export class FacetBlockComponent
   implements OnInit, AfterViewInit, OnDestroy, OnChanges
@@ -125,14 +137,3 @@ export class FacetBlockComponent
     }
   }
 }
-
-@Component({ selector: 'gn-ui-facet-block', template: '' })
-export class FacetBlockStubComponent implements Partial<FacetBlockComponent> {
-  @Input() title: string
-  @Input() model: ModelBlock
-  @Input() selectedPaths: string[][]
-
-  @Output() filterChange = new EventEmitter<string>()
-  @Output() itemSelected = new EventEmitter<string[]>()
-  @Output() itemUnselected = new EventEmitter<string[]>()
-}

package/src/libs/ui/search/src/lib/facets/facet-item/facet-item.component.ts

@@ -1,9 +1,14 @@
+import { CommonModule } from '@angular/common'
 import { Component, EventEmitter, Input, Output } from '@angular/core'
+import { FormsModule } from '@angular/forms'
+import { TranslateModule, TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-facet-item',
   templateUrl: './facet-item.component.html',
   styleUrls: ['./facet-item.component.css'],
+  standalone: true,
+  imports: [CommonModule, FormsModule, TranslateModule, TranslatePipe],
 })
 export class FacetItemComponent {
   @Input() label: string
@@ -27,14 +32,3 @@ export class FacetItemComponent {
     this.onInvertedChange(this.inverted)
   }
 }
-
-@Component({ selector: 'gn-ui-facet-item', template: '' })
-export class FacetItemStubComponent implements Partial<FacetItemComponent> {
-  @Input() label: string
-  @Input() count: number
-  @Input() selected: boolean
-  @Input() inverted: boolean
-
-  @Output() selectedChange = new EventEmitter<boolean>()
-  @Output() invertedChange = new EventEmitter<boolean>()
-}

package/src/libs/ui/search/src/lib/facets/facet-list/facet-list.component.ts

@@ -3,11 +3,17 @@ import { FacetSelectEvent, ModelBlock } from '../facets.model'
 // Revisit facets: these should not use the ES formats!
 // eslint-disable-next-line @nx/enforce-module-boundaries
 import { EsRequestAggTerm } from '../../../../../../../libs/api/metadata-converter/src'
+import { FacetBlockComponent } from '../facet-block/facet-block.component'
+import { CommonModule } from '@angular/common'
+import { FormsModule } from '@angular/forms'
+import { TranslateModule } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-facet-list',
   templateUrl: './facet-list.component.html',
   styleUrls: ['./facet-list.component.css'],
+  standalone: true,
+  imports: [FacetBlockComponent, CommonModule, FormsModule, TranslateModule],
 })
 export class FacetListComponent {
   @Input() models: ModelBlock[]

package/src/libs/ui/search/src/lib/record-metric/record-metric.component.ts

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common'
 import {
   ChangeDetectionStrategy,
   Component,
@@ -5,12 +6,15 @@ import {
   OnInit,
 } from '@angular/core'
 import { ThemeService } from '../../../../../../libs/util/shared/src'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-record-metric',
   templateUrl: './record-metric.component.html',
   styleUrls: ['./record-metric.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, TranslateDirective],
 })
 export class RecordMetricComponent implements OnInit {
   @Input() count: number

package/src/libs/ui/search/src/lib/record-preview/record-preview.component.ts

@@ -20,10 +20,13 @@ import {
   Individual,
   Organization,
 } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-record-preview',
   template: '',
+  standalone: true,
+  imports: [CommonModule],
 })
 export class RecordPreviewComponent implements OnInit, OnDestroy {
   @Input() record: CatalogRecord

package/src/libs/ui/search/src/lib/record-preview-card/record-preview-card.component.ts

@@ -1,10 +1,14 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { RecordPreviewComponent } from '../record-preview/record-preview.component'
+import { ThumbnailComponent } from '../../../../../../libs/ui/elements/src'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-record-preview-card',
   templateUrl: './record-preview-card.component.html',
   styleUrls: ['./record-preview-card.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, RecordPreviewComponent, ThumbnailComponent],
 })
 export class RecordPreviewCardComponent extends RecordPreviewComponent {}