@data-fair/lib-vuetify 2.0.1 → 2.0.3

package/lang-switcher.vue

@@ -4,6 +4,7 @@
       v-if="locales.length > 1"
       direction="bottom"
       transition="fade-transition"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
     >
       <template #activator="{props}">
         <v-btn

package/lang-switcher.vue.js

@@ -35,10 +35,12 @@ if (locales.length > 1) {
     const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         direction: "bottom",
         transition: "fade-transition",
+        ...{ style: {} },
     }));
     const __VLS_7 = __VLS_6({
         direction: "bottom",
         transition: "fade-transition",
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_6));
     __VLS_8.slots.default;
     {

package/navigation-right.vue

@@ -1,5 +1,6 @@
 <template>
   <!-- Right-side navigation drawer for larger screens -->
+   <!-- order=1 is to be to the left of the agent chat -->
   <v-navigation-drawer
     v-if="display.lgAndUp.value"
     color="background"
@@ -7,6 +8,7 @@
     location="right"
     permanent
     floating
+    order="1"
   >
     <template #default>
       <v-list

package/navigation-right.vue.js

@@ -40,6 +40,7 @@ if (__VLS_ctx.display.lgAndUp.value) {
         location: "right",
         permanent: true,
         floating: true,
+        order: "1",
     }));
     const __VLS_2 = __VLS_1({
         color: "background",
@@ -47,6 +48,7 @@ if (__VLS_ctx.display.lgAndUp.value) {
         location: "right",
         permanent: true,
         floating: true,
+        order: "1",
     }, ...__VLS_functionalComponentArgsRest(__VLS_1));
     __VLS_3.slots.default;
     {

package/package.json

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

package/personal-menu.vue

@@ -11,6 +11,7 @@
       v-else
       offset-y
       class="ml-n4"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
       max-height="700"
     >
       <template #activator="{props: activatorProps}">

package/personal-menu.vue.js

@@ -53,11 +53,13 @@ else {
     const __VLS_10 = __VLS_asFunctionalComponent(__VLS_9, new __VLS_9({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
         maxHeight: "700",
     }));
     const __VLS_11 = __VLS_10({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
         maxHeight: "700",
     }, ...__VLS_functionalComponentArgsRest(__VLS_10));
     __VLS_12.slots.default;

package/theme-switcher.vue

@@ -1,8 +1,9 @@
 <template>
-  <v-toolbar-items class="theme-switcher" v-if="session.fullSite.value?.theme.dark || session.fullSite.value?.theme.hc || session.fullSite.value?.theme.hcDark">
+  <v-toolbar-items class="theme-switcher" v-if="session.fullSite.value?.theme.dark || session.fullSite.value?.theme.hc || session.fullSite.value?.theme.hcDark">
     <v-menu
       offset-y
       class="ml-n4"
+      style="z-index: 2600; /* Higher than agent-chat's 2500 */"
     >
       <template #activator="{props: activatorProps}">
         <v-btn

package/theme-switcher.vue.js

@@ -28,10 +28,12 @@ if (__VLS_ctx.session.fullSite.value?.theme.dark || __VLS_ctx.session.fullSite.v
     const __VLS_6 = __VLS_asFunctionalComponent(__VLS_5, new __VLS_5({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
     }));
     const __VLS_7 = __VLS_6({
         offsetY: true,
         ...{ class: "ml-n4" },
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_6));
     __VLS_8.slots.default;
     {

package/ui-notif.vue

@@ -5,6 +5,7 @@
     v-model="showNotification"
     class="ui-notif"
     v-bind="fullSnackbarProps"
+    style="z-index: 2600; /* Higher than agent-chat's 2500 */"
   >
     <p v-if="notification.msg">{{ notification.msg }}</p>
     <p

package/ui-notif.vue.js

@@ -49,12 +49,14 @@ if (__VLS_ctx.notification) {
         modelValue: (__VLS_ctx.showNotification),
         ...{ class: "ui-notif" },
         ...(__VLS_ctx.fullSnackbarProps),
+        ...{ style: {} },
     }));
     const __VLS_2 = __VLS_1({
         ref: "notificationSnackbar",
         modelValue: (__VLS_ctx.showNotification),
         ...{ class: "ui-notif" },
         ...(__VLS_ctx.fullSnackbarProps),
+        ...{ style: {} },
     }, ...__VLS_functionalComponentArgsRest(__VLS_1));
     /** @type {typeof __VLS_ctx.notificationSnackbar} */ ;
     var __VLS_4 = {};