@data-fair/lib-vuetify 1.6.1 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [

package/ui-notif-alert.vue

@@ -4,10 +4,10 @@
     class="ui-notif-alert"
     v-bind="fullAlertProps"
   >
-    <p>{{ notif.msg }}</p>
+    <p v-if="notif.msg">{{ notif.msg }}</p>
     <p
       v-if="notif.type === 'error'"
-      class="ml-3"
+      :class="notif.msg ? 'ml-3' : ''"
       v-text="notif.errorMsg"
     />
   </v-alert>
@@ -31,7 +31,11 @@ const {notif, alertProps} = defineProps({
 const fullAlertProps = computed(() => {
   const props = { ...alertProps }
   if (!notif) return props
-  props.type = notif.type
+  if (notif.type === 'error') {
+    props.color = notif.clientError ? 'warning' : 'error'
+  } else {
+    props.color = notif.type
+  }
   return props
 })
 

package/ui-notif-alert.vue.js

@@ -16,7 +16,12 @@ const fullAlertProps = computed(() => {
     const props = { ...alertProps };
     if (!notif)
         return props;
-    props.type = notif.type;
+    if (notif.type === 'error') {
+        props.color = notif.clientError ? 'warning' : 'error';
+    }
+    else {
+        props.color = notif.type;
+    }
     return props;
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({
@@ -56,17 +61,18 @@ function __VLS_template() {
         // @ts-ignore
         const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.fullAlertProps), }));
         const __VLS_2 = __VLS_1({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.fullAlertProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
-        __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
-        (__VLS_ctx.notif.msg);
+        if (__VLS_ctx.notif.msg) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+            (__VLS_ctx.notif.msg);
+        }
         if (__VLS_ctx.notif.type === 'error') {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ("ml-3") }, });
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ((__VLS_ctx.notif.msg ? 'ml-3' : '')) }, });
             __VLS_directiveAsFunction(__VLS_directives.vText)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.notif.errorMsg) }, null, null);
         }
         __VLS_nonNullable(__VLS_5.slots).default;
         const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
     }
     __VLS_styleScopedClasses['ui-notif-alert'];
-    __VLS_styleScopedClasses['ml-3'];
     var __VLS_slots;
     var __VLS_inheritedAttrs;
     const __VLS_refs = {};

package/ui-notif.vue

@@ -6,10 +6,10 @@
     class="ui-notif"
     v-bind="fullSnackbarProps"
   >
-    <p>{{ notification.msg }}</p>
+    <p v-if="notification.msg">{{ notification.msg }}</p>
     <p
       v-if="notification.type === 'error'"
-      class="ml-3"
+      :class="notification.msg ? 'ml-3' : ''"
       v-text="notification.errorMsg"
     />
 
@@ -55,8 +55,13 @@ const { snackbarProps } = defineProps({
 const fullSnackbarProps = computed(() => {
   const props = { ...snackbarProps }
   if (!notification.value) return props
-  if (notification.value.type === 'error') props.timeout = -1
-  props.color = notification.value.type
+  if (notification.value.type === 'error') {
+    props.timeout = -1
+    props.color = notification.value.clientError ? 'warning' : 'error'
+  } else {
+    props.color = notification.value.type
+  }
+  
   return props
 })
 

package/ui-notif.vue.js

@@ -27,9 +27,13 @@ const fullSnackbarProps = computed(() => {
     const props = { ...snackbarProps };
     if (!notification.value)
         return props;
-    if (notification.value.type === 'error')
+    if (notification.value.type === 'error') {
         props.timeout = -1;
-    props.color = notification.value.type;
+        props.color = notification.value.clientError ? 'warning' : 'error';
+    }
+    else {
+        props.color = notification.value.type;
+    }
     return props;
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({
@@ -70,10 +74,12 @@ function __VLS_template() {
         // @ts-ignore navigation for `const notificationSnackbar = ref()`
         __VLS_ctx.notificationSnackbar;
         var __VLS_6 = {};
-        __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
-        (__VLS_ctx.notification.msg);
+        if (__VLS_ctx.notification.msg) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+            (__VLS_ctx.notification.msg);
+        }
         if (__VLS_ctx.notification.type === 'error') {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ("ml-3") }, });
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ((__VLS_ctx.notification.msg ? 'ml-3' : '')) }, });
             __VLS_directiveAsFunction(__VLS_directives.vText)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.notification.errorMsg) }, null, null);
         }
         __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
@@ -105,7 +111,6 @@ function __VLS_template() {
         const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
     }
     __VLS_styleScopedClasses['ui-notif'];
-    __VLS_styleScopedClasses['ml-3'];
     var __VLS_slots;
     var __VLS_inheritedAttrs;
     const __VLS_refs = {