@paris-ias/list 1.0.10 → 1.0.13

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

@@ -2,197 +2,142 @@
   <span> {{ displayedAmount }}</span>
 </template>
 
-<script setup lang="ts">
-/* 
-/!\ This component is a port by Antoine Cordelois 
-of the vue3-autocounter package made by ps-christopher 
-into a nuxt composition API component. 
-
-Source code is here: https://github.com/ps-cristopher/vue3-autocounter/blob/master/src/vue3-autocounter.vue
-*/
-interface Data {
-  timestamp: number
-  startTimestamp: number | null
-  currentStartAmount: number
-  currentAmount: number
-  currentDuration: number
-  paused: boolean
-  remaining: number
-  animationFrame: number
-}
-
-// Props
+<script setup>
 const props = defineProps({
   startAmount: {
     type: Number,
-    default: 0,
+    default: 0
   },
   endAmount: {
     type: Number,
     default: 0,
-    required: true,
+    required: true
   },
   duration: {
     type: Number,
     default: 3,
-    validator(duration: number): boolean {
-      return duration > 0
-    },
+    validator(duration) {
+      return duration > 0;
+    }
   },
   autoinit: {
     type: Boolean,
-    default: true,
+    default: true
   },
   prefix: {
     type: String,
-    default: "",
+    default: ""
   },
   suffix: {
     type: String,
-    default: "",
+    default: ""
   },
   separator: {
     type: String,
-    default: ",",
+    default: ","
   },
   decimalSeparator: {
     type: String,
-    default: ".",
+    default: "."
   },
   decimals: {
     type: Number,
     default: 0,
-    validator(decimals: number): boolean {
-      return decimals >= 0
-    },
-  },
-})
-
-// Reactive state
-const state = reactive<Data>({
+    validator(decimals) {
+      return decimals >= 0;
+    }
+  }
+});
+const state = reactive({
   timestamp: 0,
   startTimestamp: null,
   currentAmount: props.startAmount,
   currentStartAmount: props.startAmount,
-  currentDuration: props.duration * 1000,
+  currentDuration: props.duration * 1e3,
   paused: false,
-  remaining: props.duration * 1000,
-  animationFrame: 0,
-})
-
-// Computed properties
-const isCountingUp = computed(() => props.endAmount > props.startAmount)
-
-const formatedAmount = computed((): string => {
-  const regex = /(\d+)(\d{3})/
-  const numberString: string = state.currentAmount.toFixed(props.decimals)
-  const numberArray: string[] = numberString.split(".")
-  let numbers: string = numberArray[0]
-  const decimals: string =
-    numberArray.length > 1 ? props.decimalSeparator + numberArray[1] : ""
-  const isNumber = !isNaN(parseFloat(props.separator))
-
+  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")
+      numbers = numbers.replace(regex, "$1" + props.separator + "$2");
     }
   }
-
-  return numbers + decimals
-})
-
+  return numbers + decimals;
+});
 const displayedAmount = computed(
   () => `${props.prefix}${formatedAmount.value}${props.suffix}`
-)
-
-// Methods
-
-const start = (): void => {
-  cancelAnimation()
-  state.currentStartAmount = props.startAmount
-  state.startTimestamp = null
-  state.currentDuration = props.duration * 1000
-  state.paused = false
-  state.animationFrame = window.requestAnimationFrame(counting)
-}
-
-const pause = (): void => {
-  if (state.paused) return
-  cancelAnimation()
-  state.paused = true
-}
-
-const resume = (): void => {
-  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 = (): void => {
-  state.paused = false
-  state.startTimestamp = null
-  cancelAnimation()
-  state.currentAmount = props.startAmount
-  if (props.autoinit) start()
-  else state.paused = true
-}
-
-const counting = (timestamp: number): void => {
-  state.timestamp = timestamp
-  if (!state.startTimestamp) state.startTimestamp = timestamp
-  const progress: number = timestamp - state.startTimestamp
-  state.remaining = state.currentDuration - progress
-
+);
+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
+    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
+    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)
+    state.animationFrame = window.requestAnimationFrame(counting);
   } else {
-    console.log("finished")
+    console.log("finished");
   }
-}
-
-const cancelAnimation = (): void => {
-  if (state.animationFrame) window.cancelAnimationFrame(state.animationFrame)
-}
-
-// Watchers
-watch(() => props.startAmount, reset)
-watch(() => props.endAmount, reset)
-watch(() => props.duration, reset)
-
-// Lifecycle hooks
+};
+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 * 1000
-  state.remaining = props.duration * 1000
-  if (props.autoinit) start()
-  else state.paused = true
-})
-
+  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()
-})
+  cancelAnimation();
+});
 </script>

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

@@ -40,65 +40,61 @@
 </template>
 
 <script setup>
-import { useDisplay } from "vuetify"
+import { useDisplay } from "vuetify";
 import {
   getDetailedFormatedDate,
-  formatDateValue,
-} from "../../../composables/useUtils"
-const { smAndDown, mdAndUp, name } = useDisplay()
-
-const { locale } = useI18n()
+  formatDateValue
+} from "../../../composables/useUtils";
+const { smAndDown, mdAndUp, name } = useDisplay();
+const { locale } = useI18n();
 const props = defineProps({
   dateStart: {
-    type: String,
+    type: String
   },
   dateStop: {
-    type: String,
+    type: String
   },
   loading: {
     type: Boolean,
     default: false,
-    required: true,
-  },
-})
-
-const detailedDateStart = computed(() =>
-  getDetailedFormatedDate(props.dateStart, locale.value)
-)
-
-const detailedDateStop = computed(() =>
-  getDetailedFormatedDate(props.dateStop, locale.value)
-)
-
+    required: true
+  }
+});
+const detailedDateStart = computed(
+  () => getDetailedFormatedDate(props.dateStart, locale.value)
+);
+const detailedDateStop = computed(
+  () => getDetailedFormatedDate(props.dateStop, locale.value)
+);
 const showDateStop = computed(() => {
-  const dateStartFormatted = formatDateValue(props.dateStart, locale.value)
-  const dateStopFormatted = formatDateValue(props.dateStop, locale.value)
-  return dateStopFormatted > dateStartFormatted
-})
+  const dateStartFormatted = formatDateValue(props.dateStart, locale.value);
+  const dateStopFormatted = formatDateValue(props.dateStop, locale.value);
+  return dateStopFormatted > dateStartFormatted;
+});
 </script>
-<style lang="scss" scoped>
+
+<style scoped>
 .date-stamp {
   font-family: "Open sans";
-  .day {
-    font-size: 2.6rem;
-    line-height: 2.6rem;
-    font-family: "Bodoni Moda", sans-serif;
-  }
-  .month-year {
-    padding-left: 0.5rem;
-    font-size: 1rem;
-    line-height: 1.2rem;
-  }
-
-  .day-stop {
-    font-size: 2rem;
-    line-height: 2rem;
-    font-family: "Bodoni Moda", sans-serif;
-  }
-  .month-year-stop {
-    padding-left: 0.5rem;
-    font-size: 0.8rem;
-    line-height: 1.2rem;
-  }
+}
+.date-stamp .day {
+  font-size: 2.6rem;
+  line-height: 2.6rem;
+  font-family: "Bodoni Moda", sans-serif;
+}
+.date-stamp .month-year {
+  padding-left: 0.5rem;
+  font-size: 1rem;
+  line-height: 1.2rem;
+}
+.date-stamp .day-stop {
+  font-size: 2rem;
+  line-height: 2rem;
+  font-family: "Bodoni Moda", sans-serif;
+}
+.date-stamp .month-year-stop {
+  padding-left: 0.5rem;
+  font-size: 0.8rem;
+  line-height: 1.2rem;
 }
 </style>

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

@@ -50,12 +50,11 @@
 </template>
 
 <script setup>
-const localePath = useLocalePath()
-const img = useImage()
-
+const localePath = useLocalePath();
+const img = useImage();
 const computedSrc = computed(() => {
-  return typeof props.src === "string" ? props.src : props.src.url
-})
+  return typeof props.src === "string" ? props.src : props.src.url;
+});
 const props = defineProps({
   src: {
     type: [Object, String],
@@ -63,21 +62,21 @@ const props = defineProps({
     default: {
       alt: "default",
       copyright: "IEA PARIS",
-      url: "/logo_grey.png",
-    },
+      url: "/logo_grey.png"
+    }
   },
   loading: {
     type: Boolean,
     default: false,
-    required: true,
+    required: true
   },
   width: { type: Number, default: 0 },
   ratio: { type: Number, required: true, default: 1 },
   caption: { type: String, default: "" },
   slug: { type: String, default: "" },
   link: { type: String, default: "" },
-  animate: { type: Boolean, default: true },
-})
+  animate: { type: Boolean, default: true }
+});
 const _srcset = computed(() => {
   return img.getSizes(
     typeof props.src === "string" ? props.src : props.src.url,
@@ -86,20 +85,13 @@ const _srcset = computed(() => {
       modifiers: {
         format: "webp",
         quality: 70,
-        ...(props.width && { width: props.width }),
-      },
+        ...props.width && { width: props.width }
+      }
     }
-  )
-})
+  );
+});
 </script>
 
 <style scoped>
-.img-animation {
-  transition: all 0.5s ease-in-out;
-  width: 100%;
-}
-
-.img-animation:hover {
-  transform: scale(1.1);
-}
+.img-animation{transition:all .5s ease-in-out;width:100%}.img-animation:hover{transform:scale(1.1)}
 </style>

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

@@ -31,11 +31,11 @@
     </v-list>
   </v-menu>
 </template>
-<script setup>
-import config from "~/static.config"
-import { mergeProps } from "vue"
-const route = useRoute()
 
+<script setup>
+import config from "~/static.config";
+import { mergeProps } from "vue";
+const route = useRoute();
 const props = defineProps({
   networks: {
     type: Array,
@@ -47,14 +47,12 @@ const props = defineProps({
       "pinterest",
       "reddit",
       "whatsapp",
-      "pocket",
-    ],
+      "pocket"
+    ]
   },
   item: {
     type: Object,
-    required: true,
-  },
-})
-
-/* console.log("PRPOS", props.item) */
+    required: true
+  }
+});
 </script>

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

@@ -29,99 +29,93 @@
 </template>
 
 <script setup>
-import { useAttrs } from "vue"
-import { mergeProps } from "vue"
-
-const attrs = useAttrs()
-import { useDisplay } from "vuetify"
-const { name } = useDisplay()
-
+import { useAttrs } from "vue";
+import { mergeProps } from "vue";
+const attrs = useAttrs();
+import { useDisplay } from "vuetify";
+const { name } = useDisplay();
 const props = defineProps({
   socials: {
     type: Object,
-    required: true,
+    required: true
   },
   location: {
     type: String,
-    default: "bottom",
+    default: "bottom"
   },
   dark: {
     type: Boolean,
-    default: false,
+    default: false
   },
   labelled: {
     type: Boolean,
-    default: false,
-  },
-})
-
-const getSocialId = (name, id) => {
-  switch (name) {
+    default: false
+  }
+});
+const getSocialId = (name2, id) => {
+  switch (name2) {
     case "idRef":
-      return `https://www.idref.fr/${id}`
+      return `https://www.idref.fr/${id}`;
     case "mendeley":
-      return `https://www.mendeley.com/${id}`
+      return `https://www.mendeley.com/${id}`;
     case "linkedin":
-      return `https://www.linkedin.com/company/${id}`
+      return `https://www.linkedin.com/company/${id}`;
     case "twitter":
-      return `https://x.com/${id}`
+      return `https://x.com/${id}`;
     case "orcid":
-      return `https://orcid.org/${id}`
+      return `https://orcid.org/${id}`;
     case "scholar":
-      return `https://scholar.google.com/${id}`
+      return `https://scholar.google.com/${id}`;
     case "wikipedia":
-      return `https://fr.wikipedia.org/${id}`
+      return `https://fr.wikipedia.org/${id}`;
     case "researchgate":
-      return `https://www.researchgate.net/${id}`
+      return `https://www.researchgate.net/${id}`;
     case "youtube":
-      return `https://www.youtube.com/${id}`
+      return `https://www.youtube.com/${id}`;
     case "facebook":
-      return `https://www.facebook.com/pages/${id}`
+      return `https://www.facebook.com/pages/${id}`;
     case "instagram":
-      return `https://www.instagram.com/${id}`
+      return `https://www.instagram.com/${id}`;
     case "github":
-      return `https://gitbub.com/${id}`
+      return `https://gitbub.com/${id}`;
     case "rss":
-      return ""
+      return "";
     case "website":
-      return ""
+      return "";
   }
-}
-
-const getProfileIcon = (name) => {
-  switch (name) {
+};
+const getProfileIcon = (name2) => {
+  switch (name2) {
     case "idRef":
-      return "mdi-account-plus-outline"
+      return "mdi-account-plus-outline";
     case "mendeley":
-      return "mdi-book"
+      return "mdi-book";
     case "bluesky":
-      return "mdi-cloud"
+      return "mdi-cloud";
     case "linkedin":
-      return "mdi-linkedin"
+      return "mdi-linkedin";
     case "twitter":
-      return "mdi-twitter"
+      return "mdi-twitter";
     case "orcid":
-      return "mdi-account"
+      return "mdi-account";
     case "scholar":
-      return "mdi-google"
+      return "mdi-google";
     case "wikipedia":
-      return "mdi-wikipedia"
+      return "mdi-wikipedia";
     case "researchgate":
-      return "mdi-account"
+      return "mdi-account";
     case "youtube":
-      return "mdi-youtube"
+      return "mdi-youtube";
     case "facebook":
-      return "mdi-facebook"
+      return "mdi-facebook";
     case "instagram":
-      return "mdi-instagram"
+      return "mdi-instagram";
     case "github":
-      return "mdi-github"
+      return "mdi-github";
     case "rss":
-      return "mdi-rss"
+      return "mdi-rss";
     case "website":
-      return "mdi-web"
+      return "mdi-web";
   }
-}
+};
 </script>
-
-<style lang="scss"></style>

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

@@ -17,19 +17,15 @@
 </template>
 
 <script setup>
-import { useAttrs } from "vue"
-
-import { useDisplay } from "vuetify"
-const attrs = useAttrs()
-const { name, md, xl, lg, smAndDown, mdAndUp } = useDisplay()
-
+import { useAttrs } from "vue";
+import { useDisplay } from "vuetify";
+const attrs = useAttrs();
+const { name, md, xl, lg, smAndDown, mdAndUp } = useDisplay();
 const props = defineProps({
   items: {
     type: Array,
     required: true,
-    default: [],
-  },
-})
+    default: []
+  }
+});
 </script>
-
-<style lang="scss" scoped></style>