@paris-ias/list 1.0.136 → 1.0.138

package/dist/module.json

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

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

@@ -0,0 +1,64 @@
+<template>
+  <v-row
+    class="my-2 highlight-on-hover"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col v-if="mdAndUp" cols="12" md="2">
+      <MiscAtomsImageContainer
+        :loading="isLoading"
+        :src="imageSrc"
+        :ratio="1 / 1"
+        cover
+      />
+    </v-col>
+    <v-col cols="12" :md="mdAndUp ? 10 : 12" class="px-4">
+      <v-skeleton-loader
+        v-if="isLoading"
+        :type="
+          [
+            'heading, subtitle, text@6',
+            'heading, subtitle, text@6',
+            'heading, subtitle, text@4',
+            'heading, subtitle, text@4',
+            'heading, subtitle, text@4',
+            'heading, subtitle, text@4',
+          ][['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')]
+        "
+      />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="text-body-1 mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
+</template>
+
+<script setup>
+import { useDisplay } from "vuetify"
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const { name, mdAndUp } = useDisplay()
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  index: { type: Number, required: false, default: 0 },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, required: false, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
+const imageSrc = computed(() => {
+  const img = props.item && props.item.image
+  if (!img) return "/default.png"
+  if (typeof img === "string") return img
+  if (img && img.url) return img
+  return "/default.png"
+})
+</script>
+
+<style></style>

package/dist/runtime/components/actions/ExpandedItem.vue

@@ -1,16 +1,23 @@
 <template>
-  <div>
-    {{ item.name }}
-  </div>
+  <v-card flat class="pa-4">
+    <v-skeleton-loader v-if="isLoading" type="heading, text@10" />
+    <template v-else>
+      <div class="text-h4 mb-2">{{ item.name }}</div>
+      <MDC v-if="item.description" :value="item.description" />
+    </template>
+  </v-card>
 </template>
 
-<script lang="ts" setup>
+<script setup>
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
 const props = defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
 })
-</script>
 
-<style></style>
+const isLoading = computed(() => rootStore.loading || props.loading)
+</script>

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

@@ -1,14 +1,64 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col v-if="mdAndUp" cols="12" md="3">
+      <MiscAtomsImageContainer
+        cover
+        :src="imageSrc"
+        :ratio="1 / 1"
+        :loading="isLoading"
+      />
+    </v-col>
+    <v-col cols="12" :md="mdAndUp ? 9 : 12" class="px-6">
+      <v-skeleton-loader
+        v-if="isLoading"
+        :type="
+          [
+            'heading, ossein, text@6, button',
+            'heading, ossein, text@6, button',
+            'heading, ossein, text@4, button',
+            'heading, ossein, text@4, button',
+            'heading, ossein, text@4, button',
+            'heading, ossein, text@4, button',
+          ][['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].indexOf(name || 'md')]
+        "
+      />
+      <template v-else>
+        <div class="text-h5 text-wrap">{{ item.name }}</div>
+        <div v-if="item.summary" class="mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+import { useDisplay } from "vuetify"
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const { name, mdAndUp } = useDisplay()
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  index: { type: Number, required: false, default: 0 },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, required: false, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
+const imageSrc = computed(() => {
+  const img = props.item && props.item.image
+  if (!img) return "/default.png"
+  if (typeof img === "string") return img
+  if (img && img.url) return img
+  return "/default.png"
+})
 </script>
 
 <style></style>

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

@@ -1,22 +1,10 @@
 <template>
-  {{ item }}
+  <v-row no-gutters>
+    <slot />
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
-
-const { $stores } = useNuxtApp();
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-  loading: {
-    type: Boolean,
-    required: false,
-    default: false,
-  },
-});
-
-$stores.actions.loading = false;
+defineProps({ loading: { type: Boolean, default: false } })
 </script>

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="my-2 highlight-on-hover"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-4">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="text-body-1 mt-1">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/affiliation/ExpandedItem.vue

@@ -10,6 +10,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.affiliations.loading = false;
+$stores.affiliations.loading = false
 </script>

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="my-2 highlight-on-hover"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-4">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="text-body-1 mt-1">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/apps/ExpandedItem.vue

@@ -10,7 +10,11 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style></style>

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.apps.loading = false;
+$stores.apps.loading = false
 </script>

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="my-2 highlight-on-hover"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-4">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@6" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="text-body-1 mt-1">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
 })
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

package/dist/runtime/components/disciplines/ExpandedItem.vue

@@ -10,6 +10,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
 })
 </script>
 

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

@@ -1,14 +1,34 @@
 <template>
-  {{ item }}
+  <v-row
+    class="highlight-on-hover pa-3"
+    no-gutters
+    @click="$router.push(pathPrefix)"
+  >
+    <v-col cols="12" class="px-6">
+      <v-skeleton-loader v-if="isLoading" type="heading, text@8, button" />
+      <template v-else>
+        <div class="text-h5">{{ item.name }}</div>
+        <div v-if="item.summary" class="mt-2">
+          <MDC :value="item.summary" />
+        </div>
+      </template>
+    </v-col>
+  </v-row>
+  <v-divider />
 </template>
 
 <script setup>
-defineProps({
-  item: {
-    type: Object,
-    required: true,
-  },
-});
+import { computed } from "#imports"
+import { useRootStore } from "../../stores/root"
+
+const rootStore = useRootStore()
+const props = defineProps({
+  item: { type: Object, required: true },
+  pathPrefix: { type: String, required: true },
+  loading: { type: Boolean, default: false },
+})
+
+const isLoading = computed(() => rootStore.loading || props.loading)
 </script>
 
 <style></style>

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

@@ -3,9 +3,9 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from "#imports";
+import { useNuxtApp } from "#imports"
 
-const { $stores } = useNuxtApp();
+const { $stores } = useNuxtApp()
 defineProps({
   item: {
     type: Object,
@@ -16,7 +16,7 @@ defineProps({
     required: false,
     default: false,
   },
-});
+})
 
-$stores.disciplines.loading = false;
+$stores.disciplines.loading = false
 </script>

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

@@ -25,12 +25,7 @@
       prepend-icon="mdi-television-play"
       size="small"
       class="my-xs-2"
-      :to="
-        localePath({
-          name: 'activities-events-slug',
-          params: { slug: item.slug[locale] },
-        })
-      "
+      :to="prefixPath"
     >
       {{ $t("live-stream-available") }}
     </v-btn>
@@ -62,15 +57,16 @@
 </template>
 
 <script setup>
-import { useLocalePath, useI18n } from "#imports";
-import { useDisplay } from "vuetify";
-const localePath = useLocalePath();
+import { useDisplay } from "vuetify"
 
-const { smAndUp } = useDisplay();
-const { locale } = useI18n();
+const { smAndUp } = useDisplay()
 const props = defineProps({
   item: { type: Object, required: true },
-});
+  pathPrefix: {
+    type: String,
+    required: true,
+  },
+})
 </script>
 
 <style lang="scss" scoped></style>