eco-vue-js 0.21.2 → 0.22.0

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(" "));
@@ -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/WButtonAction.vue_vue_type_script_setup_true_lang.js

@@ -91,7 +91,7 @@ var WButtonAction_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						key: 2,
 						class: normalizeClass(["text-3xs mt-1 text-center", { "self-center": !__props.skeleton }])
 					}, [__props.skeleton ? (openBlock(), createBlock(WSkeleton_default, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true),
-					__props.tooltipText || !__props.titleText && __props.title ? (openBlock(), createBlock(WTooltip_default, {
+					(__props.tooltipText || !__props.titleText && __props.title) && !__props.active ? (openBlock(), createBlock(WTooltip_default, {
 						key: 3,
 						ref: "tooltip",
 						text: __props.tooltipText ?? (__props.titleText ? void 0 : __props.title),

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/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/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;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"}

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

@@ -1,17 +1,18 @@
-import OverlayHeader_default from "../../Modal/components/OverlayHeader.vue.js";
-import { Fragment, createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
+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 InputSuggestEmbedded_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InputSuggestEmbedded",
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createVNode(OverlayHeader_default, null, {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(OverlayRegionPart_default, { region: "header" }, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "toggle", normalizeProps(guardReactiveProps({
 					unclickable: void 0,
 					isTop: false
 				})))]),
 				_: 3
-			}), renderSlot(_ctx.$slots, "content")], 64);
+			}), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "content")])], 64);
 		};
 	}
 });

package/dist/components/List/WList.vue.d.ts

@@ -25,7 +25,7 @@ declare const __VLS_export: <Data extends DefaultData, QueryParams, Fields exten
         bulkDisableMessage?: string;
         /** Singular noun in the "Selected N items" counter of the selection bar. */
         selectionTitle: string;
-        /** Actions in the selection bar while items are selected. Each gets the selection count and a getter of the query params narrowed to the selection. From the third on they move into a More menu. */
+        /** Actions in the selection bar while items are selected. Each gets the selection count and a getter of the query params narrowed to the selection. The ones that do not fit the bar move into a More menu. */
         bulk?: BulkComponent<QueryParams>[];
         /** Actions in the selection bar while nothing is selected, with the current query params. */
         action?: ActionComponent<QueryParams>[];

package/dist/components/List/WList.vue.d.ts.map

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

package/dist/components/List/components/ListFilterLocalItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListFilterLocalItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterLocalItem.vue"],"names":[],"mappings":"AAsEA;AA+GA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;AAa5D,QAAA,MAAM,YAAY,GAAK,WAAW,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkOO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;eAhO/C,YAAY,CAAC,WAAW,CAAC;cAC1B,eAAe,CAAC,WAAW,CAAC;gBAC1B,OAAO;kBACL,OAAO;;;;;KA6NwE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;WACH,EAAE;;YA3NJ,QAAQ,GAAG,IAAI;YACf,OAAO,GAAG,IAAI;YACd,QAAQ,GAAG,IAAI;;EA4NjB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ListFilterLocalItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterLocalItem.vue"],"names":[],"mappings":"AAoEA;AAiHA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;AAc5D,QAAA,MAAM,YAAY,GAAK,WAAW,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAmOO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;eAjO/C,YAAY,CAAC,WAAW,CAAC;cAC1B,eAAe,CAAC,WAAW,CAAC;gBAC1B,OAAO;kBACL,OAAO;;;;;KA8NwE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;WACH,EAAE;;YA5NJ,QAAQ,GAAG,IAAI;YACf,OAAO,GAAG,IAAI;YACd,QAAQ,GAAG,IAAI;;EA6NjB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/List/components/ListFilterLocalItem.vue_vue_type_script_setup_true_lang.js

@@ -3,10 +3,12 @@ import { getMetaValue } from "../models/utils.js";
 import WButton_default from "../../Button/WButton.vue.js";
 import WDropdownAdaptive_default from "../../DropdownMenu/WDropdownAdaptive.vue.js";
 import IconClose_default from "../../../assets/icons/IconClose.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { wCloseOverlayOnPick } from "../../Select/models/useCloseOnPick.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, provide, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 //#region src/components/List/components/ListFilterLocalItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "whitespace-nowrap" };
 var _hoisted_2 = { class: "square-4 relative flex items-center justify-center rounded-full group-hover:bg-surface-muted" };
+var _hoisted_3 = { class: "text-start font-normal" };
 var ListFilterLocalItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ListFilterLocalItem",
 	props: {
@@ -22,6 +24,7 @@ var ListFilterLocalItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 	],
 	setup(__props) {
 		const props = __props;
+		provide(wCloseOverlayOnPick, true);
 		const meta = computed(() => Array.isArray(props.item) ? props.item[0].meta : props.item.meta);
 		const title = computed(() => getMetaValue(meta.value.title, props.scope.modelValue));
 		const icon = computed(() => getMetaValue(meta.value.icon, props.scope.modelValue));
@@ -29,7 +32,7 @@ var ListFilterLocalItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(WDropdownAdaptive_default, {
 				"is-open": __props.isOpen,
-				"frame-class": "max-w-96 max-h-80 w-dropdown-frame",
+				dialog: "",
 				onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
 			}, {
 				toggle: withCtx(() => [createVNode(WButton_default, {
@@ -58,7 +61,7 @@ var ListFilterLocalItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 					key: 0,
 					class: "square-[1.25em]"
 				})) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(title.value), 1)]),
-				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(["text-start font-normal", meta.value.embedded ? void 0 : "p-4 sm:w-96"]) }, [Array.isArray(__props.item) ? (openBlock(), createBlock(resolveDynamicComponent(__props.item[0].default), mergeProps({ key: 0 }, __props.item[1], {
+				content: withCtx(() => [createElementVNode("div", _hoisted_3, [Array.isArray(__props.item) ? (openBlock(), createBlock(resolveDynamicComponent(__props.item[0].default), mergeProps({ key: 0 }, __props.item[1], {
 					scope: __props.scope,
 					readonly: __props.readonly,
 					global: false
@@ -67,7 +70,7 @@ var ListFilterLocalItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 					scope: __props.scope,
 					readonly: __props.readonly,
 					global: false
-				}, null, 8, ["scope", "readonly"]))], 2)]),
+				}, null, 8, ["scope", "readonly"]))])]),
 				_: 1
 			}, 8, ["is-open"]);
 		};

package/dist/components/List/components/ListToolbar.vue.d.ts.map

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

package/dist/components/List/components/ListToolbar.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import HeaderSettings_default from "./HeaderSettings.vue.js";
 import HeaderSort_default from "./HeaderSort.vue.js";
 import WListHeader_default from "../WListHeader.vue.js";
 import WListHeaderItem_default from "../WListHeaderItem.vue.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#region src/components/List/components/ListToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 1,
@@ -74,7 +74,9 @@ var ListToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		"click:reset"
 	],
 	setup(__props, { emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
+		const bulkOffset = computed(() => props.disableExport ? 0 : 1);
 		const resetSelection = () => emit("reset:selection");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
@@ -84,7 +86,6 @@ var ListToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"disable-message": __props.bulkDisableMessage,
 					"selected-count": __props.selectionCount,
 					style: normalizeStyle({ zIndex: unref(2) }),
-					"more-toggle-class": "nth-[-n+3]:hidden sm:nth-[-n+5]:hidden",
 					"onClear:selection": _cache[7] || (_cache[7] = ($event) => _ctx.$emit("reset:selection"))
 				}, createSlots({
 					settings: withCtx(() => [_ctx.$slots.selection ? renderSlot(_ctx.$slots, "selection", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -155,7 +156,7 @@ var ListToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					_: 2
 				}, [__props.bulk || __props.action || !__props.disableExport ? {
 					name: "default",
-					fn: withCtx(({ disableMessage, cssClass }) => [__props.selectionCount === 0 && __props.action ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.action, (item, index) => {
+					fn: withCtx(({ disableMessage, cssClass, visibleCount }) => [__props.selectionCount === 0 && __props.action ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.action, (item, index) => {
 						return openBlock(), createBlock(resolveDynamicComponent(item), {
 							key: index,
 							"query-params": __props.queryParams,
@@ -191,7 +192,7 @@ var ListToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 							"disable-message": disableMessage,
 							readonly: __props.readonly,
 							"clear-selection": resetSelection,
-							class: normalizeClass([cssClass, "sm-not:nth-[n+3]:hidden nth-[n+5]:hidden"]),
+							class: normalizeClass([cssClass, { hidden: bulkOffset.value + index >= visibleCount }]),
 							"onClear:selected": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("reset:selection"))
 						}, null, 40, [
 							"selection-count",
@@ -202,24 +203,23 @@ var ListToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 						]);
 					}), 128))], 64))]),
 					key: "0"
-				} : void 0, __props.bulk && __props.bulk.length > 2 ? {
+				} : void 0, __props.bulk?.length && !(__props.selectionCount === 0 && __props.action) ? {
 					name: "more",
 					fn: withCtx((scope) => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.bulk, (item, index) => {
-						return openBlock(), createBlock(resolveDynamicComponent(item), {
-							key: index,
+						return openBlock(), createElementBlock(Fragment, { key: index }, [bulkOffset.value + index >= scope.visibleCount ? (openBlock(), createBlock(resolveDynamicComponent(item), {
+							key: 0,
 							"selection-count": __props.selectionCount,
 							"query-params-getter": __props.getQueryParamsBulk,
-							"disable-message": scope?.disableMessage,
+							"disable-message": scope.disableMessage,
 							readonly: __props.readonly,
 							"clear-selection": resetSelection,
-							class: "last:pb-2 nth-[-n+1]:hidden sm:nth-[-n+3]:hidden nth-2:pt-2 sm:nth-4:pt-2",
 							"onClear:selected": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("reset:selection"))
 						}, null, 40, [
 							"selection-count",
 							"query-params-getter",
 							"disable-message",
 							"readonly"
-						]);
+						])) : createCommentVNode("", true)], 64);
 					}), 128))]),
 					key: "1"
 				} : void 0]), 1032, [

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

@@ -148,7 +148,6 @@ export type FilterMeta<QueryParams> = {
     title?: string | ((queryParams: QueryParams) => string);
     icon?: SVGComponent | ((queryParams: QueryParams) => SVGComponent);
     hidden?: boolean | ((queryParams: QueryParams) => boolean);
-    embedded?: boolean;
 };
 export type FilterEmits = {
     (e: 'close'): void;