@paris-ias/list 1.0.18 → 1.0.19

package/dist/module.json

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

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

@@ -66,6 +66,7 @@
 
 <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();

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

@@ -43,7 +43,7 @@
 </template>
 
 <script setup>
-import { mergeProps } from "vue";
+import { mergeProps, computed } from "vue";
 import { useDisplay } from "vuetify";
 import { useRootStore } from "../../../stores/root";
 import { useNuxtApp } from "#imports";

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

@@ -35,6 +35,7 @@
 
 <script setup>
 import { useDisplay } from "vuetify";
+import { resolveComponent } from "vue";
 import { useRootStore } from "../../../stores/root";
 import { useNuxtApp, useI18n } from "#imports";
 const { smAndDown } = useDisplay();

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,6 +25,7 @@
 </template>
 
 <script setup>
+import { resolveComponent, computed } from "vue";
 import { useRootStore } from "../../../stores/root";
 import { capitalize } from "../../../composables/useUtils";
 import { useNuxtApp, useI18n } from "#imports";

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/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/package.json

@@ -1,7 +1,7 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.0.18",
+  "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>