@data-fair/lib-vuetify 1.6.3 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/index.js +0 -3
  2. package/lang-switcher.vue +0 -2
  3. package/lang-switcher.vue.js +0 -2
  4. package/owner-avatar.vue +1 -6
  5. package/owner-avatar.vue.js +3 -6
  6. package/package.json +1 -1
  7. package/personal-menu.vue +8 -13
  8. package/personal-menu.vue.js +6 -17
  9. package/ui-notif-alert.vue +1 -1
  10. package/user-avatar.vue +7 -21
  11. package/user-avatar.vue.js +12 -33
package/index.js CHANGED
@@ -42,9 +42,6 @@ export function vuetifySessionOptions (session) {
42
42
  // white card with light grey border by default
43
43
  variant: 'flat',
44
44
  border: 'sm'
45
- },
46
- global: {
47
- rounded: 'pill'
48
45
  }
49
46
  }
50
47
  }
package/lang-switcher.vue CHANGED
@@ -25,10 +25,8 @@
25
25
  </template>
26
26
 
27
27
  <script lang="ts" setup>
28
- import { useI18n } from 'vue-i18n'
29
28
  import useSession from '@data-fair/lib-vue/session.js'
30
29
 
31
- const i18n = useI18n()
32
30
  const session = useSession()
33
31
 
34
32
  const {locales} = defineProps({
package/lang-switcher.vue.js CHANGED
@@ -1,8 +1,6 @@
1
1
  /// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
2
- import { useI18n } from 'vue-i18n';
3
2
  import useSession from '@data-fair/lib-vue/session.js';
4
3
  const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
5
- const i18n = useI18n();
6
4
  const session = useSession();
7
5
  const __VLS_props = defineProps({
8
6
  locales: {
package/owner-avatar.vue CHANGED
@@ -5,12 +5,7 @@
5
5
  v-bind="props"
6
6
  class="text-body-2"
7
7
  >
8
- <v-avatar :size="28">
9
- <img
10
- :src="avatarUrl"
11
- style="object-fit: cover; width: 100%; height: 100%;"
12
- >
13
- </v-avatar>
8
+ <v-avatar :size="28" :image="avatarUrl" />
14
9
  </span>
15
10
  </template>
16
11
  {{ label }}
package/owner-avatar.vue.js CHANGED
@@ -59,13 +59,10 @@ function __VLS_template() {
59
59
  const [{ props }] = __VLS_getSlotParams(__VLS_thisSlot);
60
60
  __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...(props), ...{ class: ("text-body-2") }, });
61
61
  const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
62
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
62
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
63
63
  // @ts-ignore
64
- const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ size: ((28)), }));
65
- const __VLS_8 = __VLS_7({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
66
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((__VLS_ctx.avatarUrl)), ...{ style: ({}) }, });
67
- __VLS_nonNullable(__VLS_11.slots).default;
68
- const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
64
+ const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ size: ((28)), image: ((__VLS_ctx.avatarUrl)), }));
65
+ const __VLS_8 = __VLS_7({ size: ((28)), image: ((__VLS_ctx.avatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
69
66
  }
70
67
  (__VLS_ctx.label);
71
68
  const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@data-fair/lib-vuetify",
3
- "version": "1.6.3",
3
+ "version": "1.6.5",
4
4
  "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
5
5
  "main": "index.js",
6
6
  "files": [
package/personal-menu.vue CHANGED
@@ -89,9 +89,10 @@
89
89
  @click="session.switchOrganization(null)"
90
90
  >
91
91
  <template #prepend>
92
- <v-avatar :size="28">
93
- <img :src="`${session.options.directoryUrl}/api/avatars/user/${user.id}/avatar.png`">
94
- </v-avatar>
92
+ <v-avatar
93
+ :size="28"
94
+ :image="`${session.options.directoryUrl}/api/avatars/user/${user.id}/avatar.png`"
95
+ />
95
96
  </template>
96
97
  <v-list-item-title v-t="'personalAccount'" />
97
98
  </v-list-item>
@@ -102,16 +103,10 @@
102
103
  @click="session.switchOrganization(organization.id , organization.department)"
103
104
  >
104
105
  <template #prepend>
105
- <v-avatar :size="28">
106
- <img
107
- v-if="organization.department"
108
- :src="`${session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png`"
109
- >
110
- <img
111
- v-else
112
- :src="`${session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`"
113
- >
114
- </v-avatar>
106
+ <v-avatar
107
+ :size="28"
108
+ :image="organization.department ? `${session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`"
109
+ />
115
110
  </template>
116
111
  <v-list-item-title>
117
112
  {{ organization.name }}
package/personal-menu.vue.js CHANGED
@@ -200,13 +200,10 @@ function __VLS_template() {
200
200
  {
201
201
  const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_101.slots);
202
202
  const __VLS_104 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
203
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
203
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
204
204
  // @ts-ignore
205
- const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({ size: ((28)), }));
206
- const __VLS_106 = __VLS_105({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_105));
207
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), });
208
- __VLS_nonNullable(__VLS_109.slots).default;
209
- const __VLS_109 = __VLS_pickFunctionalComponentCtx(__VLS_104, __VLS_106);
205
+ const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({ size: ((28)), image: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), }));
206
+ const __VLS_106 = __VLS_105({ size: ((28)), image: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), }, ...__VLS_functionalComponentArgsRest(__VLS_105));
210
207
  }
211
208
  const __VLS_110 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
212
209
  /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
@@ -238,18 +235,10 @@ function __VLS_template() {
238
235
  {
239
236
  const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_121.slots);
240
237
  const __VLS_124 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
241
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
238
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
242
239
  // @ts-ignore
243
- const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({ size: ((28)), }));
244
- const __VLS_126 = __VLS_125({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_125));
245
- if (organization.department) {
246
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png`)), });
247
- }
248
- else {
249
- __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), });
250
- }
251
- __VLS_nonNullable(__VLS_129.slots).default;
252
- const __VLS_129 = __VLS_pickFunctionalComponentCtx(__VLS_124, __VLS_126);
240
+ const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({ size: ((28)), image: ((organization.department ? `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), }));
241
+ const __VLS_126 = __VLS_125({ size: ((28)), image: ((organization.department ? `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png` : `${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), }, ...__VLS_functionalComponentArgsRest(__VLS_125));
253
242
  }
254
243
  const __VLS_130 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
255
244
  /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
package/ui-notif-alert.vue CHANGED
@@ -15,7 +15,7 @@
15
15
 
16
16
  <script setup lang="ts">
17
17
  import { computed } from 'vue'
18
- import { type UiNotif, useUiNotif } from '@data-fair/lib-vue/ui-notif.js'
18
+ import { type UiNotif } from '@data-fair/lib-vue/ui-notif.js'
19
19
 
20
20
  const {notif, alertProps} = defineProps({
21
21
  notif: {
package/user-avatar.vue CHANGED
@@ -2,40 +2,26 @@
2
2
  <div
3
3
  class="sd-avatar"
4
4
  :class="{'has-secondary-avatar': showSecondAvatar}"
5
+ aria-hidden
5
6
  >
6
7
  <v-avatar
7
8
  v-if="showAccount && session.state.account && session.state.account.type === 'user'"
8
9
  class="primary-avatar"
9
10
  :size="36"
10
- >
11
- <v-img
12
- :src="userAvatarUrl"
13
- aria-hidden
14
- alt=""
15
- />
16
- </v-avatar>
11
+ :image="userAvatarUrl"
12
+ />
17
13
  <v-avatar
18
14
  v-else
19
15
  class="primary-avatar"
20
16
  :size="36"
21
- >
22
- <v-img
23
- :src="accountAvatarUrl"
24
- aria-hidden
25
- alt=""
26
- />
27
- </v-avatar>
17
+ :image="accountAvatarUrl"
18
+ />
28
19
  <v-avatar
29
20
  v-if="showSecondAvatar"
30
21
  class="secondary-avatar"
31
22
  :size="28"
32
- >
33
- <v-img
34
- :src="userAvatarUrl"
35
- aria-hidden
36
- alt=""
37
- />
38
- </v-avatar>
23
+ :image="userAvatarUrl"
24
+ />
39
25
  </div>
40
26
  </template>
41
27
 
package/user-avatar.vue.js CHANGED
@@ -41,48 +41,27 @@ function __VLS_template() {
41
41
  // CSS variable injection
42
42
  // CSS variable injection end
43
43
  let __VLS_resolvedLocalAndGlobalComponents;
44
- __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("sd-avatar") }, ...{ class: (({ 'has-secondary-avatar': __VLS_ctx.showSecondAvatar })) }, });
44
+ __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("sd-avatar") }, ...{ class: (({ 'has-secondary-avatar': __VLS_ctx.showSecondAvatar })) }, "aria-hidden": (true), });
45
45
  if (__VLS_ctx.showAccount && __VLS_ctx.session.state.account && __VLS_ctx.session.state.account.type === 'user') {
46
46
  const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
47
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
47
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
48
48
  // @ts-ignore
49
- const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("primary-avatar") }, size: ((36)), }));
50
- const __VLS_2 = __VLS_1({ ...{ class: ("primary-avatar") }, size: ((36)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
51
- const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VImg;
52
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
53
- // @ts-ignore
54
- const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }));
55
- const __VLS_8 = __VLS_7({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
56
- __VLS_nonNullable(__VLS_5.slots).default;
57
- const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
49
+ const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.userAvatarUrl)), }));
50
+ const __VLS_2 = __VLS_1({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.userAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
58
51
  }
59
52
  else {
60
- const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
61
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
62
- // @ts-ignore
63
- const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...{ class: ("primary-avatar") }, size: ((36)), }));
64
- const __VLS_14 = __VLS_13({ ...{ class: ("primary-avatar") }, size: ((36)), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
65
- const __VLS_18 = __VLS_resolvedLocalAndGlobalComponents.VImg;
66
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
53
+ const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
54
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
67
55
  // @ts-ignore
68
- const __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({ src: ((__VLS_ctx.accountAvatarUrl)), "aria-hidden": (true), alt: (""), }));
69
- const __VLS_20 = __VLS_19({ src: ((__VLS_ctx.accountAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_19));
70
- __VLS_nonNullable(__VLS_17.slots).default;
71
- const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
56
+ const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.accountAvatarUrl)), }));
57
+ const __VLS_8 = __VLS_7({ ...{ class: ("primary-avatar") }, size: ((36)), image: ((__VLS_ctx.accountAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
72
58
  }
73
59
  if (__VLS_ctx.showSecondAvatar) {
74
- const __VLS_24 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
75
- /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
76
- // @ts-ignore
77
- const __VLS_25 = __VLS_asFunctionalComponent(__VLS_24, new __VLS_24({ ...{ class: ("secondary-avatar") }, size: ((28)), }));
78
- const __VLS_26 = __VLS_25({ ...{ class: ("secondary-avatar") }, size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_25));
79
- const __VLS_30 = __VLS_resolvedLocalAndGlobalComponents.VImg;
80
- /** @type { [typeof __VLS_components.VImg, typeof __VLS_components.vImg, ] } */
60
+ const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
61
+ /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
81
62
  // @ts-ignore
82
- const __VLS_31 = __VLS_asFunctionalComponent(__VLS_30, new __VLS_30({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }));
83
- const __VLS_32 = __VLS_31({ src: ((__VLS_ctx.userAvatarUrl)), "aria-hidden": (true), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_31));
84
- __VLS_nonNullable(__VLS_29.slots).default;
85
- const __VLS_29 = __VLS_pickFunctionalComponentCtx(__VLS_24, __VLS_26);
63
+ const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...{ class: ("secondary-avatar") }, size: ((28)), image: ((__VLS_ctx.userAvatarUrl)), }));
64
+ const __VLS_14 = __VLS_13({ ...{ class: ("secondary-avatar") }, size: ((28)), image: ((__VLS_ctx.userAvatarUrl)), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
86
65
  }
87
66
  __VLS_styleScopedClasses['sd-avatar'];
88
67
  __VLS_styleScopedClasses['has-secondary-avatar'];