From 53a2d1192bf7179a0718f117ac1047ed7277e289 Mon Sep 17 00:00:00 2001
From: Tobias Kohr <tobias.kohr@camptocamp.com>
Date: Thu, 24 Feb 2022 14:37:47 +0100
Subject: [PATCH] chore(i18n): run `npm run i18n:extract`

---
 .../header-badge-button.component.html        | 12 +-----
 .../data-view-map.component.html              | 20 +---------
 .../src/lib/api-card/api-card.component.html  | 39 ++-----------------
 .../download-item.component.html              | 34 ++--------------
 .../lib/link-card/link-card.component.html    | 17 +-------
 .../autocomplete/autocomplete.component.html  | 11 +-----
 .../navigation-button.component.html          |  9 +----
 .../record-thumbnail.component.html           |  9 +----
 .../popup-alert/popup-alert.component.html    | 12 +-----
 9 files changed, 15 insertions(+), 148 deletions(-)

diff --git a/apps/datahub/src/app/record/header-badge-button/header-badge-button.component.html b/apps/datahub/src/app/record/header-badge-button/header-badge-button.component.html
index 572e316409..25eab25a51 100644
--- a/apps/datahub/src/app/record/header-badge-button/header-badge-button.component.html
+++ b/apps/datahub/src/app/record/header-badge-button/header-badge-button.component.html
@@ -1,15 +1,5 @@
 <button
-  class="
-    items-center
-    justify-center
-    px-2
-    py-1
-    bg-primary
-    text-white
-    rounded
-    opacity-25
-    capitalize
-  "
+  class="items-center justify-center px-2 py-1 bg-primary text-white rounded opacity-25 capitalize"
   (click)="onClick()"
 >
   <mat-icon *ngIf="icon" class="align-middle">{{ icon }}</mat-icon>
diff --git a/libs/feature/record/src/lib/data-view-map/data-view-map.component.html b/libs/feature/record/src/lib/data-view-map/data-view-map.component.html
index cee7be6be4..99690b2811 100644
--- a/libs/feature/record/src/lib/data-view-map/data-view-map.component.html
+++ b/libs/feature/record/src/lib/data-view-map/data-view-map.component.html
@@ -1,28 +1,12 @@
 <div
-  class="
-    relative
-    w-full
-    h-full
-    bg-white
-    border border-gray-500
-    rounded-lg
-    overflow-hidden
-  "
+  class="relative w-full h-full bg-white border border-gray-500 rounded-lg overflow-hidden"
 >
   <gn-ui-map-context
     [context]="mapContext$ | async"
     [mapConfig]="mapConfig"
   ></gn-ui-map-context>
   <div
-    class="
-      feature-info
-      p-3
-      bg-white
-      absolute
-      overflow-y-auto overflow-x-hidden
-      max-h-72
-      w-56
-    "
+    class="feature-info p-3 bg-white absolute overflow-y-auto overflow-x-hidden max-h-72 w-56"
     [class.hidden]="!selection"
   >
     <button
diff --git a/libs/ui/elements/src/lib/api-card/api-card.component.html b/libs/ui/elements/src/lib/api-card/api-card.component.html
index 189cf92563..2ecafb32f0 100644
--- a/libs/ui/elements/src/lib/api-card/api-card.component.html
+++ b/libs/ui/elements/src/lib/api-card/api-card.component.html
@@ -1,28 +1,8 @@
 <div
-  class="
-    flex flex-col
-    justify-between
-    h-40
-    w-72
-    pt-5
-    pb-6
-    px-7
-    rounded
-    bg-gray-100
-    border-4 border-transparent
-    hover:border-gray-100 hover:bg-white
-    filter
-    overflow-hidden
-  "
+  class="flex flex-col justify-between h-40 w-72 pt-5 pb-6 px-7 rounded bg-gray-100 border-4 border-transparent hover:border-gray-100 hover:bg-white filter overflow-hidden"
 >
   <div
-    class="
-      font-title font-medium
-      text-21
-      overflow-ellipsis overflow-hidden
-      break-words
-      pb-5
-    "
+    class="font-title font-medium text-21 overflow-ellipsis overflow-hidden break-words pb-5"
     style="height: 4.5rem"
   >
     {{ link.name || link.description }}
@@ -30,20 +10,7 @@
   <div class="">
     <div class="flex flex-row justify-between">
       <span
-        class="
-          badge
-          inline-flex
-          items-center
-          justify-center
-          px-2
-          py-1
-          text-13
-          font-medium
-          leading-none
-          text-white
-          rounded
-          capitalize
-        "
+        class="badge inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize"
         >{{ link.protocol }}</span
       >
       <button
diff --git a/libs/ui/elements/src/lib/download-item/download-item.component.html b/libs/ui/elements/src/lib/download-item/download-item.component.html
index 71487c4664..cd44c5d0e0 100644
--- a/libs/ui/elements/src/lib/download-item/download-item.component.html
+++ b/libs/ui/elements/src/lib/download-item/download-item.component.html
@@ -1,13 +1,5 @@
 <div
-  class="
-    root
-    flex
-    justify-between
-    shadow-primary-light
-    hover:shadow-primary
-    px-6
-    py-5
-  "
+  class="root flex justify-between shadow-primary-light hover:shadow-primary px-6 py-5"
 >
   <div class="flex-grow-1">
     <div
@@ -18,20 +10,7 @@
     </div>
     <div class="pt-1">
       <span
-        class="
-          badge
-          inline-flex
-          items-center
-          justify-center
-          px-2
-          py-1
-          text-13
-          font-medium
-          leading-none
-          text-white
-          rounded
-          capitalize
-        "
+        class="badge inline-flex items-center justify-center px-2 py-1 text-13 font-medium leading-none text-white rounded capitalize"
         >{{ link.format }}</span
       >
     </div>
@@ -39,14 +18,7 @@
   <div class="flex-shrink-0 w-12 flex flex-col justify-center">
     <a href="{{ link.url }}" target="_blank">
       <mat-icon
-        class="
-          align-middle
-          download-icon
-          text-3xl
-          material-icons-outlined
-          text-gray-200
-          mr-4
-        "
+        class="align-middle download-icon text-3xl material-icons-outlined text-gray-200 mr-4"
         >cloud_download</mat-icon
       >
     </a>
diff --git a/libs/ui/elements/src/lib/link-card/link-card.component.html b/libs/ui/elements/src/lib/link-card/link-card.component.html
index 2385030698..89544bf64e 100644
--- a/libs/ui/elements/src/lib/link-card/link-card.component.html
+++ b/libs/ui/elements/src/lib/link-card/link-card.component.html
@@ -1,20 +1,5 @@
 <div
-  class="
-    flex flex-col
-    justify-between
-    root
-    h-40
-    w-80
-    py-5
-    px-5
-    bg-white
-    rounded
-    border-gray-300
-    filter
-    shadow-primary-light
-    hover:shadow-primary
-    overflow-hidden
-  "
+  class="flex flex-col justify-between root h-40 w-80 py-5 px-5 bg-white rounded border-gray-300 filter shadow-primary-light hover:shadow-primary overflow-hidden"
 >
   <div class="max-h-24 overflow-hidden overflow-ellipsis">
     <p class="font-title font-medium text-21 break-words pb-1">
diff --git a/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html b/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html
index 2fac63175b..95c9254ecc 100644
--- a/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html
+++ b/libs/ui/inputs/src/lib/autocomplete/autocomplete.component.html
@@ -2,16 +2,7 @@
   <input
     #searchInput
     type="text"
-    class="
-      appearance-none
-      focus:outline-white
-      leading-tight
-      rounded
-      w-full
-      text-main
-      shadow-primary-light
-      focus:shadow-primary
-    "
+    class="appearance-none focus:outline-white leading-tight rounded w-full text-main shadow-primary-light focus:shadow-primary"
     [placeholder]="placeholder"
     [formControl]="control"
     [matAutocomplete]="auto"
diff --git a/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html b/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html
index 955cbb2d8e..f03f840c2c 100644
--- a/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html
+++ b/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html
@@ -1,12 +1,5 @@
 <button
-  class="
-    items-center
-    justify-center
-    p-1
-    bg-primary-opacity-25
-    text-white
-    rounded
-  "
+  class="items-center justify-center p-1 bg-primary-opacity-25 text-white rounded"
 >
   <mat-icon class="align-middle">{{ icon }}</mat-icon>
   <span class="tooltip align-middle mx-2 hidden">{{ label }}</span>
diff --git a/libs/ui/search/src/lib/record-thumbnail/record-thumbnail.component.html b/libs/ui/search/src/lib/record-thumbnail/record-thumbnail.component.html
index 5247e3c9df..cea458dd4a 100644
--- a/libs/ui/search/src/lib/record-thumbnail/record-thumbnail.component.html
+++ b/libs/ui/search/src/lib/record-thumbnail/record-thumbnail.component.html
@@ -1,13 +1,6 @@
 <div class="h-full w-full relative flex-shrink-0 overflow-hidden">
   <svg
-    class="
-      text-gray-200
-      absolute
-      h-12
-      w-12
-      transform
-      -translate-x-1/2 -translate-y-1/2
-    "
+    class="text-gray-200 absolute h-12 w-12 transform -translate-x-1/2 -translate-y-1/2"
     style="top: 50%; left: 50%"
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
diff --git a/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.html b/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.html
index c40218e473..c5e56faa20 100644
--- a/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.html
+++ b/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.html
@@ -1,19 +1,11 @@
 <div class="h-full relative container">
   <div
-    class="
-      pointer-events-auto
-      absolute
-      text-white
-      flex flex-row
-      p-2
-      rounded
-      message
-    "
+    class="pointer-events-auto absolute text-white flex flex-row p-2 rounded message"
     role="alert"
     [ngClass]="{
       'position-bottom': position === 'bottom',
       'position-top': position === 'top',
-      expanded,
+      expanded: this.expanded,
       'bg-red-500': type === 'danger',
       'bg-yellow-500': type === 'warning',
       'bg-blue-500': type === 'info'