eco-vue-js 0.22.0 → 0.22.1

package/dist/components/BottomSheet/WBottomSheet.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,7 @@ hide: () => dismissableRef.value?.hide() ?? Promise.resolve() });
 			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "toggle", { unclickable: true }), (openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(WDismissable_default, {
 				ref: "dismissable",
 				"is-open": __props.isOpen,
-				class: normalizeClass(["fixed inset-0", __props.noOverlay ? "pointer-events-none" : "bg-backdrop backdrop-blur"]),
+				class: normalizeClass(["fixed inset-0", __props.noOverlay ? "" : "bg-backdrop backdrop-blur"]),
 				"content-class": contentClass.value,
 				style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(100) }),
 				onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))

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

@@ -1,15 +1,15 @@
 import { ButtonDropdownProps } from './types';
 import { VNode } from 'vue';
 import { HorizontalAlign } from '../../utils/HorizontalAlign';
-declare const close: () => void;
 type __VLS_Slots = {
     /** Buttons joined to the arrow button. They keep their own click handlers. */
     button?: () => VNode[];
-    /** Menu content, usually WButtonMoreItem. A click inside closes the menu, and so does `close`. */
+    /** Menu content, usually WButtonMoreItem. A click inside closes the menu, and so does `close`. On phones it is a bottom sheet. */
     content?: (props: {
         close: typeof close;
     }) => VNode[];
 };
+declare const close: () => void;
 declare const __VLS_base: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
     horizontalAlign: HorizontalAlign;
     disabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAmEA;AAyGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAM,MAAM,KAAK,CAAA;AAQnC,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAevD,QAAA,MAAM,KAAK,YAEV,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kGAAkG;IAClG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAsPF,QAAA,MAAM,UAAU;;;6EAGd,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":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AA4CA;AAyHA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;AAMtE,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAcvD,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,kIAAkI;IAClI,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,KAAK,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACpD,CAAC;AAaF,QAAA,MAAM,KAAK,YAEV,CAAA;AAiLD,QAAA,MAAM,UAAU;;;6EAGd,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/Button/WButtonDropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
-import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
 import WButton_default from "./WButton.vue.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
-import WDropdownMenu_default from "../DropdownMenu/WDropdownMenu.vue.js";
 import IconArrow_default from "../../assets/icons/IconArrow.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
+import { useOverlay } from "../../utils/Overlay.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, unref, useSlots, useTemplateRef, withCtx } from "vue";
 //#region src/components/Button/WButtonDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex" };
+var _hoisted_1 = { ref: "toggle" };
+var _hoisted_2 = { class: "flex" };
 var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonDropdown",
 	props: {
@@ -20,57 +20,72 @@ var WButtonDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		horizontalAlign: { default: HorizontalAlign.LEFT_INNER }
 	},
 	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const toggleRef = useTemplateRef("toggle");
+		const overlay = useOverlay();
 		const isOpen = ref(false);
+		let closeMenu = null;
 		const close = () => {
-			isOpen.value = false;
+			closeMenu?.();
+		};
+		const renderContent = markRaw(() => slots.content?.({ close }));
+		const open = () => {
+			if (!toggleRef.value) return;
+			const value = overlay.open({
+				present: "dropdown",
+				anchor: toggleRef.value,
+				content: renderContent,
+				dropdown: {
+					align: props.horizontalAlign,
+					closeOnClick: true
+				},
+				onClose: () => {
+					if (closeMenu !== value) return;
+					closeMenu = null;
+					isOpen.value = false;
+				}
+			});
+			closeMenu = value;
+			isOpen.value = value !== null;
+		};
+		const toggle = () => {
+			if (isOpen.value) close();
+			else open();
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(WDropdownMenu_default, {
-				"is-open": isOpen.value,
-				"horizontal-align": __props.horizontalAlign,
-				"update-align": ""
-			}, {
-				toggle: withCtx(() => [createElementVNode("div", null, [createElementVNode("div", _hoisted_1, [
-					__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
-						key: 0,
-						"semantic-type": __props.semanticType,
-						disabled: __props.disabled,
-						join: "",
-						onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
-					}, {
-						default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-4 transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.button?.(), (item, index) => {
-						return openBlock(), createBlock(resolveDynamicComponent(item), {
-							key: index,
-							join: "",
-							class: "flex-1"
-						});
-					}), 128)),
-					!__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
-						key: 1,
-						"semantic-type": __props.semanticType,
-						disabled: __props.disabled,
-						join: "",
-						onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = !isOpen.value)
-					}, {
-						default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-[1em] transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)
-				]), __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+				__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
 					key: 0,
-					text: __props.tooltipText
-				}, null, 8, ["text"])) : createCommentVNode("", true)])]),
-				content: withCtx(() => [createVNode(WClickOutside_default, {
-					class: "surface-raised my-1 max-h-[inherit] w-full overflow-y-auto overflow-x-hidden overscroll-contain rounded-xl shadow-md border border-solid border-line-raised",
-					onClick: close
+					"semantic-type": __props.semanticType,
+					disabled: __props.disabled,
+					join: "",
+					onClick: toggle
+				}, {
+					default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-4 transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.button?.(), (item, index) => {
+					return openBlock(), createBlock(resolveDynamicComponent(item), {
+						key: index,
+						join: "",
+						class: "flex-1"
+					});
+				}), 128)),
+				!__props.leftToggle ? (openBlock(), createBlock(WButton_default, {
+					key: 1,
+					"semantic-type": __props.semanticType,
+					disabled: __props.disabled,
+					join: "",
+					onClick: toggle
 				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "content", { close })]),
-					_: 3
-				})]),
-				_: 3
-			}, 8, ["is-open", "horizontal-align"]);
+					default: withCtx(() => [createVNode(unref(IconArrow_default), { class: normalizeClass(["square-[1em] transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)
+			]), __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
+				key: 0,
+				text: __props.tooltipText
+			}, null, 8, ["text"])) : createCommentVNode("", true)], 512);
 		};
 	}
 });

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

@@ -1,6 +1,6 @@
-import IconMore_default from "../../assets/icons/IconMore.js";
 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";
 //#region src/components/Button/WButtonMore.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/Chart/WChartLinear.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     skeleton: boolean;
     left: number;
     right: number;
-    height: number;
     yDomainGetter: (extent: [number, number]) => [number, number];
+    height: number;
     yFormat: (value: number) => string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Chart/WChartLinear.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAsDA;AA8LA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAShG,KAAK,WAAW,GAAG;IACf,0GAA0G;IAC1G,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,8IAA8I;IAC9I,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8FJ,KAAK,WAAW,GAAG;IACjB,6IAA6I;IAC7I,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE,CAAA;CAC1C,CAAC;AAgIF,QAAA,MAAM,UAAU;;;SA1ON,MAAM;YAEH,MAAM;cAMJ,OAAO;UAJX,MAAM;WAEL,MAAM;YAhBL,MAAM;mBAFC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;aAUpD,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6EAgPrC,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":"WChartLinear.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/WChartLinear.vue"],"names":[],"mappings":"AAsDA;AA8LA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAC,KAAK,KAAK,EAAmE,MAAM,KAAK,CAAA;AAShG,KAAK,WAAW,GAAG;IACf,0GAA0G;IAC1G,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,8IAA8I;IAC9I,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9D,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACnC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8FJ,KAAK,WAAW,GAAG;IACjB,6IAA6I;IAC7I,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,EAAE,CAAA;CAC1C,CAAC;AAgIF,QAAA,MAAM,UAAU;;;SA1ON,MAAM;YAEH,MAAM;cAMJ,OAAO;UAJX,MAAM;WAEL,MAAM;mBAlBE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;YAErD,MAAM;aAQL,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;6EAgPrC,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/ClickOutside/WClickOutside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AAkFA,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAoFF,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,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":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AAiGA,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAeF,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAmGF,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,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/ClickOutside/WClickOutside.vue_vue_type_script_setup_true_lang.js

@@ -15,9 +15,16 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const emit = __emit;
 		const elementRef = useTemplateRef("element");
 		const isOnDisabled = (event) => event.target instanceof Element && event.target.closest(":disabled") !== null;
+		const isInside = (event) => !!elementRef.value && event.composedPath().includes(elementRef.value);
+		let isPressedInside = false;
+		const pointerdownListener = (event) => {
+			isPressedInside = isInside(event);
+		};
 		const emitOutside = (event) => {
+			const wasPressedInside = isPressedInside;
+			if (event.type !== "pointerup") isPressedInside = false;
 			if (!props.noFilter) {
-				if (!elementRef.value || event.composedPath().includes(elementRef.value)) return;
+				if (!elementRef.value || wasPressedInside || isInside(event)) return;
 			}
 			emit("click", event);
 		};
@@ -30,6 +37,7 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		onMounted(() => {
 			if (!getIsClientSide()) return;
 			setTimeout(() => {
+				document.addEventListener("pointerdown", pointerdownListener, true);
 				document.addEventListener("click", clickListener);
 				document.addEventListener("contextmenu", clickListener);
 				document.addEventListener("pointerup", pointerListener);
@@ -37,6 +45,7 @@ var WClickOutside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		onBeforeUnmount(() => {
 			if (!getIsClientSide()) return;
+			document.removeEventListener("pointerdown", pointerdownListener, true);
 			document.removeEventListener("click", clickListener);
 			document.removeEventListener("contextmenu", clickListener);
 			document.removeEventListener("pointerup", pointerListener);

package/dist/components/Input/WInputSuggest.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useIsMobile } from "../../utils/mobile.js";
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
 import IconArrow_default from "../../assets/icons/IconArrow.js";
+import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
 import WDropdownAdaptive_default from "../DropdownMenu/WDropdownAdaptive.vue.js";
 import InputActionsButton_default from "./components/InputActionsButton.vue.js";
 import WInput_default from "./WInput.vue.js";

package/dist/components/Input/components/InputSuggestEmbedded.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputSuggestEmbedded.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputSuggestEmbedded.vue"],"names":[],"mappings":"AAaA;AAiDA,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,+QACd,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":"InputSuggestEmbedded.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputSuggestEmbedded.vue"],"names":[],"mappings":"AAaA;AAkDA,QAAA,IAAI,OAAO;;;CAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,+QACd,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/Input/components/InputSuggestEmbedded.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import OverlayRegionPart_default from "../../Modal/components/OverlayRegionPart.vue.js";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
 //#region src/components/Input/components/InputSuggestEmbedded.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "w-frame-bleed" };
+var _hoisted_1 = { class: "w-frame-bleed [&_.w-select-option]:px-(--w-frame-padding)" };
 var InputSuggestEmbedded_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InputSuggestEmbedded",
 	setup(__props) {

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayDropdown.vue"],"names":[],"mappings":"AAoKA;AAAA,OA0QO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAU1E,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAUvD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACxC,MAAM,EAAE,aAAa,CAAA;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAsdJ,QAAA,IAAuB,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,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":"OverlayDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/components/OverlayDropdown.vue"],"names":[],"mappings":"AAoKA;AAAA,OA0QO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAU1E,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAUvD,KAAK,WAAW,GAAG,sBAAsB,GAAG;IACxC,MAAM,EAAE,aAAa,CAAA;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAwdJ,QAAA,IAAuB,QAAQ,IAAW,EAAuB,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,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/Modal/components/OverlayDropdown.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getIsMobile } from "../../../utils/mobile.js";
 import WClickOutside_default from "../../ClickOutside/WClickOutside.vue.js";
 import WBottomSheet_default from "../../BottomSheet/WBottomSheet.vue.js";
 import { HorizontalAlign } from "../../../utils/HorizontalAlign.js";
-import WDropdown_default from "../../Dropdown/WDropdown.vue.js";
 import { LAYER_ATTRIBUTE, isInLayerWithin, wOverlayFrame, wOverlayLayer } from "../models/overlayRegistry.js";
+import WDropdown_default from "../../Dropdown/WDropdown.vue.js";
 import WDropdownTip_default from "../../Dropdown/WDropdownTip.vue.js";
 import WInfiniteListScrollingElement_default from "../../InfiniteList/WInfiniteListScrollingElement.vue.js";
 import OverlayRegion_default from "./OverlayRegion.vue.js";
@@ -143,7 +143,7 @@ var OverlayDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"no-filter": __props.closeOnClick,
 					class: normalizeClass([[
 						__props.frameClass ?? "w-dropdown-frame",
-						unref(regions).title.length ? [unref(options)?.fitContent ? "w-max min-w-48 max-w-[min(24rem,calc(100vw-2rem))]" : "w-[min(24rem,calc(100vw-2rem))]", "max-h-112"] : void 0,
+						unref(regions).title.length ? [unref(options)?.fitContent ? "w-max min-w-[min(18rem,calc(100vw-2rem))] max-w-[min(24rem,calc(100vw-2rem))]" : "w-[min(24rem,calc(100vw-2rem))]", "max-h-112"] : void 0,
 						hasTip.value ? isBeside.value ? "w-tooltip-center-y" : "w-tooltip-center-x" : void 0,
 						__props.cornered && __props.frameClass === void 0 && {
 							"rounded-bl-none": isRight && isTop,
@@ -167,7 +167,7 @@ var OverlayDropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 							key: 2,
 							class: normalizeClass(["px-(--w-frame-padding) pb-4", { "pt-(--w-frame-padding)": !unref(regions).title.length && !unref(regions).subtitle.length }])
 						}, [createVNode(OverlayRegion_default, { parts: unref(regions).header }, null, 8, ["parts"])], 2)) : createCommentVNode("", true),
-						createVNode(WInfiniteListScrollingElement_default, { class: normalizeClass(["min-h-0 flex-1 overflow-auto overscroll-contain", unref(options)?.padded ? ["px-(--w-frame-padding)", {
+						createVNode(WInfiniteListScrollingElement_default, { class: normalizeClass(["flex min-h-0 flex-1 flex-col overflow-auto overscroll-contain", unref(options)?.padded ? ["px-(--w-frame-padding)", {
 							"pt-(--w-frame-padding)": !hasTop.value,
 							"pb-(--w-frame-padding)": !unref(regions).actions.length
 						}] : "[--w-frame-padding:0px]"]) }, {

package/dist/components/Modal/models/overlayRegistry.d.ts

@@ -59,7 +59,7 @@ export type OverlayFrameOptions = {
     maximized?: boolean;
     /** Stacks the buttons vertically on every screen size. */
     actionsCol?: boolean;
-    /** A dropdown with a title sizes to the content, up to the width it keeps otherwise, such as a filter's list of options. */
+    /** A dropdown with a title sizes to the content, from 18rem up to the width it keeps otherwise (24rem), such as a filter's list of options. */
     fitContent?: boolean;
 };
 /**
@@ -88,14 +88,17 @@ export declare const isLayerWithin: (id: number, ancestor: number) => boolean;
 export declare const LAYER_ATTRIBUTE = "data-w-layer";
 /** Whether an event's path goes through a layer opened from `ancestor`, such as a click in a select's menu inside a filter. */
 export declare const isInLayerWithin: (path: EventTarget[], ancestor: number) => boolean;
-/** Whether opening from `parent` hands off, taking the place of the menu it is opened from. */
-export declare const isHandoff: (parent: number | null) => boolean;
+/** Whether opening from `parent` hands off, taking the place of the menu it is opened from, or of any dropdown with `replace`. */
+export declare const isHandoff: (parent: number | null, replace?: boolean) => boolean;
 /** The anchor a layer opened from `parent` takes over, so a layer opened from a menu sticks to the menu's anchor. */
 export declare const getHandoffAnchor: (parent: number | null) => OverlayAnchor | undefined;
 /**
- * Opens a layer. Opened from a menu — a dropdown with `closeOnClick` — it takes the menu's place: the menu closes,
+ * Opens a layer. Opened from a menu — a dropdown with `closeOnClick` — or from any dropdown with `replace`, it takes its place: the menu closes,
  * and the new layer belongs to the menu's parent. A dropdown also inherits the menu's anchor, so it stays where the menu was,
  * and the menu's opener still sees it with `hasAnchorLayer`. Opened from any other dropdown, such as a filter, it stays over it.
+ * With `replace`, it also carries on the `onClose` of the dropdown it replaces, so that dropdown's opener sees one overlay until the last of them closes.
+ *
+ * Async content shows once it has loaded, and what it takes the place of stays until then, so the frame never shows empty.
  *
  * Returns `null` when nothing opened: without the host, or when `toggle` closed a layer instead.
  */

package/dist/components/Modal/models/overlayRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlayRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/models/overlayRegistry.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,iBAAiB,CAAA;AAEjI,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,yBAAyB,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAuE,MAAM,KAAK,CAAA;AAOrK;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,OAAO,EAAE,mBAAmB,CAAA;IACrC,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAAA;IAC1C,4GAA4G;IAC5G,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,QAAQ,EAAE,sBAAsB,CAAA;IACzC,uGAAuG;IACvG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IAC/D,+EAA+E;IAC/E,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAOD,eAAO,MAAM,mBAAmB,GAAI,UAAU,yBAAyB,GAAG,IAAI,iDAA+D,CAAA;AAE7I,eAAO,MAAM,mBAAmB,GAAI,UAAU,yBAAyB,GAAG,IAAI,EAAE,UAAU,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,SAEzH,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,aAAa,EAA8B,YAAY,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAA;AAEzF,qEAAqE;AACrE,eAAO,MAAM,aAAa,EAA8B,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;AAEzF;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEvE,qHAAqH;AACrH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IAC/D,8GAA8G;IAC9G,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,2HAA2H;AAC3H,MAAM,MAAM,mBAAmB,GAAG;IAChC,iLAAiL;IACjL,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4HAA4H;IAC5H,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAgC,YAAY,CAAC;IACvE,GAAG,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,CAAA;IAC1D,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,MAAM,mBAAmB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACpF,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,GAAG,IAAI,CAAC,CAAA;AAIT,gHAAgH;AAChH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,KAAG,IAE/C,CAAA;AAID,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,QAAO,QAAQ,CAAC,GAAG,CAAC,SAAS,YAAY,EAAE,CAAC,CAAW,CAAA;AAQpF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,KAAG,IAgBvC,CAAA;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,EAAE,UAAU,MAAM,KAAG,OAI5D,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,eAAe,iBAAiB,CAAA;AAE7C,+HAA+H;AAC/H,eAAO,MAAM,eAAe,GAAI,MAAM,WAAW,EAAE,EAAE,UAAU,MAAM,KAAG,OAMvE,CAAA;AASD,+FAA+F;AAC/F,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OAA4C,CAAA;AAE9F,qHAAqH;AACrH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,aAAa,GAAG,SAAwC,CAAA;AAEjH;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,SAAS,cAAc,KAAG,YAAY,GAAG,IA0ClE,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,gBAAgB,GAAI,IAAI,MAAM,KAAG,OAM7C,CAAA;AAED,qFAAqF;AACrF,eAAO,MAAM,cAAc,GAAI,QAAQ,aAAa,KAAG,OAA4D,CAAA;AA8BnH,8JAA8J;AAC9J,eAAO,MAAM,YAAY,OAxBb,MAAM,UAAU,MAAM,SAAS,OAAO,KAAG,IAwBX,CAAA;AAE1C,eAAO,MAAM,WAAW,OAZV,MAAM,KAAG,OAYkB,CAAA;AAIzC,8HAA8H;AAC9H,eAAO,MAAM,eAAe,OA/BhB,MAAM,UAAU,MAAM,SAAS,OAAO,KAAG,IA+BL,CAAA;AAEhD,eAAO,MAAM,eAAe,OAnBd,MAAM,KAAG,OAmByB,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;CAC5C,CAAA;AAED,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,GAAI,SAAS,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAAE,SAAS,WAAW,KAAG,YAAY,GAAG,IAUlK,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAAE,WAAW,OAAO,EAAE,SAAS,WAAW,KAAG,YAAY,GAAG,IAEvJ,CAAA;AAED,uHAAuH;AACvH,eAAO,MAAM,WAAW,GAAI,OAAO,iBAAiB,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAAE,SAAS,WAAW,KAAG,YAAY,GAAG,IAezH,CAAA;AAED,6DAA6D;AAC7D,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,GAAG,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAEnE,CAAA"}
+{"version":3,"file":"overlayRegistry.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/models/overlayRegistry.ts"],"names":[],"mappings":"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"}

package/dist/components/Modal/models/overlayRegistry.js

@@ -23,6 +23,8 @@ var setOverlayHost = (value) => {
 	isHosted = value;
 };
 var layers = shallowRef([]);
+/** Layers with async content that is still loading, shown once it has. */
+var pendingLayers = shallowReactive(/* @__PURE__ */ new Map());
 /** Open layers, bottom to top, for the host to render. */
 var useOverlayLayers = () => layers;
 var nextId = 0;
@@ -33,6 +35,12 @@ var findLayer = (id) => {
 * Closes the layer and everything opened from it, the top-most first.
 */
 var closeLayer = (id) => {
+	const pending = pendingLayers.get(id);
+	if (pending) {
+		pendingLayers.delete(id);
+		pending.onClose?.();
+		return;
+	}
 	const entry = findLayer(id);
 	if (!entry) return;
 	layers.value.filter((item) => item.parent === id).reverse().forEach((item) => closeLayer(item.id));
@@ -55,19 +63,30 @@ var isInLayerWithin = (path, ancestor) => {
 		return id !== null && isLayerWithin(Number(id), ancestor);
 	});
 };
-/** The menu opening from `parent` hands off from: a dropdown with `closeOnClick` closes on the click that opens something from it, taking the clicked item with it. */
-var findHandoff = (parent) => {
+/**
+* The menu opening from `parent` hands off from: a dropdown with `closeOnClick` closes on the click that opens something from it, taking the clicked item with it.
+* With `replace`, any dropdown hands off the same way.
+*/
+var findHandoff = (parent, replace) => {
 	const entry = findLayer(parent);
-	return entry?.present === "dropdown" && entry.dropdown.closeOnClick ? entry : void 0;
+	return entry?.present === "dropdown" && (replace || entry.dropdown.closeOnClick) ? entry : void 0;
 };
-/** Whether opening from `parent` hands off, taking the place of the menu it is opened from. */
-var isHandoff = (parent) => findHandoff(parent) !== void 0;
+/** Whether opening from `parent` hands off, taking the place of the menu it is opened from, or of any dropdown with `replace`. */
+var isHandoff = (parent, replace) => findHandoff(parent, replace) !== void 0;
 /** The anchor a layer opened from `parent` takes over, so a layer opened from a menu sticks to the menu's anchor. */
 var getHandoffAnchor = (parent) => findHandoff(parent)?.anchor;
+/** The loader of an async component that has not loaded yet, such as one made with `defineAsyncComponent` in `<script setup>`, which is made anew for each instance. Internal to Vue, but stable. */
+var getAsyncLoader = (content) => {
+	const value = content;
+	return value.__asyncLoader && !value.__asyncResolved ? value.__asyncLoader : void 0;
+};
 /**
-* Opens a layer. Opened from a menu — a dropdown with `closeOnClick` — it takes the menu's place: the menu closes,
+* Opens a layer. Opened from a menu — a dropdown with `closeOnClick` — or from any dropdown with `replace`, it takes its place: the menu closes,
 * and the new layer belongs to the menu's parent. A dropdown also inherits the menu's anchor, so it stays where the menu was,
 * and the menu's opener still sees it with `hasAnchorLayer`. Opened from any other dropdown, such as a filter, it stays over it.
+* With `replace`, it also carries on the `onClose` of the dropdown it replaces, so that dropdown's opener sees one overlay until the last of them closes.
+*
+* Async content shows once it has loaded, and what it takes the place of stays until then, so the frame never shows empty.
 *
 * Returns `null` when nothing opened: without the host, or when `toggle` closed a layer instead.
 */
@@ -76,16 +95,16 @@ var openLayer = (options) => {
 	const isDropdown = options.present === "dropdown";
 	let parent = findLayer(options.parent ?? null) ? options.parent ?? null : null;
 	let anchor = options.anchor;
-	const handoff = findHandoff(parent);
+	const handoff = findHandoff(parent, options.replace);
 	if (handoff) {
 		parent = handoff.parent;
 		if (isDropdown) anchor = handoff.anchor ?? anchor;
-		closeLayer(handoff.id);
 	}
-	if (isDropdown) {
-		const siblings = layers.value.filter((item) => item.present === "dropdown" && item.parent === parent);
-		siblings.reverse().forEach((item) => closeLayer(item.id));
-		if (options.toggle && anchor && siblings.some((item) => item.anchor === anchor)) return null;
+	const getSiblings = () => isDropdown ? layers.value.filter((item) => item.present === "dropdown" && item.parent === parent && item !== handoff) : [];
+	if (options.toggle && anchor && getSiblings().some((item) => item.anchor === anchor)) {
+		if (handoff) closeLayer(handoff.id);
+		getSiblings().reverse().forEach((item) => closeLayer(item.id));
+		return null;
 	}
 	const entry = {
 		id: nextId++,
@@ -99,7 +118,40 @@ var openLayer = (options) => {
 		autoclose: options.autoclose ?? false,
 		onClose: options.onClose
 	};
-	layers.value = [...layers.value, entry];
+	const cancel = () => {
+		pendingLayers.delete(entry.id);
+		entry.onClose?.();
+	};
+	const show = () => {
+		if (parent !== null && !findLayer(parent)) return cancel();
+		if (handoff && !handoff.dropdown.closeOnClick && !findLayer(handoff.id)) return cancel();
+		if (handoff && findLayer(handoff.id)) {
+			if (!handoff.dropdown.closeOnClick) {
+				const onClose = entry.onClose;
+				const onCloseReplaced = handoff.onClose;
+				handoff.onClose = void 0;
+				entry.onClose = () => {
+					onClose?.();
+					onCloseReplaced?.();
+				};
+			}
+			closeLayer(handoff.id);
+		}
+		getSiblings().reverse().forEach((item) => closeLayer(item.id));
+		pendingLayers.delete(entry.id);
+		layers.value = [...layers.value, entry];
+	};
+	const loader = getAsyncLoader(options.content);
+	if (!loader) {
+		show();
+		return entry;
+	}
+	pendingLayers.set(entry.id, entry);
+	loader().then(() => {
+		if (pendingLayers.has(entry.id)) show();
+	}, () => {
+		if (pendingLayers.has(entry.id)) cancel();
+	});
 	return entry;
 };
 /** Closes the layers opened from the given one. Returns whether there were any. */
@@ -109,7 +161,7 @@ var closeChildLayers = (id) => {
 	return children.length > 0;
 };
 /** Whether a layer is open at the anchor — a menu, or a confirm it handed off to. */
-var hasAnchorLayer = (anchor) => layers.value.some((item) => item.anchor === anchor);
+var hasAnchorLayer = (anchor) => layers.value.some((item) => item.anchor === anchor) || [...pendingLayers.values()].some((item) => item.anchor === anchor);
 /** A flag of a layer that several components inside set on their own, such as two forms: it is on while any of them sets it. */
 var createLayerFlag = () => {
 	const sources = shallowReactive(/* @__PURE__ */ new Map());

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

@@ -1,9 +1,9 @@
 import { unwrapSlots } from "../../utils/utils.js";
 import { useIsMobile } from "../../utils/mobile.js";
 import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
+import IconArrow_default from "../../assets/icons/IconArrow.js";
 import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
 import WDropdownMenu_default from "../DropdownMenu/WDropdownMenu.vue.js";
-import IconArrow_default from "../../assets/icons/IconArrow.js";
 import WExpansion_default from "../Expansion/WExpansion.vue.js";
 import WNavItem_default from "./WNavItem.vue.js";
 import WNavItemTransition_default from "./WNavItemTransition.vue.js";

package/dist/components/Notify/WNotifyCenter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNotifyCenter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenter.vue"],"names":[],"mappings":"AA6GA;AAiJA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuB9C,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AAkSF,QAAA,MAAM,UAAU,8SAEd,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":"WNotifyCenter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Notify/WNotifyCenter.vue"],"names":[],"mappings":"AAoHA;AAwJA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAuB9C,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA+SF,QAAA,MAAM,UAAU,8SAEd,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/Notify/WNotifyCenter.vue_vue_type_script_setup_true_lang.js

@@ -22,10 +22,6 @@ var _hoisted_6 = {
 	class: "text-description pt-2 pb-1 text-xs font-semibold uppercase"
 };
 var _hoisted_7 = { class: "min-h-0" };
-var _hoisted_8 = {
-	key: 2,
-	class: "border-line-subtle border-t border-solid sticky bottom-0 bg-surface"
-};
 var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WNotifyCenter",
 	props: {
@@ -41,9 +37,10 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass([{
-					"bg-surface border-line-subtle grid max-h-[min(40rem,calc(100vh-2rem))] w-[min(28rem,calc(100vw-var(--inner-margin,1fr)*2))] grid-rows-[auto_1fr_auto] overflow-hidden rounded-2xl border border-solid": unref(frame) === null,
+					"bg-surface border-line-subtle max-h-[min(40rem,calc(100vh-2rem))] w-[min(28rem,calc(100vw-var(--inner-margin,1fr)*2))] grid-rows-[auto_1fr_auto] overflow-hidden rounded-2xl border border-solid": unref(frame) === null,
+					"flex-1": unref(frame) === "dropdown",
 					"pb-[50vh]": unref(frame) === "sheet"
-				}, "grid grid-rows-[1fr_auto] h-full"]),
+				}, "grid"]),
 				role: "region",
 				"aria-label": __props.title ?? "Notifications"
 			}, [
@@ -61,7 +58,7 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				}),
 				!unref(notifyCenterItems).length ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.emptyText ?? "No notifications yet"), 1)) : (openBlock(), createElementBlock("div", {
 					key: 1,
-					class: normalizeClass(["grid content-start", unref(frame) === null ? "overflow-y-auto overscroll-contain px-4 py-3" : "pb-2"])
+					class: normalizeClass(["grid content-start", unref(frame) === null ? "overflow-y-auto overscroll-contain px-4 py-3" : "pt-1"])
 				}, [
 					unref(notifyCenterActionItems).length ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.actionText ?? "Action required"), 1)) : createCommentVNode("", true),
 					createVNode(TransitionGroup, {
@@ -104,7 +101,13 @@ var WNotifyCenter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						_: 1
 					})
 				], 2)),
-				_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				_ctx.$slots.footer ? (openBlock(), createBlock(OverlayRegionPart_default, {
+					key: 2,
+					region: "actions"
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["min-w-0 flex-1", { "border-line-subtle border-t border-solid px-4 py-3": unref(frame) === null }]) }, [renderSlot(_ctx.$slots, "footer")], 2)]),
+					_: 3
+				})) : createCommentVNode("", true)
 			], 10, _hoisted_1);
 		};
 	}

package/dist/components/Uniform/use/useUniformField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUniformField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Uniform/use/useUniformField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,eAAe,EAAC,MAAM,UAAU,CAAA;AAEhE,OAAO,EAAC,KAAK,GAAG,EAA0B,MAAM,KAAK,CAAA;AAQrD,KAAK,cAAc,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,GAAI,KAAK,EACnC,YAAY,GAAG,CAAC,KAAK,CAAC,EACtB,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAC1B,aAAa,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,EACvD,aAAa,MAAM,MAAM,GAAG,SAAS,EACrC,UAAU,GAAG,CAAC,OAAO,CAAC,EACtB,WAAW,GAAG,CAAC,OAAO,CAAC,EACvB,cAAc,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,EACzE,WAAW,OAAO;yBAQU,iBAAiB,CAAC,OAAO,CAAC;;;;;;sCA6Db,KAAK,KAAG,IAAI;;2BA6BvB,iBAAiB,KAAG,IAAI;gCAYrB,iBAAiB,GAAG,SAAS;2BAK3B,MAAM,gBAAgB,OAAO;6BAIhC,MAAM,KAAG,OAAO;CAmBjD,CAAA"}
+{"version":3,"file":"useUniformField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Uniform/use/useUniformField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,eAAe,EAAC,MAAM,UAAU,CAAA;AAEhE,OAAO,EAAC,KAAK,GAAG,EAA0B,MAAM,KAAK,CAAA;AAQrD,KAAK,cAAc,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,SAAS,CAAA;AAEjE,eAAO,MAAM,eAAe,GAAI,KAAK,EACnC,YAAY,GAAG,CAAC,KAAK,CAAC,EACtB,gBAAgB,GAAG,CAAC,KAAK,CAAC,EAC1B,aAAa,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,EACvD,aAAa,MAAM,MAAM,GAAG,SAAS,EACrC,UAAU,GAAG,CAAC,OAAO,CAAC,EACtB,WAAW,GAAG,CAAC,OAAO,CAAC,EACvB,cAAc,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,EACzE,WAAW,OAAO;yBAQU,iBAAiB,CAAC,OAAO,CAAC;;;;;;sCA2Db,KAAK,KAAG,IAAI;;2BA6BvB,iBAAiB,KAAG,IAAI;gCAYrB,iBAAiB,GAAG,SAAS;2BAK3B,MAAM,gBAAgB,OAAO;6BAIhC,MAAM,KAAG,OAAO;CAmBjD,CAAA"}

package/dist/components/Uniform/use/useUniformField.js

@@ -1,4 +1,4 @@
-import { isEqualArrObj } from "../../../utils/utils.js";
+import { isEqualArrObj, isEqualObj } from "../../../utils/utils.js";
 import { useFieldMessage } from "../../FieldWrapper/use/useFieldSaved.js";
 import { validateRequired } from "../../../utils/validate.js";
 import { scrollToValidator } from "../utils/utils.js";
@@ -28,10 +28,8 @@ var useUniformField = (modelValue, modelValueInit, fieldGetter, titleGetter, req
 		const newValue = modelValue.value;
 		if (newValue instanceof Date && oldValue instanceof Date) return newValue.getTime() !== oldValue.getTime();
 		else if (Array.isArray(newValue) && Array.isArray(oldValue)) return newValue.length !== oldValue.length || !isEqualArrObj(newValue, oldValue);
-		else if (newValue instanceof Object && oldValue instanceof Object) {
-			const keys = Object.keys(newValue);
-			return keys.length !== Object.keys(oldValue).length || keys.some((key) => newValue[key] !== oldValue[key]);
-		} else return modelValue.value !== modelValueInit.value;
+		else if (newValue instanceof Object && oldValue instanceof Object) return !isEqualObj(newValue, oldValue);
+		else return modelValue.value !== modelValueInit.value;
 	});
 	const isValid = computed(() => errorMessage.value.length === 0);
 	const scrollTo = () => {

package/dist/main.js

@@ -31,19 +31,15 @@ import { addNotify, closeNotifyCenter, isNotifyCenterOpen, isNotifyPending, noti
 import { Notify, initNotify } from "./utils/Notify.js";
 import { checkPermissionPaste, doCopy, useCopy } from "./utils/useCopy.js";
 import WButtonCopy_default from "./components/Button/WButtonCopy.vue.js";
-import { supportsPassive } from "./utils/supportsPassive.js";
-import { DOMListenerContainer } from "./utils/DOMListenerContainer.js";
-import { HorizontalAlign } from "./utils/HorizontalAlign.js";
-import WDropdown_default from "./components/Dropdown/WDropdown.vue.js";
-import WDropdownMenu_default from "./components/DropdownMenu/WDropdownMenu.vue.js";
 import IconArrow_default from "./assets/icons/IconArrow.js";
+import { HorizontalAlign } from "./utils/HorizontalAlign.js";
+import { createPointAnchor, useLayerBusy, useLayerChanges, useOverlay, useOverlayClose, useOverlayFrame, useOverlayFrameOptions } from "./utils/Overlay.js";
 import WButtonDropdown_default from "./components/Button/WButtonDropdown.vue.js";
 import { ApiError, ApiErrorCancel, createUseQueryParams, encodeQueryParam, encodeQueryParams, encodeRouteParams, handleApiError, isRequestResponse } from "./utils/api.js";
 import WFieldWrapper_default from "./components/FieldWrapper/WFieldWrapper.vue.js";
 import WButtonGroup_default from "./components/Button/WButtonGroup.vue.js";
 import WButtonInput_default from "./components/Button/WButtonInput.vue.js";
 import IconMore_default from "./assets/icons/IconMore.js";
-import { createPointAnchor, useLayerBusy, useLayerChanges, useOverlay, useOverlayClose, useOverlayFrame, useOverlayFrameOptions } from "./utils/Overlay.js";
 import WButtonMore_default from "./components/Button/WButtonMore.vue.js";
 import IconCheck_default from "./assets/icons/IconCheck.js";
 import WMenuItem_default from "./components/MenuItem/WMenuItem.vue.js";
@@ -73,7 +69,11 @@ import WChip_default from "./components/Chip/WChip.vue.js";
 import WDatePicker_default from "./components/DatePicker/WDatePicker.vue.js";
 import WDatePickerSingle_default from "./components/DatePicker/WDatePickerSingle.vue.js";
 import WDragContainer_default from "./components/DragContainer/WDragContainer.vue.js";
+import { supportsPassive } from "./utils/supportsPassive.js";
+import { DOMListenerContainer } from "./utils/DOMListenerContainer.js";
+import WDropdown_default from "./components/Dropdown/WDropdown.vue.js";
 import WDropdownTip_default from "./components/Dropdown/WDropdownTip.vue.js";
+import WDropdownMenu_default from "./components/DropdownMenu/WDropdownMenu.vue.js";
 import WExpansion_default from "./components/Expansion/WExpansion.vue.js";
 import WExpansionItem_default from "./components/Expansion/WExpansionItem.vue.js";
 import { isDragging, preventDragFile } from "./utils/preventDragFile.js";

package/dist/utils/Overlay.d.ts

@@ -40,6 +40,8 @@ type OverlayContentOptions = {
     props?: object;
     /** Runs once the layer is closed — by its close function, its content, the user, a sibling taking its place, or the layer it was opened from closing. */
     onClose?: () => void;
+    /** Takes the place of the dropdown it is opened from, as from a menu, such as the next step of a small form. A dropdown sticks to that dropdown's anchor, and that dropdown's `onClose` runs once this one closes, so its opener stays marked. */
+    replace?: boolean;
 };
 export type OverlayOpenOptions = OverlayContentOptions & ({
     present: 'modal';
@@ -61,7 +63,7 @@ export type OverlayOpenOptions = OverlayContentOptions & ({
  * - From a modal, it closes together with the modal.
  * - From a menu — a dropdown with `closeOnClick`, such as WButtonMore — it takes the menu's place, since the menu closes on the click.
  *   A dropdown, such as a confirm, sticks to the menu's anchor and keeps the menu's row marked.
- * - From any other dropdown, such as a filter, it stays over it, like the menu of a select inside.
+ * - From any other dropdown, such as a filter, it stays over it, like the menu of a select inside — or takes its place the same way with `replace`.
  *
  * A dropdown closes when the component unmounts, unless it took a menu's place. A modal stays.
  */

package/dist/utils/Overlay.d.ts.map

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

package/dist/utils/Overlay.js

@@ -9,7 +9,7 @@ import { getCurrentInstance, inject, onScopeDispose, watch } from "vue";
 * - From a modal, it closes together with the modal.
 * - From a menu — a dropdown with `closeOnClick`, such as WButtonMore — it takes the menu's place, since the menu closes on the click.
 *   A dropdown, such as a confirm, sticks to the menu's anchor and keeps the menu's row marked.
-* - From any other dropdown, such as a filter, it stays over it, like the menu of a select inside.
+* - From any other dropdown, such as a filter, it stays over it, like the menu of a select inside — or takes its place the same way with `replace`.
 *
 * A dropdown closes when the component unmounts, unless it took a menu's place. A modal stays.
 */
@@ -24,9 +24,9 @@ var useOverlay = () => {
 		parent: getParent(),
 		provides: getInstanceProvides(instance)
 	});
-	const track = (open) => {
+	const track = (open, replace) => {
 		const context = getContext();
-		const handoff = isHandoff(context.parent);
+		const handoff = isHandoff(context.parent, replace);
 		const layer = open(context, () => {
 			if (layer) dropdowns.delete(layer.id);
 		});
@@ -36,7 +36,7 @@ var useOverlay = () => {
 	return {
 		/** Opens `content` the way `present` says. WModal picks the frame, such as a dropdown that is a bottom sheet on phones. */
 		open(options) {
-			return track((context, untrack) => openWithCallback(options, untrack, context));
+			return track((context, untrack) => openWithCallback(options, untrack, context), options.replace);
 		},
 		/** Opens a modal. `cb` runs after it closes. */
 		add(component, props, cb) {

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.22.0, 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.22.1, 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.22.0",
+  "version": "0.22.1",
   "homepage": "https://rsmple.github.io/eco-vue-js/",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",