geonetwork-ui 2.6.0-dev.10c659821 → 2.6.0-dev.14c46265d

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

@@ -12,6 +12,7 @@ import { NgIcon, provideIcons } from '@ng-icons/core'
 import { CommonModule } from '@angular/common'
 import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline'
 import { ButtonComponent } from '../button/button.component'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-star-toggle',
@@ -19,12 +20,13 @@ import { ButtonComponent } from '../button/button.component'
   styleUrls: ['./star-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, NgIcon, ButtonComponent],
+  imports: [CommonModule, NgIcon, ButtonComponent, TranslateDirective],
   viewProviders: [provideIcons({ matStar, matStarBorder })],
 })
 export class StarToggleComponent {
   @Input() toggled!: boolean
   @Input() disabled = false
+  @Input() displayLabel = false
   @Output() newValue = new EventEmitter<boolean>()
   @ViewChild('starOverlay') overlay: ElementRef
 

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/block-list/block-list.component.html

@@ -1,8 +1,7 @@
 <div
-  class="grid gap-4 w-full md:grid-cols-2"
+  class="grid gap-4 w-full xs:grid-cols-2"
   #blockContainer
   [ngClass]="[containerClass, 'size-' + subComponentSize]"
-  [ngStyle]="{ minHeight: minHeight + 'px' }"
 >
   <ng-content></ng-content>
 </div>

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

@@ -6,6 +6,7 @@ import {
   ContentChildren,
   ElementRef,
   EventEmitter,
+  HostListener,
   Input,
   Output,
   QueryList,
@@ -32,7 +33,6 @@ export class BlockListComponent implements AfterViewInit, Paginable {
     ElementRef<HTMLElement>
   >
   @ViewChild('blockContainer') blockContainer: ElementRef<HTMLElement>
-  protected minHeight = 0
   @Output() listChanges = new EventEmitter<BlockListComponent>()
   subComponentSize: ComponentSize = 'M'
 
@@ -56,6 +56,12 @@ export class BlockListComponent implements AfterViewInit, Paginable {
 
   constructor(private changeDetector: ChangeDetectorRef) {}
 
+  @HostListener('window:resize')
+  onResize() {
+    this.updateSizes()
+    this.refreshBlocksVisibility()
+  }
+
   ngAfterViewInit() {
     this.blocks.changes.subscribe(() => {
       this.updateSizes()
@@ -66,9 +72,6 @@ export class BlockListComponent implements AfterViewInit, Paginable {
     })
     this.updateSizes()
     this.refreshBlocksVisibility()
-
-    // we store the first height as the min-height of the list container
-    this.minHeight = this.blockContainer.nativeElement.clientHeight
     this.changeDetector.detectChanges()
     this.listChanges.emit(this)
   }
@@ -84,10 +87,17 @@ export class BlockListComponent implements AfterViewInit, Paginable {
   }
 
   protected updateSizes() {
-    this.subComponentSize = this.computeSubComponentSize()
+    this.subComponentSize = this.computeResponsiveSize()
     this.pageSize = this.computePageSize()
   }
 
+  protected computeResponsiveSize(): ComponentSize {
+    if (window.innerWidth < 768) {
+      return 'XS'
+    }
+    return this.computeSubComponentSize()
+  }
+
   protected computeSubComponentSize(): ComponentSize {
     if (!this.blocks) return 'M'
     const subComponentsCount = this.blocks.length

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/record-preview-row/record-preview-row.component.html

@@ -5,6 +5,6 @@
   [favoriteTemplate]="favoriteTemplate"
   [metadataQualityDisplay]="metadataQualityDisplay"
   (mdSelect)="mdSelect.emit($event)"
-  size="L"
+  [size]="size"
 >
 </gn-ui-internal-link-card>

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

@@ -1,4 +1,9 @@
-import { ChangeDetectionStrategy, Component, ElementRef } from '@angular/core'
+import {
+  ChangeDetectionStrategy,
+  Component,
+  ElementRef,
+  HostListener,
+} from '@angular/core'
 import { RecordPreviewComponent } from '../record-preview/record-preview.component'
 
 @Component({
@@ -8,7 +13,15 @@ import { RecordPreviewComponent } from '../record-preview/record-preview.compone
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class RecordPreviewRowComponent extends RecordPreviewComponent {
+  size = 'L'
   constructor(protected elementRef: ElementRef) {
     super(elementRef)
+    this.onResize()
+  }
+
+  @HostListener('window:resize')
+  onResize() {
+    if (window.innerWidth < 768) this.size = 'S'
+    else this.size = 'L'
   }
 }

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.html

@@ -146,14 +146,12 @@
     <ng-template #header> </ng-template>
     <ng-template #cell let-item>
       <div class="flex justify-end items-center gap-4 w-full">
-        <!-- IS MULTILINGUAL -->
         <ng-icon
           *ngIf="isMultilingual(item)"
           data-cy="multilingual-indicator"
           name="iconoirTranslate"
           [attr.title]="getTxtHoverMultilingual(item)"
         ></ng-icon>
-        <!-- MORE ACTIONS MENU BUTTON -->
         <gn-ui-button
           cdkOverlayOrigin
           #actionMenuButton

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 }),
@@ -231,10 +241,13 @@ export class ResultsTableComponent {
   }
 
   getTxtHoverMultilingual(record: CatalogRecord) {
+    const languages = [
+      ...[record.defaultLanguage],
+      ...record.otherLanguages,
+    ].sort((a, b) => a.localeCompare(b))
+
     return this.translateService.instant('dashboard.records.isMultilingual', {
-      languages: [...[record.defaultLanguage], ...record.otherLanguages].join(
-        ', '
-      ),
+      languages: languages.join(', '),
     })
   }
 }

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.
@@ -225,6 +224,7 @@ export function loadAppConfig() {
         'search',
         [],
         [
+          'record_kind_quick_filter',
           'filter_geometry_data',
           'filter_geometry_url',
           'search_preset',
@@ -245,6 +245,8 @@ export function loadAppConfig() {
         parsedSearchSection === null
           ? null
           : ({
+              RECORD_KIND_QUICK_FILTER:
+                parsedSearchSection.record_kind_quick_filter,
               FILTER_GEOMETRY_DATA: parsedSearchSection.filter_geometry_data,
               FILTER_GEOMETRY_URL: parsedSearchSection.filter_geometry_url,
               SEARCH_PRESET: parsedSearchParams.map((param) => ({
@@ -308,7 +310,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/app-config/src/lib/fixtures.ts

@@ -38,6 +38,7 @@ title_font = 'serif'
 fonts_stylesheet_url = "https://fonts.googleapis.com/css2?family=Open+Sans"
 
 [search]
+record_kind_quick_filter = false
 filter_geometry_url = 'https://my.domain.org/geom.json'
 advanced_filters = ['publicationYear', 'documentStandard', 'inspireKeyword', 'topic', 'license']
 

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

@@ -54,6 +54,7 @@ export interface SearchPreset {
 }
 
 export interface SearchConfig {
+  RECORD_KIND_QUICK_FILTER?: boolean
   FILTER_GEOMETRY_URL?: string
   FILTER_GEOMETRY_DATA?: string
   SEARCH_PRESET?: SearchPreset[]

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))
   }