@data-fair/lib-vuetify 0.1.0

package/personal-menu.vue.js

@@ -0,0 +1,484 @@
+/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
+import { computed, toRefs } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useSession } from '@data-fair/lib/vue/session.js';
+import { useTheme } from 'vuetify';
+import UserAvatar from './user-avatar.vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const theme = useTheme();
+const session = useSession();
+const __VLS_props = defineProps({
+    darkModeSwitch: {
+        type: Boolean,
+        default: false
+    }
+});
+const { t } = useI18n({ useScope: 'local' });
+const { user, account } = toRefs(session.state);
+const switchableOrganizations = computed(() => {
+    const { user, account } = session.state;
+    if (!user || !account)
+        return;
+    return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null));
+});
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        darkModeSwitch: {
+            type: Boolean,
+            default: false
+        }
+    },
+});
+;
+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;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VToolbarItems;
+    /** @type { [typeof __VLS_components.VToolbarItems, typeof __VLS_components.vToolbarItems, typeof __VLS_components.VToolbarItems, typeof __VLS_components.vToolbarItems, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("personal-menu") }, }));
+    const __VLS_2 = __VLS_1({ ...{ class: ("personal-menu") }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    if (!__VLS_ctx.user || !__VLS_ctx.account) {
+        const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
+        /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
+        // @ts-ignore
+        const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ depressed: (true), color: ("primary"), href: ((__VLS_ctx.session.loginUrl())), }));
+        const __VLS_8 = __VLS_7({ depressed: (true), color: ("primary"), href: ((__VLS_ctx.session.loginUrl())), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+        __VLS_directiveAsFunction(__VLS_directives.vT)(null, { ...__VLS_directiveBindingRestFields, value: ('login') }, null, null);
+    }
+    else {
+        const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VMenu;
+        /** @type { [typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, ] } */
+        // @ts-ignore
+        const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ offsetY: (true), nudgeLeft: (true), maxHeight: ("700"), }));
+        const __VLS_14 = __VLS_13({ offsetY: (true), nudgeLeft: (true), maxHeight: ("700"), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { activator: __VLS_thisSlot } = __VLS_nonNullable(__VLS_17.slots);
+            const { props: activatorProps } = __VLS_getSlotParam(__VLS_thisSlot);
+            const __VLS_18 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
+            /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
+            // @ts-ignore
+            const __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({ ...{ class: ("px-0") }, title: ((__VLS_ctx.t('openPersonalMenu'))), ...(activatorProps), }));
+            const __VLS_20 = __VLS_19({ ...{ class: ("px-0") }, title: ((__VLS_ctx.t('openPersonalMenu'))), ...(activatorProps), }, ...__VLS_functionalComponentArgsRest(__VLS_19));
+            // @ts-ignore
+            [UserAvatar,];
+            // @ts-ignore
+            const __VLS_24 = __VLS_asFunctionalComponent(UserAvatar, new UserAvatar({ showAccount: (true), }));
+            const __VLS_25 = __VLS_24({ showAccount: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_24));
+            if (__VLS_ctx.user.pd) {
+                const __VLS_29 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                // @ts-ignore
+                const __VLS_30 = __VLS_asFunctionalComponent(__VLS_29, new __VLS_29({ color: ("warning"), ...{ style: ({}) }, }));
+                const __VLS_31 = __VLS_30({ color: ("warning"), ...{ style: ({}) }, }, ...__VLS_functionalComponentArgsRest(__VLS_30));
+                __VLS_nonNullable(__VLS_34.slots).default;
+                const __VLS_34 = __VLS_pickFunctionalComponentCtx(__VLS_29, __VLS_31);
+            }
+            __VLS_nonNullable(__VLS_23.slots).default;
+            const __VLS_23 = __VLS_pickFunctionalComponentCtx(__VLS_18, __VLS_20);
+        }
+        const __VLS_35 = __VLS_resolvedLocalAndGlobalComponents.VList;
+        /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
+        // @ts-ignore
+        const __VLS_36 = __VLS_asFunctionalComponent(__VLS_35, new __VLS_35({ outlined: (true), ...{ class: ("py-0") }, }));
+        const __VLS_37 = __VLS_36({ outlined: (true), ...{ class: ("py-0") }, }, ...__VLS_functionalComponentArgsRest(__VLS_36));
+        const __VLS_41 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+        /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+        // @ts-ignore
+        const __VLS_42 = __VLS_asFunctionalComponent(__VLS_41, new __VLS_41({ disabled: (true), ...{ style: ((__VLS_ctx.account.type !== 'user' ? 'padding-left:0' : '')) }, ...{ class: ("text--secondary") }, }));
+        const __VLS_43 = __VLS_42({ disabled: (true), ...{ style: ((__VLS_ctx.account.type !== 'user' ? 'padding-left:0' : '')) }, ...{ class: ("text--secondary") }, }, ...__VLS_functionalComponentArgsRest(__VLS_42));
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_46.slots);
+            // @ts-ignore
+            [UserAvatar,];
+            // @ts-ignore
+            const __VLS_47 = __VLS_asFunctionalComponent(UserAvatar, new UserAvatar({ showAccount: (true), ...{ style: ({}) }, }));
+            const __VLS_48 = __VLS_47({ showAccount: (true), ...{ style: ({}) }, }, ...__VLS_functionalComponentArgsRest(__VLS_47));
+        }
+        const __VLS_52 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+        /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+        // @ts-ignore
+        const __VLS_53 = __VLS_asFunctionalComponent(__VLS_52, new __VLS_52({}));
+        const __VLS_54 = __VLS_53({}, ...__VLS_functionalComponentArgsRest(__VLS_53));
+        (__VLS_ctx.account.type === 'user' ? __VLS_ctx.t('personalAccount') : __VLS_ctx.account.name);
+        __VLS_nonNullable(__VLS_57.slots).default;
+        const __VLS_57 = __VLS_pickFunctionalComponentCtx(__VLS_52, __VLS_54);
+        if (__VLS_ctx.account.department) {
+            const __VLS_58 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
+            /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
+            // @ts-ignore
+            const __VLS_59 = __VLS_asFunctionalComponent(__VLS_58, new __VLS_58({}));
+            const __VLS_60 = __VLS_59({}, ...__VLS_functionalComponentArgsRest(__VLS_59));
+            (__VLS_ctx.account.departmentName || __VLS_ctx.account.department);
+            __VLS_nonNullable(__VLS_63.slots).default;
+            const __VLS_63 = __VLS_pickFunctionalComponentCtx(__VLS_58, __VLS_60);
+        }
+        const __VLS_64 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
+        /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
+        // @ts-ignore
+        const __VLS_65 = __VLS_asFunctionalComponent(__VLS_64, new __VLS_64({}));
+        const __VLS_66 = __VLS_65({}, ...__VLS_functionalComponentArgsRest(__VLS_65));
+        (__VLS_ctx.user.name);
+        __VLS_nonNullable(__VLS_69.slots).default;
+        const __VLS_69 = __VLS_pickFunctionalComponentCtx(__VLS_64, __VLS_66);
+        const __VLS_46 = __VLS_pickFunctionalComponentCtx(__VLS_41, __VLS_43);
+        if (__VLS_ctx.user.pd) {
+            const __VLS_70 = __VLS_resolvedLocalAndGlobalComponents.VAlert;
+            /** @type { [typeof __VLS_components.VAlert, typeof __VLS_components.vAlert, typeof __VLS_components.VAlert, typeof __VLS_components.vAlert, ] } */
+            // @ts-ignore
+            const __VLS_71 = __VLS_asFunctionalComponent(__VLS_70, new __VLS_70({ value: ((true)), type: ("warning"), tile: (true), outlined: ((__VLS_ctx.theme.current.value.dark)), ...{ style: ({}) }, }));
+            const __VLS_72 = __VLS_71({ value: ((true)), type: ("warning"), tile: (true), outlined: ((__VLS_ctx.theme.current.value.dark)), ...{ style: ({}) }, }, ...__VLS_functionalComponentArgsRest(__VLS_71));
+            (__VLS_ctx.t('plannedDeletion', { name: __VLS_ctx.user.name, plannedDeletion: __VLS_ctx.$d(new Date(__VLS_ctx.user.pd)) }));
+            __VLS_nonNullable(__VLS_75.slots).default;
+            const __VLS_75 = __VLS_pickFunctionalComponentCtx(__VLS_70, __VLS_72);
+            const __VLS_76 = __VLS_resolvedLocalAndGlobalComponents.VRow;
+            /** @type { [typeof __VLS_components.VRow, typeof __VLS_components.vRow, typeof __VLS_components.VRow, typeof __VLS_components.vRow, ] } */
+            // @ts-ignore
+            const __VLS_77 = __VLS_asFunctionalComponent(__VLS_76, new __VLS_76({ ...{ class: ("justify-center ma-0 mb-2") }, }));
+            const __VLS_78 = __VLS_77({ ...{ class: ("justify-center ma-0 mb-2") }, }, ...__VLS_functionalComponentArgsRest(__VLS_77));
+            const __VLS_82 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
+            /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
+            // @ts-ignore
+            const __VLS_83 = __VLS_asFunctionalComponent(__VLS_82, new __VLS_82({ ...{ 'onClick': {} }, color: ("warning"), }));
+            const __VLS_84 = __VLS_83({ ...{ 'onClick': {} }, color: ("warning"), }, ...__VLS_functionalComponentArgsRest(__VLS_83));
+            let __VLS_88;
+            const __VLS_89 = {
+                onClick: (__VLS_ctx.session.cancelDeletion)
+            };
+            let __VLS_85;
+            let __VLS_86;
+            (__VLS_ctx.t('cancelDeletion'));
+            __VLS_nonNullable(__VLS_87.slots).default;
+            const __VLS_87 = __VLS_pickFunctionalComponentCtx(__VLS_82, __VLS_84);
+            __VLS_nonNullable(__VLS_81.slots).default;
+            const __VLS_81 = __VLS_pickFunctionalComponentCtx(__VLS_76, __VLS_78);
+        }
+        if (__VLS_ctx.user.organizations.length > 1 || (__VLS_ctx.user.organizations.length === 1 && (!__VLS_ctx.user.ipa || __VLS_ctx.account.type === 'user'))) {
+            const __VLS_90 = __VLS_resolvedLocalAndGlobalComponents.VListSubheader;
+            /** @type { [typeof __VLS_components.VListSubheader, typeof __VLS_components.vListSubheader, ] } */
+            // @ts-ignore
+            const __VLS_91 = __VLS_asFunctionalComponent(__VLS_90, new __VLS_90({ ...{ style: ({}) }, }));
+            const __VLS_92 = __VLS_91({ ...{ style: ({}) }, }, ...__VLS_functionalComponentArgsRest(__VLS_91));
+            __VLS_directiveAsFunction(__VLS_directives.vT)(null, { ...__VLS_directiveBindingRestFields, value: ('switchAccount') }, null, null);
+            if (__VLS_ctx.account.type !== 'user' && !__VLS_ctx.user.ipa) {
+                const __VLS_96 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+                /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+                // @ts-ignore
+                const __VLS_97 = __VLS_asFunctionalComponent(__VLS_96, new __VLS_96({ ...{ 'onClick': {} }, id: ("toolbar-menu-switch-user"), }));
+                const __VLS_98 = __VLS_97({ ...{ 'onClick': {} }, id: ("toolbar-menu-switch-user"), }, ...__VLS_functionalComponentArgsRest(__VLS_97));
+                let __VLS_102;
+                const __VLS_103 = {
+                    onClick: (...[$event]) => {
+                        if (!(!((!__VLS_ctx.user || !__VLS_ctx.account))))
+                            return;
+                        if (!((__VLS_ctx.user.organizations.length > 1 || (__VLS_ctx.user.organizations.length === 1 && (!__VLS_ctx.user.ipa || __VLS_ctx.account.type === 'user')))))
+                            return;
+                        if (!((__VLS_ctx.account.type !== 'user' && !__VLS_ctx.user.ipa)))
+                            return;
+                        __VLS_ctx.session.switchOrganization(null);
+                    }
+                };
+                let __VLS_99;
+                let __VLS_100;
+                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+                {
+                    const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_101.slots);
+                    const __VLS_104 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
+                    /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
+                    // @ts-ignore
+                    const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({ size: ((28)), }));
+                    const __VLS_106 = __VLS_105({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_105));
+                    __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/user/${__VLS_ctx.user.id}/avatar.png`)), });
+                    __VLS_nonNullable(__VLS_109.slots).default;
+                    const __VLS_109 = __VLS_pickFunctionalComponentCtx(__VLS_104, __VLS_106);
+                }
+                const __VLS_110 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+                /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+                // @ts-ignore
+                const __VLS_111 = __VLS_asFunctionalComponent(__VLS_110, new __VLS_110({}));
+                const __VLS_112 = __VLS_111({}, ...__VLS_functionalComponentArgsRest(__VLS_111));
+                __VLS_directiveAsFunction(__VLS_directives.vT)(null, { ...__VLS_directiveBindingRestFields, value: ('personalAccount') }, null, null);
+                const __VLS_101 = __VLS_pickFunctionalComponentCtx(__VLS_96, __VLS_98);
+            }
+            for (const [organization] of __VLS_getVForSourceType((__VLS_ctx.switchableOrganizations))) {
+                const __VLS_116 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+                /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+                // @ts-ignore
+                const __VLS_117 = __VLS_asFunctionalComponent(__VLS_116, new __VLS_116({ ...{ 'onClick': {} }, id: (('toolbar-menu-switch-orga-' + organization.id)), key: ((organization.id)), }));
+                const __VLS_118 = __VLS_117({ ...{ 'onClick': {} }, id: (('toolbar-menu-switch-orga-' + organization.id)), key: ((organization.id)), }, ...__VLS_functionalComponentArgsRest(__VLS_117));
+                let __VLS_122;
+                const __VLS_123 = {
+                    onClick: (...[$event]) => {
+                        if (!(!((!__VLS_ctx.user || !__VLS_ctx.account))))
+                            return;
+                        if (!((__VLS_ctx.user.organizations.length > 1 || (__VLS_ctx.user.organizations.length === 1 && (!__VLS_ctx.user.ipa || __VLS_ctx.account.type === 'user')))))
+                            return;
+                        __VLS_ctx.session.switchOrganization(organization.id, organization.department);
+                    }
+                };
+                let __VLS_119;
+                let __VLS_120;
+                __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+                {
+                    const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_121.slots);
+                    const __VLS_124 = __VLS_resolvedLocalAndGlobalComponents.VAvatar;
+                    /** @type { [typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, typeof __VLS_components.VAvatar, typeof __VLS_components.vAvatar, ] } */
+                    // @ts-ignore
+                    const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({ size: ((28)), }));
+                    const __VLS_126 = __VLS_125({ size: ((28)), }, ...__VLS_functionalComponentArgsRest(__VLS_125));
+                    if (organization.department) {
+                        __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/${organization.department}/avatar.png`)), });
+                    }
+                    else {
+                        __VLS_elementAsFunction(__VLS_intrinsicElements.img, __VLS_intrinsicElements.img)({ src: ((`${__VLS_ctx.session.options.directoryUrl}/api/avatars/organization/${organization.id}/avatar.png`)), });
+                    }
+                    __VLS_nonNullable(__VLS_129.slots).default;
+                    const __VLS_129 = __VLS_pickFunctionalComponentCtx(__VLS_124, __VLS_126);
+                }
+                const __VLS_130 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+                /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+                // @ts-ignore
+                const __VLS_131 = __VLS_asFunctionalComponent(__VLS_130, new __VLS_130({}));
+                const __VLS_132 = __VLS_131({}, ...__VLS_functionalComponentArgsRest(__VLS_131));
+                (organization.name);
+                __VLS_nonNullable(__VLS_135.slots).default;
+                const __VLS_135 = __VLS_pickFunctionalComponentCtx(__VLS_130, __VLS_132);
+                if (organization.department) {
+                    const __VLS_136 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
+                    /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
+                    // @ts-ignore
+                    const __VLS_137 = __VLS_asFunctionalComponent(__VLS_136, new __VLS_136({}));
+                    const __VLS_138 = __VLS_137({}, ...__VLS_functionalComponentArgsRest(__VLS_137));
+                    (organization.departmentName || organization.department);
+                    __VLS_nonNullable(__VLS_141.slots).default;
+                    const __VLS_141 = __VLS_pickFunctionalComponentCtx(__VLS_136, __VLS_138);
+                }
+                const __VLS_121 = __VLS_pickFunctionalComponentCtx(__VLS_116, __VLS_118);
+            }
+        }
+        const __VLS_142 = __VLS_resolvedLocalAndGlobalComponents.VDivider;
+        /** @type { [typeof __VLS_components.VDivider, typeof __VLS_components.vDivider, ] } */
+        // @ts-ignore
+        const __VLS_143 = __VLS_asFunctionalComponent(__VLS_142, new __VLS_142({}));
+        const __VLS_144 = __VLS_143({}, ...__VLS_functionalComponentArgsRest(__VLS_143));
+        var __VLS_148 = {};
+        if (__VLS_ctx.user.isAdmin) {
+            const __VLS_149 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+            /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+            // @ts-ignore
+            const __VLS_150 = __VLS_asFunctionalComponent(__VLS_149, new __VLS_149({ density: ("compact"), ...{ class: ("personal-menu-switch-list-item") }, }));
+            const __VLS_151 = __VLS_150({ density: ("compact"), ...{ class: ("personal-menu-switch-list-item") }, }, ...__VLS_functionalComponentArgsRest(__VLS_150));
+            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+            {
+                const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_154.slots);
+                const __VLS_155 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                // @ts-ignore
+                const __VLS_156 = __VLS_asFunctionalComponent(__VLS_155, new __VLS_155({}));
+                const __VLS_157 = __VLS_156({}, ...__VLS_functionalComponentArgsRest(__VLS_156));
+                __VLS_nonNullable(__VLS_160.slots).default;
+                const __VLS_160 = __VLS_pickFunctionalComponentCtx(__VLS_155, __VLS_157);
+            }
+            const __VLS_161 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+            /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+            // @ts-ignore
+            const __VLS_162 = __VLS_asFunctionalComponent(__VLS_161, new __VLS_161({}));
+            const __VLS_163 = __VLS_162({}, ...__VLS_functionalComponentArgsRest(__VLS_162));
+            const __VLS_167 = __VLS_resolvedLocalAndGlobalComponents.VSwitch;
+            /** @type { [typeof __VLS_components.VSwitch, typeof __VLS_components.vSwitch, ] } */
+            // @ts-ignore
+            const __VLS_168 = __VLS_asFunctionalComponent(__VLS_167, new __VLS_167({ ...{ 'onChange': {} }, modelValue: ((__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }));
+            const __VLS_169 = __VLS_168({ ...{ 'onChange': {} }, modelValue: ((__VLS_ctx.user.adminMode)), color: ("admin"), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('adminMode'))), }, ...__VLS_functionalComponentArgsRest(__VLS_168));
+            let __VLS_173;
+            const __VLS_174 = {
+                onChange: (__VLS_ctx.session.setAdminMode)
+            };
+            let __VLS_170;
+            let __VLS_171;
+            const __VLS_172 = __VLS_pickFunctionalComponentCtx(__VLS_167, __VLS_169);
+            __VLS_nonNullable(__VLS_166.slots).default;
+            const __VLS_166 = __VLS_pickFunctionalComponentCtx(__VLS_161, __VLS_163);
+            const __VLS_154 = __VLS_pickFunctionalComponentCtx(__VLS_149, __VLS_151);
+        }
+        if (__VLS_ctx.user.asAdmin) {
+            const __VLS_175 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+            /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+            // @ts-ignore
+            const __VLS_176 = __VLS_asFunctionalComponent(__VLS_175, new __VLS_175({ ...{ 'onClick': {} }, color: ("admin"), density: ("compact"), }));
+            const __VLS_177 = __VLS_176({ ...{ 'onClick': {} }, color: ("admin"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_176));
+            let __VLS_181;
+            const __VLS_182 = {
+                onClick: (...[$event]) => {
+                    if (!(!((!__VLS_ctx.user || !__VLS_ctx.account))))
+                        return;
+                    if (!((__VLS_ctx.user.asAdmin)))
+                        return;
+                    __VLS_ctx.session.asAdmin(null);
+                }
+            };
+            let __VLS_178;
+            let __VLS_179;
+            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+            {
+                const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_180.slots);
+                const __VLS_183 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                // @ts-ignore
+                const __VLS_184 = __VLS_asFunctionalComponent(__VLS_183, new __VLS_183({}));
+                const __VLS_185 = __VLS_184({}, ...__VLS_functionalComponentArgsRest(__VLS_184));
+                __VLS_nonNullable(__VLS_188.slots).default;
+                const __VLS_188 = __VLS_pickFunctionalComponentCtx(__VLS_183, __VLS_185);
+            }
+            const __VLS_189 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+            /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+            // @ts-ignore
+            const __VLS_190 = __VLS_asFunctionalComponent(__VLS_189, new __VLS_189({}));
+            const __VLS_191 = __VLS_190({}, ...__VLS_functionalComponentArgsRest(__VLS_190));
+            (__VLS_ctx.t('backToAdmin'));
+            __VLS_nonNullable(__VLS_194.slots).default;
+            const __VLS_194 = __VLS_pickFunctionalComponentCtx(__VLS_189, __VLS_191);
+            const __VLS_180 = __VLS_pickFunctionalComponentCtx(__VLS_175, __VLS_177);
+        }
+        if (__VLS_ctx.darkModeSwitch) {
+            const __VLS_195 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+            /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+            // @ts-ignore
+            const __VLS_196 = __VLS_asFunctionalComponent(__VLS_195, new __VLS_195({ density: ("compact"), ...{ class: ("personal-menu-switch-list-item") }, }));
+            const __VLS_197 = __VLS_196({ density: ("compact"), ...{ class: ("personal-menu-switch-list-item") }, }, ...__VLS_functionalComponentArgsRest(__VLS_196));
+            __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+            {
+                const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_200.slots);
+                const __VLS_201 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+                /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+                // @ts-ignore
+                const __VLS_202 = __VLS_asFunctionalComponent(__VLS_201, new __VLS_201({}));
+                const __VLS_203 = __VLS_202({}, ...__VLS_functionalComponentArgsRest(__VLS_202));
+                __VLS_nonNullable(__VLS_206.slots).default;
+                const __VLS_206 = __VLS_pickFunctionalComponentCtx(__VLS_201, __VLS_203);
+            }
+            const __VLS_207 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+            /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+            // @ts-ignore
+            const __VLS_208 = __VLS_asFunctionalComponent(__VLS_207, new __VLS_207({}));
+            const __VLS_209 = __VLS_208({}, ...__VLS_functionalComponentArgsRest(__VLS_208));
+            const __VLS_213 = __VLS_resolvedLocalAndGlobalComponents.VSwitch;
+            /** @type { [typeof __VLS_components.VSwitch, typeof __VLS_components.vSwitch, ] } */
+            // @ts-ignore
+            const __VLS_214 = __VLS_asFunctionalComponent(__VLS_213, new __VLS_213({ ...{ 'onChange': {} }, inputValue: ((__VLS_ctx.session.state.dark)), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('darkMode'))), color: ("white"), }));
+            const __VLS_215 = __VLS_214({ ...{ 'onChange': {} }, inputValue: ((__VLS_ctx.session.state.dark)), hideDetails: (true), ...{ class: ("mt-0") }, density: ("compact"), label: ((__VLS_ctx.t('darkMode'))), color: ("white"), }, ...__VLS_functionalComponentArgsRest(__VLS_214));
+            let __VLS_219;
+            const __VLS_220 = {
+                onChange: (() => __VLS_ctx.session.switchDark(!__VLS_ctx.session.state.dark))
+            };
+            let __VLS_216;
+            let __VLS_217;
+            const __VLS_218 = __VLS_pickFunctionalComponentCtx(__VLS_213, __VLS_215);
+            __VLS_nonNullable(__VLS_212.slots).default;
+            const __VLS_212 = __VLS_pickFunctionalComponentCtx(__VLS_207, __VLS_209);
+            const __VLS_200 = __VLS_pickFunctionalComponentCtx(__VLS_195, __VLS_197);
+        }
+        const __VLS_221 = __VLS_resolvedLocalAndGlobalComponents.VDivider;
+        /** @type { [typeof __VLS_components.VDivider, typeof __VLS_components.vDivider, ] } */
+        // @ts-ignore
+        const __VLS_222 = __VLS_asFunctionalComponent(__VLS_221, new __VLS_221({}));
+        const __VLS_223 = __VLS_222({}, ...__VLS_functionalComponentArgsRest(__VLS_222));
+        const __VLS_227 = __VLS_resolvedLocalAndGlobalComponents.VListItem;
+        /** @type { [typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, typeof __VLS_components.VListItem, typeof __VLS_components.vListItem, ] } */
+        // @ts-ignore
+        const __VLS_228 = __VLS_asFunctionalComponent(__VLS_227, new __VLS_227({ ...{ 'onClick': {} }, }));
+        const __VLS_229 = __VLS_228({ ...{ 'onClick': {} }, }, ...__VLS_functionalComponentArgsRest(__VLS_228));
+        let __VLS_233;
+        const __VLS_234 = {
+            onClick: (() => __VLS_ctx.session.logout())
+        };
+        let __VLS_230;
+        let __VLS_231;
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { prepend: __VLS_thisSlot } = __VLS_nonNullable(__VLS_232.slots);
+            const __VLS_235 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
+            /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
+            // @ts-ignore
+            const __VLS_236 = __VLS_asFunctionalComponent(__VLS_235, new __VLS_235({}));
+            const __VLS_237 = __VLS_236({}, ...__VLS_functionalComponentArgsRest(__VLS_236));
+            __VLS_nonNullable(__VLS_240.slots).default;
+            const __VLS_240 = __VLS_pickFunctionalComponentCtx(__VLS_235, __VLS_237);
+        }
+        const __VLS_241 = __VLS_resolvedLocalAndGlobalComponents.VListItemTitle;
+        /** @type { [typeof __VLS_components.VListItemTitle, typeof __VLS_components.vListItemTitle, ] } */
+        // @ts-ignore
+        const __VLS_242 = __VLS_asFunctionalComponent(__VLS_241, new __VLS_241({}));
+        const __VLS_243 = __VLS_242({}, ...__VLS_functionalComponentArgsRest(__VLS_242));
+        __VLS_directiveAsFunction(__VLS_directives.vT)(null, { ...__VLS_directiveBindingRestFields, value: ('logout') }, null, null);
+        const __VLS_232 = __VLS_pickFunctionalComponentCtx(__VLS_227, __VLS_229);
+        __VLS_nonNullable(__VLS_40.slots).default;
+        const __VLS_40 = __VLS_pickFunctionalComponentCtx(__VLS_35, __VLS_37);
+        const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
+    }
+    __VLS_nonNullable(__VLS_5.slots).default;
+    const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
+    __VLS_styleScopedClasses['personal-menu'];
+    __VLS_styleScopedClasses['px-0'];
+    __VLS_styleScopedClasses['py-0'];
+    __VLS_styleScopedClasses['text--secondary'];
+    __VLS_styleScopedClasses['justify-center'];
+    __VLS_styleScopedClasses['ma-0'];
+    __VLS_styleScopedClasses['mb-2'];
+    __VLS_styleScopedClasses['personal-menu-switch-list-item'];
+    __VLS_styleScopedClasses['mt-0'];
+    __VLS_styleScopedClasses['personal-menu-switch-list-item'];
+    __VLS_styleScopedClasses['mt-0'];
+    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 {
+            $props: __VLS_makeOptional(__VLS_props),
+            ...__VLS_props,
+            UserAvatar: UserAvatar,
+            theme: theme,
+            session: session,
+            t: t,
+            user: user,
+            account: account,
+            switchableOrganizations: switchableOrganizations,
+        };
+    },
+});
+const __VLS_component = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            $props: __VLS_makeOptional(__VLS_props),
+            ...__VLS_props,
+        };
+    },
+});
+export default {};
+;
+//# sourceMappingURL=personal-menu.vue.js.map

package/search-address.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { VAutocomplete } from 'vuetify/components/VAutocomplete'
+import { ref, watch } from 'vue'
+import { ofetch } from 'ofetch'
+import { useDebounceFn } from '@vueuse/core'
+
+defineProps<{variant?: VAutocomplete['variant']}>()
+const emit = defineEmits(['selected'])
+const model = defineModel({ type: String })
+
+const addressesList = ref([] as any[])
+const loadingAddresses = ref(false)
+const address = ref(null as any)
+
+const findAdressesFn = async (search: string, selectedId?: string) => {
+  loadingAddresses.value = true
+  if (!search || search.length < 3) {
+    addressesList.value = address.value ? [address.value] : []
+  } else {
+    const params = { q: search }
+    const result = (await ofetch('https://api-adresse.data.gouv.fr/search/', { params }))
+    addressesList.value = result.features.map((f: any) => ({
+      title: f.properties.label,
+      value: {
+        lat: f.geometry.coordinates[1],
+        lon: f.geometry.coordinates[0],
+        ...f.properties
+      }
+    }))
+  }
+  if (selectedId) {
+    address.value = addressesList.value.find(a => a.value.id === selectedId)
+  }
+  loadingAddresses.value = false
+}
+
+const findAdresses = useDebounceFn(findAdressesFn, 300) as typeof findAdressesFn
+
+if (model.value && model.value.length) {
+  // @ts-ignore
+  findAdresses(...JSON.parse(`[${model.value}]`))
+}
+
+watch(
+  address,
+  (addr) => {
+    if (addr) {
+      model.value = JSON.stringify([addr.title, addr.value.id]).slice(1, -1)
+    } else {
+      model.value = undefined
+      addressesList.value = []
+    }
+    emit('selected', addr ? addr.value : undefined)
+  }
+)
+</script>
+
+<template>
+  <v-autocomplete
+    v-model="address"
+    :items="addressesList"
+    :loading="loadingAddresses"
+    no-filter
+    :clearable="true"
+    return-object
+    hide-no-data
+    hide-details
+    label="Adresse"
+    placeholder="Saisissez une adresse"
+    :variant="variant"
+    density="compact"
+    menu-icon=""
+    @update:search="(search: string) => findAdresses(search)"
+  />
+</template>

package/search-address.vue.d.ts

@@ -0,0 +1,14 @@
+import { VAutocomplete } from 'vuetify/components/VAutocomplete';
+declare let __VLS_typeProps: {
+    variant?: VAutocomplete['variant'];
+};
+declare const model: import("vue").ModelRef<string | undefined, string, string | undefined, string | undefined>;
+type __VLS_PublicProps = {
+    modelValue?: typeof model['value'];
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selected: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelected?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;