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

package/src/libs/ui/inputs/src/lib/checkbox/checkbox.component.ts

@@ -5,12 +5,15 @@ import {
   Input,
   Output,
 } from '@angular/core'
+import { MatCheckboxModule } from '@angular/material/checkbox'
 
 @Component({
   selector: 'gn-ui-checkbox',
   templateUrl: './checkbox.component.html',
   styleUrls: ['./checkbox.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [MatCheckboxModule],
 })
 export class CheckboxComponent {
   @Input() type: 'primary' | 'secondary' | 'default' = 'default'

package/src/libs/ui/inputs/src/lib/drag-and-drop-file-input/drag-and-drop-file-input.component.html

@@ -1,7 +1,7 @@
 <div class="flex h-full">
   <ngx-dropzone
     class="flex-1"
-    multiple="false"
+    [multiple]="false"
     (change)="selectFile($event)"
     [accept]="accept"
   >

package/src/libs/ui/inputs/src/lib/drag-and-drop-file-input/drag-and-drop-file-input.component.ts

@@ -1,5 +1,7 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { NgxDropzoneModule } from 'ngx-dropzone'
+import { CommonModule } from '@angular/common'
 
 export const placeholder = 'dropFile'
 marker('dropFile')
@@ -8,6 +10,8 @@ marker('dropFile')
   selector: 'gn-ui-drag-and-drop-file-input',
   templateUrl: './drag-and-drop-file-input.component.html',
   styleUrls: ['./drag-and-drop-file-input.component.css'],
+  standalone: true,
+  imports: [NgxDropzoneModule, CommonModule],
 })
 export class DragAndDropFileInputComponent {
   @Input() placeholder = placeholder

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

@@ -13,6 +13,7 @@ import {
   CdkConnectedOverlay,
   CdkOverlayOrigin,
   ConnectedPosition,
+  OverlayModule,
   ScrollStrategyOptions,
 } from '@angular/cdk/overlay'
 import { take } from 'rxjs/operators'
@@ -21,12 +22,38 @@ import {
   createFuzzyFilter,
   propagateToDocumentOnly,
 } from '../../../../../../libs/util/shared/src'
+import { ButtonComponent } from '../button/button.component'
+import { NgIcon, provideIcons } from '@ng-icons/core'
+import { FormsModule } from '@angular/forms'
+import { TranslatePipe } from '@ngx-translate/core'
+import { CommonModule } from '@angular/common'
+import {
+  matClose,
+  matExpandLess,
+  matExpandMore,
+} from '@ng-icons/material-icons/baseline'
 
 @Component({
   selector: 'gn-ui-dropdown-multiselect',
   templateUrl: './dropdown-multiselect.component.html',
   styleUrls: ['./dropdown-multiselect.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    CommonModule,
+    ButtonComponent,
+    NgIcon,
+    OverlayModule,
+    FormsModule,
+    TranslatePipe,
+  ],
+  providers: [
+    provideIcons({
+      matClose,
+      matExpandMore,
+      matExpandLess,
+    }),
+  ],
+  standalone: true,
 })
 export class DropdownMultiselectComponent {
   @Input() title: string

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

@@ -19,7 +19,7 @@ import {
 import { firstValueFrom } from 'rxjs'
 import { DropdownChoice } from './dropdown-selector.model'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import { ButtonComponent } from '../button/button.component'
 import {
   NgIconComponent,
@@ -40,7 +40,7 @@ const DEFAULT_ROW_NUMBERS = 6
     CommonModule,
     ButtonComponent,
     OverlayModule,
-    TranslateModule,
+    TranslatePipe,
     NgIconComponent,
   ],
   providers: [

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

@@ -8,9 +8,8 @@ import {
   Output,
 } from '@angular/core'
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'
-import { ButtonComponent } from '../button/button.component'
 import { FilesDropDirective } from '../files-drop/files-drop.directive'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import { UrlInputComponent } from '../url-input/url-input.component'
 import {
@@ -28,12 +27,12 @@ import { iconoirCloudUpload, iconoirFramePlusIn } from '@ng-icons/iconoir'
   standalone: true,
   imports: [
     CommonModule,
-    ButtonComponent,
     FilesDropDirective,
     MatProgressSpinnerModule,
-    TranslateModule,
     UrlInputComponent,
     NgIconComponent,
+    TranslatePipe,
+    TranslateDirective,
   ],
   providers: [
     provideIcons({

package/src/libs/ui/inputs/src/lib/inline-filter/inline-filter.component.ts

@@ -7,10 +7,13 @@ import {
   TemplateRef,
 } from '@angular/core'
 import { Choice } from './inline-filter.model'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-inline-filter',
   templateUrl: './inline-filter.component.html',
+  standalone: true,
+  imports: [CommonModule],
 })
 export class InlineFilterComponent {
   @Input() choices: Choice[]

package/src/libs/ui/inputs/src/lib/search-feature-catalog/search-feature-catalog.component.ts

@@ -1,6 +1,6 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core'
+import { Component, EventEmitter, Input, Output } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
 import { DatasetFeatureCatalog } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { FormsModule } from '@angular/forms'
@@ -14,7 +14,13 @@ import { iconoirSearch } from '@ng-icons/iconoir'
   templateUrl: './search-feature-catalog.component.html',
   styleUrls: ['./search-feature-catalog.component.css'],
   standalone: true,
-  imports: [CommonModule, NgIcon, TranslateModule, FormsModule],
+  imports: [
+    CommonModule,
+    NgIcon,
+    TranslateDirective,
+    TranslatePipe,
+    FormsModule,
+  ],
   viewProviders: [
     provideIcons({ iconoirSearch }),
     provideNgIconsConfig({

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

@@ -7,7 +7,7 @@ import {
   Output,
 } from '@angular/core'
 import { MatButtonToggleModule } from '@angular/material/button-toggle'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 
 export type SwitchToggleOption = {
   label: string
@@ -21,7 +21,7 @@ export type SwitchToggleOption = {
   styleUrls: ['./switch-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [MatButtonToggleModule, CommonModule, TranslateModule],
+  imports: [MatButtonToggleModule, CommonModule, TranslatePipe],
 })
 export class SwitchToggleComponent {
   @Input() options: SwitchToggleOption[]

package/src/libs/ui/inputs/src/lib/viewport-intersector/viewport-intersector.component.ts

@@ -13,6 +13,7 @@ import { Observable } from 'rxjs'
   selector: 'gn-ui-viewport-intersector',
   templateUrl: './viewport-intersector.component.html',
   styleUrls: ['./viewport-intersector.component.css'],
+  standalone: true,
 })
 export class ViewportIntersectorComponent implements OnInit, OnDestroy {
   @Output() isInViewport = new EventEmitter<boolean>()

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

@@ -16,5 +16,4 @@ export * from './lib/pagination-buttons/pagination-buttons.component'
 export * from './lib/pagination-dots/pagination-dots.component'
 export * from './lib/previous-next-buttons/previous-next-buttons.component'
 export * from './lib/paginable.interface'
-export * from './lib/ui-layout.module'
 export * from './lib/truncated-text/truncated-text.component'

package/src/libs/ui/layout/src/lib/anchor-link/anchor-link.directive.ts

@@ -11,6 +11,7 @@ import {
 
 @Directive({
   selector: '[gnUiAnchorLink]',
+  standalone: true,
 })
 export class AnchorLinkDirective
   implements OnInit, AfterViewChecked, OnDestroy

package/src/libs/ui/layout/src/lib/form-field-wrapper/form-field-wrapper.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
 import { MatTooltipModule } from '@angular/material/tooltip'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-form-field-wrapper',
@@ -9,7 +9,7 @@ import { TranslateModule } from '@ngx-translate/core'
   styleUrls: ['./form-field-wrapper.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [MatTooltipModule, CommonModule, TranslateModule],
+  imports: [MatTooltipModule, CommonModule, TranslateDirective],
 })
 export class FormFieldWrapperComponent {
   @Input() label?: string

package/src/libs/ui/layout/src/lib/interactive-table/interactive-table.component.ts

@@ -11,7 +11,7 @@ import { InteractiveTableColumnComponent } from './interactive-table-column/inte
 import { CommonModule } from '@angular/common'
 import { NgIconComponent, provideIcons } from '@ng-icons/core'
 import { iconoirNavArrowDown, iconoirNavArrowUp } from '@ng-icons/iconoir'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { Observable, of } from 'rxjs'
@@ -25,7 +25,7 @@ marker('editor.record.lock.owner')
   styleUrls: ['./interactive-table.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, NgIconComponent, TranslateModule],
+  imports: [CommonModule, NgIconComponent, TranslatePipe],
   providers: [provideIcons({ iconoirNavArrowDown, iconoirNavArrowUp })],
 })
 export class InteractiveTableComponent {

package/src/libs/ui/layout/src/lib/max-lines/max-lines.component.ts

@@ -9,7 +9,7 @@ import {
   ViewChild,
 } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-max-lines',
@@ -17,7 +17,7 @@ import { TranslateModule } from '@ngx-translate/core'
   styleUrls: ['./max-lines.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, TranslateModule],
+  imports: [CommonModule, TranslatePipe],
 })
 export class MaxLinesComponent implements AfterViewInit, OnDestroy {
   @Input() maxLines = 6

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

@@ -7,7 +7,7 @@ import {
   matChevronRight,
 } from '@ng-icons/material-icons/baseline'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 import { Paginable } from '../paginable.interface'
 
 @Component({
@@ -20,7 +20,7 @@ import { Paginable } from '../paginable.interface'
     ButtonComponent,
     NgIcon,
     FormsModule,
-    TranslateModule,
+    TranslateDirective,
   ],
   viewProviders: [
     provideIcons({

package/src/libs/ui/layout/src/lib/sticky-header/sticky-header.component.ts

@@ -16,6 +16,7 @@ import {
 } from '@angular/core'
 import { animationFrameScheduler, fromEvent, Subscription } from 'rxjs'
 import { throttleTime } from 'rxjs/operators'
+import { CommonModule } from '@angular/common'
 
 /**
  * This component will make a block that will stay sticky on the top of the page,
@@ -32,6 +33,8 @@ import { throttleTime } from 'rxjs/operators'
   templateUrl: './sticky-header.component.html',
   styleUrls: ['./sticky-header.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule],
 })
 export class StickyHeaderComponent
   implements AfterViewInit, OnDestroy, OnInit, AfterViewChecked

package/src/libs/ui/layout/src/lib/truncated-text/truncated-text.component.ts

@@ -4,21 +4,15 @@ import {
   Component,
   ElementRef,
   Input,
+  NgZone,
   OnDestroy,
   ViewChild,
-  NgZone,
 } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { provideIcons, NgIconComponent } from '@ng-icons/core'
+import { NgIconComponent, provideIcons } from '@ng-icons/core'
 import { iconoirExpand } from '@ng-icons/iconoir'
-import { TranslateModule } from '@ngx-translate/core'
 import { MatButtonModule } from '@angular/material/button'
-import {
-  CdkScrollable,
-  OverlayModule,
-  ViewportRuler,
-  ConnectedPosition,
-} from '@angular/cdk/overlay'
+import { CdkScrollable, OverlayModule } from '@angular/cdk/overlay'
 import { ButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { CellPopinComponent } from '../cell-popin/cell-popin.component'
 
@@ -27,7 +21,6 @@ import { CellPopinComponent } from '../cell-popin/cell-popin.component'
   standalone: true,
   imports: [
     CommonModule,
-    TranslateModule,
     MatButtonModule,
     OverlayModule,
     ButtonComponent,

package/src/libs/ui/map/src/lib/components/map-container/map-container.component.ts

@@ -14,7 +14,7 @@ import {
 import { fromEvent, merge, Observable, of, timer } from 'rxjs'
 import { delay, map, startWith, switchMap } from 'rxjs/operators'
 import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective } from '@ngx-translate/core'
 import {
   computeMapContextDiff,
   Extent,
@@ -67,7 +67,7 @@ const DEFAULT_VIEW: MapContextView = {
   styleUrls: ['./map-container.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, TranslateModule, NgIconComponent],
+  imports: [CommonModule, TranslateDirective, NgIconComponent],
   providers: [
     provideIcons({ matSwipeOutline }),
     provideNgIconsConfig({

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

@@ -62,7 +62,10 @@
         {{ record.title }}
       </h1>
       <p class="line-clamp-3">
-        <gn-ui-markdown-parser [textContent]="abstract" whitoutStyles="true" />
+        <gn-ui-markdown-parser
+          [textContent]="abstract"
+          [whitoutStyles]="true"
+        />
       </p>
       <gn-ui-thumbnail
         *ngIf="record.overviews?.[0]"

package/src/libs/ui/search/src/lib/results-table/action-menu/action-menu.component.ts

@@ -9,9 +9,8 @@ import {
 } from '@angular/core'
 import { MatDialog, MatDialogModule } from '@angular/material/dialog'
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu'
-import { ConfirmationDialogComponent } from '../../../../../../../libs/ui/elements/src'
 import { ButtonComponent } from '../../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 
 type ActionMenuPage = 'mainMenu' | 'deleteMenu' | 'rollbackMenu'
 
@@ -25,8 +24,8 @@ type ActionMenuPage = 'mainMenu' | 'deleteMenu' | 'rollbackMenu'
     ButtonComponent,
     MatMenuModule,
     MatDialogModule,
-    ConfirmationDialogComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
   ],
 })
 export class ActionMenuComponent {

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

@@ -15,7 +15,11 @@ import {
   FieldSort,
   SortByField,
 } from '../../../../../../libs/common/domain/src/lib/model/search'
-import { BadgeComponent, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
+import {
+  BadgeComponent,
+  ButtonComponent,
+  CheckboxComponent,
+} from '../../../../../../libs/ui/inputs/src'
 import {
   InteractiveTableColumnComponent,
   InteractiveTableComponent,
@@ -28,10 +32,14 @@ import {
   getFileFormat,
   getFormatPriority,
 } from '../../../../../../libs/util/shared/src'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
+import {
+  TranslateDirective,
+  TranslatePipe,
+  TranslateService,
+} from '@ngx-translate/core'
 import { ActionMenuComponent } from './action-menu/action-menu.component'
 import { NgIconComponent, provideIcons } from '@ng-icons/core'
-import { iconoirUser, iconoirLock, iconoirTranslate } from '@ng-icons/iconoir'
+import { iconoirLock, iconoirTranslate, iconoirUser } from '@ng-icons/iconoir'
 import { CdkOverlayOrigin, Overlay, OverlayRef } from '@angular/cdk/overlay'
 import { TemplatePortal } from '@angular/cdk/portal'
 import { matMoreVert } from '@ng-icons/material-icons/baseline'
@@ -44,14 +52,16 @@ import { Observable, of, take } from 'rxjs'
   standalone: true,
   imports: [
     CommonModule,
-    UiInputsModule,
     InteractiveTableComponent,
     InteractiveTableColumnComponent,
-    TranslateModule,
+    TranslateDirective,
+    TranslatePipe,
     BadgeComponent,
     ActionMenuComponent,
     NgIconComponent,
     CdkOverlayOrigin,
+    CheckboxComponent,
+    ButtonComponent,
   ],
   providers: [
     provideIcons({ iconoirUser, iconoirLock, iconoirTranslate, matMoreVert }),

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

@@ -1,7 +1,6 @@
 import { NgModule } from '@angular/core'
 import { RouterLink } from '@angular/router'
-import { UtilSharedModule } from '../../../../../libs/util/shared/src'
-import { TranslateModule } from '@ngx-translate/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 import { NgxDropzoneModule } from 'ngx-dropzone'
 import { FacetsModule } from './facets/facets.module'
 import { RecordMetricComponent } from './record-metric/record-metric.component'
@@ -21,15 +20,15 @@ import { RecordPreviewComponent } from './record-preview/record-preview.componen
 import { TagInputModule } from 'ngx-chips'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { ResultsListItemComponent } from './results-list-item/results-list-item.component'
-import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
 import {
-  MetadataQualityComponent,
-  UiElementsModule,
+  InternalLinkCardComponent,
   KindBadgeComponent,
+  MarkdownParserComponent,
+  MetadataQualityComponent,
+  ThumbnailComponent,
 } from '../../../../../libs/ui/elements/src'
 import { RecordPreviewFeedComponent } from './record-preview-feed/record-preview-feed.component'
 import { CommonModule } from '@angular/common'
-import { UiInputsModule } from '../../../../../libs/ui/inputs/src'
 import { MatCheckboxModule } from '@angular/material/checkbox'
 import { InteractiveTableComponent } from '../../../../../libs/ui/layout/src'
 import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
@@ -39,6 +38,7 @@ import {
   matMapOutline,
 } from '@ng-icons/material-icons/outline'
 import { matFace } from '@ng-icons/material-icons/baseline'
+import { InlineFilterComponent } from '../../../../../libs/ui/inputs/src'
 import { ActionMenuComponent } from './results-table/action-menu/action-menu.component'
 
 @NgModule({
@@ -58,16 +58,13 @@ import { ActionMenuComponent } from './results-table/action-menu/action-menu.com
   ],
   imports: [
     CommonModule,
-    TranslateModule.forChild(),
+    TranslateDirective,
+    TranslatePipe,
     NgxDropzoneModule,
     FacetsModule,
     FormsModule,
     ReactiveFormsModule,
     TagInputModule,
-    UtilSharedModule,
-    UiWidgetsModule,
-    UiInputsModule,
-    UiElementsModule,
     MatCheckboxModule,
     RouterLink,
     InteractiveTableComponent,
@@ -80,6 +77,10 @@ import { ActionMenuComponent } from './results-table/action-menu/action-menu.com
     }),
     KindBadgeComponent,
     MetadataQualityComponent,
+    InlineFilterComponent,
+    ThumbnailComponent,
+    MarkdownParserComponent,
+    InternalLinkCardComponent,
     ActionMenuComponent,
   ],
   exports: [

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

@@ -1,4 +1,3 @@
-export * from './lib/ui-widgets.module'
 export * from './lib/progress-bar/progress-bar.component'
 export * from './lib/popover/popover.component'
 export * from './lib/loading-mask/loading-mask.component'

package/src/libs/ui/widgets/src/lib/color-scale/color-scale.component.ts

@@ -4,5 +4,6 @@ import { Component } from '@angular/core'
   selector: 'gn-ui-color-scale',
   templateUrl: './color-scale.component.html',
   styleUrls: ['./color-scale.component.css'],
+  standalone: true,
 })
 export class ColorScaleComponent {}

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

@@ -18,7 +18,6 @@ import {
 import { TranslateCompiler, TranslateLoader } from '@ngx-translate/core'
 import { TranslateMessageFormatCompiler } from 'ngx-translate-messageformat-compiler'
 import { HttpClient } from '@angular/common/http'
-import { DEFAULT_LANG } from '../../../../../libs/util/i18n/src'
 import { FileWithOverridesTranslateLoader } from './i18n/file-with-overrides.translate.loader'
 
 const MISSING_CONFIG_ERROR = `Application configuration was not initialized correctly.
@@ -308,7 +307,6 @@ export const TRANSLATE_WITH_OVERRIDES_CONFIG = {
     useFactory: function HttpLoaderFactory(http: HttpClient) {
       return new FileWithOverridesTranslateLoader(http, './assets/i18n/')
     },
-    defaultLanguage: DEFAULT_LANG,
     deps: [HttpClient],
   },
 }

package/src/libs/util/i18n/src/index.ts

@@ -1,7 +1,6 @@
-export * from './lib/util-i18n.module'
+export * from './lib/i18n.providers'
 export * from './lib/i18n.constants'
 export * from './lib/i18n.interceptor'
-export * from './lib/lang.service'
 export * from './lib/file.translate.loader'
 export * from './lib/embedded.translate.loader'
 export * from './lib/translate.loader.utils'

package/src/libs/util/i18n/src/lib/embedded.translate.loader.ts

@@ -1,5 +1,5 @@
 import { TranslateLoader } from '@ngx-translate/core'
-import { Observable, map, of } from 'rxjs'
+import { map, Observable, of } from 'rxjs'
 import { dropEmptyTranslations } from './translate.loader.utils'
 import de from '../../../../../translations/de.json'
 import en from '../../../../../translations/en.json'
@@ -8,10 +8,11 @@ import fr from '../../../../../translations/fr.json'
 import it from '../../../../../translations/it.json'
 import nl from '../../../../../translations/nl.json'
 import pt from '../../../../../translations/pt.json'
+import sk from '../../../../../translations/sk.json'
 
 export class EmbeddedTranslateLoader implements TranslateLoader {
-  getTranslation(lang: string): Observable<any> {
-    const langs = { de, en, es, fr, it, nl, pt }
+  getTranslation(lang: string): Observable<Record<string, string>> {
+    const langs = { de, en, es, fr, it, nl, pt, sk }
     const translations = langs[lang.substring(0, 2)]
     return of(translations).pipe(map(dropEmptyTranslations))
   }