eco-vue-js 0.26.26 → 0.26.27
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAmDA;AAoKA,OAAO,EAAC,KAAK,aAAa,EAAa,MAAM,iBAAiB,CAAA;AAE9D,KAAK,WAAW,GAAG;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sIAAsI;IACtI,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE;YAAC,eAAe,EAAE,OAAO,CAAA;SAAC,CAAA;KAAC,KAAK,IAAI,CAAA;CACnG,CAAC;AAyKF,QAAA,MAAM,UAAU;oBAjJO,aAAa,KAAG,IAAI;iBA8BzB,IAAI;;IAepB,wDAAwD;;;;;;kFAwGxD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -8,6 +8,11 @@ var _hoisted_1 = [
|
|
|
8
8
|
"aria-expanded",
|
|
9
9
|
"aria-disabled"
|
|
10
10
|
];
|
|
11
|
+
var _hoisted_2 = {
|
|
12
|
+
ref: "circle",
|
|
13
|
+
"aria-hidden": "true",
|
|
14
|
+
class: "pointer-events-none absolute inset-x-0 inset-y-[-60%]"
|
|
15
|
+
};
|
|
11
16
|
var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
12
17
|
__name: "WButtonMore",
|
|
13
18
|
props: {
|
|
@@ -22,6 +27,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
22
27
|
const slots = useSlots();
|
|
23
28
|
const renderSlot$1 = markRaw(() => slots.default?.());
|
|
24
29
|
const buttonRef = useTemplateRef("button");
|
|
30
|
+
const circleRef = useTemplateRef("circle");
|
|
25
31
|
const overlay = useOverlay();
|
|
26
32
|
let closeMenu = null;
|
|
27
33
|
const isOpen = ref(false);
|
|
@@ -31,7 +37,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
31
37
|
/** Opens the menu at `anchor` — such as a point made with `createPointAnchor` — instead of the `anchor` prop or the button. */
|
|
32
38
|
const open = (anchor) => {
|
|
33
39
|
const target = anchor ?? props.anchor;
|
|
34
|
-
const opened = target ?? buttonRef.value;
|
|
40
|
+
const opened = target ?? circleRef.value ?? buttonRef.value;
|
|
35
41
|
if (!opened) return;
|
|
36
42
|
const value = overlay.open({
|
|
37
43
|
present: "dropdown",
|
|
@@ -91,7 +97,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
|
|
|
91
97
|
"w-hover-circle": !__props.disabled,
|
|
92
98
|
"text-description": !isOpen.value || isCustomAnchor.value,
|
|
93
99
|
"tone-primary text-tone": isOpen.value && !isCustomAnchor.value
|
|
94
|
-
}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)], 16, _hoisted_1));
|
|
100
|
+
}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" })), createElementVNode("span", _hoisted_2, null, 512)], 2)], 16, _hoisted_1));
|
|
95
101
|
};
|
|
96
102
|
}
|
|
97
103
|
});
|
package/docs/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# eco-vue-js
|
|
2
2
|
|
|
3
|
-
> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.26.
|
|
3
|
+
> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.26.27, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
|
|
4
4
|
|
|
5
5
|
Release notes, for what changed between versions: https://github.com/rsmple/eco-vue-js/releases. The docs site, with live demos: https://rsmple.github.io/eco-vue-js/
|
|
6
6
|
|
package/package.json
CHANGED
|
@@ -711,17 +711,21 @@
|
|
|
711
711
|
*/
|
|
712
712
|
.w-nav-bar-content:not(.w-nav-bar-brand + *)
|
|
713
713
|
.w-nav-item-inset:first-child:not(.w-nav-bar-content :not(:first-child) .w-nav-item-inset) {
|
|
714
|
-
|
|
714
|
+
--w-nav-item-pad-top: calc(0.25rem + var(--w-chrome-float) * 0.25rem);
|
|
715
|
+
|
|
716
|
+
padding-top: var(--w-nav-item-pad-top);
|
|
715
717
|
}
|
|
716
718
|
|
|
717
719
|
.w-nav-bar-content
|
|
718
720
|
.w-nav-item-inset:not(:has(~ :not(.w-nav-group-collapsed))):not(
|
|
719
721
|
.w-nav-bar-content :has(~ :not(.w-nav-group-collapsed)) .w-nav-item-inset
|
|
720
722
|
) {
|
|
721
|
-
|
|
723
|
+
--w-nav-item-pad-bottom: calc(0.25rem + (1 - var(--w-chrome-float)) * 1rem + var(--w-chrome-float) * 0.25rem);
|
|
724
|
+
|
|
725
|
+
padding-bottom: var(--w-nav-item-pad-bottom);
|
|
722
726
|
|
|
723
727
|
@variant sm-not {
|
|
724
|
-
|
|
728
|
+
--w-nav-item-pad-bottom: 1.25rem;
|
|
725
729
|
}
|
|
726
730
|
}
|
|
727
731
|
|
|
@@ -745,9 +749,13 @@
|
|
|
745
749
|
padding-inline: var(--w-nav-inset-start) var(--w-nav-inset-end);
|
|
746
750
|
}
|
|
747
751
|
|
|
748
|
-
/*
|
|
752
|
+
/*
|
|
753
|
+
* Floating, the active marker sits in the middle of the item's inset, clear of the nav's edge and of the item. It
|
|
754
|
+
* follows the pill, not the item: the first and last items' extra room (above) is taken off its ends.
|
|
755
|
+
*/
|
|
749
756
|
.w-nav-item-indicator {
|
|
750
|
-
|
|
757
|
+
top: calc(var(--w-nav-item-pad-top, 0.25rem) - 0.25rem + var(--w-chrome-float) * 0.5rem);
|
|
758
|
+
bottom: calc(var(--w-nav-item-pad-bottom, 0.25rem) - 0.25rem + var(--w-chrome-float) * 0.5rem);
|
|
751
759
|
left: calc(var(--w-chrome-float) * 0.125rem);
|
|
752
760
|
height: auto;
|
|
753
761
|
border-radius: calc(var(--w-chrome-float) * 9999px);
|