@paris-ias/list 1.0.181 → 1.0.183

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.181",
+  "version": "1.0.183",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/events/DateTimePlace.vue

@@ -77,7 +77,6 @@ const startDay = ref(
 const startTime = ref(detailedStart.hours)
 const detailedStop = getDetailedFormatedDate(props.item.stop, locale.value)
 const stopTime = ref(detailedStop.hours)
-console.log("locale", props.item)
 </script>
 
 <style lang="scss" scoped></style>

package/dist/runtime/components/events/DenseItem.vue

@@ -1,12 +1,12 @@
 <template>
   <v-row v-ripple no-gutters class="cursor-pointer highlight-on-hover py-2">
-    <v-col v-if="mdAndUp" cols="2">
+    <v-col v-if="mdAndUp" cols="1">
       <MiscAtomsDateStamp
         v-if="item.start"
         :loading
         :date-start="item.start"
         :date-stop="item.stop"
-        class="pr-6 mt-md-2"
+        class="pr-4 mt-md-2"
       />
     </v-col>
     <v-col v-if="mdAndUp" cols="1">
@@ -17,11 +17,11 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :width="80"
+        :width="70"
       />
     </v-col>
 
-    <v-col align-self="start" class="pl-2">
+    <v-col align-self="start" class="px-2">
       <v-skeleton-loader v-if="loading" type="chip" class="mr-3" width="120" />
       <v-chip
         v-else
@@ -69,7 +69,7 @@
       <v-skeleton-loader v-if="loading" type="text@3" class="mt-2" />
       <MDC
         v-else
-        class="text-body-1 font-weight-light paragraph"
+        class="text-body-1 font-weight-light paragraph mt-n2"
         :value="`${highlightAndTruncate(
           85,
           item.summary,
@@ -78,12 +78,12 @@
       />
     </v-col>
 
-    <v-col align-self="center" cols="auto">
+    <!--     <v-col align-self="center" cols="auto">
       <v-skeleton-loader v-if="loading" type="button" />
       <div v-else>
         <EventsBadges :item />
       </div>
-    </v-col>
+    </v-col> -->
   </v-row>
 </template>
 

package/dist/runtime/components/events/View.vue

@@ -332,6 +332,4 @@ function redirectToMap(long, lat) {
     `https://www.openstreetmap.org/?mlat=${lat}&mlon=${long}#map=19/${lat}/${long}`,
   )
 }
-
-console.log("Events", props.item)
 </script>

package/dist/runtime/components/list/atoms/LogoPlaceholder.vue

@@ -0,0 +1,150 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 442.31067 372.62268"
+    class="logo-placeholder"
+    :class="{ 'logo-placeholder--idle': idle }"
+  >
+    <defs>
+      <clipPath id="clipPath18">
+        <path d="M 0,279.467 H 331.733 V 0 H 0 Z" class="IEA_0" />
+      </clipPath>
+    </defs>
+    <g transform="matrix(1.3333333,0,0,-1.3333333,0,372.62267)">
+      <g>
+        <g clip-path="url(#clipPath18)">
+          <g transform="translate(50.2753,39.9094)">
+            <path
+              d="m 0,0 -5.519,13.695 h -1.658 l -5.519,-13.626 -2.005,-0.63 v -0.721 h 5.248 v 0.698 L -11.335,0 -9.85,3.912 h 5.791 l 1.535,-4.053 -2.426,-0.443 v -0.698 h 6.955 v 0.721 z m -4.454,4.936 h -5.025 l 2.401,6.313 h 0.199 z m 20.316,7.245 2.079,0.652 v 0.722 h -5.37 V 12.833 L 14.526,12.181 10.195,1.535 5.864,12.391 8.363,12.833 v 0.722 H 1.014 v -0.722 l 2.227,-0.56 5.791,-13.695 h 1.089 z M 31.75,0 26.231,13.695 H 24.572 L 19.054,0.069 17.049,-0.561 v -0.721 h 5.246 v 0.698 L 20.415,0 21.899,3.912 h 5.792 L 29.225,-0.141 26.8,-0.584 v -0.698 h 6.955 v 0.721 z m -4.454,4.936 h -5.025 l 2.401,6.313 h 0.198 z m 10.32,-4.844 -2.202,-0.653 v -0.721 h 5.937 v 0.721 L 38.9,0.092 v 11.319 h 0.298 l 7.921,-10.458 1.782,-2.375 h 1.235 v 13.603 l 2.202,0.652 v 0.722 h -5.937 v -0.722 l 2.452,-0.652 V 2.865 h -0.272 l -6.215,8.315 -1.782,2.375 h -5.17 v -0.768 l 2.202,-0.629 z m 30.955,2.585 -0.52,0.163 -2.648,-3.101 c -0.57,-0.232 -1.212,-0.349 -1.956,-0.349 -3.563,0 -6.211,2.308 -6.211,6.898 0,4.101 2.129,6.711 5.073,6.711 2.302,0 3.737,-1.491 5.197,-4.056 l 0.693,0.047 -0.198,4.986 h -0.693 l -0.767,-0.817 c -1.063,0.444 -2.401,0.745 -3.811,0.745 -4.405,0 -8.288,-3.143 -8.288,-7.849 0,-4.708 3.462,-7.686 8.485,-7.686 2.204,0 3.59,0.418 5.173,1.232 z M 83.989,13.555 H 71.395 v -0.72 l 2.697,-0.443 V -0.121 l -2.697,-0.441 v -0.72 h 13.657 l 0.67,4.494 -0.496,0.095 -1.83,-2.448 c -0.62,-0.863 -1.017,-1.026 -2.477,-1.026 h -4.405 v 5.874 h 1.46 c 1.485,0 2.005,-0.397 2.5,-2.028 l 0.223,-0.722 h 0.619 V 9.456 H 80.697 L 80.474,8.687 c -0.47,-1.631 -1.015,-2.003 -2.5,-2.003 h -1.46 v 5.779 h 3.268 c 1.534,0 1.905,-0.209 2.747,-1.164 l 1.583,-1.843 0.471,0.163 z m 16.483,0 H 87.878 v -0.72 l 2.697,-0.443 V -0.121 l -2.697,-0.441 v -0.72 h 13.657 l 0.668,4.494 -0.495,0.095 -1.831,-2.448 c -0.618,-0.863 -1.015,-1.026 -2.475,-1.026 h -4.405 v 5.874 h 1.46 c 1.485,0 2.005,-0.397 2.5,-2.028 L 97.18,2.957 h 0.619 V 9.456 H 97.18 L 96.957,8.687 c -0.47,-1.631 -1.015,-2.003 -2.5,-2.003 h -1.46 v 5.779 h 3.267 c 1.535,0 1.905,-0.209 2.747,-1.164 l 1.584,-1.843 0.47,0.163 z M 115.469,3.026 c 0,1.771 -0.964,2.912 -2.968,3.821 -0.916,0.42 -1.732,0.723 -2.599,1.072 -1.734,0.699 -2.402,1.515 -2.402,2.842 0,1.468 1.039,2.378 2.402,2.378 1.708,0 2.773,-0.91 4.133,-3.681 l 0.765,0.046 -0.418,4.472 h -0.765 l -0.645,-0.77 c -0.741,0.42 -1.585,0.698 -2.847,0.698 -2.353,0 -4.676,-1.512 -4.676,-4.214 0,-1.842 0.963,-2.913 2.719,-3.728 0.768,-0.35 1.461,-0.583 2.254,-0.909 2.302,-0.908 2.995,-1.772 2.995,-3.192 0,-1.654 -1.212,-2.726 -3.019,-2.726 -2.056,0 -3.319,1.001 -4.752,4.311 l -0.742,-0.048 0.298,-5.1 h 0.766 l 0.642,0.769 c 0.939,-0.42 2.351,-0.698 3.615,-0.698 2.425,0 5.244,1.512 5.244,4.657 m 10.125,9.366 V -0.121 l -2.699,-0.441 v -0.72 h 7.671 c 5.175,0 8.735,3.212 8.735,7.43 0,4.195 -3.188,7.407 -8.586,7.407 h -7.82 v -0.72 z m 10.913,-6.244 c 0,-4.73 -2.425,-6.384 -5.743,-6.384 h -2.749 V 12.51 h 2.204 c 3.516,0 6.288,-1.655 6.288,-6.362 m 17.768,7.407 h -12.596 v -0.72 l 2.699,-0.443 V -0.121 l -2.699,-0.441 v -0.72 h 13.66 l 0.667,4.494 -0.494,0.095 -1.832,-2.448 c -0.618,-0.863 -1.013,-1.026 -2.475,-1.026 H 146.8 v 5.874 h 1.46 c 1.486,0 2.005,-0.397 2.5,-2.028 l 0.223,-0.722 h 0.619 v 6.499 h -0.619 L 150.76,8.687 c -0.47,-1.631 -1.014,-2.003 -2.5,-2.003 h -1.46 v 5.779 h 3.268 c 1.534,0 1.905,-0.209 2.746,-1.164 l 1.584,-1.843 0.471,0.163 z M 176.102,9.41 c 0,2.47 -2.176,4.145 -5.84,4.145 h -7.25 v -0.72 l 2.698,-0.443 V -0.117 l -2.698,-0.444 v -0.721 h 7.895 v 0.721 l -2.774,0.444 v 5.24 c 0.792,-0.115 1.758,-0.209 2.575,-0.209 3.195,0 5.394,1.933 5.394,4.496 m -2.669,-0.094 c 0,-2.352 -1.313,-3.427 -3.592,-3.427 -0.743,0 -1.262,0.048 -1.708,0.117 v 6.48 c 0.496,0.094 1.09,0.14 1.708,0.14 2.156,0 3.592,-1.001 3.592,-3.31 M 191.146,0 185.627,13.695 h -1.658 l -5.518,-13.626 -2.005,-0.63 v -0.721 h 5.247 v 0.698 L 179.812,0 l 1.484,3.912 h 5.792 l 1.535,-4.053 -2.426,-0.443 v -0.698 h 6.955 v 0.721 z m -4.454,4.936 h -5.025 l 2.402,6.313 h 0.197 z m 21.084,4.824 c 0,2.331 -2.176,3.795 -5.987,3.795 h -7.349 v -0.72 l 2.697,-0.443 V -0.117 l -2.697,-0.444 v -0.721 h 7.695 v 0.721 l -2.576,0.444 v 5.615 h 0.867 c 1.411,0 2.005,-0.28 2.7,-1.632 l 1.386,-2.679 c 0.964,-1.839 1.533,-2.469 3.462,-2.469 h 2.425 v 0.698 c -1.337,0.141 -1.931,0.396 -2.499,0.934 -0.569,0.535 -1.162,1.794 -1.855,3.073 -0.569,1.025 -1.508,1.98 -2.821,2.376 v 0.256 c 2.821,0.535 4.552,1.747 4.552,3.705 m -2.695,-0.117 c 0,-2.168 -1.536,-3.17 -3.788,-3.17 h -1.734 v 6.037 c 0.496,0.094 1.041,0.139 1.734,0.139 2.303,0 3.788,-0.909 3.788,-3.006 m 11.827,-9.76 v 12.508 l 2.771,0.442 v 0.722 h -7.99 v -0.722 l 2.797,-0.442 V -0.117 l -2.797,-0.444 v -0.721 h 7.99 v 0.721 z m 16.21,3.143 c 0,1.771 -0.964,2.912 -2.967,3.821 -0.917,0.42 -1.734,0.723 -2.601,1.072 -1.733,0.699 -2.401,1.515 -2.401,2.842 0,1.468 1.04,2.378 2.401,2.378 1.708,0 2.774,-0.91 4.134,-3.681 l 0.767,0.046 -0.42,4.472 h -0.767 l -0.643,-0.77 c -0.743,0.42 -1.584,0.698 -2.846,0.698 -2.353,0 -4.677,-1.512 -4.677,-4.214 0,-1.842 0.964,-2.913 2.719,-3.728 0.767,-0.35 1.461,-0.583 2.253,-0.909 2.304,-0.908 2.997,-1.772 2.997,-3.192 0,-1.654 -1.213,-2.726 -3.022,-2.726 -2.054,0 -3.316,1.001 -4.749,4.311 l -0.742,-0.048 0.296,-5.1 h 0.768 l 0.64,0.769 c 0.94,-0.42 2.352,-0.698 3.615,-0.698 2.427,0 5.245,1.512 5.245,4.657"
+              class="IEA_1"
+            />
+          </g>
+          <g transform="translate(41.8593,63.0891)">
+            <path
+              d="m 0,0 v 12.509 l 2.772,0.441 v 0.723 h -7.99 V 12.95 l 2.796,-0.441 V 0 l -2.796,-0.442 v -0.722 h 7.99 v 0.722 z M 7.304,0.209 5.102,-0.442 v -0.722 h 5.936 v 0.722 L 8.587,0.209 V 11.53 h 0.298 l 7.921,-10.458 1.783,-2.377 h 1.235 v 13.603 l 2.202,0.652 v 0.723 H 16.088 V 12.95 L 18.54,12.298 V 2.982 h -0.272 l -6.214,8.316 -1.783,2.375 H 5.102 v -0.77 l 2.202,-0.628 z m 27.465,2.935 c 0,1.77 -0.964,2.912 -2.968,3.821 -0.915,0.419 -1.733,0.722 -2.6,1.071 -1.732,0.699 -2.401,1.515 -2.401,2.844 0,1.468 1.039,2.377 2.401,2.377 1.709,0 2.774,-0.909 4.134,-3.682 l 0.767,0.046 -0.42,4.472 h -0.766 l -0.645,-0.77 c -0.743,0.421 -1.584,0.7 -2.846,0.7 -2.353,0 -4.676,-1.512 -4.676,-4.214 0,-1.842 0.963,-2.914 2.72,-3.729 0.767,-0.351 1.46,-0.584 2.253,-0.909 2.302,-0.909 2.995,-1.772 2.995,-3.193 0,-1.655 -1.213,-2.726 -3.02,-2.726 -2.055,0 -3.318,1.001 -4.751,4.311 l -0.742,-0.046 0.297,-5.101 h 0.767 l 0.643,0.769 c 0.938,-0.42 2.35,-0.699 3.612,-0.699 2.427,0 5.246,1.511 5.246,4.658 m 17.32,6.152 -0.89,4.377 H 37.713 l -0.866,-4.377 0.495,-0.14 1.337,1.793 c 1.064,1.399 1.559,1.701 2.821,1.701 h 1.832 V 0 L 40.46,-0.442 v -0.722 h 8.165 v 0.722 L 45.754,0 v 12.65 h 1.658 c 1.287,0 1.757,-0.302 2.821,-1.701 L 51.569,9.156 Z M 59.118,0 v 12.509 l 2.772,0.441 v 0.723 H 53.898 V 12.95 l 2.798,-0.441 V 0 l -2.798,-0.442 v -0.722 h 7.992 v 0.722 Z M 79.09,9.296 78.199,13.673 H 64.713 l -0.865,-4.377 0.494,-0.14 1.337,1.793 c 1.064,1.399 1.559,1.701 2.822,1.701 h 1.831 V 0 l -2.871,-0.442 v -0.722 h 8.164 v 0.722 L 72.753,0 v 12.65 h 1.659 c 1.287,0 1.757,-0.302 2.821,-1.701 L 78.57,9.156 Z m 15.075,3.002 V 4.121 c 0,-2.563 -1.461,-4.426 -4.159,-4.426 -2.872,0 -4.581,1.235 -4.581,4.379 v 8.435 l 2.699,0.441 v 0.723 H 80.503 V 12.95 l 2.45,-0.441 V 3.725 c 0,-3.565 2.323,-5.286 6.335,-5.286 3.936,0 6.135,2.444 6.135,5.566 v 8.293 l 2.203,0.652 v 0.723 H 91.961 V 12.95 Z m 20.339,-3.002 -0.891,4.377 h -13.485 l -0.866,-4.377 0.495,-0.14 1.337,1.793 c 1.064,1.399 1.558,1.701 2.821,1.701 h 1.832 V 0 l -2.872,-0.442 v -0.722 h 8.165 v 0.722 L 108.168,0 v 12.65 h 1.659 c 1.287,0 1.756,-0.302 2.821,-1.701 l 1.337,-1.793 z m 8.644,3.215 V -0.003 l -2.697,-0.441 v -0.72 h 7.67 c 5.173,0 8.735,3.212 8.735,7.431 0,4.194 -3.19,7.406 -8.588,7.406 h -7.817 v -0.721 z m 10.914,-6.244 c 0,-4.731 -2.427,-6.386 -5.743,-6.386 h -2.75 v 12.746 h 2.206 c 3.514,0 6.287,-1.654 6.287,-6.36 m 8.609,5.892 c 0,1.095 -0.669,1.864 -1.754,1.864 -0.867,0 -1.534,-0.676 -1.534,-1.467 0,-0.722 0.469,-1.235 1.113,-1.235 0.247,0 0.421,0.024 0.594,0.117 l 0.049,0.023 0.148,-0.07 C 141.114,10.319 140.2,9.086 138.715,8.015 l 0.446,-0.467 c 2.077,1.212 3.51,2.771 3.51,4.611 m 14.626,1.514 h -12.593 v -0.721 l 2.697,-0.441 V -0.003 l -2.697,-0.441 v -0.72 h 13.659 l 0.667,4.494 -0.495,0.095 -1.831,-2.448 c -0.62,-0.863 -1.015,-1.026 -2.475,-1.026 h -4.404 v 5.874 h 1.459 c 1.485,0 2.005,-0.396 2.499,-2.029 l 0.222,-0.722 h 0.62 v 6.498 h -0.62 L 153.783,8.804 C 153.312,7.173 152.769,6.8 151.284,6.8 h -1.459 v 5.78 h 3.265 c 1.535,0 1.906,-0.209 2.747,-1.165 l 1.584,-1.843 0.47,0.164 z m 18.76,-4.377 -0.891,4.377 h -13.485 l -0.866,-4.377 0.496,-0.14 1.335,1.793 c 1.065,1.399 1.56,1.701 2.821,1.701 h 1.832 V 0 l -2.872,-0.442 v -0.722 h 8.165 v 0.722 L 169.721,0 v 12.65 h 1.658 c 1.288,0 1.757,-0.302 2.822,-1.701 l 1.336,-1.793 z m 15.076,3.002 V 4.121 c 0,-2.563 -1.462,-4.426 -4.16,-4.426 -2.872,0 -4.581,1.235 -4.581,4.379 v 8.435 l 2.699,0.441 v 0.723 h -7.62 V 12.95 l 2.45,-0.441 V 3.725 c 0,-3.565 2.324,-5.286 6.333,-5.286 3.937,0 6.137,2.444 6.137,5.566 v 8.293 l 2.202,0.652 v 0.723 h -5.666 V 12.95 Z m 7.795,0.213 V -0.003 l -2.699,-0.441 v -0.72 h 7.671 c 5.174,0 8.735,3.212 8.735,7.431 0,4.194 -3.188,7.406 -8.587,7.406 h -7.819 v -0.721 z m 10.913,-6.244 c 0,-4.731 -2.424,-6.386 -5.744,-6.386 h -2.748 v 12.746 h 2.204 c 3.515,0 6.288,-1.654 6.288,-6.36 m 17.397,7.406 h -12.595 v -0.721 l 2.697,-0.441 V -0.003 l -2.697,-0.441 v -0.72 H 228.3 l 0.668,4.494 -0.494,0.095 -1.832,-2.448 c -0.617,-0.863 -1.015,-1.026 -2.475,-1.026 h -4.404 v 5.874 h 1.459 c 1.486,0 2.006,-0.396 2.501,-2.029 l 0.222,-0.722 h 0.62 v 6.498 h -0.62 L 223.723,8.804 C 223.252,7.173 222.708,6.8 221.222,6.8 h -1.459 v 5.78 h 3.266 c 1.536,0 1.905,-0.209 2.747,-1.165 l 1.584,-1.843 0.471,0.164 z M 241.863,3.144 c 0,1.77 -0.964,2.912 -2.967,3.821 -0.916,0.419 -1.733,0.722 -2.6,1.071 -1.733,0.699 -2.403,1.515 -2.403,2.844 0,1.468 1.042,2.377 2.403,2.377 1.708,0 2.773,-0.909 4.134,-3.682 l 0.767,0.046 -0.421,4.472 h -0.766 l -0.643,-0.77 c -0.742,0.421 -1.585,0.7 -2.849,0.7 -2.351,0 -4.676,-1.512 -4.676,-4.214 0,-1.842 0.965,-2.914 2.721,-3.729 0.767,-0.351 1.461,-0.584 2.254,-0.909 2.302,-0.909 2.996,-1.772 2.996,-3.193 0,-1.655 -1.214,-2.726 -3.021,-2.726 -2.056,0 -3.318,1.001 -4.751,4.311 l -0.743,-0.046 0.297,-5.101 h 0.768 l 0.641,0.769 c 0.94,-0.42 2.35,-0.699 3.615,-0.699 2.424,0 5.244,1.511 5.244,4.658"
+              class="IEA_2"
+            />
+          </g>
+          <g transform="translate(131.8358,58.1926)">
+            <path
+              d="M 0,0 C -0.287,0.521 -0.967,0.664 -1.623,0.366 -2.381,-0.01 -3.796,-1.163 -5.096,-2.217 l 0.265,-0.51 c 1.648,0.446 3.485,0.872 4.244,1.248 C 0.083,-1.109 0.288,-0.523 0,0"
+              class="IEA_3"
+            />
+          </g>
+          <g transform="translate(196.7182,81.3206)">
+            <path
+              d="m 0,0 c -0.287,0.522 -0.968,0.664 -1.623,0.367 -0.76,-0.376 -2.174,-1.529 -3.474,-2.583 l 0.266,-0.511 c 1.647,0.446 3.484,0.873 4.243,1.248 C 0.082,-1.109 0.286,-0.523 0,0"
+              class="IEA_4"
+            />
+          </g>
+          <g transform="translate(187.6986,174.0945)">
+            <path
+              d="M 0,0 V 5.57 H 0.435 L 0.836,8.04 0.153,8.564 H -0.934 L -1.642,8.04 -1.298,5.57 h 0.491 V 0 h -0.012 c -0.772,0.422 -1.889,0.689 -3.096,0.8 v 6.087 h 0.438 l 0.394,2.474 -0.68,0.524 H -4.849 L -5.554,9.361 -5.211,6.887 h 0.495 V 0.841 C -6.576,0.905 -8.507,0.632 -9.646,0 h -32.771 v 5.57 h 0.435 l 0.4,2.47 -0.683,0.524 h -1.086 l -0.705,-0.524 0.345,-2.47 h 0.49 V 0 h -0.025 c -0.764,0.419 -1.883,0.686 -3.084,0.8 v 6.087 h 0.434 l 0.403,2.474 -0.683,0.524 h -1.091 l -0.704,-0.524 0.341,-2.474 h 0.494 V 0.841 C -48.995,0.908 -50.931,0.635 -52.076,0 h -36.99 v -2.064 h 37.619 l 0.267,0.19 c 1.27,0.911 5.752,0.909 7.053,-0.003 l 0.267,-0.187 h 34.839 l 0.266,0.19 c 1.274,0.911 5.751,0.909 7.05,-0.003 l 0.267,-0.187 H 36.169 V 0 Z"
+              class="IEA_5"
+            />
+          </g>
+          <g transform="translate(161.2504,166.1653)">
+            <path
+              d="m 0,0 c -10.304,0 -18.693,-6.649 -18.693,-14.823 h 1.933 c 0,6.538 8.088,11.857 16.76,11.857 8.672,0 16.761,-5.319 16.761,-11.857 h 1.933 C 18.694,-6.649 10.308,0 0,0"
+              class="IEA_6"
+            />
+          </g>
+          <g transform="translate(203.6996,166.1653)">
+            <path
+              d="m 0,0 c -10.308,0 -18.697,-6.649 -18.697,-14.823 h 1.933 c 0,6.538 8.089,11.857 16.764,11.857 8.669,0 16.761,-5.319 16.761,-11.857 H 18.69 C 18.69,-6.649 10.301,0 0,0"
+              class="IEA_7"
+            />
+          </g>
+          <g transform="translate(118.8026,166.1653)">
+            <path
+              d="m 0,0 c -10.308,0 -18.694,-6.649 -18.694,-14.823 h 1.932 c 0,6.538 8.09,11.857 16.762,11.857 8.672,0 16.76,-5.319 16.76,-11.857 h 1.934 C 18.694,-6.649 10.305,0 0,0"
+              class="IEA_8"
+            />
+          </g>
+          <g transform="translate(182.4691,170.8074)">
+            <path
+              d="M 0,0 C -0.763,0 -2.344,-0.082 -3.461,-0.61 H -38.985 C -40.1,-0.082 -41.68,0 -42.445,0 c -0.761,0 -2.34,-0.082 -3.456,-0.61 h -37.934 l 1.936,-1.549 h 34.867 v -8.037 l 0.33,-0.232 c 0.84,-0.578 2.346,-0.765 3.484,-0.813 v -8.221 h 1.551 v 8.221 c 1.139,0.048 2.644,0.235 3.482,0.813 l 0.329,0.232 v 8.037 h 33.267 v -8.037 l 0.334,-0.232 c 0.831,-0.578 2.34,-0.765 3.481,-0.813 v -8.221 h 1.549 v 8.221 c 1.136,0.048 2.645,0.235 3.48,0.813 l 0.336,0.232 v 8.037 h 34.347 l 2.463,1.549 H 3.461 C 2.343,-0.082 0.762,0 0,0 m -39.401,-9.323 h -6.084 v 7.196 c 0.328,0.248 1.438,0.578 3.04,0.578 1.604,0 2.715,-0.33 3.044,-0.578 z m 42.442,0 h -6.083 v 7.196 c 0.327,0.248 1.438,0.578 3.042,0.578 1.6,0 2.712,-0.33 3.041,-0.578 z"
+              class="IEA_9"
+            />
+          </g>
+          <g transform="translate(117.331,189.3777)">
+            <path
+              d="m 0,0 v 0.991 c 3.935,0 4.503,0.809 4.503,5.547 v 15.407 c 0,4.738 -0.568,5.491 -4.503,5.491 v 1 h 12.795 v -1 c -3.932,0 -4.501,-0.753 -4.501,-5.491 V 6.538 C 8.294,1.8 8.863,0.991 12.795,0.991 V 0 Z"
+              class="IEA_10"
+            />
+          </g>
+          <g transform="translate(143.0155,190.3714)">
+            <path
+              d="m 0,0 c 3.928,0 4.5,0.807 4.5,5.544 v 15.405 c 0,4.738 -0.572,5.496 -4.5,5.496 v 0.994 h 21.607 l 0.426,-6.255 H 21.037 L 20.8,22.13 c -0.66,2.464 -1.134,3.557 -5.494,3.557 H 8.291 V 14.928 h 2.371 c 4.737,0 5.495,0.568 5.495,4.548 h 0.998 V 8.625 h -0.998 c 0,3.979 -0.758,4.55 -5.495,4.55 H 8.291 V 6.256 c 0,-4.738 0.565,-5.497 4.5,-5.497 h 4.079 c 4.356,0 4.877,1.086 5.495,3.601 l 0.237,0.946 h 0.993 l -0.375,-6.3 -23.22,0 z"
+              class="IEA_11"
+            />
+          </g>
+          <g transform="translate(181.1186,193.9754)">
+            <path
+              d="M 0,0 C -1.137,-2.563 -0.237,-3.607 3.7,-3.607 V -4.601 H -7.395 v 0.994 c 3.985,0 4.22,0.807 5.69,4.125 L 8.724,24.639 H 9.34 L 19.812,0.518 c 1.467,-3.318 1.706,-4.125 5.636,-4.125 V -4.601 H 12.327 v 0.994 c 3.929,0 4.834,0.997 3.694,3.607 L 13.747,5.256 H 2.277 Z M 7.965,18.354 3.033,6.936 h 9.911 z"
+              class="IEA_12"
+            />
+          </g>
+          <g transform="translate(161.2519,91.8313)">
+            <path
+              d="m 0,0 c -45.746,0 -82.957,37.216 -82.957,82.958 0,45.742 37.211,82.956 82.957,82.956 45.742,0 82.954,-37.214 82.954,-82.956 C 82.954,37.216 45.742,0 0,0 m 0,162.208 c -43.703,0 -79.249,-35.549 -79.249,-79.25 0,-43.703 35.546,-79.256 79.249,-79.256 43.699,0 79.251,35.553 79.251,79.256 0,43.701 -35.552,79.25 -79.251,79.25"
+              class="IEA_13"
+            />
+          </g>
+          <g transform="translate(161.2519,248.5745)">
+            <path
+              d="m 0,0 c -40.696,0 -73.802,-33.111 -73.802,-73.801 0,-40.696 33.106,-73.807 73.802,-73.807 40.699,0 73.803,33.111 73.803,73.807 C 73.803,-33.111 40.699,0 0,0 m 0,-149.364 c -41.663,0 -75.558,33.894 -75.558,75.563 0,41.659 33.895,75.553 75.558,75.553 41.661,0 75.555,-33.894 75.555,-75.553 0,-41.669 -33.894,-75.563 -75.555,-75.563"
+              class="IEA_14"
+            />
+          </g>
+          <g transform="translate(184.1967,132.8352)">
+            <path
+              d="m 0,0 c 0,1.267 1.149,2.258 2.946,2.258 1.423,0 2.709,-0.457 3.989,-1.505 l 0.914,1.21 C 6.446,3.087 5.004,3.655 2.984,3.655 c -2.626,0 -4.54,-1.575 -4.54,-3.791 0,-2.29 1.46,-3.319 4.639,-4.011 2.905,-0.613 3.598,-1.343 3.598,-2.648 0,-1.403 -1.226,-2.372 -3.08,-2.372 -1.918,0 -3.303,0.651 -4.745,1.956 l -0.971,-1.143 c 1.661,-1.483 3.462,-2.216 5.658,-2.216 2.744,0 4.719,1.54 4.719,3.93 0,2.138 -1.422,3.268 -4.506,3.932 C 0.711,-2.054 0,-1.32 0,0 m -8.164,-10.37 h 1.559 V 3.459 h -1.559 z m -6.476,9.641 c 0,-1.798 -1.485,-2.869 -3.559,-2.869 h -4.25 V 2.02 h 4.273 c 2.235,0 3.536,-1.025 3.536,-2.749 m 2.071,-9.641 -4.245,5.652 c 2.174,0.397 3.753,1.733 3.753,4.051 0,2.49 -1.953,4.126 -4.999,4.126 h -5.947 V -10.37 h 1.558 v 5.375 h 3.955 l 4.014,-5.375 z m -19.413,5.055 h -6.307 l 3.162,7.052 z m -2.394,8.875 h -1.459 l -6.305,-13.93 h 1.599 l 1.638,3.654 h 7.532 l 1.619,-3.654 h 1.681 z m -11.003,-4.567 c 0,-1.839 -1.502,-3.063 -3.798,-3.063 h -3.422 v 6.09 h 3.503 c 2.234,0 3.717,-1.025 3.717,-3.027 m 1.576,0.061 c 0,2.747 -2.054,4.405 -5.172,4.405 h -5.181 V -10.37 h 1.557 v 4.88 h 3.367 c 2.941,0 5.429,1.537 5.429,4.544"
+              class="IEA_15"
+            />
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  idle?: boolean
+}>()
+</script>
+
+<style>
+.logo-placeholder {
+  width: 200px;
+  height: 200px;
+  animation: logo-pulse 1.5s ease-in-out infinite;
+}
+.logo-placeholder [class^=IEA_] {
+  fill: #000;
+  stroke: none;
+}
+.logo-placeholder--idle {
+  animation: logo-idle 1s ease-out 1 forwards;
+}
+
+@keyframes logo-pulse {
+  0%, 100% {
+    opacity: 0.15;
+  }
+  50% {
+    opacity: 0.45;
+  }
+}
+@keyframes logo-idle {
+  0% {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  100% {
+    opacity: 0.2;
+    transform: scale(1);
+  }
+}
+</style>

package/dist/runtime/components/list/atoms/ResultsList.vue

@@ -1,16 +1,23 @@
 <template>
-  <component
-    :is="itemTemplate"
+  <NuxtLink
     v-for="(item, index) in rootStore.results[type]?.items || []"
-    :key="index"
-    :item="item"
-    :index="index"
-  />
+    :key="(item.name || item.lastname) + type + index"
+    :to="
+      localePath({
+        name: pathPrefix,
+        params: { slug: item.slug },
+      })
+    "
+    class="text-decoration-none text-black w-100"
+  >
+    <component :is="itemTemplate" :item="item" :index="index" />
+  </NuxtLink>
 </template>
 <script setup>
 import { capitalize } from "../../../composables/useUtils"
 import { useRootStore } from "../../../stores/root"
-import { useNuxtApp, resolveComponent, computed } from "#imports"
+import { useNuxtApp, resolveComponent, computed, useLocalePath } from "#imports"
+const localePath = useLocalePath()
 const { $stores } = useNuxtApp()
 const rootStore = useRootStore()
 
@@ -19,6 +26,10 @@ const props = defineProps({
     type: String,
     default: "people",
   },
+  pathPrefix: {
+    type: String,
+    default: "people-slug",
+  },
 })
 
 const itemTemplate = computed(() =>
@@ -30,6 +41,4 @@ const itemTemplate = computed(() =>
     ).toString(),
   ),
 )
-console.log("ResultsList props:", itemTemplate, $stores[props.type].view.name)
-console
 </script>

package/dist/runtime/components/list/molecules/GlobalSearchInput.vue

@@ -45,6 +45,7 @@
       </v-card>
     </v-menu>
     <v-text-field
+      ref="textFieldRef"
       :id="`global-search-input-${type}`"
       v-model.trim="search"
       :placeholder="
@@ -89,7 +90,7 @@
 <script setup>
 import { useDebounceFn } from "@vueuse/core"
 import { useRootStore } from "../../../stores/root"
-import { computed, useI18n, ref, useLocalePath, useRouter } from "#imports"
+import { computed, useI18n, ref, useLocalePath, useRouter, navigateTo } from "#imports"
 const localePath = useLocalePath()
 const { locale, t } = useI18n()
 const rootStore = useRootStore()
@@ -147,10 +148,14 @@ const toggleFilter = (option) => {
   })
 }
 
+const textFieldRef = ref(null)
+
 const navigateToSearch = () => {
+  const term = (textFieldRef.value?.$el?.querySelector("input")?.value ?? rootStore.search ?? "").trim()
+  rootStore.search = term
   navigateTo({
     path: localePath("/search"),
-    query: rootStore.search ? { search: rootStore.search } : {},
+    query: term ? { search: term } : {},
   })
 }
 

package/dist/runtime/components/list/molecules/ResultsContainer.vue

@@ -1,18 +1,15 @@
 <template>
   <div>
-    <div class="d-flex align-center justify-space-between my-6">
+    <div class="d-flex align-center justify-space-between my-2">
       <v-btn
         variant="text"
-        size="large"
-        class=""
+        class="mr-2"
         @click="$emit('toggle', type)"
         :disabled="
           $rootStore.results[type] && $rootStore.results[type]?.total === 0
         "
       >
-        <v-icon size="large">{{
-          open ? "mdi-chevron-down" : "mdi-chevron-right"
-        }}</v-icon>
+        <v-icon>{{ open ? "mdi-chevron-down" : "mdi-chevron-right" }}</v-icon>
       </v-btn>
       <div
         class="d-flex flex-column cursor-pointer"
@@ -59,22 +56,29 @@
         </div>
       </div>
       <v-spacer />
+      <v-btn
+        color="default"
+        variant="text"
+        size="small"
+        rounded="0"
+        v-if="$rootStore.results[type] && $rootStore.results[type]?.total > 3"
+        :to="
+          localePath({
+            path: type === 'people' ? '/people' : '/activities/' + type,
+            query: { search: $rootStore.search },
+          })
+        "
+      >
+        {{
+          $t(
+            "list.pls-x-more",
+            [$rootStore.results[type] && $rootStore.results[type].total - 3],
+            $rootStore.results[type] && $rootStore.results[type].total - 3,
+          )
+        }}
+      </v-btn>
     </div>
     <slot />
-    <v-btn
-      class="ma-2 float-right"
-      color="default"
-      variant="text"
-      rounded="0"
-      v-if="$rootStore.results[type] && $rootStore.results[type]?.total > 0"
-      :to="localePath(type === 'people' ? '/people' : '/activities/' + type)"
-    >
-      {{
-        $t("list.pls-x-more", [
-          $rootStore.results[type] && $rootStore.results[type].total,
-        ])
-      }}
-    </v-btn>
   </div>
   <v-divider></v-divider>
 </template>

package/dist/runtime/components/list/organisms/List.vue

@@ -11,7 +11,7 @@
       :to="
         localePath({
           name: pathPrefix,
-          params: { slug: JSON.parse(item.slug) },
+          params: { slug: item.slug },
         })
       "
       class="text-decoration-none text-black w-100"
@@ -24,7 +24,7 @@
         :path="
           localePath({
             name: pathPrefix,
-            params: { slug: JSON.parse(item.slug) },
+            params: { slug: item.slug },
           })
         "
       />
@@ -113,7 +113,6 @@ rootStore.loadRouteQuery(props.type)
 
 // Apollo: reactive query using variables computed from store
 const variables = computed(() => {
-  console.log("computed variables loop")
   return rootStore.buildListVariables(props.type, locale.value)
 })
 

package/dist/runtime/components/list/organisms/Loader.vue

@@ -0,0 +1,350 @@
+<template>
+  <v-overlay
+    :model-value="active"
+    scrim="white"
+    class="align-center justify-center loader-overlay"
+    :class="{ 'loader-overlay--inactive': !active }"
+  >
+    <div
+      v-motion
+      :initial="{ scale: 0.8, opacity: 0 }"
+      :enter="{
+        scale: 1,
+        opacity: 1,
+        transition: { duration: 800, ease: 'easeOut' },
+      }"
+      :leave="{ scale: 0.9, opacity: 0, transition: { duration: 400 } }"
+      class="logo-container"
+    >
+      <ListAtomsLogoPlaceholder class="loader-logo" :class="{ 'loader-logo--active': active }" />
+    </div>
+  </v-overlay>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  active: boolean
+}>()
+</script>
+
+<style scoped>
+.loader-overlay {
+  background: rgb(255, 255, 255) !important;
+  backdrop-filter: blur(3px);
+  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+  height: calc(100vh - 5px) !important;
+  top: 5px !important;
+}
+
+.loader-overlay--inactive {
+  opacity: 0;
+  transform: scale(0.95);
+}
+.loader-overlay--inactive .logo-container {
+  transform: scale(0.9);
+  opacity: 0;
+  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.loader-logo {
+  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
+  max-width: 350px;
+  height: auto;
+  width: 280px;
+}
+
+.v-overlay--active {
+  animation: fade-in 0.5s ease-in-out;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.loader-logo--active :deep([class^="IEA_"]) {
+  fill: transparent;
+  stroke: #000;
+  stroke-opacity: 1;
+  fill-opacity: 1;
+  fill-rule: nonzero;
+}
+
+.loader-logo--active :deep(.IEA_0) {
+  stroke-dasharray: 1223 1225;
+  stroke-dashoffset: 1224;
+  animation: IEA_draw_0 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_5) {
+  stroke-dasharray: 335 337;
+  stroke-dashoffset: 336;
+  animation: IEA_draw_5 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_1) {
+  stroke-dasharray: 1351 1353;
+  stroke-dashoffset: 1352;
+  animation: IEA_draw_1 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_2) {
+  stroke-dasharray: 1311 1313;
+  stroke-dashoffset: 1312;
+  animation: IEA_draw_2 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_3),
+.loader-logo--active :deep(.IEA_4) {
+  stroke-dasharray: 13 15;
+  stroke-dashoffset: 14;
+}
+
+.loader-logo--active :deep(.IEA_3) {
+  animation: IEA_draw_3 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_4) {
+  animation: IEA_draw_4 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_6),
+.loader-logo--active :deep(.IEA_7),
+.loader-logo--active :deep(.IEA_8) {
+  stroke-dasharray: 102 104;
+  stroke-dashoffset: 103;
+}
+
+.loader-logo--active :deep(.IEA_6) {
+  animation: IEA_draw_6 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_7) {
+  animation: IEA_draw_7 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_8) {
+  animation: IEA_draw_8 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_9) {
+  stroke-dasharray: 372 374;
+  stroke-dashoffset: 373;
+  animation: IEA_draw_9 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_10) {
+  stroke-dasharray: 96 98;
+  stroke-dashoffset: 97;
+  animation: IEA_draw_10 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_11) {
+  stroke-dasharray: 184 186;
+  stroke-dashoffset: 185;
+  animation: IEA_draw_11 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_12) {
+  stroke-dasharray: 169 171;
+  stroke-dashoffset: 170;
+  animation: IEA_draw_12 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_13) {
+  stroke-dasharray: 1020 1022;
+  stroke-dashoffset: 1021;
+  animation: IEA_draw_13 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-circles 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_14) {
+  stroke-dasharray: 939 941;
+  stroke-dashoffset: 940;
+  animation: IEA_draw_14 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-circles 3141ms ease 0ms 1 forwards;
+}
+
+.loader-logo--active :deep(.IEA_15) {
+  stroke-dasharray: 326 328;
+  stroke-dashoffset: 327;
+  animation: IEA_draw_15 3141ms ease 0ms 1 forwards, stroke-fade 3141ms linear 0ms 1 forwards, fill-standard 3141ms ease 0ms 1 forwards;
+}
+
+@keyframes fill-standard {
+  0%, 35% {
+    fill: transparent;
+  }
+  60% {
+    fill: rgba(0, 0, 0, 0.3);
+  }
+  80% {
+    fill: rgba(0, 0, 0, 0.7);
+  }
+  100% {
+    fill: #000;
+  }
+}
+@keyframes fill-circles {
+  0%, 35% {
+    fill: transparent;
+  }
+  60% {
+    fill: rgba(0, 0, 0, 0.2);
+  }
+  80% {
+    fill: rgba(0, 0, 0, 0.5);
+  }
+  100% {
+    fill: #000;
+  }
+}
+@keyframes stroke-fade {
+  0%, 65% {
+    stroke-opacity: 1;
+  }
+  80% {
+    stroke-opacity: 0.5;
+  }
+  95% {
+    stroke-opacity: 0.2;
+  }
+  100% {
+    stroke-opacity: 0;
+  }
+}
+@keyframes draw {
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_0 {
+  5% {
+    stroke-dashoffset: 1224;
+  }
+  30%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_1 {
+  8% {
+    stroke-dashoffset: 1352;
+  }
+  35%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_2 {
+  10% {
+    stroke-dashoffset: 1312;
+  }
+  40%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_3 {
+  12% {
+    stroke-dashoffset: 14;
+  }
+  45%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_4 {
+  15% {
+    stroke-dashoffset: 14;
+  }
+  50%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_5 {
+  15.74% {
+    stroke-dashoffset: 336;
+  }
+  43.52%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_6 {
+  16.67% {
+    stroke-dashoffset: 103;
+  }
+  44.44%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_7 {
+  17.59% {
+    stroke-dashoffset: 103;
+  }
+  45.37%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_8 {
+  18.52% {
+    stroke-dashoffset: 103;
+  }
+  46.3%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_9 {
+  19.44% {
+    stroke-dashoffset: 373;
+  }
+  47.22%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_10 {
+  20.37% {
+    stroke-dashoffset: 97;
+  }
+  48.15%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_11 {
+  21.3% {
+    stroke-dashoffset: 185;
+  }
+  49.07%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_12 {
+  22.22% {
+    stroke-dashoffset: 170;
+  }
+  50%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_13 {
+  23.15% {
+    stroke-dashoffset: 1021;
+  }
+  50.93%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_14 {
+  24.07% {
+    stroke-dashoffset: 940;
+  }
+  51.85%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes IEA_draw_15 {
+  25% {
+    stroke-dashoffset: 327;
+  }
+  52.78%, 100% {
+    stroke-dashoffset: 0;
+  }
+}
+</style>

package/dist/runtime/components/list/organisms/Results.vue

@@ -5,31 +5,40 @@
     :categories="selectedCategories"
     filter
     @filter-change="handleFilterChange"
+    class="mb-6"
   />
-  <v-progress-linear v-if="pending" indeterminate />
+  <div v-if="searchTerm.length === 0" class="search-empty">
+    <ListAtomsLogoPlaceholder idle />
+  </div>
   <template v-else>
-    <ListMoleculesResultsContainer
-      v-for="type in filteredSortedModules"
-      :key="type"
-      :feminine="type === 'people'"
-      :type
-      :open="
-        ($rootStore.results[type] && $rootStore.results[type]?.total > 0) ??
-        open[type]
-      "
-      @toggle="open[$event] = !open[$event]"
-    >
-      <v-expand-transition class="results-container">
-        <div
-          v-show="
-            ($rootStore.results[type] && $rootStore.results[type]?.total > 0) ||
-            open[type]
-          "
-        >
-          <ListAtomsResultsList :type />
-        </div>
-      </v-expand-transition>
-    </ListMoleculesResultsContainer>
+    <div v-if="loading" class="search-pending">
+      <ListAtomsLogoPlaceholder />
+    </div>
+    <template v-else-if="!loading">
+      <ListMoleculesResultsContainer
+        v-for="type in filteredSortedModules"
+        :key="type"
+        :feminine="
+          type === 'people' || type === 'news' || type === 'publications'
+        "
+        :type
+        :open="open[type] ?? false"
+        @toggle="(t) => (open[t] = !open[t])"
+      >
+        <v-expand-transition class="results-container">
+          <div v-show="open[type]">
+            <ListAtomsResultsList
+              :type
+              :pathPrefix="
+                type === 'people'
+                  ? 'people-slug'
+                  : 'activities-' + type + '-slug'
+              "
+            />
+          </div>
+        </v-expand-transition>
+      </ListMoleculesResultsContainer>
+    </template>
   </template>
 </template>
 
@@ -40,6 +49,7 @@ import {
   useAppConfig,
   useRoute,
   ref,
+  reactive,
   useAsyncQuery,
   computed,
   watch,
@@ -50,12 +60,19 @@ const { $rootStore } = useNuxtApp()
 const appConfig = useAppConfig()
 const { locale } = useI18n()
 const route = useRoute()
-const open = ref({})
-
 if (route.query.search) {
   $rootStore.search = route.query.search
 }
 
+const loading = ref(true)
+
+const open = reactive(
+  appConfig.list.modules.reduce((acc, type) => {
+    acc[type] = false
+    return acc
+  }, {}),
+)
+
 const selectedCategories = ref([...appConfig.list.modules])
 
 const handleFilterChange = (filterData) => {
@@ -89,9 +106,10 @@ const { data, pending, error } = useAsyncQuery(
   computed(() => ({
     search: searchTerm.value,
     appId: "iea",
-    locale: currentLocale.value,
+    lang: currentLocale.value,
   })),
   {
+    server: false,
     enabled: computed(() => searchTerm.value.length > 0),
   },
 )
@@ -101,26 +119,26 @@ if (error.value) {
   /*  console.log("Query result data: ", data.value.items?.length) */
 }
 
-watch(
-  data,
-  (newData) => {
-    if (newData) {
-      console.log("Applying search data to store")
-      $rootStore.applyListResult("all", newData)
-      appConfig.list.modules.forEach((type) => {
-        if ($rootStore.results[type] && $rootStore.results[type]?.total > 0) {
-          open.value[type] = true
-        }
-      })
+const applyData = (newData) => {
+  if (!newData) return
+  $rootStore.applyListResult("all", newData)
+  appConfig.list.modules.forEach((type) => {
+    if (newData.search?.[type]?.total > 0) {
+      open[type] = true
     }
-  },
-  { immediate: true },
-)
+  })
+  loading.value = false
+}
+
+watch(data, applyData, { immediate: true })
 
 watch(error, (err) => {
-  if (err) console.error("GraphQL query error:", err)
+  if (err) {
+    console.error("GraphQL query error:", err)
+    loading.value = false
+  }
 })
 </script>
 <style scoped>
-.results-container{display:flex;flex-direction:column;gap:8px;margin-left:8px}
+.results-container{display:flex;flex-direction:column;gap:8px;margin-left:8px}.search-empty{min-height:100vh;opacity:.8}.search-empty,.search-pending{display:flex;justify-content:center}.search-pending{padding:48px 0}
 </style>

package/dist/runtime/components/list/views/Slider.vue

@@ -1,4 +1,5 @@
 <template>
+  <!-- TODO: make it after the slider of seed without swiper -->
   <v-row class="mb-9">
     <v-col class="justify-center">
       <slot />
@@ -79,10 +80,10 @@
   - Meaningful behavior when clicking on the arrrows
   - Add a slide-in from right animation when the items are entering viewport
   */
-import { useDisplay } from "vuetify";
-const { locale } = useI18n();
-const { name, mdAndUp } = useDisplay();
-const model = ref(0);
+import { useDisplay } from "vuetify"
+const { locale } = useI18n()
+const { name, mdAndUp } = useDisplay()
+const model = ref(0)
 const swiperBreakpoints = ref({
   320: {
     slidesPerView: "auto",
@@ -108,7 +109,7 @@ const swiperBreakpoints = ref({
     slidesPerView: "auto",
     spaceBetween: 35,
   },
-});
+})
 const props = defineProps({
   type: {
     type: String,
@@ -118,44 +119,39 @@ const props = defineProps({
   loading: { type: Boolean, default: false },
   dark: { type: Boolean, default: false },
   more: { type: Boolean, default: true },
-});
+})
 
 /* const { data, error } = await useAsyncData(props.type, () =>
   )
   console.log("error: ", error) */
-const spaceBetween = 10;
+const spaceBetween = 10
 const onProgress = (e) => {
-  console.log("e: progress ", e);
-  const [swiper, progress] = e.detail;
-  console.log(progress);
-};
+  const [swiper, progress] = e.detail
+}
 
-const onSlideChange = (e) => {
-  console.log("slide changed", e);
-};
 const computedWidth = computed(() => {
-  let modifier = 1;
+  let modifier = 1
   switch (props.type) {
     case "events":
-      modifier = 1.1;
-      break;
+      modifier = 1.1
+      break
     case "people":
-      break;
+      break
     case "image":
-      break;
+      break
     default:
-      break;
+      break
   }
   return (
     [250, 300, 350, 380, 430, 460][
       ["xs", "sm", "md", "lg", "xl", "xxl"].indexOf(name.value || "md")
     ] * modifier
-  );
-});
+  )
+})
 
 onMounted(() => {
-  console.log("Resolved Item", capitalize(props.type) + "SlidingItem");
-});
+  console.log("Resolved Item", capitalize(props.type) + "SlidingItem")
+})
 </script>
 <style scoped>
 .swiper-slide{width:auto}

package/dist/runtime/components/news/DenseItem.vue

@@ -8,7 +8,7 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        width="80px"
+        :width="70"
       />
     </v-col>
     <v-col align-self="start" class="text-h5 dense mx-2 paragraph">

package/dist/runtime/components/people/DenseItem.vue

@@ -8,7 +8,7 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :width="80"
+        :width="70"
         class="ma-1"
       />
     </v-col>

package/dist/runtime/components/projects/DenseItem.vue

@@ -8,7 +8,7 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        :width="50"
+        :width="70"
       />
     </v-col>
     <v-col align-self="center" class="text-h5 dense pl-4 pt-2">

package/dist/runtime/components/publications/DenseItem.vue

@@ -8,7 +8,7 @@
           item && item.image && item.image.url ? item.image.url : '/default.png'
         "
         :ratio="1 / 1"
-        width="80px"
+        :width="70"
       />
     </v-col>
     <v-col class="pl-2">

package/dist/runtime/composables/useFetchItem.js

@@ -5,7 +5,6 @@ export const useFetchItem = () => {
     key,
     variables
   }) => {
-    console.log("useFetchItem2 called with:", { query, key, variables });
     try {
       const { $apollo } = useNuxtApp();
       const route = useRoute();

package/dist/runtime/stores/root.js

@@ -255,9 +255,13 @@ export const useRootStore = defineStore("rootStore", {
         for (const category of Object.keys(this.results)) {
           const categoryData = this.results[category];
           if (categoryData?.items?.length) {
-            categoryData.items.sort(
-              (a, b) => (b.score ?? 0) - (a.score ?? 0)
-            );
+            ;
+            this.results[category] = {
+              ...categoryData,
+              items: [...categoryData.items].sort(
+                (a, b) => (b.score ?? 0) - (a.score ?? 0)
+              )
+            };
           }
         }
         return;

package/dist/runtime/translations/en.json

@@ -384,5 +384,7 @@
   "list.by-vintage-from-old-to-recent": "By Year, from old to recent",
   "no-biography": "No biography available",
   "search": "Search",
-  "items-per-page": "Items per page"
+  "items-per-page": "Items per page",
+  "click-here-to-search": "Click here to search",
+  "filter-by-type": "Filter by type"
 }

package/dist/runtime/translations/fr.json

@@ -292,7 +292,7 @@
     },
     "list": "Liste",
     "page-0-of-1": "Page {0} sur {1}",
-    "pls-x-more": "{0} Plus",
+    "pls-x-more": "+ {0} de plus | + {0} supplémentaires",
     "rows": "Rangées",
     "search-type": "Rechercher parmi les {0}",
     "search-type-f": "Rechercher parmi les {0}",
@@ -385,5 +385,7 @@
   "list.by-vintage-from-recent-to-old": "Par année, du plus récent au plus vieux",
   "list.by-vintage-from-old-to-recent": "Par année, du plus vieux au plus récent",
   "search": "Rechercher",
-  "items-per-page": "Éléments par page"
+  "items-per-page": "Éléments par page",
+  "click-here-to-search": "Cliquez ici pour rechercher",
+  "filter-by-type": "Filtrer par type"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.181",
+  "version": "1.0.183",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",