eco-vue-js 0.21.3 → 0.22.1

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

@@ -14,6 +14,8 @@ type __VLS_Slots = {
     }) => void;
     /** Content of the sheet, which scrolls under the toggle. */
     content?: () => void;
+    /** Pinned at the bottom of the sheet, under the content that scrolls, such as a form's buttons. */
+    footer?: () => void;
 };
 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. */

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":"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"}
+{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAgDA;AAwGA,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;IACpB,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AAyKF,QAAA,MAAM,UAAU;IAjKd,iHAAiH;gBACvG,OAAO,CAAC,IAAI,CAAC;;;;;kFAoKvB,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

@@ -21,7 +21,7 @@ var WBottomSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		/** 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",
+			"bg-surface grid-cols-[1fr] grid-rows-[auto_1fr_auto] 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(" "));
@@ -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"))
@@ -37,6 +37,7 @@ hide: () => dismissableRef.value?.hide() ?? Promise.resolve() });
 				default: withCtx(() => [
 					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")]),
+					renderSlot(_ctx.$slots, "footer"),
 					_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,

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/Button/WButtonSelection.vue.d.ts

@@ -6,19 +6,22 @@ type __VLS_Props = {
     disableMessage?: string;
     /** Number of selected items. While it is above 0, the counter with a clear button replaces the `settings` slot. */
     selectedCount?: number;
-    /** Class of the More menu's toggle, e.g. to hide it while all actions fit. */
-    moreToggleClass?: string;
 };
 type __VLS_Slots = {
-    /** WButtonSelectionAction buttons. Pass them `disableMessage`, and `cssClass` for the dividers between them. */
+    /**
+     * WButtonSelectionAction buttons. Pass them `disableMessage`, and `cssClass` for the dividers between them.
+     * Hide the ones from `visibleCount` on, which do not fit — the `more` slot shows them instead.
+     */
     default?: (props: {
         disableMessage: string | undefined;
         cssClass: string;
+        visibleCount: number;
     }) => VNode[];
-    /** Actions in the More menu at the end of the row. */
+    /** Actions in the More menu at the end of the row: the ones of the `default` slot from `visibleCount` on, which do not fit the row. The menu shows only when some do not. */
     more?: (props: {
         disableMessage: string | undefined;
         cssClass: string;
+        visibleCount: number;
     }) => VNode[];
     /** Content at the end of the bar while nothing is selected, such as list settings. */
     settings?: () => VNode[];
@@ -31,7 +34,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     title: string;
     disableMessage: string;
     selectedCount: number;
-    moreToggleClass: string;
 }, {}, {}, {}, 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/WButtonSelection.vue.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAkEA;AAuMA,OAAO,EAAC,KAAK,KAAK,EAAiG,MAAM,KAAK,CAAA;AAW9H,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;CACvB,CAAC;AAsGJ,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC1G,6KAA6K;IAC7K,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACvG,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACzB,CAAC;AA0MF,QAAA,MAAM,UAAU;;;;;WA/TJ,MAAM;oBAEG,MAAM;mBAEP,MAAM;6EA+TxB,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

@@ -3,19 +3,22 @@ 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, createTextVNode, 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, mergeProps, normalizeProps, onBeforeUnmount, onMounted, onUpdated, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, 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" };
-var _hoisted_3 = { class: "tone-primary text-tone font-semibold" };
-var _hoisted_4 = { class: "sm-not:text-xs" };
+var _hoisted_2 = {
+	ref: "row",
+	class: "flex min-w-0"
+};
+var _hoisted_3 = { class: "py-2 grid" };
+var _hoisted_4 = { class: "tone-primary text-tone font-semibold" };
+var _hoisted_5 = { class: "sm-not:text-xs" };
 var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "WButtonSelection",
 	props: {
 		title: { default: "item" },
 		disableMessage: { default: "No selected items" },
-		selectedCount: { default: void 0 },
-		moreToggleClass: { default: void 0 }
+		selectedCount: { default: void 0 }
 	},
 	emits: ["clear:selection"],
 	setup(__props) {
@@ -24,43 +27,97 @@ var WButtonSelection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		provide(wBaseZIndex, baseZIndex ?? 20);
 		const disableMessageValue = computed(() => props.selectedCount === 0 ? props.disableMessage : void 0);
 		const isOpen = ref(false);
+		const rowRef = useTemplateRef("row");
+		/** How many actions of the row fit, from the first. The rest are hidden by the `default` slot and shown by the `more` slot. */
+		const visibleCount = ref(Infinity);
+		const isOverflowing = ref(false);
+		const widths = /* @__PURE__ */ new WeakMap();
+		let moreWidth = 0;
+		const isShown = (element) => element.getClientRects().length > 0;
+		const update = () => {
+			const row = rowRef.value;
+			if (!row) return;
+			const children = Array.from(row.children);
+			const items = children.filter((element) => !element.hasAttribute("data-selection-more"));
+			const more = children.find((element) => element.hasAttribute("data-selection-more"));
+			items.forEach((element) => {
+				if (isShown(element)) widths.set(element, element.getBoundingClientRect().width);
+			});
+			if (more && isShown(more)) moreWidth = more.getBoundingClientRect().width;
+			if (items.some((element) => !widths.has(element))) {
+				visibleCount.value = Infinity;
+				isOverflowing.value = false;
+				return;
+			}
+			const available = row.clientWidth;
+			if (items.reduce((sum, element) => sum + widths.get(element), 0) <= available || !more) {
+				visibleCount.value = Infinity;
+				isOverflowing.value = false;
+				return;
+			}
+			let count = 0;
+			let used = moreWidth;
+			while (count < items.length && used + widths.get(items[count]) <= available) {
+				used += widths.get(items[count]);
+				count++;
+			}
+			visibleCount.value = count;
+			isOverflowing.value = true;
+		};
+		let observer = null;
+		const observe = () => {
+			if (!observer || !rowRef.value) return;
+			observer.disconnect();
+			observer.observe(rowRef.value);
+			Array.from(rowRef.value.children).forEach((element) => observer?.observe(element));
+		};
+		onMounted(() => {
+			observer = new ResizeObserver(update);
+			observe();
+		});
+		onUpdated(observe);
+		onBeforeUnmount(() => {
+			observer?.disconnect();
+			observer = null;
+		});
 		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"
+				cssClass: "shrink-0 border-l border-solid border-line first:border-l-0",
+				visibleCount: visibleCount.value
 			}))), _ctx.$slots.more ? (openBlock(), createBlock(WDropdownAdaptive_default, {
 				key: 0,
 				"is-open": isOpen.value,
 				"close-on-click": "",
 				onClose: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
 			}, {
-				toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, {
+				toggle: withCtx(() => [createVNode(WButtonSelectionAction_default, mergeProps({
 					title: "More",
 					icon: markRaw(unref(IconMore_default)),
 					"aria-expanded": isOpen.value,
 					"disable-message": disableMessageValue.value,
-					class: normalizeClass(["border-l border-solid border-line", __props.moreToggleClass]),
-					onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
-				}, null, 8, [
+					class: ["shrink-0 border-l border-solid border-line", { hidden: !isOverflowing.value }]
+				}, { "data-selection-more": "" }, { onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value) }), null, 16, [
 					"icon",
 					"aria-expanded",
 					"disable-message",
 					"class"
 				])]),
 				header: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" More ", -1)])]),
-				content: withCtx(() => [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+				content: withCtx(() => [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
 					disableMessage: disableMessageValue.value,
-					cssClass: "first:pt-2 last:pb-2"
-				})))]),
+					cssClass: "",
+					visibleCount: visibleCount.value
+				})))])]),
 				_: 3
-			}, 8, ["is-open"])) : createCommentVNode("", true)]), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
+			}, 8, ["is-open"])) : createCommentVNode("", true)], 512), __props.selectedCount ? (openBlock(), createBlock(WButtonSelectionState_default, {
 				key: 0,
 				onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("clear:selection"))
 			}, {
 				default: withCtx(() => [
 					_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)
+					createElementVNode("span", _hoisted_4, toDisplayString(unref(numberFormatter).format(__props.selectedCount)), 1),
+					createElementVNode("span", _hoisted_5, "\xA0" + toDisplayString(__props.title) + toDisplayString(__props.selectedCount === 1 ? "" : "s"), 1)
 				]),
 				_: 1
 			})) : renderSlot(_ctx.$slots, "settings", {}, void 0, void 0, 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/DropdownMenu/WDropdownAdaptive.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {
         isTop: boolean;
         unclickable: boolean | undefined;
     }) => VNode[];
-    /** Heading of the bottom sheet on phones, instead of the copy of `toggle`. */
+    /** Heading of the bottom sheet on phones, instead of the copy of `toggle`. With `dialog`, the title of the dropdown too. */
     header?: () => VNode[];
-    /** Content of the dropdown, which brings its own padding. A click inside closes it with `closeOnClick`. */
+    /** Content of the dropdown, which brings its own padding, unless it is a `dialog`. A click inside closes it with `closeOnClick`. */
     content?: () => VNode[];
 };
 declare const __VLS_base: import('vue').DefineComponent<DropdownAdaptiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/components/DropdownMenu/WDropdownAdaptive.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownAdaptive.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownAdaptive.vue"],"names":[],"mappings":"AAOA;AAqHA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAElD,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAkBtH,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC/E,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACxB,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":"WDropdownAdaptive.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownAdaptive.vue"],"names":[],"mappings":"AAOA;AA4HA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAA;AAElD,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAkBtH,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IAC/E,4HAA4H;IAC5H,MAAM,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACtB,oIAAoI;IACpI,OAAO,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;CACxB,CAAC;AA6HF,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/DropdownMenu/WDropdownAdaptive.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useIsMobile } from "../../utils/mobile.js";
-import { useOverlay, useOverlayFrame } from "../../utils/Overlay.js";
-import OverlayHeader_default from "../Modal/components/OverlayHeader.vue.js";
+import { useOverlay, useOverlayFrame, useOverlayFrameOptions } from "../../utils/Overlay.js";
+import OverlayRegionPart_default from "../Modal/components/OverlayRegionPart.vue.js";
 import { computed, createBlock, defineComponent, h, markRaw, mergeProps, onMounted, openBlock, ref, resolveDynamicComponent, unref, useSlots, useTemplateRef, watch } from "vue";
 //#region src/components/DropdownMenu/WDropdownAdaptive.vue?vue&type=script&setup=true&lang.ts
 var WDropdownAdaptive_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -10,6 +10,7 @@ var WDropdownAdaptive_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		isOpen: { type: Boolean },
 		parentElement: {},
 		horizontalAlign: {},
+		dialog: { type: Boolean },
 		frameClass: {},
 		closeOnClick: { type: Boolean }
 	},
@@ -26,11 +27,16 @@ var WDropdownAdaptive_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 			emits: ["close:modal"],
 			setup: () => {
 				const isSheet = useOverlayFrame() === "sheet";
+				if (props.dialog) useOverlayFrameOptions(() => ({
+					padded: true,
+					fitContent: true
+				}));
 				const renderHeader = () => slots.header ? h("div", { class: "flex items-center gap-2 py-2 text-base text-center font-semibold" }, slots.header()) : slots.toggle?.({
 					isTop: false,
 					unclickable: false
 				});
-				return () => [isSheet ? h(OverlayHeader_default, null, { default: renderHeader }) : null, slots.content?.()];
+				const renderTitle = () => h("span", { class: "inline-flex items-center gap-2" }, slots.header?.());
+				return () => [props.dialog ? h(OverlayRegionPart_default, { region: "title" }, { default: renderTitle }) : isSheet ? h(OverlayRegionPart_default, { region: "header" }, { default: renderHeader }) : null, slots.content?.()];
 			}
 		}));
 		const overlay = useOverlay();

package/dist/components/DropdownMenu/types.d.ts

@@ -16,5 +16,7 @@ export interface DropdownAdaptiveProps extends Pick<OverlayDropdownOptions, 'fra
     parentElement?: OverlayAnchor | null;
     /** Aligns the dropdown to the parent without a tip, such as a field's menu with `HorizontalAlign.FILL`. Otherwise it is centered on the parent with a tip pointing at it. */
     horizontalAlign?: HorizontalAlign;
+    /** The content is a small form, such as a filter: the `header` slot is its title on every screen, and the frame pads the content and sizes to it. */
+    dialog?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DropdownMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAE1E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,YAAY,CAAC;IAC5F,sBAAsB;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,cAAc,CAAC;IACxG,0BAA0B;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,4FAA4F;IAC5F,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IACpC,6KAA6K;IAC7K,eAAe,CAAC,EAAE,eAAe,CAAA;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAC,aAAa,EAAE,sBAAsB,EAAC,MAAM,iBAAiB,CAAA;AAE1E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,GAAG,YAAY,CAAC;IAC5F,sBAAsB;IACtB,MAAM,EAAE,OAAO,CAAA;IACf,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,GAAG,cAAc,CAAC;IACxG,0BAA0B;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,4FAA4F;IAC5F,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IACpC,6KAA6K;IAC7K,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,qJAAqJ;IACrJ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAoLA;AAiUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA4XF,QAAA,MAAM,UAAU;sBAtdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAgcpD,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":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAqLA;AAkUA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAkB,KAAK,KAAK,EAAuE,MAAM,KAAK,CAAA;AAerH,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACnC,uJAAuJ;IACvJ,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAyGJ,KAAK,WAAW,GAAG;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAA;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,qDAAqD;IACrD,MAAM,EAAE,MAAM,KAAK,EAAE,CAAA;IACrB,2JAA2J;IAC3J,KAAK,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;IACpH,sGAAsG;IACtG,OAAO,EAAE,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAC,KAAK,KAAK,EAAE,CAAA;CACvH,CAAC;AA6XF,QAAA,MAAM,UAAU;sBAvdO,cAAc,GAAG,IAAI;yBA2BhB,MAAM,eAAc,MAAM;;;;;;;;;;;6EAicpD,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/FieldWrapper/WFieldWrapper.vue_vue_type_script_setup_true_lang.js

@@ -170,7 +170,7 @@ var WFieldWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						"pr-9": !__props.title && !_ctx.$slots.title && __props.filterField,
 						"col-start-2 -col-end-1 row-start-1 -row-end-3 grid-cols-subgrid": __props.subgrid,
 						"grid-cols-[1fr_auto]": !__props.subgrid,
-						"px-3": __props.embedded
+						"px-[max(0px,calc(--spacing(3)-var(--w-frame-padding,0px)))]": __props.embedded
 					}])
 				}, [
 					!unref(isSkeleton) ? (openBlock(), createElementBlock("div", {

package/dist/components/InfoCard/WInfoCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AA6BA;AA4DA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,KAAK,WAAW,GAAG;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAA;IAChB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AA8EF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInfoCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoCard/WInfoCard.vue"],"names":[],"mappings":"AAgCA;AAmEA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,KAAK,WAAW,GAAG;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2GAA2G;IAC3G,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAA;IAChB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC;AAsFF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InfoCard/WInfoCard.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { SemanticType } from "../../utils/SemanticType.js";
+import { useOverlayFrame } from "../../utils/Overlay.js";
 import IconNegativeInfo_default from "../../assets/icons/IconNegativeInfo.js";
 import { infoCardIconSemanticTypeMap, infoCardSemanticTypeMap } from "./models/utils.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref } from "vue";
@@ -14,8 +15,13 @@ var WInfoCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		semanticType: {}
 	},
 	setup(__props) {
+		const frame = useOverlayFrame();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["sm-not:px---inner-margin sm-not:-mx---inner-margin p-4 sm:rounded-3xl", { [unref(infoCardSemanticTypeMap)[__props.semanticType ?? unref(SemanticType).SECONDARY]]: !__props.noBg }]) }, [
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["p-4 sm:rounded-3xl", {
+				"sm-not:w-frame-bleed sm-not:px-[max(var(--w-frame-padding),1rem)]": unref(frame) !== null,
+				"sm-not:px---inner-margin sm-not:-mx---inner-margin": unref(frame) === null,
+				[unref(infoCardSemanticTypeMap)[__props.semanticType ?? unref(SemanticType).SECONDARY]]: !__props.noBg
+			}]) }, [
 				renderSlot(_ctx.$slots, "top"),
 				createElementVNode("div", _hoisted_1, [!__props.noIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon ?? unref(IconNegativeInfo_default)), {
 					key: 0,

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":"AAUA;AAwCA,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"}