geonetwork-ui 2.6.0-dev.582b4530a → 2.6.0-dev.9df114cd4

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

@@ -1 +1 @@
-{"version":3,"file":"favorite-star.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/search/src/lib/favorites/favorite-star/favorite-star.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,iBAAiB,EAEjB,UAAU,EAEV,SAAS,EAEV,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4EAA4E,CAAA;;AAGrH,qBAQa,qBAAsB,YAAW,aAAa,EAAE,SAAS;IAoClE,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,gBAAgB;IAvCjB,YAAY,CAAC,UAAO;IAC7B,IAAa,MAAM,CAAC,KAAK,wBAAA,EAMxB;IACD,IAAI,MAAM,2BAET;IACD,WAAW,sBAEV;IACD,YAAY,sBAAqC;IACjD,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,OAAO,UAAQ;IACf,QAAQ,SAA4B;IACpC,aAAa,EAAE,UAAU,CAAC,MAAM,CAAC,CAKhC;IAED,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;IAC1B,iBAAiB,EAAE,YAAY,CAAA;IAE/B,IAAI,gBAAgB,YAEnB;gBAGS,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,wBAAwB,EACzC,cAAc,EAAE,iBAAiB,EACjC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;IAG5C,eAAe,IAAI,IAAI;IAoCvB,WAAW,IAAI,IAAI;IAKnB,cAAc,CAAC,UAAU,KAAA;yCApFd,qBAAqB;2CAArB,qBAAqB;CAsGjC"}
+{"version":3,"file":"favorite-star.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/search/src/lib/favorites/favorite-star/favorite-star.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,iBAAiB,EAEjB,UAAU,EAEV,SAAS,EAEV,MAAM,eAAe,CAAA;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,8DAA8D,CAAA;AAC5F,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAA;AAC5F,OAAO,EAAE,wBAAwB,EAAE,MAAM,4EAA4E,CAAA;;AAGrH,qBAQa,qBAAsB,YAAW,aAAa,EAAE,SAAS;IAsClE,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,gBAAgB;IAzCjB,YAAY,CAAC,UAAO;IAC7B,IAAa,MAAM,CAAC,KAAK,wBAAA,EAMxB;IACD,IAAI,MAAM,2BAET;IACD,WAAW,sBAEV;IACD,YAAY,sBAAqC;IACjD,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,OAAO,UAAQ;IACf,QAAQ,SAA4B;IACpC,aAAa,EAAE,UAAU,CAAC,MAAM,CAAC,CAOhC;IAED,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;IAC1B,iBAAiB,EAAE,YAAY,CAAA;IAE/B,IAAI,gBAAgB,YAEnB;gBAGS,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,wBAAwB,EACzC,cAAc,EAAE,iBAAiB,EACjC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;IAG5C,eAAe,IAAI,IAAI;IAoCvB,WAAW,IAAI,IAAI;IAKnB,cAAc,CAAC,UAAU,KAAA;yCAtFd,qBAAqB;2CAArB,qBAAqB;CAwGjC"}

package/libs/ui/inputs/src/index.d.ts

@@ -15,7 +15,6 @@ export * from './lib/dropdown-selector/dropdown-selector.model';
 export * from './lib/editable-label/editable-label.directive';
 export * from './lib/file-input/file-input.component';
 export * from './lib/files-drop/files-drop.directive';
-export * from './lib/navigation-button/navigation-button.component';
 export * from './lib/search-input/search-input.component';
 export * from './lib/star-toggle/star-toggle.component';
 export * from './lib/switch-toggle/switch-toggle.component';

package/libs/ui/inputs/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/ui/inputs/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAA;AACzD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,mDAAmD,CAAA;AACjE,cAAc,yCAAyC,CAAA;AACvD,cAAc,yDAAyD,CAAA;AACvE,cAAc,qDAAqD,CAAA;AACnE,cAAc,mEAAmE,CAAA;AACjF,cAAc,2DAA2D,CAAA;AACzE,cAAc,uDAAuD,CAAA;AACrE,cAAc,qDAAqD,CAAA;AACnE,cAAc,iDAAiD,CAAA;AAC/D,cAAc,+CAA+C,CAAA;AAC7D,cAAc,uCAAuC,CAAA;AACrD,cAAc,uCAAuC,CAAA;AACrD,cAAc,qDAAqD,CAAA;AACnE,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,qCAAqC,CAAA;AACnD,cAAc,uCAAuC,CAAA;AACrD,cAAc,wBAAwB,CAAA;AACtC,cAAc,qCAAqC,CAAA;AACnD,cAAc,2DAA2D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/ui/inputs/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAA;AACzD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2CAA2C,CAAA;AACzD,cAAc,mCAAmC,CAAA;AACjD,cAAc,mDAAmD,CAAA;AACjE,cAAc,yCAAyC,CAAA;AACvD,cAAc,yDAAyD,CAAA;AACvE,cAAc,qDAAqD,CAAA;AACnE,cAAc,mEAAmE,CAAA;AACjF,cAAc,2DAA2D,CAAA;AACzE,cAAc,uDAAuD,CAAA;AACrE,cAAc,qDAAqD,CAAA;AACnE,cAAc,iDAAiD,CAAA;AAC/D,cAAc,+CAA+C,CAAA;AAC7D,cAAc,uCAAuC,CAAA;AACrD,cAAc,uCAAuC,CAAA;AACrD,cAAc,2CAA2C,CAAA;AACzD,cAAc,yCAAyC,CAAA;AACvD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,qCAAqC,CAAA;AACnD,cAAc,uCAAuC,CAAA;AACrD,cAAc,wBAAwB,CAAA;AACtC,cAAc,qCAAqC,CAAA;AACnD,cAAc,2DAA2D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"star-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/inputs/src/lib/star-toggle/star-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,YAAY,EAIb,MAAM,eAAe,CAAA;;AAMtB,qBASa,mBAAmB;IACrB,OAAO,EAAG,OAAO,CAAA;IACjB,QAAQ,UAAQ;IACf,QAAQ,wBAA8B;IACtB,OAAO,EAAE,UAAU,CAAA;IAE7C,MAAM,CAAC,KAAK,EAAE,KAAK;yCANR,mBAAmB;2CAAnB,mBAAmB;CAmB/B"}
+{"version":3,"file":"star-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/inputs/src/lib/star-toggle/star-toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,YAAY,EAIb,MAAM,eAAe,CAAA;;AAOtB,qBASa,mBAAmB;IACrB,OAAO,EAAG,OAAO,CAAA;IACjB,QAAQ,UAAQ;IACf,QAAQ,wBAA8B;IACtB,OAAO,EAAE,UAAU,CAAA;IAE7C,MAAM,CAAC,KAAK,EAAE,KAAK;yCANR,mBAAmB;2CAAnB,mBAAmB;CAmB/B"}

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

@@ -1,19 +1,26 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewChecked, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AnchorLinkDirective implements OnInit, OnDestroy {
+export declare class AnchorLinkDirective implements OnInit, AfterViewChecked, OnDestroy {
     private changeDetector;
     targetId: string;
     disabledClass: string;
     enabledClass: string;
+    inViewClass: string;
+    outOfViewClass: string;
     get elementClass(): string;
     disabled: boolean;
     observer: MutationObserver;
+    inView: boolean;
+    intersectionObserver: IntersectionObserver;
+    initialized: boolean;
     constructor(changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    initializeIntersectionObserver(target: HTMLElement): void;
     ngOnDestroy(): void;
     refreshDisabledState(): void;
     scrollToTarget(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnchorLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnchorLinkDirective, "[gnUiAnchorLink]", never, { "targetId": { "alias": "gnUiAnchorLink"; "required": false; }; "disabledClass": { "alias": "gnUiAnchorLinkDisabledClass"; "required": false; }; "enabledClass": { "alias": "gnUiAnchorLinkEnabledClass"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnchorLinkDirective, "[gnUiAnchorLink]", never, { "targetId": { "alias": "gnUiAnchorLink"; "required": false; }; "disabledClass": { "alias": "gnUiAnchorLinkDisabledClass"; "required": false; }; "enabledClass": { "alias": "gnUiAnchorLinkEnabledClass"; "required": false; }; "inViewClass": { "alias": "gnUiAnchorLinkInViewClass"; "required": false; }; "outOfViewClass": { "alias": "gnUiAnchorLinkOutOfViewClass"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=anchor-link.directive.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"anchor-link.directive.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/layout/src/lib/anchor-link/anchor-link.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAKjB,SAAS,EACT,MAAM,EACP,MAAM,eAAe,CAAA;;AAEtB,qBAGa,mBAAoB,YAAW,MAAM,EAAE,SAAS;IAe/C,OAAO,CAAC,cAAc;IAdT,QAAQ,EAAE,MAAM,CAAA;IACH,aAAa,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IAEzD,IACI,YAAY,IAAI,MAAM,CAEzB;IAED,QAAQ,UAAQ;IAChB,QAAQ,mBAEN;gBAEkB,cAAc,EAAE,iBAAiB;IAErD,QAAQ;IAQR,WAAW;IAIX,oBAAoB;IAQG,cAAc;yCArC1B,mBAAmB;2CAAnB,mBAAmB;CA6C/B"}
+{"version":3,"file":"anchor-link.directive.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/layout/src/lib/anchor-link/anchor-link.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EAKjB,SAAS,EACT,MAAM,EACP,MAAM,eAAe,CAAA;;AAEtB,qBAGa,mBACX,YAAW,MAAM,EAAE,gBAAgB,EAAE,SAAS;IA4BlC,OAAO,CAAC,cAAc;IA1BT,QAAQ,EAAE,MAAM,CAAA;IACH,aAAa,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IAE7D,IACI,YAAY,IAAI,MAAM,CASzB;IAED,QAAQ,UAAQ;IAChB,QAAQ,mBAEN;IACF,MAAM,UAAQ;IACd,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,WAAW,UAAQ;gBAEC,cAAc,EAAE,iBAAiB;IAErD,QAAQ;IAQR,kBAAkB;IAUlB,8BAA8B,CAAC,MAAM,EAAE,WAAW;IAgBlD,WAAW;IAOX,oBAAoB;IAQG,cAAc;yCAhF1B,mBAAmB;2CAAnB,mBAAmB;CAwF/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.6.0-dev.582b4530a",
+  "version": "2.6.0-dev.9df114cd4",
   "engines": {
     "node": ">=20"
   },

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

@@ -10,10 +10,4 @@
     (newValue)="toggleFavorite($event)"
     [disabled]="loading || (isAnonymous$ | async)"
   ></gn-ui-star-toggle>
-  <span
-    class="align-text-top ml-1.5"
-    data-test="favorite-count"
-    *ngIf="!displayCount"
-    translate="datahub.record.addToFavorites"
-  ></span>
 </div>

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

@@ -8,7 +8,13 @@ import {
   OnDestroy,
   ViewChild,
 } from '@angular/core'
-import { map, pairwise, withLatestFrom } from 'rxjs/operators'
+import {
+  map,
+  pairwise,
+  startWith,
+  switchMap,
+  withLatestFrom,
+} from 'rxjs/operators'
 import tippy from 'tippy.js'
 import { TranslateService } from '@ngx-translate/core'
 import { StarToggleComponent } from '../../../../../../../libs/ui/inputs/src'
@@ -46,11 +52,13 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   favoriteCount: number | null
   loading = false
   loginUrl = this.authService.loginUrl
-  loginMessage$: Observable<string> = this.translateService.get(
-    'favorite.not.authenticated.tooltip',
-    {
-      link: this.loginUrl,
-    }
+  loginMessage$: Observable<string> = this.translateService.onLangChange.pipe(
+    startWith(null), // make sure to wait for translations to be loaded with and without language change
+    switchMap(() =>
+      this.translateService.get('favorite.not.authenticated.tooltip', {
+        link: this.loginUrl,
+      })
+    )
   )
   @ViewChild(StarToggleComponent, { read: ElementRef })
   starToggleRef: ElementRef

package/src/libs/feature/search/src/lib/results-list/results-list.container.component.css

@@ -0,0 +1,6 @@
+:host {
+  --gn-ui-button-height: 24px;
+  --gn-ui-button-width: 24px;
+  --gn-ui-button-color: var(--color-secondary);
+  --gn-ui-button-border-width: 0px;
+}

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

@@ -15,7 +15,6 @@ export * from './lib/dropdown-selector/dropdown-selector.model'
 export * from './lib/editable-label/editable-label.directive'
 export * from './lib/file-input/file-input.component'
 export * from './lib/files-drop/files-drop.directive'
-export * from './lib/navigation-button/navigation-button.component'
 export * from './lib/search-input/search-input.component'
 export * from './lib/star-toggle/star-toggle.component'
 export * from './lib/switch-toggle/switch-toggle.component'

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

@@ -1,17 +1,17 @@
 <div class="inline-block relative align-middle" style="line-height: 0.7em">
-  <button
-    type="button"
+  <gn-ui-button
+    [type]="'outline'"
     class="-m-[8px] p-[8px]"
-    (click)="toggle($event)"
+    (buttonClick)="toggle($event)"
     [ngClass]="{
       enabled: toggled,
-      'disabled opacity-45': !toggled,
+      disabled: !toggled,
       'transition hover:scale-125 will-change-transform': !disabled,
       'cursor-default': disabled,
     }"
   >
     <ng-icon [name]="toggled ? 'matStar' : 'matStarBorder'"></ng-icon>
-  </button>
+  </gn-ui-button>
   <svg
     #starOverlay
     class="star-toggle-overlay"

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

@@ -11,6 +11,7 @@ import { propagateToDocumentOnly } from '../../../../../../libs/util/shared/src'
 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'
 
 @Component({
   selector: 'gn-ui-star-toggle',
@@ -18,7 +19,7 @@ import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline'
   styleUrls: ['./star-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, NgIcon],
+  imports: [CommonModule, NgIcon, ButtonComponent],
   viewProviders: [provideIcons({ matStar, matStarBorder })],
 })
 export class StarToggleComponent {

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

@@ -1,4 +1,5 @@
 import {
+  AfterViewChecked,
   ChangeDetectorRef,
   Directive,
   HostBinding,
@@ -11,20 +12,34 @@ import {
 @Directive({
   selector: '[gnUiAnchorLink]',
 })
-export class AnchorLinkDirective implements OnInit, OnDestroy {
+export class AnchorLinkDirective
+  implements OnInit, AfterViewChecked, OnDestroy
+{
   @Input('gnUiAnchorLink') targetId: string
   @Input('gnUiAnchorLinkDisabledClass') disabledClass: string
   @Input('gnUiAnchorLinkEnabledClass') enabledClass: string
+  @Input('gnUiAnchorLinkInViewClass') inViewClass: string
+  @Input('gnUiAnchorLinkOutOfViewClass') outOfViewClass: string
 
   @HostBinding('class')
   get elementClass(): string {
-    return this.disabled ? this.disabledClass : this.enabledClass
+    if (this.disabled) {
+      return this.disabledClass
+    }
+    if (this.inView) {
+      return `${this.inViewClass} ${this.enabledClass}`
+    } else {
+      return `${this.outOfViewClass} ${this.enabledClass}`
+    }
   }
 
   disabled = false
   observer = new MutationObserver(() => {
     this.refreshDisabledState()
   })
+  inView = false
+  intersectionObserver: IntersectionObserver
+  initialized = false
 
   constructor(private changeDetector: ChangeDetectorRef) {}
 
@@ -36,8 +51,37 @@ export class AnchorLinkDirective implements OnInit, OnDestroy {
     this.refreshDisabledState()
   }
 
+  ngAfterViewChecked() {
+    if (!this.initialized && !this.disabled) {
+      const target = document.getElementById(this.targetId)
+      if (target) {
+        this.initializeIntersectionObserver(target)
+        this.initialized = true
+      }
+    }
+  }
+
+  initializeIntersectionObserver(target: HTMLElement) {
+    this.intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          this.inView = entry.isIntersecting
+          this.changeDetector.detectChanges()
+        })
+      },
+      {
+        root: null,
+        rootMargin: '-30% 0% -60% 0%',
+      }
+    )
+    this.intersectionObserver.observe(target)
+  }
+
   ngOnDestroy() {
     this.observer.disconnect()
+    if (this.intersectionObserver) {
+      this.intersectionObserver.disconnect()
+    }
   }
 
   refreshDisabledState() {

package/tailwind.base.css

@@ -66,15 +66,20 @@
   /* this is a base class, do not use it directly */
   .gn-ui-btn {
     --rounded: var(--gn-ui-button-rounded, 0.25em);
+    --border-width: var(--gn-ui-button-border-width, 1px);
     --padding: var(--gn-ui-button-padding, 1em);
     --width: var(--gn-ui-button-width, auto);
     --height: var(--gn-ui-button-height, auto);
-    --background: var(--gn-ui-button-background, --color-background);
+    --background: var(--gn-ui-button-background, var(--color-background));
+    --bg-hover: var(--gn-ui-button-bg-hover, var(--color-background));
     --font-size: var(--gn-ui-button-font-size, 1em);
+    --color: var(--gn-ui-button-color, var(--color-main));
     @apply flex flex-row items-center justify-center
       text-[length:--font-size] leading-none
+      text-[color:--color]
       p-[--padding] rounded-[--rounded] w-[--width] h-[--height] overflow-hidden
-      bg-[--background] transition-all duration-100
+      border-[length:--border-width] bg-[--background] transition-all duration-100
+      hover:bg-[--bg-hover] focus:bg-[--bg-hover] active:bg-[--background]
       outline-none
       relative
       disabled:opacity-50 disabled:pointer-events-none
@@ -90,43 +95,43 @@
   .gn-ui-btn-default {
     @apply gn-ui-btn text-white
       bg-gray-700 hover:bg-gray-800 active:bg-gray-900
-      border border-gray-700 focus:ring-4 focus:ring-gray-200;
+      border-gray-700 focus:ring-4 focus:ring-gray-200;
   }
 
   .gn-ui-btn-primary {
     @apply gn-ui-btn text-white
       bg-primary hover:bg-primary-darker focus:bg-primary-darker active:bg-primary-darkest
-      border border-primary focus:ring-4 focus:ring-primary-lightest;
+      border-primary focus:ring-4 focus:ring-primary-lightest;
   }
 
   .gn-ui-btn-secondary {
     @apply gn-ui-btn text-white
       bg-secondary hover:bg-secondary-darker focus:bg-secondary-darker active:bg-secondary-darkest
-      border border-secondary focus:ring-4 focus:ring-secondary-lightest;
+      border-secondary focus:ring-4 focus:ring-secondary-lightest;
   }
 
   .gn-ui-btn-gray {
     @apply gn-ui-btn text-black
     bg-gray-100 hover:bg-gray-200 focus:bg-gray-200 active:bg-gray-300
-    border border-gray-100 focus:ring-4 focus:ring-gray-50;
+    border-gray-100 focus:ring-4 focus:ring-gray-50;
   }
 
   .gn-ui-btn-black {
     @apply gn-ui-btn text-white
     bg-black hover:bg-gray-950 focus:bg-gray-950 active:bg-gray-900
-    border border-black focus:ring-4 focus:ring-gray-300;
+    border-black focus:ring-4 focus:ring-gray-300;
   }
 
   .gn-ui-btn-outline {
-    @apply gn-ui-btn text-main
+    @apply gn-ui-btn
     hover:text-primary-darker focus:text-primary-darker active:text-primary-black
-    border border-gray-300 hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker;
+    border-gray-300 hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker;
   }
 
   .gn-ui-btn-light {
-    @apply gn-ui-btn text-main
+    @apply gn-ui-btn
       hover:bg-gray-50 focus:bg-gray-50 active:bg-gray-100
-      border border-white focus:ring-4 focus:ring-gray-300;
+      border-white focus:ring-4 focus:ring-gray-300;
   }
 
   .gn-ui-card-xs {

package/translations/de.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "Ein spezielles Bedürfnis?",
   "datahub.news.feed": "Nachrichtenfeed",
   "datahub.news.figures": "Indikatoren",
-  "datahub.record.addToFavorites": "Zu Favoriten hinzufügen",
   "datahub.search.back": "Zurück",
   "datahub.search.filter.all": "Alle",
   "datahub.search.filter.generatedByAPI": "Generiert durch eine API",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "Geben Sie die WMS URL ein",
   "multiselect.filter.placeholder": "Suche",
   "nav.back": "Zurück",
+  "navbar.mobile.menuTitle": "Schnellzugriff",
   "next": "weiter",
   "ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
   "organisation.filter.placeholder": "Ergebnisse filtern",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Katalog",
   "record.metadata.contact": "Kontakt",
   "record.metadata.creation": "Erstellungsdatum",

package/translations/en.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "A specific need?",
   "datahub.news.feed": "News feed",
   "datahub.news.figures": "Indicators",
-  "datahub.record.addToFavorites": "Add to favorites",
   "datahub.search.back": "Back",
   "datahub.search.filter.all": "All",
   "datahub.search.filter.generatedByAPI": "Generated by an API",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "Enter WMS service URL",
   "multiselect.filter.placeholder": "Search",
   "nav.back": "Back",
+  "navbar.mobile.menuTitle": "Quick access",
   "next": "Next",
   "ogc.unreachable.unknown": "The service could not be reached",
   "organisation.filter.placeholder": "Filter results",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "Zone",
   "record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
   "record.metadata.api.gpfdl": "Data download",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Catalog",
   "record.metadata.contact": "Contact",
   "record.metadata.creation": "Date of creation",

package/translations/es.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "",
   "datahub.news.feed": "",
   "datahub.news.figures": "",
-  "datahub.record.addToFavorites": "",
   "datahub.search.back": "",
   "datahub.search.filter.all": "",
   "datahub.search.filter.generatedByAPI": "",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "",
   "multiselect.filter.placeholder": "",
   "nav.back": "",
+  "navbar.mobile.menuTitle": "Acceso rápido",
   "next": "",
   "ogc.unreachable.unknown": "",
   "organisation.filter.placeholder": "",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "",
   "record.metadata.contact": "",
   "record.metadata.creation": "",

package/translations/fr.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "Un besoin spécifique ?",
   "datahub.news.feed": "Fil d'activité",
   "datahub.news.figures": "Quelques chiffres",
-  "datahub.record.addToFavorites": "Ajouter aux favoris",
   "datahub.search.back": "Retour",
   "datahub.search.filter.all": "Tous",
   "datahub.search.filter.generatedByAPI": "généré par une API",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "Entrez l'URL du service WMS",
   "multiselect.filter.placeholder": "Rechercher",
   "nav.back": "Retour",
+  "navbar.mobile.menuTitle": "Navigation rapide",
   "next": "Suivant",
   "ogc.unreachable.unknown": "Le service n'est pas accessible",
   "organisation.filter.placeholder": "Filtrer les résultats",
@@ -362,7 +362,7 @@
   "record.kind.dataset": "Donnée",
   "record.kind.reuse": "Réutilisation",
   "record.kind.service": "Service",
-  "record.metadata.about": "Description",
+  "record.metadata.about": "A propos",
   "record.metadata.api": "API",
   "record.metadata.api.form.closeButton": "Fermer",
   "record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "Zone",
   "record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
   "record.metadata.api.gpfdl": "Téléchargement",
+  "record.metadata.capabilities": "Capacités du service",
   "record.metadata.catalog": "Catalogue",
   "record.metadata.contact": "Contact",
   "record.metadata.creation": "Date de création",
@@ -404,7 +405,7 @@
   "record.metadata.keywords": "Mots-clés",
   "record.metadata.languages": "Langues",
   "record.metadata.lastUpdate": "Mis à jour le {date}",
-  "record.metadata.links": "Liens",
+  "record.metadata.links": "Ressources & liens",
   "record.metadata.noUsage": "Aucune condition d'utilisation spécifiée pour ces données",
   "record.metadata.otherConstraints": "Limitations d'usage",
   "record.metadata.owner": "Catalogue d'origine",

package/translations/it.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "Ha un bisogno specifico?",
   "datahub.news.feed": "Feed di attività",
   "datahub.news.figures": "Alcune figure",
-  "datahub.record.addToFavorites": "Aggiungere a miei preferiti",
   "datahub.search.back": "Ritorna",
   "datahub.search.filter.all": "Tutti",
   "datahub.search.filter.generatedByAPI": "generato da un'API",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "Inserisci URL del servizio WMS",
   "multiselect.filter.placeholder": "Cerca",
   "nav.back": "Indietro",
+  "navbar.mobile.menuTitle": "",
   "next": "successivo",
   "ogc.unreachable.unknown": "Il servizio non è accessibile",
   "organisation.filter.placeholder": "Filtra i risultati",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "Zona",
   "record.metadata.api.form.zoneTooltip": "Menu a discesa per selezionare una zona geografica",
   "record.metadata.api.gpfdl": "Scarica",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Catalogo",
   "record.metadata.contact": "Contatto",
   "record.metadata.creation": "Data di creazione",

package/translations/nl.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "",
   "datahub.news.feed": "",
   "datahub.news.figures": "",
-  "datahub.record.addToFavorites": "",
   "datahub.search.back": "",
   "datahub.search.filter.all": "",
   "datahub.search.filter.generatedByAPI": "",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "",
   "multiselect.filter.placeholder": "",
   "nav.back": "",
+  "navbar.mobile.menuTitle": "",
   "next": "",
   "ogc.unreachable.unknown": "",
   "organisation.filter.placeholder": "",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "",
   "record.metadata.contact": "",
   "record.metadata.creation": "",

package/translations/pt.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "",
   "datahub.news.feed": "",
   "datahub.news.figures": "",
-  "datahub.record.addToFavorites": "",
   "datahub.search.back": "",
   "datahub.search.filter.all": "",
   "datahub.search.filter.generatedByAPI": "",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "",
   "multiselect.filter.placeholder": "",
   "nav.back": "",
+  "navbar.mobile.menuTitle": "",
   "next": "",
   "ogc.unreachable.unknown": "",
   "organisation.filter.placeholder": "",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "",
   "record.metadata.contact": "",
   "record.metadata.creation": "",

package/translations/sk.json

@@ -63,7 +63,6 @@
   "datahub.news.contact.title": "Špecifická potreba?",
   "datahub.news.feed": "Spravodajský kanál",
   "datahub.news.figures": "Ukazovatele",
-  "datahub.record.addToFavorites": "Pridať do obľúbených",
   "datahub.search.back": "Späť na výsledky",
   "datahub.search.filter.all": "Všetky",
   "datahub.search.filter.generatedByAPI": "vygenerované cez API",
@@ -333,6 +332,7 @@
   "map.wms.urlInput.hint": "Zadajte URL adresu služby WMS",
   "multiselect.filter.placeholder": "Hľadať",
   "nav.back": "Späť",
+  "navbar.mobile.menuTitle": "",
   "next": "Ďalej",
   "ogc.unreachable.unknown": "So službou sa nedalo spojiť",
   "organisation.filter.placeholder": "Filtrovať výsledky",
@@ -395,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Katalóg",
   "record.metadata.contact": "Kontakt",
   "record.metadata.creation": "",

package/esm2022/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.mjs

@@ -1,16 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { NgIcon } from '@ng-icons/core';
-import * as i0 from "@angular/core";
-export class NavigationButtonComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NavigationButtonComponent, isStandalone: true, selector: "gn-ui-navigation-button", inputs: { label: "label", icon: "icon" }, ngImport: i0, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"], dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NavigationButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gn-ui-navigation-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIcon], standalone: true, template: "<button\n  class=\"group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center\"\n>\n  <ng-icon [name]=\"icon\" class=\"align-middle w-[18px]\"></ng-icon>\n  <span\n    class=\"mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75\"\n    >{{ label.toUpperCase() }}</span\n  >\n</button>\n", styles: ["button{color:var(--navigation-button-color, --color-background)}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9pbnB1dHMvc3JjL2xpYi9uYXZpZ2F0aW9uLWJ1dHRvbi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL2lucHV0cy9zcmMvbGliL25hdmlnYXRpb24tYnV0dG9uL25hdmlnYXRpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3pFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTs7QUFVdkMsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsNkhDWHRDLDhWQVNBLDRIRERZLE1BQU07OzRGQUdMLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxNQUFNLENBQUMsY0FDTCxJQUFJOzhCQUdQLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBOZ0ljb24gfSBmcm9tICdAbmctaWNvbnMvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ24tdWktbmF2aWdhdGlvbi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2aWdhdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXZpZ2F0aW9uLWJ1dHRvbi5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbTmdJY29uXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTmF2aWdhdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmdcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nXG59XG4iLCI8YnV0dG9uXG4gIGNsYXNzPVwiZ3JvdXAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgZ2FwLTEgYmFja2Ryb3AtYmx1ciBwLTEgYmctcHJpbWFyeS1vcGFjaXR5LTMwIHJvdW5kZWQgY29udGVudC1jZW50ZXJcIlxuPlxuICA8bmctaWNvbiBbbmFtZV09XCJpY29uXCIgY2xhc3M9XCJhbGlnbi1taWRkbGUgdy1bMThweF1cIj48L25nLWljb24+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJteC0yIG10LTAuNSB0ZXh0LVsxNnB4XSB0cmFja2luZy13aWRlc3QgY29udGVudC1jZW50ZXIgb3BhY2l0eS03NVwiXG4gICAgPnt7IGxhYmVsLnRvVXBwZXJDYXNlKCkgfX08L3NwYW5cbiAgPlxuPC9idXR0b24+XG4iXX0=

package/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class NavigationButtonComponent {
-    label: string;
-    icon: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationButtonComponent, "gn-ui-navigation-button", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
-}
-//# sourceMappingURL=navigation-button.component.d.ts.map

package/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-button.component.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.ts"],"names":[],"mappings":";AAGA,qBAQa,yBAAyB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;yCAFV,yBAAyB;2CAAzB,yBAAyB;CAGrC"}

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.css

@@ -1,3 +0,0 @@
-button {
-  color: var(--navigation-button-color, --color-background);
-}

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html

@@ -1,9 +0,0 @@
-<button
-  class="group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center"
->
-  <ng-icon [name]="icon" class="align-middle w-[18px]"></ng-icon>
-  <span
-    class="mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75"
-    >{{ label.toUpperCase() }}</span
-  >
-</button>

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.ts

@@ -1,15 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { NgIcon } from '@ng-icons/core'
-
-@Component({
-  selector: 'gn-ui-navigation-button',
-  templateUrl: './navigation-button.component.html',
-  styleUrls: ['./navigation-button.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgIcon],
-  standalone: true,
-})
-export class NavigationButtonComponent {
-  @Input() label: string
-  @Input() icon: string
-}