@data-fair/lib-vuetify 1.2.0 → 1.3.0

package/lang-switcher.vue

@@ -0,0 +1,48 @@
+<template lang="html">
+  <v-toolbar-items class="lang-switcher">
+    <v-speed-dial
+      v-if="locales.length > 1"
+      direction="bottom"
+      transition="fade-transition"
+    >
+      <template #activator="{props}">
+        <v-btn
+          v-bind="props"
+        >
+          {{ session.lang.value }}
+        </v-btn>
+      </template>
+      <v-btn
+        v-for="locale in locales.filter(l => l !== session.lang.value)"
+        :key="locale"
+        icon
+        @click="setLocale(locale)"
+      >
+        {{ locale }}
+      </v-btn>
+    </v-speed-dial>
+    </v-toolbar-items>
+  </template>
+  
+  <script lang="ts" setup>
+  import { useI18n } from 'vue-i18n'
+  import useSession from '@data-fair/lib-vue/session.js'
+  
+  const i18n = useI18n()
+  const session = useSession()
+  
+  const {locales} = defineProps({
+    locales: {
+      type: Array as () => string[],
+      default: ['fr', 'en']
+    }
+  })
+
+  const setLocale = (locale: string) => {
+    session.switchLang(locale)
+    window.location.reload()
+  }
+  </script>
+  
+  <style lang="css">
+  </style>

package/lang-switcher.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    locales: {
+        type: () => string[];
+        default: string[];
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    locales: {
+        type: () => string[];
+        default: string[];
+    };
+}>> & Readonly<{}>, {
+    locales: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lang-switcher.vue.js

@@ -0,0 +1,132 @@
+/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
+import { useI18n } from 'vue-i18n';
+import useSession from '@data-fair/lib-vue/session.js';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const i18n = useI18n();
+const session = useSession();
+const __VLS_props = defineProps({
+    locales: {
+        type: Array,
+        default: ['fr', 'en']
+    }
+});
+const { locales } = __VLS_props;
+const setLocale = (locale) => {
+    session.switchLang(locale);
+    window.location.reload();
+};
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        locales: {
+            type: Array,
+            default: ['fr', 'en']
+        }
+    },
+});
+;
+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: ("lang-switcher") }, }));
+    const __VLS_2 = __VLS_1({ ...{ class: ("lang-switcher") }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    if (__VLS_ctx.locales.length > 1) {
+        const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VSpeedDial;
+        /** @type { [typeof __VLS_components.VSpeedDial, typeof __VLS_components.vSpeedDial, typeof __VLS_components.VSpeedDial, typeof __VLS_components.vSpeedDial, ] } */
+        // @ts-ignore
+        const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ direction: ("bottom"), transition: ("fade-transition"), }));
+        const __VLS_8 = __VLS_7({ direction: ("bottom"), transition: ("fade-transition"), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
+        __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
+        {
+            const { activator: __VLS_thisSlot } = __VLS_nonNullable(__VLS_11.slots);
+            const [{ props }] = __VLS_getSlotParams(__VLS_thisSlot);
+            const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
+            /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
+            // @ts-ignore
+            const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ ...(props), }));
+            const __VLS_14 = __VLS_13({ ...(props), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+            (__VLS_ctx.session.lang.value);
+            __VLS_nonNullable(__VLS_17.slots).default;
+            const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
+        }
+        for (const [locale] of __VLS_getVForSourceType((__VLS_ctx.locales.filter(l => l !== __VLS_ctx.session.lang.value)))) {
+            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({ ...{ 'onClick': {} }, key: ((locale)), icon: (true), }));
+            const __VLS_20 = __VLS_19({ ...{ 'onClick': {} }, key: ((locale)), icon: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_19));
+            let __VLS_24;
+            const __VLS_25 = {
+                onClick: (...[$event]) => {
+                    if (!((__VLS_ctx.locales.length > 1)))
+                        return;
+                    __VLS_ctx.setLocale(locale);
+                }
+            };
+            let __VLS_21;
+            let __VLS_22;
+            (locale);
+            __VLS_nonNullable(__VLS_23.slots).default;
+            const __VLS_23 = __VLS_pickFunctionalComponentCtx(__VLS_18, __VLS_20);
+        }
+        const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
+    }
+    __VLS_nonNullable(__VLS_5.slots).default;
+    const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
+    __VLS_styleScopedClasses['lang-switcher'];
+    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 {
+            session: session,
+            locales: locales,
+            setLocale: setLocale,
+        };
+    },
+    props: {
+        locales: {
+            type: Array,
+            default: ['fr', 'en']
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        locales: {
+            type: Array,
+            default: ['fr', 'en']
+        }
+    },
+});
+;
+//# sourceMappingURL=lang-switcher.vue.js.map

package/package.json

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