@ulu/frontend-vue 0.1.2-beta.6 → 0.1.2-beta.7
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.
- package/dist/frontend-vue.js +1011 -1000
- package/dist/types/composables/useUluFloating.d.ts.map +1 -1
- package/dist/types/plugins/popovers/UluPopover.vue.d.ts.map +1 -1
- package/dist/types/plugins/popovers/UluTooltipPopover.vue.d.ts.map +1 -1
- package/lib/composables/useUluFloating.js +6 -1
- package/lib/plugins/popovers/UluPopover.vue +3 -1
- package/lib/plugins/popovers/UluTooltipPopover.vue +7 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUluFloating.d.ts","sourceRoot":"","sources":["../../../lib/composables/useUluFloating.js"],"names":[],"mappings":"AAWA;;GAEG;AAEH;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,wCALW,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,WAC9B,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,UAC9B,OAAO,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAClC;IAAC,cAAc,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAAC,cAAc,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,MAAM,WAAW;IAAC,YAAY,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,WAAW,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,YAAY,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAC,
|
|
1
|
+
{"version":3,"file":"useUluFloating.d.ts","sourceRoot":"","sources":["../../../lib/composables/useUluFloating.js"],"names":[],"mappings":"AAWA;;GAEG;AAEH;;;;;;;GAOG;AAEH;;;;;;GAMG;AACH,wCALW,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,WAC9B,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,UAC9B,OAAO,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAClC;IAAC,cAAc,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAAC,cAAc,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,MAAM,WAAW;IAAC,YAAY,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,WAAW,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAAC,YAAY,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAC,CAkE7R;wBAnFY,OAAO,kBAAkB,EAAE,SAAS;;;;;eAKnC,SAAS;;;;YACT,OAAO;;;;YACP,MAAM;;;;WACN,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UluPopover.vue.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/UluPopover.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UluPopover.vue.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/UluPopover.vue"],"names":[],"mappings":"wBAybqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;;AAnQD,8DAAqC;AACrC;;;;;;;;;;;;;EAgCG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UluTooltipPopover.vue.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/UluTooltipPopover.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"UluTooltipPopover.vue.d.ts","sourceRoot":"","sources":["../../../../lib/plugins/popovers/UluTooltipPopover.vue"],"names":[],"mappings":";YA0LmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;AA9HtC;;;EAMG"}
|
|
@@ -79,6 +79,10 @@ export function useUluFloating(trigger, content, config) {
|
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
81
|
|
|
82
|
+
const isFixedStrategy = computed(() => {
|
|
83
|
+
return config.value?.strategy === "fixed";
|
|
84
|
+
});
|
|
85
|
+
|
|
82
86
|
return {
|
|
83
87
|
floatingStyles,
|
|
84
88
|
placement,
|
|
@@ -86,6 +90,7 @@ export function useUluFloating(trigger, content, config) {
|
|
|
86
90
|
update,
|
|
87
91
|
isPositioned,
|
|
88
92
|
arrowStyles,
|
|
89
|
-
contentArrow
|
|
93
|
+
contentArrow,
|
|
94
|
+
isFixedStrategy
|
|
90
95
|
};
|
|
91
96
|
}
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
size ? `popover--${ size }` : '',
|
|
27
27
|
{
|
|
28
28
|
'popover--no-padding' : noPadding,
|
|
29
|
+
'popover--fixed' : isFixedStrategy,
|
|
29
30
|
'is-active' : isOpen
|
|
30
31
|
},
|
|
31
32
|
classes.content,
|
|
@@ -114,7 +115,8 @@
|
|
|
114
115
|
placement,
|
|
115
116
|
update,
|
|
116
117
|
arrowStyles,
|
|
117
|
-
contentArrow
|
|
118
|
+
contentArrow,
|
|
119
|
+
isFixedStrategy
|
|
118
120
|
} = useUluFloating(trigger, content, resolvedConfig);
|
|
119
121
|
|
|
120
122
|
const toggle = () => {
|
|
@@ -5,7 +5,12 @@
|
|
|
5
5
|
ref="content"
|
|
6
6
|
:id="TOOLTIP_ID"
|
|
7
7
|
:data-placement="placement"
|
|
8
|
-
:class="
|
|
8
|
+
:class="[
|
|
9
|
+
{
|
|
10
|
+
'popover--fixed' : isFixedStrategy
|
|
11
|
+
},
|
|
12
|
+
resolvedConfig.class
|
|
13
|
+
]"
|
|
9
14
|
:style="floatingStyles"
|
|
10
15
|
>
|
|
11
16
|
<span v-if="resolvedConfig.isHtml" class="popover__inner" v-html="resolvedConfig.content">
|
|
@@ -45,5 +50,6 @@
|
|
|
45
50
|
placement,
|
|
46
51
|
arrowStyles,
|
|
47
52
|
contentArrow,
|
|
53
|
+
isFixedStrategy
|
|
48
54
|
} = useUluFloating(toRef(props, 'trigger'), content, resolvedConfig);
|
|
49
55
|
</script>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ulu/frontend-vue",
|
|
3
|
-
"version": "0.1.2-beta.
|
|
3
|
+
"version": "0.1.2-beta.7",
|
|
4
4
|
"description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@formkit/auto-animate": "^0.9.0",
|
|
54
54
|
"@headlessui/vue": "^1.7.23",
|
|
55
|
-
"@ulu/frontend": "^0.1.0-beta.
|
|
55
|
+
"@ulu/frontend": "^0.1.0-beta.123",
|
|
56
56
|
"@unhead/vue": "^2.0.11",
|
|
57
57
|
"vue": "^3.5.17",
|
|
58
58
|
"vue-router": "^4.5.1"
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"@storybook/addon-essentials": "^9.0.0-alpha.12",
|
|
78
78
|
"@storybook/addon-links": "^9.1.1",
|
|
79
79
|
"@storybook/vue3-vite": "^9.1.1",
|
|
80
|
-
"@ulu/frontend": "^0.1.0-beta.
|
|
80
|
+
"@ulu/frontend": "^0.1.0-beta.123",
|
|
81
81
|
"@unhead/vue": "^2.0.11",
|
|
82
82
|
"@vitejs/plugin-vue": "^6.0.0",
|
|
83
83
|
"ollama": "^0.5.16",
|