@paris-ias/list 1.0.17 → 1.0.19

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "builder": {
     "@nuxt/module-builder": "1.0.0",
     "unbuild": "3.5.0"

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

@@ -77,7 +77,9 @@
             "
           />
 
-          <div v-else><EventsBadges :item="item" /></div>
+          <div v-else>
+            <EventsBadges :item="item" />
+          </div>
         </v-col>
       </v-row>
     </v-col>
@@ -97,6 +99,7 @@
 <script setup>
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { locale } = useI18n();
 const { name, mdAndDown, lgAndUp } = useDisplay();
 const localePath = useLocalePath();

package/dist/runtime/components/fellowships/Badges.vue

@@ -13,7 +13,7 @@
   />
 
   <div v-else-if="registrationStatus === 2" class="my-2 text-overline">
-    <v-icon class="text-grey" size="x-large"> mdi-circle-medium</v-icon>
+    <v-icon class="text-grey" size="x-large"> mdi-circle-medium </v-icon>
     {{
       $t("applications-closed-since-0", [
         getLocalizedDate(item.applicationStop),
@@ -23,6 +23,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   item: { type: Object, required: true },
   view: { type: Boolean, required: false, default: false }

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

@@ -19,8 +19,8 @@
         <div class="searchLabel">
           {{ $t("list.search-type", [$t(type)]) }}
         </div>
-      </template></v-text-field
-    >
+      </template>
+    </v-text-field>
     <v-expand-transition v-if="type === 'all'">
       <v-list
         v-show="search.length"
@@ -36,8 +36,9 @@
           <v-list-subheader
             v-if="item.type && item.type === 'subheader'"
             :key="'subheader-' + index"
-            >{{ item.name }}</v-list-subheader
           >
+            {{ item.name }}
+          </v-list-subheader>
           <div
             v-else-if="item.type && item.type === 'no-result'"
             :key="'no-result-' + index"
@@ -57,14 +58,17 @@
             :item
             :type="item.type"
           />
-        </template> </v-list
-    ></v-expand-transition>
+        </template>
+      </v-list>
+    </v-expand-transition>
   </div>
 </template>
 
 <script setup>
 import { useDebounceFn } from "@vueuse/core";
+import { computed } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { locale, t } = useI18n();
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();

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

@@ -32,7 +32,8 @@
         !(!$stores[type].search || $stores[type].search.length === 0) &&
         $stores[type].filtersCount === 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-searching-for-f",
@@ -60,15 +61,16 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <!--  with X filters -->
     <template
       v-else-if="
         (!$stores[type].search || $stores[type].search.length === 0) &&
         $stores[type][props.type].filtersCount > 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-with-1-filter-f",
@@ -98,8 +100,8 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <!--  searching for "XXX" with Y filters  -->
     <template
       v-else-if="
@@ -107,7 +109,8 @@
         $stores[type].search.length &&
         $stores[type].filtersCount > 0
       "
-      >{{
+    >
+      {{
         feminine
           ? $t(
               "list.0-items-found-searching-for-with-1-filter-f",
@@ -131,8 +134,8 @@
               ],
               $stores[type].total
             )
-      }}</template
-    >
+      }}
+    </template>
     <template v-if="$stores[type].numberOfPages > 1">
       <!--   // Page X of Y -->
       {{
@@ -140,8 +143,8 @@
           $stores[type].page || 1,
           $stores[type].numberOfPages || 1,
         ])
-      }}</template
-    >
+      }}
+    </template>
     <!--  X items per page -->
     <!-- displayed by X -->
     <!--  and sorted by X -->
@@ -149,6 +152,7 @@
 </template>
 
 <script setup>
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {

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

@@ -36,16 +36,17 @@
             <v-icon>mdi-{{ item.icon }}</v-icon>
           </template>
           <v-list-item-title>{{ $t("list." + item.text) }}</v-list-item-title>
-        </v-list-item></template
-      >
+        </v-list-item>
+      </template>
     </v-list>
   </v-menu>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
-import { mergeProps } from "vue";
+import { mergeProps, computed } from "vue";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { xs: isXsDisplay } = useDisplay();
 const rootStore = useRootStore();

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

@@ -31,18 +31,19 @@
         <template #prepend>
           <v-icon>mdi-{{ value.icon }}</v-icon>
         </template>
-        <v-list-item-title>{{
-          $t("list." + (value.name || key))
-        }}</v-list-item-title>
+        <v-list-item-title>
+          {{ $t("list." + (value.name || key)) }}
+        </v-list-item-title>
       </v-list-item>
     </v-list>
   </v-menu>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { mergeProps } from "vue";
 import { useDisplay } from "vuetify";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const props = defineProps({
   type: {

package/dist/runtime/components/list/inputs/AutoComplete.vue

@@ -8,6 +8,7 @@
 
 <script setup>
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps(["type", "items", "name"]);

package/dist/runtime/components/list/inputs/BooleanSwitch.vue

@@ -3,7 +3,9 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
 const { $stores } = useNuxtApp();

package/dist/runtime/components/list/inputs/Checkbox.vue

@@ -3,7 +3,9 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const props = defineProps(["type", "items", "name"]);
 const { $stores } = useNuxtApp();
@@ -15,7 +17,4 @@ const val = computed({
     rootStore.updateFilter(props.name, value, props.type);
   }
 });
-onMounted(() => {
-  console.log(props.data);
-});
 </script>

package/dist/runtime/components/list/inputs/Select.vue

@@ -7,7 +7,9 @@
 </template>
 
 <script setup>
+import { computed, onMounted } from "vue";
 import { useRootStore } from "../../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps(["type", "items", "name"]);

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

@@ -29,13 +29,15 @@
       </div>
     </template> -->
       </v-col>
-    </template></v-row
-  >
+    </template>
+  </v-row>
 </template>
 
 <script setup>
-import { useRootStore } from "../../../stores/root";
 import { useDisplay } from "vuetify";
+import { resolveComponent } from "vue";
+import { useRootStore } from "../../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { smAndDown } = useDisplay();
 const i18n = useI18n();
 const { locale, messages } = useI18n();
@@ -69,7 +71,7 @@ const computeVisibility = (filterItem) => {
   return (
     // if anything is set in the visibility key
     !$stores[props.type].filters[filterItem].visibility || $stores[props.type].filters[filterItem].visibility?.default || $stores[props.type].filters[filterItem].visibility?.switchIf.find(
-      //for each of the rules set in the switchIf key
+      // for each of the rules set in the switchIf key
       (rule) => {
         return Object.keys(rule).find((value, index, obj) => {
           return $stores[props.type].filters[value].multiple ? $stores[props.type].filters[value]?.value && $stores[props.type].filters[value]?.value.includes(rule[value]) : $stores[props.type].filters[value]?.value === rule[value];

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

@@ -78,10 +78,9 @@
 
 <script setup>
 import { computed } from "vue";
-import { useRoute, useRouter } from "vue-router";
+import { useRoute } from "vue-router";
 import { useRootStore } from "../../../stores/root";
 const route = useRoute();
-const router = useRouter();
 const rootStore = useRootStore();
 const props = defineProps({
   totalPages: {
@@ -189,7 +188,7 @@ watch(
   () => route.query.page,
   (newPage) => {
     if (newPage) {
-      props.currentPage = parseInt(newPage, 10);
+      props.currentPage = Number.parseInt(newPage, 10);
     }
   },
   { immediate: true }

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

@@ -25,8 +25,10 @@
 </template>
 
 <script setup>
+import { resolveComponent, computed } from "vue";
 import { useRootStore } from "../../../stores/root";
 import { capitalize } from "../../../composables/useUtils";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const rootStore = useRootStore();

package/dist/runtime/components/misc/atoms/DateStamp.vue

@@ -41,10 +41,12 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
 import {
   getDetailedFormatedDate,
   formatDateValue
 } from "../../../composables/useUtils";
+import { useI18n } from "#imports";
 const { smAndDown, mdAndUp, name } = useDisplay();
 const { locale } = useI18n();
 const props = defineProps({

package/dist/runtime/components/misc/atoms/ImageContainer.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <!--  TODO 
-  - add skeleton UI 
+    <!--  TODO
+  - add skeleton UI
   - test lazy-src
-  - validate requested quality 
-  - Add conditional overlays slots (top left/right, bottom left/right/center for date, caption, copyright)-->
+  - validate requested quality
+  - Add conditional overlays slots (top left/right, bottom left/right/center for date, caption, copyright) -->
 
     <v-skeleton-loader v-if="loading" height="100%" type="image" />
 
@@ -50,6 +50,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 const localePath = useLocalePath();
 const img = useImage();
 const computedSrc = computed(() => {

package/dist/runtime/components/misc/molecules/Related.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   related: {
     type: Object,

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

@@ -25,9 +25,9 @@
       />
 
       <template v-else>
-        <v-chip class="ma-2" style="background-color: white; color: black">{{
-          $t(eventCategory)
-        }}</v-chip>
+        <v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventCategory) }}
+        </v-chip>
         <MiscMoleculesChipContainer :items="item.tags" size="small" />
       </template>
     </v-col>
@@ -36,7 +36,9 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n, useLocalePath } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const localePath = useLocalePath();

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

@@ -10,10 +10,10 @@
         link="news-slug"
         :slug="item._path && item._path.split('/').pop()"
       >
-        <v-chip class="ma-2" style="background-color: white; color: black">{{
-          $t(eventCategory)
-        }}</v-chip></MiscAtomsImageContainer
-      >
+        <v-chip class="ma-2" style="background-color: white; color: black">
+          {{ $t(eventCategory) }}
+        </v-chip>
+      </MiscAtomsImageContainer>
     </v-col>
     <v-col cols="12" md="8" lg="4" class="pl-md-6">
       <v-skeleton-loader
@@ -32,11 +32,11 @@
 
       <template v-else>
         <template v-if="smAndDown && item.category">
-          <v-chip class="mb-4">{{
-            $t("list.filters.news.category." + item.category)
-          }}</v-chip>
-          <br
-        /></template>
+          <v-chip class="mb-4">
+            {{ $t("list.filters.news.category." + item.category) }}
+          </v-chip>
+          <br />
+        </template>
 
         <NuxtLink
           :to="
@@ -131,8 +131,10 @@
 </template>
 
 <script setup>
-import { useRootStore } from "../../stores/root";
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
+import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { locale } = useI18n();
 const localePath = useLocalePath();

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

@@ -10,9 +10,9 @@
         :type="['heading', 'heading'][['xs', 'sm'].indexOf(name || 'sm')]"
       />
       <template v-else>
-        <v-chip v-if="item && item.category && item.name" class="mb-4">{{
-          $t("list.filters.news.category." + item.category)
-        }}</v-chip>
+        <v-chip v-if="item && item.category && item.name" class="mb-4">
+          {{ $t("list.filters.news.category." + item.category) }}
+        </v-chip>
         <br />
         {{ item.name }}
       </template>
@@ -47,9 +47,9 @@
       />
 
       <div v-else class="mx-4 mx-md-0 justify-md-end">
-        <v-chip v-if="item && item.category && mdAndUp" class="mb-4">{{
-          $t("list.filters.news.category." + item.category)
-        }}</v-chip>
+        <v-chip v-if="item && item.category && mdAndUp" class="mb-4">
+          {{ $t("list.filters.news.category." + item.category) }}
+        </v-chip>
         <div
           v-if="item && item.name && mdAndUp"
           class="d-flex text-wrap text-h4 text-black"
@@ -161,6 +161,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { name, mdAndUp, smAndDown } = useDisplay();
 const props = defineProps({

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

@@ -22,6 +22,7 @@
 
 <script setup>
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp, useLocalePath } from "#imports";
 const { $stores } = useNuxtApp();
 const localePath = useLocalePath();
 const rootStore = useRootStore();

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

@@ -35,14 +35,15 @@
         tile
         variant="outlined"
       >
-        {{ $t("list.filters.people.groups." + key) }}</v-chip
-      ></template
-    >
+        {{ $t("list.filters.people.groups." + key) }}
+      </v-chip>
+    </template>
   </div>
 </template>
 
 <script setup>
 import { useRootStore } from "../../stores/root";
+import { useNuxtApp } from "#imports";
 const rootStore = useRootStore();
 const { $stores } = useNuxtApp();
 const props = defineProps({

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

@@ -66,6 +66,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { computed } from "vue";
 const { name, mdAndUp } = useDisplay();
 const localePath = useLocalePath();
 const props = defineProps({

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

@@ -45,7 +45,7 @@
               class="my-8 text-h3 align-self-center text-wrap"
             >
               {{ item.firstname + " " + item.lastname
-              }}<!--  TODO : call a composable to format people names (multiple, initials, capped & al. )-->
+              }}<!--  TODO : call a composable to format people names (multiple, initials, capped & al. ) -->
             </div>
             <!-- SOCIALS -->
             <div class="text-center">
@@ -151,6 +151,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n } from "#imports";
 const { locale } = useI18n();
 const { $stores } = useNuxtApp();
 const { name, mdAndUp } = useDisplay();

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

@@ -114,6 +114,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const props = defineProps({

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

@@ -75,10 +75,11 @@
               ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')
             ]
           "
-          >{{ $t("visit-the-publications-website") }}</v-btn
         >
-        ></template
-      >
+          {{ $t("visit-the-publications-website") }}
+        </v-btn>
+        >
+      </template>
     </div>
   </v-col>
   <v-divider />
@@ -86,6 +87,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n, useLocalePath, useRouter } from "#imports";
 const { name } = useDisplay();
 const { locale } = useI18n();
 const { $stores } = useNuxtApp();

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

@@ -115,6 +115,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { useNuxtApp, useI18n } from "#imports";
 const { $stores } = useNuxtApp();
 const { name } = useDisplay();
 const { locale } = useI18n();

package/dist/runtime/composables/useUtils.js

@@ -1,3 +1,4 @@
+import { useNuxtApp } from "#imports";
 export const formatDate = (dateStr, locale) => {
   const date = new Date(dateStr);
   return date.toLocaleDateString(locale, {

package/dist/runtime/stores/root.js

@@ -1,5 +1,6 @@
 import { defineStore } from "pinia";
 import SEARCH from "../graphql/queries/list/search.gql";
+import { useNuxtApp } from "#imports";
 export const useRootStore = defineStore("rootStore", {
   state: () => ({
     scrolled: import.meta.browser ? window.scrollY > 0 : false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "name": "@paris-ias/list",
   "repository": "IEA-Paris/list",
   "dependencies": {

package/dist/runtime/components/misc/atoms/CountUp.vue

@@ -1,143 +0,0 @@
-<template>
-  <span> {{ displayedAmount }}</span>
-</template>
-
-<script setup>
-const props = defineProps({
-  startAmount: {
-    type: Number,
-    default: 0
-  },
-  endAmount: {
-    type: Number,
-    default: 0,
-    required: true
-  },
-  duration: {
-    type: Number,
-    default: 3,
-    validator(duration) {
-      return duration > 0;
-    }
-  },
-  autoinit: {
-    type: Boolean,
-    default: true
-  },
-  prefix: {
-    type: String,
-    default: ""
-  },
-  suffix: {
-    type: String,
-    default: ""
-  },
-  separator: {
-    type: String,
-    default: ","
-  },
-  decimalSeparator: {
-    type: String,
-    default: "."
-  },
-  decimals: {
-    type: Number,
-    default: 0,
-    validator(decimals) {
-      return decimals >= 0;
-    }
-  }
-});
-const state = reactive({
-  timestamp: 0,
-  startTimestamp: null,
-  currentAmount: props.startAmount,
-  currentStartAmount: props.startAmount,
-  currentDuration: props.duration * 1e3,
-  paused: false,
-  remaining: props.duration * 1e3,
-  animationFrame: 0
-});
-const isCountingUp = computed(() => props.endAmount > props.startAmount);
-const formatedAmount = computed(() => {
-  const regex = /(\d+)(\d{3})/;
-  const numberString = state.currentAmount.toFixed(props.decimals);
-  const numberArray = numberString.split(".");
-  let numbers = numberArray[0];
-  const decimals = numberArray.length > 1 ? props.decimalSeparator + numberArray[1] : "";
-  const isNumber = !isNaN(parseFloat(props.separator));
-  if (props.separator && !isNumber) {
-    while (regex.test(numbers)) {
-      numbers = numbers.replace(regex, "$1" + props.separator + "$2");
-    }
-  }
-  return numbers + decimals;
-});
-const displayedAmount = computed(
-  () => `${props.prefix}${formatedAmount.value}${props.suffix}`
-);
-const start = () => {
-  cancelAnimation();
-  state.currentStartAmount = props.startAmount;
-  state.startTimestamp = null;
-  state.currentDuration = props.duration * 1e3;
-  state.paused = false;
-  state.animationFrame = window.requestAnimationFrame(counting);
-};
-const pause = () => {
-  if (state.paused) return;
-  cancelAnimation();
-  state.paused = true;
-};
-const resume = () => {
-  if (!state.paused) return;
-  state.startTimestamp = null;
-  state.currentDuration = +state.remaining;
-  state.currentStartAmount = +state.currentAmount;
-  state.animationFrame = window.requestAnimationFrame(counting);
-  state.paused = false;
-};
-const reset = () => {
-  state.paused = false;
-  state.startTimestamp = null;
-  cancelAnimation();
-  state.currentAmount = props.startAmount;
-  if (props.autoinit) start();
-  else state.paused = true;
-};
-const counting = (timestamp) => {
-  state.timestamp = timestamp;
-  if (!state.startTimestamp) state.startTimestamp = timestamp;
-  const progress = timestamp - state.startTimestamp;
-  state.remaining = state.currentDuration - progress;
-  if (!isCountingUp.value) {
-    state.currentAmount = state.currentStartAmount - (state.currentStartAmount - props.endAmount) * (progress / state.currentDuration);
-    state.currentAmount = state.currentAmount < props.endAmount ? props.endAmount : state.currentAmount;
-  } else {
-    state.currentAmount = state.currentStartAmount + (props.endAmount - state.currentStartAmount) * (progress / state.currentDuration);
-    state.currentAmount = state.currentAmount > props.endAmount ? props.endAmount : state.currentAmount;
-  }
-  if (progress < state.currentDuration) {
-    state.animationFrame = window.requestAnimationFrame(counting);
-  } else {
-    console.log("finished");
-  }
-};
-const cancelAnimation = () => {
-  if (state.animationFrame) window.cancelAnimationFrame(state.animationFrame);
-};
-watch(() => props.startAmount, reset);
-watch(() => props.endAmount, reset);
-watch(() => props.duration, reset);
-onMounted(() => {
-  state.currentAmount = props.startAmount;
-  state.currentStartAmount = props.startAmount;
-  state.currentDuration = props.duration * 1e3;
-  state.remaining = props.duration * 1e3;
-  if (props.autoinit) start();
-  else state.paused = true;
-});
-onUnmounted(() => {
-  cancelAnimation();
-});
-</script>