eco-vue-js 0.20.6 → 0.21.0

package/dist/assets/icons/IconDanger.js

@@ -8,24 +8,12 @@ var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg"
 };
 function render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-		createElementVNode("path", {
-			d: "M10.03 3.07a2.34 2.34 0 0 1 3.94 0l9.7 15.59c.92 1.47-.18 3.34-1.97 3.34H2.3C.5 22-.6 20.13.33 18.66z",
-			fill: "currentcolor"
-		}, null, -1),
-		createElementVNode("path", {
-			class: "fill-tone-on",
-			d: "M13 14.28h-2L10.09 7h3.81z",
-			fill: "#fff"
-		}, null, -1),
-		createElementVNode("circle", {
-			class: "fill-tone-on",
-			cx: "12",
-			cy: "18",
-			fill: "#fff",
-			r: "2"
-		}, null, -1)
-	])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		"clip-rule": "evenodd",
+		d: "M10.03 3.07a2.34 2.34 0 0 1 3.94 0l9.7 15.59c.92 1.47-.18 3.34-1.97 3.34H2.3C.5 22-.6 20.13.33 18.66zM13 14.28h-2L10.09 7h3.81zM12 16a2 2 0 1 0 0 4 2 2 0 1 0 0-4",
+		fill: "currentcolor",
+		"fill-rule": "evenodd"
+	}, null, -1)])]);
 }
 var IconDanger_default = { render };
 //#endregion

package/dist/assets/icons/IconNotification.js

@@ -0,0 +1,37 @@
+import { createElementBlock, createElementVNode, openBlock } from "vue";
+//#region src/assets/icons/IconNotification.svg?component
+var _hoisted_1 = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+		createElementVNode("path", {
+			d: "M12.02 2.91a6 6 0 0 0-6 6v2.89c0 .61-.26 1.54-.57 2.06L4.3 15.77c-.71 1.18-.22 2.49 1.08 2.93a21 21 0 0 0 13.27 0 2 2 0 0 0 1.08-2.93l-1.15-1.91a5 5 0 0 1-.56-2.06V8.91c0-3.3-2.7-6-6-6Z",
+			stroke: "currentcolor",
+			"stroke-linecap": "round",
+			"stroke-miterlimit": "10",
+			"stroke-width": "1.5"
+		}, null, -1),
+		createElementVNode("path", {
+			d: "M13.87 3.2a7 7 0 0 0-3.7 0 1.99 1.99 0 0 1 3.7 0",
+			stroke: "currentcolor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-miterlimit": "10",
+			"stroke-width": "1.5"
+		}, null, -1),
+		createElementVNode("path", {
+			d: "M15.02 19.06a3 3 0 0 1-5.12 2.12 3 3 0 0 1-.88-2.12",
+			stroke: "currentcolor",
+			"stroke-miterlimit": "10",
+			"stroke-width": "1.5"
+		}, null, -1)
+	])]);
+}
+var IconNotification_default = { render };
+//#endregion
+export { IconNotification_default as default, render };

package/dist/assets/icons/IconSuccess.js

@@ -8,15 +8,11 @@ var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg"
 };
 function render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
-		cx: "12",
-		cy: "12",
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		"clip-rule": "evenodd",
+		d: "M12 0a12 12 0 1 0 0 24 12 12 0 1 0 0-24M10.6 18 5 10.61h2.2l3.4 4.48L16.79 7H19z",
 		fill: "currentcolor",
-		r: "12"
-	}, null, -1), createElementVNode("path", {
-		class: "fill-tone-on",
-		d: "M10.6 18 5 10.61h2.2l3.4 4.48L16.79 7H19z",
-		fill: "#fff"
+		"fill-rule": "evenodd"
 	}, null, -1)])]);
 }
 var IconSuccess_default = { render };

package/dist/assets/icons/IconWarn.js

@@ -8,37 +8,12 @@ var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg"
 };
 function render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-		createElementVNode("rect", {
-			width: "16.97",
-			height: "16.97",
-			fill: "currentcolor",
-			rx: "4",
-			transform: "rotate(45 11.78 0)",
-			x: "11.78"
-		}, null, -1),
-		createElementVNode("circle", {
-			class: "fill-tone-on",
-			cx: "7.36",
-			cy: "12.27",
-			fill: "#fff",
-			r: "1.47"
-		}, null, -1),
-		createElementVNode("circle", {
-			class: "fill-tone-on",
-			cx: "11.78",
-			cy: "12.27",
-			fill: "#fff",
-			r: "1.47"
-		}, null, -1),
-		createElementVNode("circle", {
-			class: "fill-tone-on",
-			cx: "16.2",
-			cy: "12.27",
-			fill: "#fff",
-			r: "1.47"
-		}, null, -1)
-	])]);
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		"clip-rule": "evenodd",
+		d: "M8.95 2.83a4 4 0 0 1 5.66 0l6.34 6.34a4 4 0 0 1 0 5.66l-6.34 6.34a4 4 0 0 1-5.66 0l-6.34-6.34a4 4 0 0 1 0-5.66zM7.36 10.8a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94m4.42 0a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94m4.42 0a1.47 1.47 0 1 0 0 2.94 1.47 1.47 0 1 0 0-2.94",
+		fill: "currentcolor",
+		"fill-rule": "evenodd"
+	}, null, -1)])]);
 }
 var IconWarn_default = { render };
 //#endregion

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts

@@ -1,6 +1,10 @@
 type __VLS_Props = {
     /** Opens the sheet. */
     isOpen: boolean;
+    /** Sizes the sheet to its content, up to 90% of the screen, instead of always taking 90%. */
+    compact?: boolean;
+    /** Leaves the page in view without the dimmed backdrop. A tap outside the sheet still closes it, and also reaches the page. */
+    noOverlay?: boolean;
 };
 type __VLS_Slots = {
     /** Element that opens the sheet, rendered in place and again at the top of the sheet — `unclickable` is `true` for the one in place and `false` for the copy. */
@@ -11,7 +15,10 @@ type __VLS_Slots = {
     /** Content of the sheet, which scrolls under the toggle. */
     content?: () => void;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    /** Slides the sheet down. Resolves once it is out of view — then set `isOpen` to `false` for no visible jump. */
+    hide: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AAuEA,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,iKAAiK;IACjK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACjE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAsHF,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":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AA8CA;AAoGA,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAA;IACf,6FAA6F;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+HAA+H;IAC/H,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,iKAAiK;IACjK,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAA;IACjE,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AAuKF,QAAA,MAAM,UAAU;IA/Jd,iHAAiH;gBACvG,OAAO,CAAC,IAAI,CAAC;;;;;kFAkKvB,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/BottomSheet/WBottomSheet.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,57 @@
 import { wBaseZIndex } from "../../utils/utils.js";
+import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
 import WDismissable_default from "../Dismissable/WDismissable.vue.js";
-import { Fragment, Teleport, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, useTemplateRef, withCtx } from "vue";
 //#region src/components/BottomSheet/WBottomSheet.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "px-3" };
 var _hoisted_2 = { class: "overflow-y-auto overflow-x-hidden overscroll-contain" };
 var WBottomSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WBottomSheet",
-	props: { isOpen: { type: Boolean } },
+	props: {
+		isOpen: { type: Boolean },
+		compact: { type: Boolean },
+		noOverlay: { type: Boolean }
+	},
 	emits: ["close"],
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
+		const props = __props;
 		const baseZIndex = inject(wBaseZIndex, 0);
+		const dismissableRef = useTemplateRef("dismissable");
+		__expose({ 
+		/** Slides the sheet down. Resolves once it is out of view — then set `isOpen` to `false` for no visible jump. */
+hide: () => dismissableRef.value?.hide() ?? Promise.resolve() });
+		const contentClass = computed(() => [
+			"bg-surface grid-cols-[1fr] grid-rows-[auto_1fr] rounded-t-3xl shadow-md relative grid",
+			props.compact ? "max-h-[90%]" : "height-[90%]",
+			props.noOverlay ? "pointer-events-auto border-t border-solid border-line-raised" : ""
+		].join(" "));
 		return (_ctx, _cache) => {
 			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: "bg-backdrop fixed inset-0 backdrop-blur",
-				"content-class": "bg-surface grid-cols-[1fr] grid-rows-[auto_1fr] height-[90%] rounded-t-3xl shadow-md relative grid",
+				class: normalizeClass(["fixed inset-0", __props.noOverlay ? "pointer-events-none" : "bg-backdrop backdrop-blur"]),
+				"content-class": contentClass.value,
 				style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(100) }),
-				onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+				onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
 			}, {
 				default: withCtx(() => [
-					createElementVNode("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-track" })], -1)), createElementVNode("div", null, [renderSlot(_ctx.$slots, "toggle", mergeProps({ unclickable: false }, { isTop: false }))])]),
+					createElementVNode("div", _hoisted_1, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "flex h-9 items-center justify-center" }, [createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-track" })], -1)), createElementVNode("div", null, [renderSlot(_ctx.$slots, "toggle", mergeProps({ unclickable: false }, { isTop: false }))])]),
 					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "content")]),
-					_cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-inherit" }, null, -1))
+					_cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute top-full h-screen w-full bg-inherit" }, null, -1)),
+					__props.noOverlay ? (openBlock(), createBlock(WClickOutside_default, {
+						key: 0,
+						"no-filter": "",
+						class: "hidden",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+					})) : createCommentVNode("", true)
 				]),
 				_: 3
-			}, 8, ["is-open", "style"])]))], 64);
+			}, 8, [
+				"is-open",
+				"class",
+				"content-class",
+				"style"
+			])]))], 64);
 		};
 	}
 });

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

@@ -11,15 +11,15 @@ declare const __VLS_base: import('vue').DefineComponent<ButtonProps, {}, {}, {},
     onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
     onMousedown?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    to: import('vue-router').RouterLinkProps["to"];
     skeleton: boolean;
-    semanticType: SemanticType;
+    disabled: boolean;
     type: string;
-    href: string;
-    to: import('vue-router').RouterLinkProps["to"];
+    semanticType: SemanticType;
     tag: keyof HTMLElementTagNameMap;
+    href: string;
     target: "_self" | "_blank" | "_parent" | "_top";
     rel: string;
-    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -39,17 +39,17 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    skeleton: boolean;
-    count: number;
-    semanticType: SemanticType;
-    href: string;
     to: import('vue-router').RouterLinkProps["to"];
+    tooltipText: string;
+    skeleton: boolean;
+    disabled: boolean;
     icon: SVGComponent;
+    semanticType: SemanticType;
     tag: "button" | "a";
+    href: string;
     target: "_self" | "_blank" | "_parent" | "_top";
     rel: string;
-    disabled: boolean;
-    tooltipText: string;
+    count: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AA+EA;AAAA,OAqKO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAW5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,gHAAgH;IAChH,KAAK,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA0BD,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;CAClB,CAAC;AAyPF,QAAA,MAAM,UAAU;;;;;cA7RH,OAAO;WANV,MAAM;kBAEC,YAAY;UARpB,MAAM;;UARN,YAAY;SAMb,QAAQ,GAAG,GAAG;YAIX,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;SAE1C,MAAM;cAMD,OAAO;iBAIJ,MAAM;6EA+RpB,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":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AA+EA;AAAA,OAqKO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAW5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,uDAAuD;IACvD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,gHAAgH;IAChH,KAAK,EAAE,MAAM,CAAA;IACb,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kCAAkC;IAClC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA0BD,KAAK,WAAW,GAAG;IACjB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;CAClB,CAAC;AAyPF,QAAA,MAAM,UAAU;;;;;;iBA3RA,MAAM;cAFT,OAAO;cAFP,OAAO;UAlBX,YAAY;kBAgBJ,YAAY;SAVrB,QAAQ,GAAG,GAAG;UAEb,MAAM;YAEJ,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;SAE1C,MAAM;WAEJ,MAAM;6EAuSd,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.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {
     }) => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<ButtonDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonDropdownProps> & Readonly<{}>, {
-    disabled: boolean;
     horizontalAlign: HorizontalAlign;
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
-import WButton_default from "./WButton.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";

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

@@ -1,20 +1,25 @@
-import { DropdownProps } from '../Dropdown/types';
+import { OverlayAnchor } from '../../utils/Overlay';
 type __VLS_Props = {
     /** Icon of the button. Defaults to three dots. */
     icon?: SVGComponent;
     /** Blocks opening and dims the button. */
     disabled?: boolean;
     /** Element the menu is positioned against instead of the button, aligned to its right edge — for a menu opened at a cursor or row. */
-    anchor?: DropdownProps['parentElement'];
+    anchor?: OverlayAnchor;
 };
 type __VLS_Slots = {
-    /** Menu items, usually WButtonMoreItem. A click inside closes the menu. Only one WButtonMore menu is open at a time. */
+    /**
+     * 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.
+     */
     default?: () => void;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
-    open: () => void;
+    open: (anchor?: OverlayAnchor) => void;
     close: () => void;
-    isOpen: import('vue').ComputedRef<boolean>;
+    isOpen: import('vue').Ref<boolean, boolean>;
+    /** The menu, or a confirm it handed off to, is open. */
+    isActive: import('vue').ComputedRef<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{

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":"AA0DA;AA4HA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAapD,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,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,wHAAwH;IACxH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA8NF,QAAA,MAAM,UAAU;;iBA5ME,IAAI;;;;;;kFAgNpB,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":"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"}

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

@@ -1,9 +1,7 @@
-import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
-import WDropdownMenu_default from "../DropdownMenu/WDropdownMenu.vue.js";
 import IconMore_default from "../../assets/icons/IconMore.js";
-import { useButtonMoreId } from "./models/buttonMore.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref, useId, withCtx } from "vue";
+import { hasAnchorLayer } from "../Modal/models/overlayRegistry.js";
+import { useOverlay } from "../../utils/Overlay.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 = [
 	"disabled",
@@ -21,29 +19,58 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const id = useId();
-		const { current } = useButtonMoreId();
-		const isOpen = computed(() => current.value === id);
-		const toggle = () => {
-			if (props.disabled) return;
-			if (current.value === id) current.value = void 0;
-			else current.value = id;
-			if (!isOpen.value) emit("close");
+		const slots = useSlots();
+		const renderSlot = markRaw(() => slots.default?.());
+		const buttonRef = useTemplateRef("button");
+		const overlay = useOverlay();
+		let closeMenu = null;
+		const isOpen = ref(false);
+		const isCustomAnchor = ref(false);
+		const anchorOpened = shallowRef(null);
+		const isActive = computed(() => anchorOpened.value !== null && hasAnchorLayer(anchorOpened.value));
+		/** Opens the menu at `anchor` — such as a point made with `createPointAnchor` — instead of the `anchor` prop or the button. */
+		const open = (anchor) => {
+			const target = anchor ?? props.anchor;
+			const opened = target ?? buttonRef.value;
+			if (!opened) return;
+			const value = overlay.open({
+				present: "dropdown",
+				anchor: opened,
+				content: renderSlot,
+				dropdown: {
+					cornered: target !== void 0,
+					closeOnClick: true
+				},
+				onClose: () => {
+					if (closeMenu !== value) return;
+					closeMenu = null;
+					isOpen.value = false;
+					emit("close");
+				}
+			});
+			closeMenu = value;
+			anchorOpened.value = opened;
+			isOpen.value = value !== null;
+			isCustomAnchor.value = target !== void 0;
 		};
 		const close = () => {
-			current.value = void 0;
-			emit("close");
+			closeMenu?.();
 		};
-		const open = () => {
-			current.value = id;
+		const toggle = () => {
+			if (props.disabled) return;
+			if (isOpen.value) close();
+			else open();
 		};
 		__expose({
 			open,
 			close,
-			isOpen
+			isOpen,
+			/** The menu, or a confirm it handed off to, is open. */
+			isActive
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", mergeProps(_ctx.$attrs, {
+				ref: "button",
 				disabled: __props.disabled,
 				class: [{
 					"w-hover-circle-trigger cursor-pointer": !__props.disabled,
@@ -53,37 +80,11 @@ var WButtonMore_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"aria-disabled": __props.disabled,
 				"aria-label": "More options",
 				onClick: toggle
-			}), [createVNode(WDropdownMenu_default, {
-				"is-open": isOpen.value,
-				"horizontal-align": __props.anchor ? unref(HorizontalAlign).RIGHT_INNER : unref(HorizontalAlign).LEFT_INNER,
-				"update-align": false,
-				"parent-element": __props.anchor
-			}, {
-				toggle: withCtx(() => [createElementVNode("div", { class: normalizeClass(["relative", {
-					"w-hover-circle": !__props.disabled,
-					"text-description": !isOpen.value || __props.anchor,
-					"tone-primary text-tone": isOpen.value && !__props.anchor
-				}]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconMore_default)), { class: "square-[1.125em]" }))], 2)]),
-				content: withCtx(({ isTop, isRight, isLeft }) => [createVNode(WClickOutside_default, {
-					"no-filter": "",
-					class: normalizeClass(["surface-raised overflow-hidden rounded-xl text-start font-normal shadow-md border border-solid border-line-raised", {
-						"sm-not:-mr-4 my-4 -mr-5": !__props.anchor,
-						"rounded-bl-none": __props.anchor && isRight && isTop,
-						"rounded-tl-none": __props.anchor && isRight && !isTop,
-						"rounded-br-none": __props.anchor && isLeft && isTop,
-						"rounded-tr-none": __props.anchor && isLeft && !isTop
-					}]),
-					onClick: close
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 8, ["class"])]),
-				_: 3
-			}, 8, [
-				"is-open",
-				"horizontal-align",
-				"parent-element"
-			])], 16, _hoisted_1);
+			}), [createElementVNode("div", { class: normalizeClass(["relative", {
+				"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);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAyDA;AAmHA,OAAO,EAAC,KAAK,KAAK,EAA0C,MAAM,KAAK,CAAA;AAcvE,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAC;AAyBJ,KAAK,WAAW,GAAG;IACjB,gHAAgH;IAChH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpF,sDAAsD;IACtD,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACjF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA6MF,QAAA,MAAM,UAAU;;;;;WApPJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;qBAEJ,MAAM;6EAkP1B,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":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAyDA;AAgHA,OAAO,EAAC,KAAK,KAAK,EAA0C,MAAM,KAAK,CAAA;AAWvE,KAAK,WAAW,GAAG;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mHAAmH;IACnH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAC;AAyBJ,KAAK,WAAW,GAAG;IACjB,gHAAgH;IAChH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpF,sDAAsD;IACtD,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACjF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA0LF,QAAA,MAAM,UAAU;;;;;WAjOJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;qBAEJ,MAAM;6EA+N1B,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/WButtonSelection.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,9 @@
 import { numberFormatter, wBaseZIndex } from "../../utils/utils.js";
-import WClickOutside_default from "../ClickOutside/WClickOutside.vue.js";
-import { HorizontalAlign } from "../../utils/HorizontalAlign.js";
-import WDropdownMenu_default from "../DropdownMenu/WDropdownMenu.vue.js";
 import IconMore_default from "../../assets/icons/IconMore.js";
+import WDropdownAdaptive_default from "../DropdownMenu/WDropdownAdaptive.vue.js";
 import WButtonSelectionAction_default from "./WButtonSelectionAction.vue.js";
 import WButtonSelectionState_default from "./WButtonSelectionState.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, normalizeClass, normalizeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, markRaw, normalizeClass, normalizeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/Button/WButtonSelection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "list:left---left-inner list:w---width-inner list:sticky grid w-full grid-cols-[1fr_auto] pb-3" };
 var _hoisted_2 = { class: "flex" };
@@ -24,51 +22,43 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		const props = __props;
 		const baseZIndex = inject(wBaseZIndex, null);
 		provide(wBaseZIndex, baseZIndex ?? 20);
-		const isOpen = ref(false);
 		const disableMessageValue = computed(() => props.selectedCount === 0 ? props.disableMessage : void 0);
+		const isOpen = ref(false);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 				disableMessage: disableMessageValue.value,
 				cssClass: "border-l border-solid border-line first:border-l-0"
-			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownMenu_default, {
+			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
 				key: 0,
 				"is-open": isOpen.value,
-				"horizontal-align": unref(HorizontalAlign).RIGHT_INNER,
-				class: normalizeClass(__props.moreToggleClass)
+				"close-on-click": "",
+				onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
 			}, {
 				toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, {
 					title: "More",
 					icon: markRaw(unref(IconMore_default)),
 					"aria-expanded": isOpen.value,
 					"disable-message": disableMessageValue.value,
-					class: "border-l border-solid border-line",
+					class: normalizeClass(["border-l border-solid border-line", __props.moreToggleClass]),
 					onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
 				}, null, 8, [
 					"icon",
 					"aria-expanded",
-					"disable-message"
+					"disable-message",
+					"class"
 				])]),
-				content: withCtx(() => [createVNode(WClickOutside_default, {
-					class: "surface-raised dropdown w-shine-hidden my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md outline-1 outline-line-raised",
-					onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
-						disableMessage: disableMessageValue.value,
-						cssClass: "first:pt-2 last:pb-2"
-					})))]),
-					_: 3
-				})]),
+				header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
+				content: withCtx(() => [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+					disableMessage: disableMessageValue.value,
+					cssClass: "first:pt-2 last:pb-2"
+				})))]),
 				_: 3
-			}, 8, [
-				"is-open",
-				"horizontal-align",
-				"class"
-			])) : createCommentVNode("", true)]), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
+			}, 8, ["is-open"])) : createCommentVNode("", true)]), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
 				key: 0,
 				onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
 			}, {
 				default: withCtx(() => [
-					_cache[3] || (_cache[3] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
+					_cache[4] || (_cache[4] = createElementVNode("span", { class: "sm-not:hidden" }, "Selected\xA0", -1)),
 					createElementVNode("span", _hoisted_3, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
 					createElementVNode("span", _hoisted_4, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
 				]),

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAwEA;AAAA,OA0HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA0NF,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":"WButtonSelectionAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelectionAction.vue"],"names":[],"mappings":"AAyEA;AAAA,OA+HO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAS5C,KAAK,WAAW,GAAG;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,4FAA4F;IAC5F,GAAG,CAAC,EAAE,MAAM,qBAAqB,CAAA;IACjC,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAC;AA+NF,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/Button/WButtonSelectionAction.vue_vue_type_script_setup_true_lang.js

@@ -2,13 +2,10 @@ import WRouterLink_default from "../RouterLink/WRouterLink.vue.js";
 import WShine_default from "../Shine/WShine.vue.js";
 import WTooltip_default from "../Tooltip/WTooltip.vue.js";
 import WSpinner_default from "../Spinner/WSpinner.vue.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { useOverlayFrame } from "../../utils/Overlay.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/Button/WButtonSelectionAction.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
-	key: 0,
-	class: "sm-not:hidden sm-not:in-[.dropdown]:block whitespace-nowrap font-normal"
-};
-var _hoisted_2 = {
 	key: 0,
 	class: "text-description absolute inset-0 z-10 flex items-center justify-center"
 };
@@ -31,6 +28,7 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 	},
 	emits: ["click"],
 	setup(__props) {
+		const overlay = useOverlayFrame();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.to !== void 0 ? __props.disabled ? "a" : WRouterLink_default : __props.tag ?? "button"), mergeProps({ ...__props.disabled ? {} : __props.tag === "a" ? {
 				href: __props.href,
@@ -53,8 +51,11 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 				onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabled && !__props.disableMessage && !__props.loading && _ctx.$emit("click", $event))
 			}), {
 				default: withCtx(() => [
-					createElementVNode("div", { class: normalizeClass(["h---w-input-height sm-not:px---inner-margin z-10 flex items-center gap-2 px-(--w-list-padding,1rem)", { "opacity-0": __props.loading }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em]" })), __props.title ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true)], 2),
-					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(WSpinner_default, { class: "square-5" })])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["h---w-input-height sm-not:px---inner-margin z-10 flex items-center gap-2 px-(--w-list-padding,1rem)", { "opacity-0": __props.loading }]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "square-[1.25em]" })), __props.title ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["whitespace-nowrap font-normal", !unref(overlay) ? "sm-not:hidden" : void 0])
+					}, toDisplayString(__props.title), 3)) : createCommentVNode("", true)], 2),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(WSpinner_default, { class: "square-5" })])) : createCommentVNode("", true),
 					__props.disableMessage || __props.tooltipText ? (openBlock(), createBlock(WTooltip_default, {
 						key: 1,
 						text: __props.disableMessage ?? __props.tooltipText,
@@ -65,7 +66,7 @@ var WButtonSelectionAction_vue_vue_type_script_setup_true_lang_default = /*@__PU
 						fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
 						key: "0"
 					} : void 0]), 1032, ["text"])) : createCommentVNode("", true),
-					!__props.disabled && !__props.disableMessage && !__props.loading ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true)
+					!__props.disabled && !__props.disableMessage && !__props.loading && !unref(overlay) ? (openBlock(), createBlock(WShine_default, { key: 2 })) : createCommentVNode("", true)
 				]),
 				_: 3
 			}, 16, [