@data-fair/lib-vuetify 1.10.1 → 1.11.1

package/index.js

@@ -1,89 +1,91 @@
-import { fr, en } from 'vuetify/locale'
+import { fr, en } from 'vuetify/locale';
 const baseColors = {
-  primary: '#1E88E5', // blue.darken1
-  secondary: '#42A5F5', // blue.lighten1,
-  accent: '#FF9800', // orange.base
-  error: '#FF5252', // red.accent2
-  info: '#2196F3', // blue.base
-  success: '#4CAF50', // green.base
-  warning: '#E91E63', // pink.base
-  admin: '#E53935' // red.darken1
-}
+    primary: '#1E88E5', // blue.darken1
+    secondary: '#42A5F5', // blue.lighten1,
+    accent: '#FF9800', // orange.base
+    error: '#FF5252', // red.accent2
+    info: '#2196F3', // blue.base
+    success: '#4CAF50', // green.base
+    warning: '#E91E63', // pink.base
+    admin: '#E53935' // red.darken1
+};
 const baseDarkColors = {
-  primary: '#2196F3', // blue.base
-  success: '#00E676' // green.accent3
-}
-export function vuetifySessionOptions (session, cspNonce) {
-  if (!session.site.value) { throw new Error('vuetifySessionOptions requires fething site info in session util') }
-  const colors = { ...baseColors, ...session.site.value?.colors }
-  return {
-    ssr: false,
-    locale: {
-      locale: session.lang.value,
-      messages: { fr, en }
-    },
-    theme: {
-      cspNonce,
-      defaultTheme: session.theme.value ?? 'default',
-      themes: {
-        [session.theme.value ?? 'default']: {
-          dark: session.site.value?.dark,
-          colors,
-          variables: {
-            // deactivate automatic partial transparencies
-            // best to control colors precisely and ensure sufficient contrast for readability
-            'high-emphasis-opacity': 1,
-            'medium-emphasis-opacity': 0.87
-          }
+    primary: '#2196F3', // blue.base
+    success: '#00E676' // green.accent3
+};
+export function vuetifySessionOptions(session, cspNonce) {
+    if (!session.site.value)
+        throw new Error('vuetifySessionOptions requires fething site info in session util');
+    const colors = { ...baseColors, ...session.site.value?.colors };
+    return {
+        ssr: false,
+        locale: {
+            locale: session.lang.value,
+            messages: { fr, en }
+        },
+        theme: {
+            cspNonce,
+            defaultTheme: session.theme.value ?? 'default',
+            themes: {
+                [session.theme.value ?? 'default']: {
+                    dark: session.site.value?.dark,
+                    colors,
+                    variables: {
+                        // deactivate automatic partial transparencies
+                        // best to control colors precisely and ensure sufficient contrast for readability
+                        'high-emphasis-opacity': 1,
+                        'medium-emphasis-opacity': 0.87
+                    }
+                }
+            }
+        },
+        defaults: {
+            VCard: {
+                // white card with light grey border by default
+                variant: 'flat',
+                border: 'sm'
+            }
         }
-      }
-    },
-    defaults: {
-      VCard: {
-        // white card with light grey border by default
-        variant: 'flat',
-        border: 'sm'
-      }
-    }
-  }
+    };
 }
 // TODO: deprecate this in favor of sessionVuetifyOptions
-export function defaultOptions (searchParams, darkCookie = false, locale = 'fr') {
-  // console.warn('vuetify.defaultOptions is deprecated, use vuetifySessionOptions')
-  const dark = searchParams?.dark ? searchParams.dark === 'true' : darkCookie
-  const searchParamsColors = {}
-  for (const colorCode of ['primary', 'secondary']) {
-    if (searchParams?.[colorCode]) { searchParamsColors[colorCode] = searchParams[colorCode] }
-  }
-  const lightColors = { ...baseColors, ...searchParamsColors }
-  const darkColors = { ...baseColors, ...baseDarkColors, ...searchParamsColors }
-  const defaultTheme = dark ? 'dark' : 'light'
-  return {
-    ssr: false,
-    locale: {
-      locale,
-      messages: { fr, en }
-    },
-    theme: {
-      defaultTheme,
-      themes: {
-        light: {
-          dark: false,
-          colors: lightColors
+export function defaultOptions(searchParams, darkCookie = false, locale = 'fr') {
+    // console.warn('vuetify.defaultOptions is deprecated, use vuetifySessionOptions')
+    const dark = searchParams?.dark ? searchParams.dark === 'true' : darkCookie;
+    const searchParamsColors = {};
+    for (const colorCode of ['primary', 'secondary']) {
+        if (searchParams?.[colorCode])
+            searchParamsColors[colorCode] = searchParams[colorCode];
+    }
+    const lightColors = { ...baseColors, ...searchParamsColors };
+    const darkColors = { ...baseColors, ...baseDarkColors, ...searchParamsColors };
+    const defaultTheme = dark ? 'dark' : 'light';
+    return {
+        ssr: false,
+        locale: {
+            locale,
+            messages: { fr, en }
         },
-        dark: {
-          dark: true,
-          colors: darkColors
+        theme: {
+            defaultTheme,
+            themes: {
+                light: {
+                    dark: false,
+                    colors: lightColors
+                },
+                dark: {
+                    dark: true,
+                    colors: darkColors
+                }
+            }
+        },
+        defaults: {
+            VCard: {
+                // grey outlined card by default
+                variant: 'outlined',
+                style: 'border-color: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !important;'
+            }
         }
-      }
-    },
-    defaults: {
-      VCard: {
-        // grey outlined card by default
-        variant: 'outlined',
-        style: 'border-color: rgba(var(--v-theme-on-surface), var(--v-focus-opacity)) !important;'
-      }
-    }
-  }
+    };
 }
-// # sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/navigation-right.vue

@@ -0,0 +1,64 @@
+<template>
+  <!-- Right-side navigation drawer for larger screens -->
+  <v-navigation-drawer
+    v-if="display.lgAndUp.value"
+    color="background"
+    class="pt-6"
+    location="right"
+    permanent
+    floating
+  >
+    <template #default>
+      <v-list
+        data-iframe-height
+        bg-color="background"
+        density="compact"
+      >
+        <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
+          <slot />
+        </v-defaults-provider>
+      </v-list>
+    </template>
+  </v-navigation-drawer>
+
+  <!-- Floating action button for smaller screens -->
+  <v-fab
+    v-else
+    size="small"
+    color="primary"
+    location="top right"
+    app
+    icon
+  >
+    <v-icon
+      :icon="mdiDotsVertical"
+    />
+    <v-menu
+      activator="parent"
+      :close-on-content-click="false"
+    >
+      <v-card
+        max-width="300"
+        class="mt-2"
+      >
+        <v-list
+          data-iframe-height
+          bg-color="background"
+          density="compact"
+        >
+          <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
+            <slot />
+          </v-defaults-provider>
+        </v-list>
+      </v-card>
+    </v-menu>
+  </v-fab>
+</template>
+
+<script setup lang="ts">
+import { mdiDotsVertical } from '@mdi/js'
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
+
+</script>

package/navigation-right.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/navigation-right.vue.js

@@ -0,0 +1,122 @@
+/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
+import { mdiDotsVertical } from '@mdi/js';
+import { useDisplay } from 'vuetify';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const display = useDisplay();
+const __VLS_fnComponent = (await import('vue')).defineComponent({});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    let __VLS_resolvedLocalAndGlobalComponents;
+    if (__VLS_ctx.display.lgAndUp.value) {
+        const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VNavigationDrawer;
+        /** @type { [typeof __VLS_components.VNavigationDrawer, typeof __VLS_components.vNavigationDrawer, typeof __VLS_components.VNavigationDrawer, typeof __VLS_components.vNavigationDrawer, ] } */
+        // @ts-ignore
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ color: ("background"), ...{ class: ("pt-6") }, location: ("right"), permanent: (true), floating: (true), }));
+        const __VLS_2 = __VLS_1({ color: ("background"), ...{ class: ("pt-6") }, location: ("right"), permanent: (true), floating: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { default: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
+            const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VList;
+            /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
+            // @ts-ignore
+            const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }));
+            const __VLS_8 = __VLS_7({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+            const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
+            /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
+            // @ts-ignore
+            const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ defaults: (({ VListItem: { rounded: true } })), }));
+            const __VLS_14 = __VLS_13({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+            var __VLS_18 = {};
+            __VLS_nonNullable(__VLS_17.slots).default;
+            const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
+            __VLS_nonNullable(__VLS_11.slots).default;
+            const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
+        }
+        const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
+    }
+    else {
+        const __VLS_19 = __VLS_resolvedLocalAndGlobalComponents.VFab;
+        /** @type { [typeof __VLS_components.VFab, typeof __VLS_components.vFab, typeof __VLS_components.VFab, typeof __VLS_components.vFab, ] } */
+        // @ts-ignore
+        const __VLS_20 = __VLS_asFunctionalComponent(__VLS_19, new __VLS_19({ size: ("small"), color: ("primary"), location: ("top right"), app: (true), icon: (true), }));
+        const __VLS_21 = __VLS_20({ size: ("small"), color: ("primary"), location: ("top right"), app: (true), icon: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_20));
+        const __VLS_25 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+        /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+        // @ts-ignore
+        const __VLS_26 = __VLS_asFunctionalComponent(__VLS_25, new __VLS_25({ icon: ((__VLS_ctx.mdiDotsVertical)), }));
+        const __VLS_27 = __VLS_26({ icon: ((__VLS_ctx.mdiDotsVertical)), }, ...__VLS_functionalComponentArgsRest(__VLS_26));
+        const __VLS_31 = __VLS_resolvedLocalAndGlobalComponents.VMenu;
+        /** @type { [typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, ] } */
+        // @ts-ignore
+        const __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31({ activator: ("parent"), closeOnContentClick: ((false)), }));
+        const __VLS_33 = __VLS_32({ activator: ("parent"), closeOnContentClick: ((false)), }, ...__VLS_functionalComponentArgsRest(__VLS_32));
+        const __VLS_37 = __VLS_resolvedLocalAndGlobalComponents.VCard;
+        /** @type { [typeof __VLS_components.VCard, typeof __VLS_components.vCard, typeof __VLS_components.VCard, typeof __VLS_components.vCard, ] } */
+        // @ts-ignore
+        const __VLS_38 = __VLS_asFunctionalComponent(__VLS_37, new __VLS_37({ maxWidth: ("300"), ...{ class: ("mt-2") }, }));
+        const __VLS_39 = __VLS_38({ maxWidth: ("300"), ...{ class: ("mt-2") }, }, ...__VLS_functionalComponentArgsRest(__VLS_38));
+        const __VLS_43 = __VLS_resolvedLocalAndGlobalComponents.VList;
+        /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
+        // @ts-ignore
+        const __VLS_44 = __VLS_asFunctionalComponent(__VLS_43, new __VLS_43({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }));
+        const __VLS_45 = __VLS_44({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+        const __VLS_49 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
+        /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
+        // @ts-ignore
+        const __VLS_50 = __VLS_asFunctionalComponent(__VLS_49, new __VLS_49({ defaults: (({ VListItem: { rounded: true } })), }));
+        const __VLS_51 = __VLS_50({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+        var __VLS_55 = {};
+        __VLS_nonNullable(__VLS_54.slots).default;
+        const __VLS_54 = __VLS_pickFunctionalComponentCtx(__VLS_49, __VLS_51);
+        __VLS_nonNullable(__VLS_48.slots).default;
+        const __VLS_48 = __VLS_pickFunctionalComponentCtx(__VLS_43, __VLS_45);
+        __VLS_nonNullable(__VLS_42.slots).default;
+        const __VLS_42 = __VLS_pickFunctionalComponentCtx(__VLS_37, __VLS_39);
+        __VLS_nonNullable(__VLS_36.slots).default;
+        const __VLS_36 = __VLS_pickFunctionalComponentCtx(__VLS_31, __VLS_33);
+        __VLS_nonNullable(__VLS_24.slots).default;
+        const __VLS_24 = __VLS_pickFunctionalComponentCtx(__VLS_19, __VLS_21);
+    }
+    __VLS_styleScopedClasses['pt-6'];
+    __VLS_styleScopedClasses['mt-2'];
+    var __VLS_slots;
+    var __VLS_inheritedAttrs;
+    const __VLS_refs = {};
+    var $refs;
+    return {
+        slots: __VLS_slots,
+        refs: $refs,
+        attrs: {},
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            mdiDotsVertical: mdiDotsVertical,
+            display: display,
+        };
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+export default {};
+;
+//# sourceMappingURL=navigation-right.vue.js.map

package/package.json

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

package/vite.d.ts

@@ -7,9 +7,20 @@ export declare const autoImports: (string | {
     '@data-fair/lib-vue/fetch.js': string[];
     '@data-fair/lib-vue/ws.js': string[];
     '@data-fair/lib-vue/async-action.js': string[];
+    '@data-fair/lib-vue/deep-diff.js': string[];
 } | {
+    '@data-fair/lib-vuetify/date-match-filter.vue': string[][];
+    '@data-fair/lib-vuetify/date-range-picker.vue': string[][];
+    '@data-fair/lib-vuetify/lang-switcher.vue': string[][];
+    '@data-fair/lib-vuetify/navigation-right.vue': string[][];
+    '@data-fair/lib-vuetify/owner-avatar.vue': string[][];
+    '@data-fair/lib-vuetify/owner-pick.vue': string[][];
     '@data-fair/lib-vuetify/personal-menu.vue': string[][];
+    '@data-fair/lib-vuetify/search-address.vue': string[][];
+    '@data-fair/lib-vuetify/theme-switcher.vue': string[][];
     '@data-fair/lib-vuetify/tutorial-alert.vue': string[][];
-    '@data-fair/lib-vuetify/user-avatar.vue': string[][];
+    '@data-fair/lib-vuetify/ui-notif-alert.vue': string[][];
+    '@data-fair/lib-vuetify/ui-notif.vue': string[][];
+    '@data-fair/lib-vuetify/ui-user-avatar.vue': string[][];
 })[];
 export declare const settingsPath: string;

package/vite.js

@@ -1,12 +1,22 @@
 // made for https://github.com/unplugin/unplugin-auto-import
-import { autoImports as vueAutoImports } from '@data-fair/lib-vue/vite.js'
+import { autoImports as vueAutoImports } from '@data-fair/lib-vue/vite.js';
 export const autoImports = [
-  ...vueAutoImports,
-  {
-    '@data-fair/lib-vuetify/personal-menu.vue': [['default', 'dfPersonalMenu']],
-    '@data-fair/lib-vuetify/tutorial-alert.vue': [['default', 'dfTutorialAlert']],
-    '@data-fair/lib-vuetify/user-avatar.vue': [['default', 'dfUserAvatar']]
-  }
-]
-export const settingsPath = new URL(import.meta.resolve('@data-fair/lib-vuetify/style/settings.scss')).pathname
-// # sourceMappingURL=vite.js.map
+    ...vueAutoImports,
+    {
+        '@data-fair/lib-vuetify/date-match-filter.vue': [['default', 'dfDateMatchFilter']],
+        '@data-fair/lib-vuetify/date-range-picker.vue': [['default', 'dfDateRangePicker']],
+        '@data-fair/lib-vuetify/lang-switcher.vue': [['default', 'dfLangSwitcher']],
+        '@data-fair/lib-vuetify/navigation-right.vue': [['default', 'dfNavigationRight']],
+        '@data-fair/lib-vuetify/owner-avatar.vue': [['default', 'dfOwnerAvatar']],
+        '@data-fair/lib-vuetify/owner-pick.vue': [['default', 'dfOwnerPick']],
+        '@data-fair/lib-vuetify/personal-menu.vue': [['default', 'dfPersonalMenu']],
+        '@data-fair/lib-vuetify/search-address.vue': [['default', 'dfSearchAddress']],
+        '@data-fair/lib-vuetify/theme-switcher.vue': [['default', 'dfThemeSwitcher']],
+        '@data-fair/lib-vuetify/tutorial-alert.vue': [['default', 'dfTutorialAlert']],
+        '@data-fair/lib-vuetify/ui-notif-alert.vue': [['default', 'dfUiNotifAlert']],
+        '@data-fair/lib-vuetify/ui-notif.vue': [['default', 'dfUiNotif']],
+        '@data-fair/lib-vuetify/ui-user-avatar.vue': [['default', 'dfUserAvatar']]
+    }
+];
+export const settingsPath = new URL(import.meta.resolve('@data-fair/lib-vuetify/style/settings.scss')).pathname;
+//# sourceMappingURL=vite.js.map