geonetwork-ui 2.7.0-dev.9895bd35c → 2.7.0-dev.9cba4b227

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

@@ -10,9 +10,10 @@
     }"
   >
     <ng-icon [name]="toggled ? 'matStar' : 'matStarBorder'"></ng-icon>
-    <span *ngIf="displayLabel" class="mx-2 text-[16px] content-center" translate
-      >favorite.starToggle.label</span
-    >
+    <span *ngIf="displayLabel" class="mx-2 text-[16px] content-center">{{
+      (toggled ? 'favorite.starToggle.remove' : 'favorite.starToggle.add')
+        | translate
+    }}</span>
   </gn-ui-button>
   <svg
     #starOverlay

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

@@ -8,11 +8,11 @@ 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'
-import { TranslateDirective } from '@ngx-translate/core'
+import { TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-star-toggle',
@@ -20,8 +20,13 @@ import { TranslateDirective } from '@ngx-translate/core'
   styleUrls: ['./star-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, NgIcon, ButtonComponent, TranslateDirective],
-  viewProviders: [provideIcons({ matStar, matStarBorder })],
+  imports: [CommonModule, NgIcon, ButtonComponent, TranslatePipe],
+  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 {}

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

@@ -1,8 +1,20 @@
 import { ChangeDetectionStrategy, Component, ElementRef } from '@angular/core'
 import { RecordPreviewComponent } from '../record-preview/record-preview.component'
-import { TranslateService } from '@ngx-translate/core'
+import { TranslateDirective, TranslateService } from '@ngx-translate/core'
 import Duration from 'duration-relativetimeformat'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { NgIcon, provideIcons, provideNgIconsConfig } from '@ng-icons/core'
+import {
+  matCloudDownloadOutline,
+  matHomeWorkOutline,
+  matMapOutline,
+} from '@ng-icons/material-icons/outline'
+import { matFace } from '@ng-icons/material-icons/baseline'
+import {
+  MarkdownParserComponent,
+  ThumbnailComponent,
+} from '../../../../../../libs/ui/elements/src'
+import { CommonModule } from '@angular/common'
 
 marker('record.was.created.time')
 
@@ -11,6 +23,26 @@ marker('record.was.created.time')
   templateUrl: './record-preview-feed.component.html',
   styleUrls: ['./record-preview-feed.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CommonModule,
+    RecordPreviewComponent,
+    NgIcon,
+    ThumbnailComponent,
+    MarkdownParserComponent,
+    TranslateDirective,
+  ],
+  viewProviders: [
+    provideIcons({
+      matMapOutline,
+      matCloudDownloadOutline,
+      matFace,
+      matHomeWorkOutline,
+    }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
+  ],
 })
 export class RecordPreviewFeedComponent extends RecordPreviewComponent {
   timeFormat = new Duration(this.translate.currentLang, {})

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

@@ -1,10 +1,20 @@
 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'
+import { TranslateDirective } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-record-preview-list',
   templateUrl: './record-preview-list.component.html',
   styleUrls: ['./record-preview-list.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    CommonModule,
+    RecordPreviewComponent,
+    ThumbnailComponent,
+    TranslateDirective,
+  ],
 })
 export class RecordPreviewListComponent extends RecordPreviewComponent {}

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

@@ -5,12 +5,16 @@ import {
   HostListener,
 } from '@angular/core'
 import { RecordPreviewComponent } from '../record-preview/record-preview.component'
+import { InternalLinkCardComponent } from '../../../../../../libs/ui/elements/src'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-record-preview-row',
   templateUrl: './record-preview-row.component.html',
   styleUrls: ['./record-preview-row.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, RecordPreviewComponent, InternalLinkCardComponent],
 })
 export class RecordPreviewRowComponent extends RecordPreviewComponent {
   size = 'L'

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

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

package/src/libs/ui/search/src/lib/record-preview-title/record-preview-title.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-title',
   templateUrl: './record-preview-title.component.html',
   styleUrls: ['./record-preview-title.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, RecordPreviewComponent, ThumbnailComponent],
 })
 export class RecordPreviewTitleComponent extends RecordPreviewComponent {}

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

@@ -1,8 +1,12 @@
+import { CommonModule } from '@angular/common'
 import { Component, Input } from '@angular/core'
+import { TranslateDirective, TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-results-hits-number',
   templateUrl: './results-hits-number.component.html',
+  standalone: true,
+  imports: [CommonModule, TranslatePipe, TranslateDirective],
 })
 export class ResultsHitsNumberComponent {
   @Input() hits: number

package/src/libs/ui/search/src/lib/results-hits-search-kind/results-hits-search-kind.component.html

@@ -15,10 +15,7 @@
       }"
     >
       <ng-template #customTemplate>
-        {{ 'search.filters.recordKind.' + choice.value | translate
-        }}<span class="ml-1" *ngIf="isSelectedChoice(choice.value)"
-          >({{ choice.count }})</span
-        >
+        {{ 'search.filters.recordKind.' + choice.value | translate }}
       </ng-template>
     </gn-ui-kind-badge>
   </ng-template>

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

@@ -1,3 +1,4 @@
+import { CommonModule } from '@angular/common'
 import {
   Component,
   EventEmitter,
@@ -6,11 +7,20 @@ import {
   SimpleChanges,
   Output,
 } from '@angular/core'
-import { Choice } from '../../../../../../libs/ui/inputs/src'
+import { KindBadgeComponent } from '../../../../../../libs/ui/elements/src'
+import { Choice, InlineFilterComponent } from '../../../../../../libs/ui/inputs/src'
+import { TranslatePipe } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-results-hits-search-kind',
   templateUrl: './results-hits-search-kind.component.html',
+  standalone: true,
+  imports: [
+    CommonModule,
+    InlineFilterComponent,
+    KindBadgeComponent,
+    TranslatePipe,
+  ],
 })
 export class ResultsHitsSearchKindComponent implements OnChanges {
   @Input() selected: string[] = []
@@ -38,7 +48,11 @@ export class ResultsHitsSearchKindComponent implements OnChanges {
   }
 
   onSelectedValues(values: string[]) {
-    const selectedValues = values.includes('all') ? [] : values
+    const selectedValues = values.includes('all')
+      ? []
+      : values.length > 1
+        ? [values[values.length - 1]]
+        : values
 
     this.selectionChanged.emit(selectedValues)
   }

package/src/libs/ui/search/src/lib/results-list/results-layout.config.ts

@@ -20,9 +20,6 @@ export class ResultsLayoutConfigItem {
 }
 export type ResultsLayoutConfigModel = Record<string, ResultsLayoutConfigItem>
 
-export const RESULTS_LAYOUT_CONFIG =
-  new InjectionToken<ResultsLayoutConfigModel>('results-layout.config')
-
 export const DEFAULT_RESULTS_LAYOUT_CONFIG: ResultsLayoutConfigModel = {
   CARD: new ResultsLayoutConfigItem(
     RecordPreviewCardComponent,
@@ -46,3 +43,8 @@ export const DEFAULT_RESULTS_LAYOUT_CONFIG: ResultsLayoutConfigModel = {
   TEXT: new ResultsLayoutConfigItem(RecordPreviewTextComponent),
   TITLE: new ResultsLayoutConfigItem(RecordPreviewTitleComponent),
 }
+
+export const RESULTS_LAYOUT_CONFIG =
+  new InjectionToken<ResultsLayoutConfigModel>('results-layout.config', {
+    factory: () => DEFAULT_RESULTS_LAYOUT_CONFIG,
+  })

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

@@ -11,12 +11,16 @@ import {
   ResultsLayoutConfigItem,
 } from './results-layout.config'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { ResultsListItemComponent } from '../results-list-item/results-list-item.component'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-results-list',
   templateUrl: './results-list.component.html',
   styleUrls: ['./results-list.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, ResultsListItemComponent],
 })
 export class ResultsListComponent {
   @Input() records: CatalogRecord[]

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

@@ -14,12 +14,15 @@ import {
 import { RecordPreviewComponent } from '../record-preview/record-preview.component'
 import { ResultsLayoutConfigItem } from '../results-list/results-layout.config'
 import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { CommonModule } from '@angular/common'
 
 @Component({
   selector: 'gn-ui-results-list-item',
   templateUrl: './results-list-item.component.html',
   styleUrls: ['./results-list-item.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, RecordPreviewComponent],
 })
 export class ResultsListItemComponent implements OnChanges, AfterViewInit {
   @Input() layoutConfig: ResultsLayoutConfigItem

package/src/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.ts

@@ -22,7 +22,12 @@ import { matErrorOutlineOutline } from '@ng-icons/material-icons/outline'
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [CommonModule, NgIconComponent],
-  providers: [provideIcons({ matErrorOutlineOutline })],
+  providers: [
+    provideIcons({ matErrorOutlineOutline }),
+    provideNgIconsConfig({
+      size: '1.5em',
+    }),
+  ],
 })
 export class PopupAlertComponent implements OnInit {
   @Input() icon: string

package/src/libs/util/shared/src/lib/links/link-utils.ts

@@ -75,10 +75,17 @@ export const FORMATS = {
     mimeTypes: ['application/geopackage+sqlite3'],
   },
   zip: {
-    extensions: ['zip', 'tar.gz'],
+    extensions: ['zip', 'tar.gz', 'gz', '7z', '7zip'],
     priority: 8,
     color: '#B0CB52',
-    mimeTypes: ['application/zip', 'application/x-zip'],
+    mimeTypes: [
+      'application/zip',
+      'application/x-zip',
+      'application/x-compressed',
+      'application/x-7z-compressed',
+      'application/gzip',
+      'application/x-gzip',
+    ],
   },
   pdf: {
     extensions: ['pdf'],
@@ -92,39 +99,57 @@ export const FORMATS = {
     color: '#C4A98F',
     mimeTypes: ['image/jpg'],
   },
+  png: {
+    extensions: ['png'],
+    priority: 10,
+    color: '#8B5A3C',
+    mimeTypes: ['image/png'],
+  },
+  tiff: {
+    extensions: ['tiff', 'tif', 'geotiff', 'geotif'],
+    priority: 11,
+    color: '#6B4423',
+    mimeTypes: ['image/tiff'],
+  },
   svg: {
     extensions: ['svg'],
-    priority: 10,
+    priority: 12,
     color: '#EB6D82',
     mimeTypes: ['image/svg+xml'],
   },
   dxf: {
     extensions: ['dxf'],
-    priority: 11,
+    priority: 13,
     color: '#DCCD00',
     mimeTypes: ['application/x-dxf', 'image/x-dxf'],
   },
   html: {
     extensions: ['html', 'htm'],
-    priority: 12,
+    priority: 14,
     color: '#C0C9B6',
     mimeTypes: ['text/html'],
   },
   fgb: {
     extensions: ['fgb', 'flatgeobuf'],
-    priority: 13,
+    priority: 15,
     color: '#A8111C',
     mimeTypes: ['application/flatgeobuf'],
   },
   jsonfg: {
     extensions: ['jsonfg', 'jsonfgc'],
-    priority: 14,
+    priority: 16,
     color: '#009EE0',
     mimeTypes: [
       'application/vnd.ogc.fg+json',
       'application/vnd.ogc.fg+json;compatibility=geojson',
     ],
   },
+  webp: {
+    extensions: ['webp'],
+    priority: 17,
+    color: '#5A9E6F',
+    mimeTypes: ['image/webp'],
+  },
 } as const
 
 export type FileFormat = keyof typeof FORMATS

package/src/libs/util/shared/src/lib/utils/index.ts

@@ -8,6 +8,7 @@ export * from './mobile-screen'
 export * from './no-duplicate-file-name'
 export * from './parse'
 export * from './remove-whitespace'
+export * from './scroll'
 export * from './sort-by'
 export * from './strip-html'
 export * from './temporal-extent-union'