@data-fair/lib-vuetify 1.11.0 → 1.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/navigation-right.vue +41 -26
  2. package/navigation-right.vue.js +62 -26
  3. package/package.json +1 -1
package/navigation-right.vue CHANGED
@@ -1,35 +1,58 @@
1
1
  <template>
2
+ <!-- Right-side navigation drawer for larger screens -->
2
3
  <v-navigation-drawer
3
4
  v-if="display.lgAndUp.value"
4
- class="navigation-right-drawer pl-2"
5
+ color="background"
6
+ class="pt-6"
5
7
  location="right"
6
8
  permanent
7
9
  floating
8
- position="fixed"
9
- color="surface"
10
- style="padding-top: 60px; background-color: transparent;"
11
10
  >
12
- <slot />
11
+ <template #default>
12
+ <v-list
13
+ data-iframe-height
14
+ bg-color="background"
15
+ density="compact"
16
+ >
17
+ <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
18
+ <slot />
19
+ </v-defaults-provider>
20
+ </v-list>
21
+ </template>
13
22
  </v-navigation-drawer>
14
- <div
23
+
24
+ <!-- Floating action button for smaller screens -->
25
+ <v-fab
15
26
  v-else
16
- class="navigation-right-button mt-4"
27
+ size="small"
28
+ color="primary"
29
+ location="top right"
30
+ app
31
+ icon
17
32
  >
33
+ <v-icon
34
+ :icon="mdiDotsVertical"
35
+ />
18
36
  <v-menu
19
- location="bottom left"
37
+ activator="parent"
20
38
  :close-on-content-click="false"
21
39
  >
22
- <template #activator="{ props }">
23
- <v-btn
24
- v-bind="props"
25
- size="small"
26
- color="primary"
27
- :icon="mdiDotsVertical"
28
- />
29
- </template>
30
- <slot />
40
+ <v-card
41
+ max-width="300"
42
+ class="mt-2"
43
+ >
44
+ <v-list
45
+ data-iframe-height
46
+ bg-color="background"
47
+ density="compact"
48
+ >
49
+ <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
50
+ <slot />
51
+ </v-defaults-provider>
52
+ </v-list>
53
+ </v-card>
31
54
  </v-menu>
32
- </div>
55
+ </v-fab>
33
56
  </template>
34
57
 
35
58
  <script setup lang="ts">
@@ -39,11 +62,3 @@ import { useDisplay } from 'vuetify'
39
62
  const display = useDisplay()
40
63
 
41
64
  </script>
42
-
43
- <style>
44
- .navigation-right-button {
45
- z-index: 1000;
46
- position: fixed;
47
- right: 20px;
48
- }
49
- </style>
package/navigation-right.vue.js CHANGED
@@ -20,43 +20,79 @@ function __VLS_template() {
20
20
  };
21
21
  let __VLS_directives;
22
22
  let __VLS_styleScopedClasses;
23
- // CSS variable injection
24
- // CSS variable injection end
25
23
  let __VLS_resolvedLocalAndGlobalComponents;
26
24
  if (__VLS_ctx.display.lgAndUp.value) {
27
25
  const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VNavigationDrawer;
28
26
  /** @type { [typeof __VLS_components.VNavigationDrawer, typeof __VLS_components.vNavigationDrawer, typeof __VLS_components.VNavigationDrawer, typeof __VLS_components.vNavigationDrawer, ] } */
29
27
  // @ts-ignore
30
- const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("navigation-right-drawer pl-2") }, location: ("right"), permanent: (true), floating: (true), position: ("fixed"), color: ("surface"), ...{ style: ({}) }, }));
31
- const __VLS_2 = __VLS_1({ ...{ class: ("navigation-right-drawer pl-2") }, location: ("right"), permanent: (true), floating: (true), position: ("fixed"), color: ("surface"), ...{ style: ({}) }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
32
- var __VLS_6 = {};
33
- __VLS_nonNullable(__VLS_5.slots).default;
28
+ const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ color: ("background"), ...{ class: ("pt-6") }, location: ("right"), permanent: (true), floating: (true), }));
29
+ const __VLS_2 = __VLS_1({ color: ("background"), ...{ class: ("pt-6") }, location: ("right"), permanent: (true), floating: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
30
+ __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
31
+ {
32
+ const { default: __VLS_thisSlot } = __VLS_nonNullable(__VLS_5.slots);
33
+ const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.VList;
34
+ /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
35
+ // @ts-ignore
36
+ const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }));
37
+ const __VLS_8 = __VLS_7({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_7));
38
+ const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
39
+ /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
40
+ // @ts-ignore
41
+ const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ defaults: (({ VListItem: { rounded: true } })), }));
42
+ const __VLS_14 = __VLS_13({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
43
+ var __VLS_18 = {};
44
+ __VLS_nonNullable(__VLS_17.slots).default;
45
+ const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
46
+ __VLS_nonNullable(__VLS_11.slots).default;
47
+ const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
48
+ }
34
49
  const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
35
50
  }
36
51
  else {
37
- __VLS_elementAsFunction(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({ ...{ class: ("navigation-right-button mt-4") }, });
38
- const __VLS_7 = __VLS_resolvedLocalAndGlobalComponents.VMenu;
52
+ const __VLS_19 = __VLS_resolvedLocalAndGlobalComponents.VFab;
53
+ /** @type { [typeof __VLS_components.VFab, typeof __VLS_components.vFab, typeof __VLS_components.VFab, typeof __VLS_components.vFab, ] } */
54
+ // @ts-ignore
55
+ const __VLS_20 = __VLS_asFunctionalComponent(__VLS_19, new __VLS_19({ size: ("small"), color: ("primary"), location: ("top right"), app: (true), icon: (true), }));
56
+ const __VLS_21 = __VLS_20({ size: ("small"), color: ("primary"), location: ("top right"), app: (true), icon: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_20));
57
+ const __VLS_25 = __VLS_resolvedLocalAndGlobalComponents.VIcon;
58
+ /** @type { [typeof __VLS_components.VIcon, typeof __VLS_components.vIcon, ] } */
59
+ // @ts-ignore
60
+ const __VLS_26 = __VLS_asFunctionalComponent(__VLS_25, new __VLS_25({ icon: ((__VLS_ctx.mdiDotsVertical)), }));
61
+ const __VLS_27 = __VLS_26({ icon: ((__VLS_ctx.mdiDotsVertical)), }, ...__VLS_functionalComponentArgsRest(__VLS_26));
62
+ const __VLS_31 = __VLS_resolvedLocalAndGlobalComponents.VMenu;
39
63
  /** @type { [typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, typeof __VLS_components.VMenu, typeof __VLS_components.vMenu, ] } */
40
64
  // @ts-ignore
41
- const __VLS_8 = __VLS_asFunctionalComponent(__VLS_7, new __VLS_7({ location: ("bottom left"), closeOnContentClick: ((false)), }));
42
- const __VLS_9 = __VLS_8({ location: ("bottom left"), closeOnContentClick: ((false)), }, ...__VLS_functionalComponentArgsRest(__VLS_8));
43
- __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
44
- {
45
- const { activator: __VLS_thisSlot } = __VLS_nonNullable(__VLS_12.slots);
46
- const [{ props }] = __VLS_getSlotParams(__VLS_thisSlot);
47
- const __VLS_13 = __VLS_resolvedLocalAndGlobalComponents.VBtn;
48
- /** @type { [typeof __VLS_components.VBtn, typeof __VLS_components.vBtn, ] } */
49
- // @ts-ignore
50
- const __VLS_14 = __VLS_asFunctionalComponent(__VLS_13, new __VLS_13({ ...(props), size: ("small"), color: ("primary"), icon: ((__VLS_ctx.mdiDotsVertical)), }));
51
- const __VLS_15 = __VLS_14({ ...(props), size: ("small"), color: ("primary"), icon: ((__VLS_ctx.mdiDotsVertical)), }, ...__VLS_functionalComponentArgsRest(__VLS_14));
52
- }
53
- var __VLS_19 = {};
54
- const __VLS_12 = __VLS_pickFunctionalComponentCtx(__VLS_7, __VLS_9);
65
+ const __VLS_32 = __VLS_asFunctionalComponent(__VLS_31, new __VLS_31({ activator: ("parent"), closeOnContentClick: ((false)), }));
66
+ const __VLS_33 = __VLS_32({ activator: ("parent"), closeOnContentClick: ((false)), }, ...__VLS_functionalComponentArgsRest(__VLS_32));
67
+ const __VLS_37 = __VLS_resolvedLocalAndGlobalComponents.VCard;
68
+ /** @type { [typeof __VLS_components.VCard, typeof __VLS_components.vCard, typeof __VLS_components.VCard, typeof __VLS_components.vCard, ] } */
69
+ // @ts-ignore
70
+ const __VLS_38 = __VLS_asFunctionalComponent(__VLS_37, new __VLS_37({ maxWidth: ("300"), ...{ class: ("mt-2") }, }));
71
+ const __VLS_39 = __VLS_38({ maxWidth: ("300"), ...{ class: ("mt-2") }, }, ...__VLS_functionalComponentArgsRest(__VLS_38));
72
+ const __VLS_43 = __VLS_resolvedLocalAndGlobalComponents.VList;
73
+ /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
74
+ // @ts-ignore
75
+ const __VLS_44 = __VLS_asFunctionalComponent(__VLS_43, new __VLS_43({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }));
76
+ const __VLS_45 = __VLS_44({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
77
+ const __VLS_49 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
78
+ /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
79
+ // @ts-ignore
80
+ const __VLS_50 = __VLS_asFunctionalComponent(__VLS_49, new __VLS_49({ defaults: (({ VListItem: { rounded: true } })), }));
81
+ const __VLS_51 = __VLS_50({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_50));
82
+ var __VLS_55 = {};
83
+ __VLS_nonNullable(__VLS_54.slots).default;
84
+ const __VLS_54 = __VLS_pickFunctionalComponentCtx(__VLS_49, __VLS_51);
85
+ __VLS_nonNullable(__VLS_48.slots).default;
86
+ const __VLS_48 = __VLS_pickFunctionalComponentCtx(__VLS_43, __VLS_45);
87
+ __VLS_nonNullable(__VLS_42.slots).default;
88
+ const __VLS_42 = __VLS_pickFunctionalComponentCtx(__VLS_37, __VLS_39);
89
+ __VLS_nonNullable(__VLS_36.slots).default;
90
+ const __VLS_36 = __VLS_pickFunctionalComponentCtx(__VLS_31, __VLS_33);
91
+ __VLS_nonNullable(__VLS_24.slots).default;
92
+ const __VLS_24 = __VLS_pickFunctionalComponentCtx(__VLS_19, __VLS_21);
55
93
  }
56
- __VLS_styleScopedClasses['navigation-right-drawer'];
57
- __VLS_styleScopedClasses['pl-2'];
58
- __VLS_styleScopedClasses['navigation-right-button'];
59
- __VLS_styleScopedClasses['mt-4'];
94
+ __VLS_styleScopedClasses['pt-6'];
95
+ __VLS_styleScopedClasses['mt-2'];
60
96
  var __VLS_slots;
61
97
  var __VLS_inheritedAttrs;
62
98
  const __VLS_refs = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@data-fair/lib-vuetify",
3
- "version": "1.11.0",
3
+ "version": "1.11.1",
4
4
  "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
5
5
  "main": "index.js",
6
6
  "files": [