geonetwork-ui 2.8.0-dev.93d2d87c0 → 2.8.0-dev.94b119e28

package/src/libs/feature/router/src/lib/default/router.service.ts

@@ -8,6 +8,10 @@ import {
 } from '.'
 import { Router, Routes } from '@angular/router'
 import { ROUTER_CONFIG, RouterConfigModel } from './router.config'
+import {
+  SortByEnum,
+  SortByField,
+} from '../../../../../../libs/common/domain/src/lib/model/search'
 
 @Injectable({
   providedIn: 'root',
@@ -58,4 +62,8 @@ export class RouterService {
   getOrganizationPageRoute(): string {
     return ROUTER_ROUTE_ORGANIZATION
   }
+
+  getDefaultSort(): SortByField {
+    return SortByEnum.RESOURCE_DATES
+  }
 }

package/src/libs/feature/router/src/lib/default/state/router.effects.ts

@@ -9,10 +9,7 @@ import {
   SetFilters,
   SetSortBy,
 } from '../../../../../../../libs/feature/search/src'
-import {
-  FieldFilters,
-  SortByEnum,
-} from '../../../../../../../libs/common/domain/src/lib/model/search'
+import { FieldFilters } from '../../../../../../../libs/common/domain/src/lib/model/search'
 import { Actions, createEffect, ofType } from '@ngrx/effects'
 import { navigation } from '@ngrx/router-store/data-persistence'
 import { of, pairwise, startWith } from 'rxjs'
@@ -22,6 +19,7 @@ import { RouterFacade } from './router.facade'
 import { ROUTE_PARAMS } from '../constants'
 import { sortByFromString } from '../../../../../../../libs/util/shared/src'
 import { ROUTER_CONFIG, RouterConfigModel } from '../router.config'
+import { RouterService } from '../router.service'
 
 @Injectable()
 export class RouterEffects {
@@ -31,7 +29,8 @@ export class RouterEffects {
     private _location: Location,
     private facade: RouterFacade,
     @Inject(ROUTER_CONFIG) private routerConfig: RouterConfigModel,
-    private fieldsService: FieldsService
+    private fieldsService: FieldsService,
+    private routerService: RouterService
   ) {}
 
   navigate$ = createEffect(
@@ -61,7 +60,7 @@ export class RouterEffects {
         let sortBy =
           ROUTE_PARAMS.SORT in newParams
             ? sortByFromString(newParams[ROUTE_PARAMS.SORT])
-            : SortByEnum.CHANGE_DATE
+            : this.routerService.getDefaultSort()
         let pageNumber =
           ROUTE_PARAMS.PAGE in newParams
             ? parseInt(newParams[ROUTE_PARAMS.PAGE])
@@ -70,7 +69,7 @@ export class RouterEffects {
           const oldSort =
             ROUTE_PARAMS.SORT in oldParams
               ? sortByFromString(oldParams[ROUTE_PARAMS.SORT])
-              : SortByEnum.CHANGE_DATE
+              : this.routerService.getDefaultSort()
           if (JSON.stringify(sortBy) === JSON.stringify(oldSort)) {
             sortBy = null
           }

package/src/libs/feature/search/src/lib/constants.ts

@@ -11,7 +11,6 @@ export const FIELDS_SUMMARY: FieldName[] = [
   'resourceAbstractObject',
   'overview',
   'logo',
-  'codelist_status_text',
   'link',
   'linkProtocol',
   'contactForResource*.organisation*',

package/src/libs/feature/search/src/lib/sort-by/sort-by.component.ts

@@ -13,7 +13,7 @@ import { TranslatePipe } from '@ngx-translate/core'
 
 interface SortChoice {
   label: string
-  value: string
+  value: SortByField
 }
 
 @Component({
@@ -27,24 +27,20 @@ export class SortByComponent implements OnInit {
   choices: SortChoice[] = [
     {
       label: marker('results.sortBy.relevancy'),
-      value: SortByEnum.RELEVANCY.join(','),
+      value: SortByEnum.RELEVANCY,
     },
     {
       label: marker('results.sortBy.dateStamp'),
-      value: SortByEnum.CREATE_DATE.join(','),
-    },
-    {
-      label: marker('results.sortBy.changeDate'),
-      value: SortByEnum.CHANGE_DATE.join(','),
+      value: SortByEnum.RESOURCE_DATES,
     },
     {
       label: marker('results.sortBy.popularity'),
-      value: SortByEnum.POPULARITY.join(','),
+      value: SortByEnum.POPULARITY,
     },
   ]
   currentSortBy$ = this.facade.sortBy$.pipe(
     filter((sortBy) => !!sortBy),
-    map((sortBy) => sortBy.join(','))
+    map((sortBy) => sortBy)
   )
 
   constructor(
@@ -56,12 +52,12 @@ export class SortByComponent implements OnInit {
     if (this.isQualitySortable) {
       this.choices.push({
         label: marker('results.sortBy.qualityScore'),
-        value: SortByEnum.QUALITY_SCORE.join(','),
+        value: SortByEnum.QUALITY_SCORE,
       })
     }
   }
 
-  changeSortBy(criteriaAsString: string) {
-    this.searchService.setSortBy(criteriaAsString.split(',') as SortByField)
+  changeSortBy(criteria: SortByField): void {
+    this.searchService.setSortBy(criteria)
   }
 }

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

@@ -14,6 +14,7 @@ export * from './lib/markdown-editor/markdown-editor.component'
 export * from './lib/markdown-parser/markdown-parser.component'
 export * from './lib/metadata-catalog/metadata-catalog.component'
 export * from './lib/metadata-contact/metadata-contact.component'
+export * from './lib/metadata-doi/metadata-doi.component'
 export * from './lib/metadata-info/metadata-info.component'
 export * from './lib/metadata-quality-item/metadata-quality-item.component'
 export * from './lib/metadata-quality/metadata-quality.component'

package/src/libs/ui/elements/src/lib/external-link-card/external-link-card.component.html

@@ -1,15 +1,48 @@
-<a
-  [href]="link.url"
-  target="_blank"
-  class="group flex flex-row justify-between card-shadow cursor-pointer rounded overflow-hidden"
-  [ngClass]="cardClass"
-  [title]="title"
->
+<ng-container *ngIf="isDatabase; else clickableLink">
+  <div [ngClass]="cardClass" [title]="title">
+    <ng-container *ngTemplateOutlet="cardContent"></ng-container>
+    <div
+      class="flex min-w-[32px]"
+      [ngClass]="size === 'S' ? 'items-end' : 'items-center'"
+    >
+      <div
+        class="gn-ui-card-icon"
+        [title]="'record.metadata.link.postgis.tooltip' | translate"
+      >
+        <ng-icon
+          class="inline-block card-icon align-middle"
+          name="iconoirDatabase"
+        ></ng-icon>
+      </div>
+    </div>
+  </div>
+</ng-container>
+
+<ng-template #clickableLink>
+  <a [href]="link.url" target="_blank" [ngClass]="cardClass" [title]="title">
+    <ng-container *ngTemplateOutlet="cardContent"></ng-container>
+    <div
+      class="flex min-w-[32px]"
+      [ngClass]="size === 'S' ? 'items-end' : 'items-center'"
+    >
+      <div class="gn-ui-card-icon">
+        <ng-icon
+          class="inline-block card-icon align-middle"
+          name="matOpenInNew"
+        ></ng-icon>
+      </div>
+    </div>
+  </a>
+</ng-template>
+<ng-template #cardContent>
   <div class="flex flex-col justify-between flex-1 min-w-0">
     <div class="gn-ui-card-title">
       {{ link.description || link.name }}
     </div>
     <div class="gn-ui-card-detail">
+      <ng-container *ngIf="isDatabase">
+        {{ 'record.metadata.link.postgis.table' | translate }}
+      </ng-container>
       {{ link.name }}
     </div>
     <p *ngIf="!link.name && !link.description" class="gn-ui-card-title">
@@ -20,21 +53,9 @@
         class="inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded transition-opacity opacity-70 group-hover:opacity-100"
         [style.background-color]="getLinkColor(link)"
         data-cy="download-format"
-        >{{
-          getLinkFormat(link) || ('downloads.format.unknown' | translate)
-        }}</span
       >
+        {{ getLinkFormat(link) || ('downloads.format.unknown' | translate) }}
+      </span>
     </div>
   </div>
-  <div
-    class="flex min-w-[32px]"
-    [ngClass]="size === 'S' ? 'items-end' : 'items-center'"
-  >
-    <div class="gn-ui-card-icon">
-      <ng-icon
-        class="inline-block card-icon align-middle"
-        name="matOpenInNew"
-      ></ng-icon>
-    </div>
-  </div>
-</a>
+</ng-template>

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

@@ -7,6 +7,7 @@ import {
   provideNgIconsConfig,
 } from '@ng-icons/core'
 import { matOpenInNew } from '@ng-icons/material-icons/baseline'
+import { iconoirDatabase } from '@ng-icons/iconoir'
 import { getBadgeColor, getFileFormat } from '../../../../../../libs/util/shared/src'
 import { TranslatePipe } from '@ngx-translate/core'
 
@@ -21,6 +22,7 @@ type CardSize = 'L' | 'M' | 'S' | 'XS'
   providers: [
     provideIcons({
       matOpenInNew,
+      iconoirDatabase,
     }),
     provideNgIconsConfig({ size: '1.5em' }),
   ],
@@ -37,7 +39,7 @@ export class ExternalLinkCardComponent {
 
   @Input() set size(value: CardSize) {
     this._size = value
-    this.cardClass = this.sizeClassMap[value]
+    this.cardClass = `group flex flex-row justify-between card-shadow rounded overflow-hidden ${this.sizeClassMap[value]}`
   }
   get size(): CardSize {
     return this._size
@@ -51,11 +53,18 @@ export class ExternalLinkCardComponent {
     return this.link.name || this.link.description || ''
   }
 
-  getLinkFormat(link: any) {
+  get isDatabase(): boolean {
+    return (
+      this.link.type === 'service' &&
+      this.link.accessServiceProtocol === 'postgis'
+    )
+  }
+
+  getLinkFormat(link: DatasetOnlineResource): string {
     return getFileFormat(link)
   }
 
-  getLinkColor(link: any) {
+  getLinkColor(link: DatasetOnlineResource): string {
     return getBadgeColor(getFileFormat(link))
   }
 }

package/src/libs/ui/elements/src/lib/metadata-doi/metadata-doi.component.html

@@ -0,0 +1,31 @@
+<div
+  class="border border-gray-300 rounded-lg py-4 px-5 text-black flex justify-between items-center gap-4"
+>
+  <div class="overflow-hidden flex-1">
+    <p class="text-base font-medium mb-3">DOI</p>
+    <p
+      class="text-base font-medium overflow-hidden text-ellipsis whitespace-nowrap"
+      [title]="code"
+    >
+      {{ code }}
+    </p>
+  </div>
+  <div class="flex gap-2 items-start">
+    <gn-ui-copy-text-button
+      [text]="code"
+      [displayText]="false"
+      [tooltipText]="'record.metadata.doi.copy' | translate"
+      class="[&>div]:flex [&>div]:items-center [&>div]:justify-center [&_button]:w-[40px] [&_button]:h-[32px] [&_button]:flex [&_button]:items-center [&_button]:justify-center [&_button]:hover:bg-gray-100 [&_button]:rounded-lg [&_button]:transition-colors [&_button]:border [&_button]:border-gray-300 [&_button]:px-2 [&_button]:py-1 [&_ng-icon]:w-5 [&_ng-icon]:h-5"
+    ></gn-ui-copy-text-button>
+    <a
+      *ngIf="link"
+      [href]="link"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="w-[40px] h-[32px] flex items-center justify-center hover:bg-gray-100 rounded-lg transition-colors border border-gray-300 px-2 py-1"
+      [matTooltip]="'record.metadata.doi.open' | translate"
+    >
+      <ng-icon name="matOpenInNew" size="20"></ng-icon>
+    </a>
+  </div>
+</div>

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

@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { NgIcon, provideIcons } from '@ng-icons/core'
+import { MatTooltipModule } from '@angular/material/tooltip'
+import { matOpenInNew } from '@ng-icons/material-icons/baseline'
+import { TranslatePipe } from '@ngx-translate/core'
+import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
+
+@Component({
+  selector: 'gn-ui-metadata-doi',
+  standalone: true,
+  imports: [
+    CommonModule,
+    MatTooltipModule,
+    NgIcon,
+    TranslatePipe,
+    CopyTextButtonComponent,
+  ],
+  templateUrl: './metadata-doi.component.html',
+  styleUrl: './metadata-doi.component.css',
+  viewProviders: [
+    provideIcons({
+      matOpenInNew,
+    }),
+  ],
+})
+export class MetadataDoiComponent {
+  @Input() code!: string
+  @Input() link?: string
+}

package/src/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html

@@ -3,7 +3,11 @@
     ghostClass="h-[178px]"
     [showContent]="fieldReady('abstract')"
   >
-    <gn-ui-max-lines [maxLines]="6" *ngIf="metadata.abstract">
+    <gn-ui-max-lines
+      [maxLines]="6"
+      *ngIf="metadata.abstract"
+      data-test="metadata-info-abstract"
+    >
       <div class="mb-6">
         <gn-ui-markdown-parser
           [textContent]="metadata.abstract"
@@ -24,7 +28,7 @@
     ghostClass="h-[31px] w-3/4"
     [showContent]="fieldReady('keywords')"
   >
-    <div *ngIf="metadata.keywords?.length">
+    <gn-ui-max-lines [maxLines]="7" *ngIf="metadata.keywords?.length">
       <div class="metadata-info-keywords sm:pb-4 flex flex-wrap gap-2">
         <gn-ui-badge
           class="inline-block lowercase"
@@ -34,7 +38,7 @@
           >{{ keyword.label }}</gn-ui-badge
         >
       </div>
-    </div>
+    </gn-ui-max-lines>
   </gn-ui-content-ghost>
 </div>
 
@@ -101,19 +105,31 @@
 <gn-ui-expandable-panel
   *ngIf="
     (metadata.kind === 'dataset' && metadata.lineage) ||
+    resourceContact ||
+    metadata.resourceCreated ||
+    metadata.resourcePublished ||
     metadata.resourceUpdated ||
-    metadata.updateFrequency ||
-    (metadata.kind === 'dataset' && metadata.status)
+    (metadata.kind === 'dataset' && metadata.updateFrequency) ||
+    metadata.otherLanguages?.length ||
+    (metadata.kind === 'dataset' && temporalExtent)
   "
   [title]="'record.metadata.details' | translate"
   data-test="details-panel"
 >
-  <div *ngIf="metadata.lineage" class="text-gray-900 flex flex-col mt-4 gap-2">
+  <div
+    *ngIf="metadata.kind === 'dataset' && metadata.lineage"
+    class="text-gray-900 flex flex-col mt-4 gap-2"
+    data-test="details-panel-lineage"
+  >
     <p class="whitespace-pre-line break-words text-gray-900" gnUiLinkify>
       {{ metadata.lineage }}
     </p>
   </div>
-  <div class="flex flex-row gap-6 mt-5 mb-8" *ngIf="resourceContact">
+  <div
+    class="flex flex-row gap-6 mt-5 mb-8 resource-contact"
+    *ngIf="resourceContact"
+    data-test="details-panel-resource-contact"
+  >
     <div
       *ngIf="resourceContact.organization?.logoUrl?.href"
       class="flex items-center justify-center border-solid border border-gray-300 rounded-md bg-white h-32 overflow-hidden"
@@ -165,19 +181,40 @@
   <div
     class="py-6 px-6 rounded bg-gray-100 grid grid-cols-2 gap-y-6 gap-x-[20px] text-gray-700"
   >
-    <div *ngIf="metadata.resourceCreated">
+    <div
+      *ngIf="metadata.resourceCreated"
+      data-test="details-panel-resource-created"
+    >
       <p class="text-sm" translate>record.metadata.creation</p>
-      <p class="text-primary font-medium mt-1">
-        {{ formatDate(metadata.resourceCreated) }}
-      </p>
+      <p
+        class="text-primary font-medium mt-1 resource-created"
+        [gnUiHumanizeDate]="metadata.resourceCreated"
+      ></p>
     </div>
-    <div *ngIf="metadata.resourcePublished">
+    <div
+      *ngIf="metadata.resourcePublished"
+      data-test="details-panel-resource-published"
+    >
       <p class="text-sm" translate>record.metadata.publication</p>
-      <p class="text-primary font-medium mt-1">
-        {{ formatDate(metadata.resourcePublished) }}
-      </p>
+      <p
+        class="text-primary font-medium mt-1 resource-published"
+        [gnUiHumanizeDate]="metadata.resourcePublished"
+      ></p>
     </div>
-    <div *ngIf="updateFrequency">
+    <div
+      *ngIf="metadata.resourceUpdated"
+      data-test="details-panel-resource-updated"
+    >
+      <p class="text-sm" translate>record.metadata.update</p>
+      <p
+        class="text-primary font-medium mt-1 resource-updated"
+        [gnUiHumanizeDate]="metadata.resourceUpdated"
+      ></p>
+    </div>
+    <div
+      *ngIf="metadata.kind === 'dataset' && metadata.updateFrequency"
+      data-test="details-panel-update-frequency"
+    >
       <p class="text-sm" translate>record.metadata.updateFrequency</p>
       <p
         class="text-primary font-medium mt-1 updateFrequency"
@@ -187,11 +224,14 @@
         {{ updateFrequency }}
       </p>
     </div>
-    <div *ngIf="metadata.otherLanguages?.length">
+    <div
+      *ngIf="metadata.otherLanguages?.length"
+      data-test="details-panel-other-languages"
+    >
       <p class="text-sm mb-1" translate>record.metadata.languages</p>
       <div class="flex flex-row gap-1 flex-wrap">
         <p
-          class="text-primary font-medium"
+          class="text-primary font-medium other-languages"
           translate
           *ngFor="let language of metadata.otherLanguages"
         >
@@ -199,9 +239,14 @@
         </p>
       </div>
     </div>
-    <div *ngIf="temporalExtent">
+    <div
+      *ngIf="metadata.kind === 'dataset' && temporalExtent"
+      data-test="details-panel-temporal-extent"
+    >
       <p class="text-sm" translate>record.metadata.temporalExtent</p>
-      <div class="flex flex-row gap-1 mb-1 text-primary font-medium">
+      <div
+        class="flex flex-row gap-1 mb-1 text-primary font-medium temporal-extent"
+      >
         <p
           *ngIf="temporalExtent.start && temporalExtent.end"
           translate
@@ -252,9 +297,10 @@
   <div class="flex flex-col gap-4 mr-4 py-5 rounded text-gray-700">
     <div *ngIf="metadata.recordUpdated">
       <p class="text-sm" translate>record.metadata.updatedOn</p>
-      <p class="text-primary font-medium">
-        {{ metadata.recordUpdated && formatDateTime(metadata.recordUpdated) }}
-      </p>
+      <p
+        class="text-primary font-medium"
+        [gnUiHumanizeDate]="metadata.recordUpdated"
+      ></p>
     </div>
     <div *ngIf="metadata.landingPage">
       <p class="text-sm" translate>record.metadata.sheet</p>

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

@@ -26,7 +26,7 @@ import { matOpenInNew } from '@ng-icons/material-icons/baseline'
 import { matMailOutline } from '@ng-icons/material-icons/outline'
 import { ThumbnailComponent } from '../thumbnail/thumbnail.component'
 import { GnUiLinkifyDirective } from './linkify.directive'
-
+import { GnUiHumanizeDateDirective } from '../../../../../../libs/util/shared/src'
 import { CommonModule } from '@angular/common'
 import { SpatialExtentComponent } from '../../../../../../libs/ui/map/src'
 
@@ -49,6 +49,7 @@ import { SpatialExtentComponent } from '../../../../../../libs/ui/map/src'
     CopyTextButtonComponent,
     NgIcon,
     GnUiLinkifyDirective,
+    GnUiHumanizeDateDirective,
     SpatialExtentComponent,
   ],
   viewProviders: [
@@ -146,12 +147,4 @@ export class MetadataInfoComponent {
   onKeywordClick(keyword: Keyword) {
     this.keyword.emit(keyword)
   }
-
-  formatDate(date: Date): string {
-    return this.dateService.formatDate(date)
-  }
-
-  formatDateTime(date: Date): string {
-    return this.dateService.formatDateTime(date)
-  }
 }

package/src/libs/ui/elements/src/lib/user-feedback-item/user-feedback-item.component.html

@@ -13,7 +13,7 @@
     </div>
     <div class="p-4 flex flex-col">
       <span>{{ userFeedbackParent.authorName }}</span>
-      <span> {{ userFeedbackParent.date | timeSince }}</span>
+      <span [gnUiHumanizeDate]="userFeedbackParent.date"></span>
     </div>
   </div>
   <div data-cy="commentText" class="mt-4 whitespace-pre-line">

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

@@ -11,13 +11,13 @@ import {
   UserFeedbackViewModel,
 } from '../../../../../../libs/common/domain/src/lib/model/record'
 import { UserModel } from '../../../../../../libs/common/domain/src/lib/model/user'
-import { TimeSincePipe } from './time-since.pipe'
 import { CommonModule } from '@angular/common'
 import { ButtonComponent, TextAreaComponent } from '../../../../../../libs/ui/inputs/src'
 import { TranslatePipe } from '@ngx-translate/core'
 import { SpinningLoaderComponent } from '../../../../../../libs/ui/widgets/src'
 import { NgIcon, provideIcons } from '@ng-icons/core'
 import { matSendOutline } from '@ng-icons/material-icons/outline'
+import { GnUiHumanizeDateDirective } from '../../../../../../libs/util/shared/src'
 
 @Component({
   selector: 'gn-ui-user-feedback-item',
@@ -27,11 +27,11 @@ import { matSendOutline } from '@ng-icons/material-icons/outline'
   standalone: true,
   imports: [
     CommonModule,
-    TimeSincePipe,
     TextAreaComponent,
     TranslatePipe,
     ButtonComponent,
     SpinningLoaderComponent,
+    GnUiHumanizeDateDirective,
     NgIcon,
   ],
   viewProviders: [

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

@@ -90,8 +90,10 @@ export class DropdownSelectorComponent implements OnInit {
 
   get selectedChoice(): DropdownChoice {
     return (
-      this.choices.find((choice) => choice.value === this.selected) ??
-      this.choices[0]
+      this.choices.find(
+        (choice) =>
+          JSON.stringify(choice.value) === JSON.stringify(this.selected)
+      ) ?? this.choices[0]
     )
   }
 

package/src/libs/util/i18n/src/lib/date-locales.ts

@@ -0,0 +1,63 @@
+import { LanguageCode2 } from './language-codes'
+import {
+  ar,
+  az,
+  ca,
+  cs,
+  cy,
+  da,
+  de,
+  enUS,
+  es,
+  fi,
+  fr,
+  hy,
+  is,
+  it,
+  ka,
+  ko,
+  Locale,
+  nl,
+  nn,
+  pl,
+  pt,
+  ru,
+  sk,
+  sv,
+  tr,
+  uk,
+  zhCN,
+} from 'date-fns/locale'
+
+// all 2-char language codes should be listed here
+const locales: Record<LanguageCode2, Locale> = {
+  en: enUS,
+  nl: nl,
+  fr: fr,
+  de: de,
+  ko: ko,
+  es: es,
+  cs: cs,
+  ca: ca,
+  fi: fi,
+  is: is,
+  it: it,
+  pt: pt,
+  ru: ru,
+  zh: zhCN,
+  sk: sk,
+  ar: ar,
+  da: da,
+  no: nn,
+  pl: pl,
+  sv: sv,
+  tr: tr,
+  hy: hy,
+  az: az,
+  ka: ka,
+  uk: uk,
+  cy: cy,
+  rm: enUS, // locale is unavailable
+}
+
+export default locales

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

@@ -4,3 +4,4 @@ export * from './lib/links'
 export * from './lib/image-fallback.directive'
 export * from './lib/gn-ui-version'
 export * from './lib/record'
+export * from './lib/humanize-date.directive'