eco-vue-js 0.26.3 → 0.26.5

package/dist/components/Button/WButton.vue_vue_type_script_setup_true_lang.js

@@ -104,7 +104,7 @@ var WButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				} : {}
 			}, {
 				ref: "container",
-				class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-padding) font-medium whitespace-nowrap select-none w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))]", {
+				class: ["relative isolate flex min-h---button-height items-center justify-center rounded-(--w-button-rounded,1rem) [border-width:var(--w-button-border,1px)] px-(--w-button-padding) font-medium whitespace-nowrap select-none w-ripple-border-(--w-button-border,1px)", {
 					[unref(semanticTypeButtonBackgroundMap)[__props.semanticType] ?? unref(semanticTypeBackgroundMap)[__props.semanticType]]: !__props.outline,
 					"before:text-tone-fill": __props.outline,
 					[unref(semanticTypeBorderMap)[__props.semanticType]]: true,

package/dist/components/Button/WButtonInput.vue.d.ts

@@ -12,6 +12,8 @@ type __VLS_Props = {
     skeleton?: boolean;
     /** Grays the button out and ignores clicks. */
     disabled?: boolean;
+    /** Highlights the button, such as while the menu it opens is shown. */
+    active?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;

package/dist/components/Button/WButtonInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AA0CA;AAwEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AA2CA;AA2EA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAuKF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Button/WButtonInput.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,8 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		tooltipText: {},
 		loading: { type: Boolean },
 		skeleton: { type: Boolean },
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		active: { type: Boolean }
 	},
 	emits: ["click"],
 	setup(__props) {
@@ -21,10 +22,11 @@ var WButtonInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				key: 0,
 				class: "square---w-input-height w-skeleton-rounded-(--w-input-rounded,0.75rem)"
 			})) : (openBlock(), createBlock(resolveDynamicComponent(__props.to ? WRouterLink_default : "button"), mergeProps({ key: 1 }, __props.to ? { to: __props.to } : void 0, {
-				class: ["square---w-input-height bg-surface relative flex select-none items-center justify-center rounded-(--w-input-rounded,0.75rem) border border-solid border-line-subtle", {
+				class: ["square---w-input-height bg-surface relative flex select-none items-center justify-center rounded-(--w-input-rounded,0.75rem) border border-solid border-line-subtle w-ripple-border", {
 					"cursor-not-allowed opacity-50": __props.disabled,
 					"w-ripple w-ripple-hover cursor-pointer": !__props.disabled,
-					"cursor-progress": __props.loading
+					"cursor-progress": __props.loading,
+					"tone-primary text-tone border-tone-line": __props.active
 				}],
 				disabled: __props.disabled,
 				"aria-label": __props.tooltipText,

package/dist/components/Button/WButtonMore.vue.d.ts

@@ -13,6 +13,17 @@ type __VLS_Slots = {
      * A confirm opened from an item with `useOverlay` takes the menu's place at the same anchor.
      */
     default?: () => void;
+    /**
+     * Replaces the three-dots button, such as with WButtonInput: call `toggle` on click, bind `attrs` to the button
+     * and `active` to its highlight — `active` stays off while the menu is open at a custom anchor.
+     */
+    toggle?: (props: {
+        toggle: () => void;
+        active: boolean;
+        attrs: {
+            'aria-expanded': boolean;
+        };
+    }) => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     open: (anchor?: OverlayAnchor) => void;

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA8BA;AAyIA,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;CACrB,CAAC;AA+IF,QAAA,MAAM,UAAU;oBAxHO,aAAa,KAAG,IAAI;iBA8BzB,IAAI;;IAepB,wDAAwD;;;;;;kFA+ExD,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"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA6CA;AA6JA,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;AA+JF,QAAA,MAAM,UAAU;oBAxIO,aAAa,KAAG,IAAI;iBA8BzB,IAAI;;IAepB,wDAAwD;;;;;;kFA+FxD,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"}

package/dist/components/Button/WButtonMore.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { hasAnchorLayer } from "../Modal/models/overlayRegistry.js";
 import { useOverlay } from "../../utils/Overlay.js";
 import IconMore_default from "../../assets/icons/IconMore.js";
-import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, resolveDynamicComponent, shallowRef, unref, useSlots, useTemplateRef } from "vue";
+import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, shallowRef, unref, useSlots, useTemplateRef } from "vue";
 //#region src/components/Button/WButtonMore.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
@@ -20,7 +20,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const emit = __emit;
 		const slots = useSlots();
-		const renderSlot = markRaw(() => slots.default?.());
+		const renderSlot$1 = markRaw(() => slots.default?.());
 		const buttonRef = useTemplateRef("button");
 		const overlay = useOverlay();
 		let closeMenu = null;
@@ -36,7 +36,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			const value = overlay.open({
 				present: "dropdown",
 				anchor: opened,
-				content: renderSlot,
+				content: renderSlot$1,
 				dropdown: {
 					cornered: target !== void 0,
 					closeOnClick: true
@@ -69,7 +69,14 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			isActive
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps(_ctx.$attrs, {
+			return _ctx.$slots.toggle ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+				ref: "button",
+				class: "inline-flex"
+			}), [renderSlot(_ctx.$slots, "toggle", {
+				toggle,
+				active: isOpen.value && !isCustomAnchor.value,
+				attrs: { "aria-expanded": isOpen.value }
+			})], 16)) : (openBlock(), createElementBlock("button", mergeProps({ key: 1 }, _ctx.$attrs, {
 				ref: "button",
 				disabled: __props.disabled,
 				class: [{
@@ -84,7 +91,7 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"w-hover-circle": !__props.disabled,
 				"text-description": !isOpen.value || isCustomAnchor.value,
 				"tone-primary text-tone": isOpen.value && !isCustomAnchor.value
-			}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)], 16, _hoisted_1);
+			}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)], 16, _hoisted_1));
 		};
 	}
 });

package/dist/components/Checkbox/WCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AAkGA;AAkJA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAiC1C,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAwPF,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/WCheckbox.vue"],"names":[],"mappings":"AAkGA;AAkJA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;AAiC1C,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAyPF,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Checkbox/WCheckbox.vue_vue_type_script_setup_true_lang.js

@@ -80,7 +80,7 @@ var WCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					"text-tone-on": __props.modelValue && !unref(isDisabled) && !unref(isSkeleton),
 					"tone-primary text-tone": !__props.modelValue && !unref(isDisabled) && !unref(isSkeleton),
 					"text-subtle": !__props.modelValue && unref(isDisabled) && !unref(isSkeleton),
-					"w-ripple w-hover-circle before:text-accent after:text-accent": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
+					"w-ripple w-ripple-border w-hover-circle before:text-accent after:text-accent": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),
 					"rounded-full": __props.radio,
 					"rounded-md": !__props.radio,
 					"border-line": unref(isDisabled) || unref(isSkeleton),

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_export: <Model extends number | string, Data extends Default
         onRefetch?: (() => any) | undefined;
         "onUpdate:count"?: ((value: number) => any) | undefined;
         "onUpdate:pages-count"?: ((value: number) => any) | undefined;
+        "onUpdate:page-size"?: ((value: number) => any) | undefined;
         "onUpdate:next-page"?: ((value: number | null) => any) | undefined;
         "onUpdate:previous-page"?: ((value: number | null) => any) | undefined;
         "onRemove:page"?: ((value: number) => any) | undefined;
@@ -62,6 +63,7 @@ declare const __VLS_export: <Model extends number | string, Data extends Default
     emit: {
         (e: "update:count", value: number): void;
         (e: "update:pages-count", value: number): void;
+        (e: "update:page-size", value: number): void;
         (e: "update:next-page", value: number | null): void;
         (e: "update:previous-page", value: number | null): void;
         (e: "remove:page", value: number): void;

package/dist/components/InfiniteList/components/InfiniteListPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"InfiniteListPage.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPage.vue"],"names":[],"mappings":"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"}

package/dist/components/InfiniteList/components/InfiniteListPage.vue_vue_type_script_setup_true_lang.js

@@ -35,6 +35,7 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	emits: [
 		"update:count",
 		"update:pages-count",
+		"update:page-size",
 		"update:next-page",
 		"update:previous-page",
 		"remove:page",
@@ -162,6 +163,7 @@ var InfiniteListPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			if (props.firstPage && value?.previous !== void 0) emit("update:previous-page", value.previous);
 			if (props.lastPage && value?.next !== void 0) emit("update:next-page", value.next);
 			if (value?.pages_count !== void 0) emit("update:pages-count", value.pages_count);
+			if (value?.next && value.results.length !== 0) emit("update:page-size", value.results.length);
 			if (value?.count !== void 0) emit("update:count", value.count);
 		}, { immediate: true });
 		const errorStatusList = [404, 400];

package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAsEA;AAonBA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAYhE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAC1F,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAswBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBApwBxC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBACpD,WAAW;yBACP,MAAM;qBACV,OAAO;qBACP,MAAM;uBACJ,MAAM;oBACT,OAAO;wBACH,OAAO;wBACP,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;qBAE9C,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;;;;;;;;KAqvBqD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CAldP,MAAM;;;;MAkduB,KAAK,IAAI;WACxE,GAAG;;kBA1PC,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;YACZ,OAAO,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;YAC3B,YAAY,EAAE,OAAO,CAAA;SACtB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YA3fd,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;EAuuBxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAuEA;AAipBA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAYhE,QAAA,MAAM,YAAY,GAAK,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAC1F,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA6yBO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;oBA3yBxC,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;qBACpD,WAAW;yBACP,MAAM;qBACV,OAAO;qBACP,MAAM;uBACJ,MAAM;oBACT,OAAO;wBACH,OAAO;wBACP,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;qBAE9C,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;;;;;;;;KA4xBqD,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,OAAO,KAAK,EAAE,gBAAgB;;0CAheP,MAAM;;;;MAgeuB,KAAK,IAAI;WACxE,GAAG;;kBArQC,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;YACZ,OAAO,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;YAC3B,YAAY,EAAE,OAAO,CAAA;SACtB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvhBd,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;EA8wBxC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/InfiniteList/components/InfiniteListPages.vue_vue_type_script_setup_true_lang.js

@@ -45,6 +45,8 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const slotIds = ref([slotIdCounter]);
 		const pagesCount = ref(1);
 		const count = ref(0);
+		/** Items on a full page as the API returns them, which can differ from the `size` the list asks for. */
+		const pageSize = ref(props.pageLength);
 		const nextPage = computed(() => {
 			if (pagesCount.value === 0) return null;
 			const max = Math.max(...pages.value, 0);
@@ -58,10 +60,16 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const isResettingPage = ref(false);
 		const disabledSlots = reactive(/* @__PURE__ */ new Set());
 		let activationGen = 0;
+		/** Items on the page by the total count, a full page while the count is not known. */
+		const getPageItemCount = (page) => {
+			const remaining = count.value - (page - 1) * pageSize.value;
+			return remaining > 0 ? Math.min(remaining, pageSize.value) : pageSize.value;
+		};
 		const getSkeletonLength = (pagesBefore) => {
-			if (props.skeletonLength === void 0) return props.pageLength;
-			const length = Math.min(props.skeletonLength - pagesBefore * props.pageLength, props.pageLength);
-			return length < 0 ? props.pageLength : length;
+			const itemCount = getPageItemCount(pagesBefore + 1);
+			if (props.skeletonLength === void 0) return itemCount;
+			const length = Math.min(props.skeletonLength - pagesBefore * pageSize.value, itemCount);
+			return length < 0 ? itemCount : length;
 		};
 		const pageComponentRef = useTemplateRef("pageComponent");
 		const topSentinelRef = useTemplateRef("topSentinel");
@@ -73,9 +81,12 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const updatePagesCount = (value) => {
 			pagesCount.value = Math.max(value, 1);
 		};
+		/** The end a page was last added at, whose sentinel is observed anew once the pages have rendered. */
+		let grownTowards = null;
 		const addNextPage = (silent) => {
 			if (!nextPage.value) return;
 			if (pages.value.includes(nextPage.value)) return;
+			grownTowards = "bottom";
 			if (pages.value.length >= props.maxPages) {
 				const recycledSlotId = slotIds.value.shift();
 				pages.value.shift();
@@ -90,6 +101,7 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const addPreviousPage = (silent) => {
 			if (!previousPage.value) return;
 			if (pages.value.includes(previousPage.value)) return;
+			grownTowards = "top";
 			if (pages.value.length >= props.maxPages) {
 				const recycledSlotId = slotIds.value.pop();
 				pages.value.pop();
@@ -104,25 +116,30 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		let resizeObserver = null;
 		const pageHeights = reactive(/* @__PURE__ */ new Map());
 		const observedElements = /* @__PURE__ */ new Map();
-		const avgPageHeight = computed(() => {
+		const avgItemHeight = computed(() => {
 			let sum = 0;
-			let count = 0;
-			for (const h of pageHeights.values()) {
-				if (h <= 0) continue;
+			let itemCount = 0;
+			for (let i = 0; i < slotIds.value.length; i++) {
+				const h = pageHeights.get(slotIds.value[i]);
+				const page = pages.value[i];
+				if (!h || h <= 0 || page === void 0) continue;
 				sum += h;
-				count++;
+				itemCount += getPageItemCount(page);
 			}
-			return count === 0 ? 0 : Math.round(sum / count);
+			return itemCount === 0 ? 0 : sum / itemCount;
 		});
+		const avgPageHeight = computed(() => Math.round(avgItemHeight.value * pageSize.value));
 		const topSpacerHeight = computed(() => {
 			if (!avgPageHeight.value) return 0;
 			const firstRendered = pages.value[0] ?? 1;
 			return Math.max(0, (firstRendered - 1) * avgPageHeight.value);
 		});
 		const bottomSpacerHeight = computed(() => {
-			if (!avgPageHeight.value) return 0;
+			if (!avgItemHeight.value) return 0;
 			const lastRendered = pages.value[pages.value.length - 1] ?? 1;
-			return Math.max(0, (pagesCount.value - lastRendered) * avgPageHeight.value);
+			let itemCount = 0;
+			for (let page = lastRendered + 1; page <= pagesCount.value; page++) itemCount += getPageItemCount(page);
+			return Math.round(itemCount * avgItemHeight.value);
 		});
 		const getScrollElementTop = (element) => {
 			if (element === document.scrollingElement || element === document.body || element === document.documentElement) return 0;
@@ -210,19 +227,16 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		watch(nextPage, (value, oldValue) => {
 			if (oldValue === null && value !== null && bottomSentinelIntersecting.value) addNextPage();
 		});
-		const isInViewport = (element) => {
-			if (element.getClientRects().length === 0) return false;
-			const rect = element.getBoundingClientRect();
-			const viewport = scrollingElement?.value?.getBoundingClientRect() ?? {
-				top: 0,
-				bottom: window.innerHeight
-			};
-			return rect.bottom >= viewport.top - SENTINEL_MARGIN && rect.top <= viewport.bottom + SENTINEL_MARGIN;
+		const reobserve = (element) => {
+			if (!intersectionObserver || !element) return;
+			intersectionObserver.unobserve(element);
+			intersectionObserver.observe(element);
 		};
 		watch(pages, () => {
-			if (!intersectionObserver || pages.value.length >= props.maxPages) return;
-			if (bottomSentinelRef.value && isInViewport(bottomSentinelRef.value)) addNextPage();
-			else if (topSentinelRef.value && isInViewport(topSentinelRef.value)) addPreviousPage();
+			const towards = grownTowards;
+			grownTowards = null;
+			if (pages.value.length < props.maxPages || towards === "bottom") reobserve(bottomSentinelRef.value);
+			if (pages.value.length < props.maxPages || towards === "top") reobserve(topSentinelRef.value);
 		}, {
 			deep: true,
 			flush: "post"
@@ -265,6 +279,7 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			const index = pages.value.indexOf(page);
 			const recycledSlotId = index !== -1 ? slotIds.value[index] : void 0;
 			pagesCount.value = 1;
+			count.value = 0;
 			pages.value = [page];
 			slotIds.value = [recycledSlotId ?? ++slotIdCounter];
 		};
@@ -336,7 +351,7 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 				scrollEl,
 				isDocumentScroll,
 				scrollTop,
-				containerTop: isDocumentScroll ? containerEl.getBoundingClientRect().top + scrollTop : containerEl.offsetTop
+				containerTop: containerEl.getBoundingClientRect().top - getScrollElementTop(scrollEl) + scrollTop
 			};
 		};
 		/** Scrolls to `y` px from the top of the list. */
@@ -441,10 +456,11 @@ var InfiniteListPages_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 								_ctx.$emit("update:count", $event);
 							}),
 							"onUpdate:pagesCount": updatePagesCount,
+							"onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
 							"onRemove:page": removePage,
 							onRefetch: ($event) => unref(refetchNextPages)(page),
-							onFetched: _cache[1] || (_cache[1] = ($event) => isResettingPage.value = false),
-							"onUpdate:error": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:error", $event))
+							onFetched: _cache[2] || (_cache[2] = ($event) => isResettingPage.value = false),
+							"onUpdate:error": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:error", $event))
 						}, createSlots({
 							default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex, results, intersecting }) => [renderSlot(_ctx.$slots, "default", {
 								item,

package/dist/components/Modal/components/OverlayLayerProvider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayLayerProvider.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayLayerProvider.vue"],"names":[],"mappings":"AAGA;AA2CA,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,gIAAgI;IAChI,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,6GAA6G;IAC7G,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAgCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,kSAEd,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"}
+{"version":3,"file":"OverlayLayerProvider.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayLayerProvider.vue"],"names":[],"mappings":"AAGA;AA4CA,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,gIAAgI;IAChI,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,6GAA6G;IAC7G,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAiCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,kSAEd,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"}

package/dist/components/Modal/components/OverlayLayerProvider.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,7 @@ var OverlayLayerProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 		const props = __props;
 		const instance = getCurrentInstance();
 		if (props.provides) setInstanceProvides(instance, Object.create(props.provides));
-		provide(wBaseZIndex, BASE_ZINDEX_MODAL);
+		provide(wBaseZIndex, Math.max(BASE_ZINDEX_MODAL, props.provides?.[wBaseZIndex] ?? 0));
 		provide(wOverlayLayer, () => props.layer);
 		provide(wOverlayFrame, "modal");
 		provide(wOverlayRegions, null);

package/dist/components/Nav/WNavItem.vue_vue_type_script_setup_true_lang.js

@@ -100,7 +100,7 @@ var WNavItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 							}),
 							!__props.skeleton ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(typeof __props.count === "number" ? `\u00A0(${unref(numberCompactFormatter).format(__props.count)})` : ""), 1)) : (openBlock(), createBlock(WSkeleton_default, {
 								key: 1,
-								class: "ml-1 inline-flex max-w-10 shrink-0"
+								class: "w-skeleton-w-10 ml-1 inline-flex shrink-0"
 							})),
 							!__props.skeleton && __props.counter !== void 0 && __props.counter !== 0 ? (openBlock(), createBlock(WCounter_default, {
 								key: 2,

package/dist/components/Tabs/WTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA8KA;AAykBA,OAAO,KAAK,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,EAA0D,KAAK,KAAK,EAAqH,MAAM,KAAK,CAAA;AAmD3M,KAAK,WAAW,GAAG;IACjB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AA4xBF,QAAA,MAAM,UAAU;2BA1qBc,MAAM;yBAIR,MAAM;gCAkFG,OAAO,CAAC,IAAI,CAAC;oBAM7B,IAAI;iBAIL,MAAM,UAAU,OAAO;;;;;;;;;;;;;;;;;;;;;kFA8kBzC,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"}
+{"version":3,"file":"WTabs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/WTabs.vue"],"names":[],"mappings":"AA+KA;AA0kBA,OAAO,KAAK,EAAgB,SAAS,EAAC,MAAM,SAAS,CAAA;AAErD,OAAO,EAA0D,KAAK,KAAK,EAAqH,MAAM,KAAK,CAAA;AAmD3M,KAAK,WAAW,GAAG;IACjB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,KAAK,EAAE,CAAA;CACvB,CAAC;AA+xBF,QAAA,MAAM,UAAU;2BA7qBc,MAAM;yBAIR,MAAM;gCAkFG,OAAO,CAAC,IAAI,CAAC;oBAM7B,IAAI;iBAIL,MAAM,UAAU,OAAO;;;;;;;;;;;;;;;;;;;;;kFAilBzC,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"}

package/dist/components/Tabs/WTabs.vue_vue_type_script_setup_true_lang.js

@@ -350,7 +350,7 @@ var WTabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						"sm-not:snap-start grid grid-cols-[1fr_auto]": __props.side,
 						"no-scrollbar mb-4 flex overflow-x-auto overscroll-x-contain": !__props.side,
 						"w-frame-bleed px-(--w-frame-padding)": !__props.side && unref(frame) !== null,
-						"sm-not:pl---inner-margin": !__props.side && unref(frame) === null,
+						"sm-not:w-frame-bleed sm-not:pl-[var(--w-frame-padding,var(--inner-margin))] sm-not:pr-[var(--w-frame-padding,0px)]": !__props.side && unref(frame) === null,
 						"flex-wrap": !__props.side && __props.wrap,
 						"shadow-[inset_0_-1px_var(--color-line-subtle)]": !__props.side && __props.divider,
 						[__props.headerClass ?? ""]: true

package/docs/components/button.md

@@ -224,6 +224,7 @@ import WButtonInput from 'eco-vue-js/dist/components/Button/WButtonInput.vue'
 | `loading` | `boolean` | — | Shows a spinner instead of the icon and ignores clicks. |
 | `skeleton` | `boolean` | — | Shows a placeholder instead of the button. |
 | `disabled` | `boolean` | — | Grays the button out and ignores clicks. |
+| `active` | `boolean` | — | Highlights the button, such as while the menu it opens is shown. |
 
 #### Events
 

package/docs/components/dropdown-menu.md

@@ -4,7 +4,7 @@ For a menu of actions, use a ready-made button. For anything else anchored to an
 
 ## Action menus
 
-- `WButtonMore` is the "⋯" button: its default slot is the menu, and any click closes it. Only one menu is open at a time, and on phones it opens as a bottom sheet. The menu is rendered by `WModal` at the app root, with the slot keeping its context, and a confirm opened from an item with `useOverlay` takes its place — see [Anchored confirm](./modal.md#anchored-confirm).
+- `WButtonMore` is the "⋯" button: its default slot is the menu, and any click closes it. Only one menu is open at a time, and on phones it opens as a bottom sheet. The menu is rendered by `WModal` at the app root, with the slot keeping its context, and a confirm opened from an item with `useOverlay` takes its place — see [Anchored confirm](./modal.md#anchored-confirm). The `toggle` slot swaps the "⋯" for another button, such as a `WButtonInput`: it gets `toggle` for the click, `attrs` for the button and `active` for its highlight.
 - `WButtonDropdown` is a button with an arrow next to it: the `button` slot holds the main action and the `content` slot the others. The `content` slot gets `close`.
 
 Menu items are `WButtonMoreItem`s: a `text` (or the default slot), an `icon`, and `to` or `href` to make the item a link. A disabled item can explain itself with `tooltipText`. `semanticType` colors an item, like the red Delete below.
@@ -61,6 +61,28 @@ Menu items are `WButtonMoreItem`s: a `text` (or the default slot), an `icon`, an
         />
       </template>
     </WButtonDropdown>
+
+    <WButtonMore>
+      <template #toggle="{toggle, active, attrs}">
+        <WButtonInput
+          :icon="markRaw(IconSort)"
+          tooltip-text="Sort beds"
+          :active="active"
+          v-bind="attrs"
+          @click="toggle"
+        />
+      </template>
+
+      <WButtonMoreItem
+        text="Sort by name"
+        @click="action = 'Sort by name'"
+      />
+
+      <WButtonMoreItem
+        text="Sort by planting date"
+        @click="action = 'Sort by planting date'"
+      />
+    </WButtonMore>
   </div>
 
   <p class="text-description mt-4 text-sm">
@@ -75,12 +97,14 @@ import {SemanticType} from 'eco-vue-js/dist/utils/SemanticType'
 
 import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'
 import WButtonDropdown from 'eco-vue-js/dist/components/Button/WButtonDropdown.vue'
+import WButtonInput from 'eco-vue-js/dist/components/Button/WButtonInput.vue'
 import WButtonMore from 'eco-vue-js/dist/components/Button/WButtonMore.vue'
 import WButtonMoreItem from 'eco-vue-js/dist/components/Button/WButtonMoreItem.vue'
 
 import IconArchiveBook from 'eco-vue-js/dist/assets/icons/IconArchiveBook'
 import IconCopy from 'eco-vue-js/dist/assets/icons/IconCopy'
 import IconEdit from 'eco-vue-js/dist/assets/icons/IconEdit'
+import IconSort from 'eco-vue-js/dist/assets/icons/IconSort'
 import IconTrash from 'eco-vue-js/dist/assets/icons/IconTrash'
 
 const action = ref<string>()
@@ -250,6 +274,7 @@ import WButtonMore from 'eco-vue-js/dist/components/Button/WButtonMore.vue'
 | Slot | Props | Description |
 | --- | --- | --- |
 | `default` | — | Menu items, usually WButtonMoreItem. A click inside closes the menu. Only one menu is open at a time, and on phones it is a bottom sheet. A confirm opened from an item with `useOverlay` takes the menu's place at the same anchor. |
+| `toggle` | `{ toggle: () => void; active: boolean; attrs: { 'aria-expanded': boolean; }; }` | Replaces the three-dots button, such as with WButtonInput: call `toggle` on click, bind `attrs` to the button and `active` to its highlight — `active` stays off while the menu is open at a custom anchor. |
 
 ### WButtonDropdown
 

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eco-vue-js
 
-> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.26.3, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
+> Vue 3 UI kit with Tailwind v4 — components, utilities, icons and recipes. These are the docs of version 0.26.5, the one installed next to them. Start with Getting started and Conventions; each component page lists its props, events and slots with examples.
 
 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/
 

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.26.3",
+  "version": "0.26.5",
   "homepage": "https://rsmple.github.io/eco-vue-js/",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",

package/tailwind-base/css/internal-variables.css

@@ -231,6 +231,15 @@
   --w-ripple-rounded: --value(--radius-*, --w-radius-*, [*]);
 }
 
+@utility w-ripple-border {
+  --w-ripple-border: 1px;
+}
+
+@utility w-ripple-border-* {
+  --w-ripple-border: calc(--value(integer) * 1px);
+  --w-ripple-border: --value([length], [*]);
+}
+
 @utility w-list-rounded-* {
   --w-list-rounded: --value(--radius-*, --w-radius-*, [*]);
 }

package/tailwind-base/plugins/w-ripple.ts

@@ -6,10 +6,7 @@ const pluginRipple = plugin(function ({matchUtilities, addUtilities, addBase}) {
       '&::before': {
         content: '""',
         position: 'absolute',
-        top: '0',
-        left: '0',
-        height: '100%',
-        width: '100%',
+        inset: 'calc(var(--w-ripple-border, 0px) * -1)',
         'border-radius': 'var(--w-ripple-rounded,inherit)',
         'background-color': 'currentColor',
         'pointer-events': 'none',