fluekit 2.6.0 → 2.6.1

package/dist/index.js

@@ -1159,7 +1159,7 @@ var GestureDetector_default = defineComponent({
 			return t ? t.type === Text ? h("span", s, [t]) : isHtmlTag(t) ? cloneVNode(t, s) : t : null;
 		};
 	}
-}), _hoisted_1$11 = ["disabled"], Button_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$12 = ["disabled"], Button_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Button",
 	props: {
@@ -1237,7 +1237,7 @@ var GestureDetector_default = defineComponent({
 			default: withCtx(() => [createElementVNode("button", mergeProps({
 				style: p.value,
 				disabled: t.disabled
-			}, unref(c)), [renderSlot(i.$slots, "default", {}, () => [createTextVNode(toDisplayString(a.text), 1)])], 16, _hoisted_1$11)]),
+			}, unref(c)), [renderSlot(i.$slots, "default", {}, () => [createTextVNode(toDisplayString(a.text), 1)])], 16, _hoisted_1$12)]),
 			_: 3
 		}, 8, [
 			"behavior",
@@ -1665,7 +1665,7 @@ function ImageProvider(t) {
 		[IMAGE_PROVIDER_SYMBOL]: !0
 	} : t.startsWith("http") ? NetworkImage(t) : t.startsWith("data:") ? MemoryImage(t) : AssetImage(t);
 }
-var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ defineComponent({
+var _hoisted_1$11 = ["src", "alt"], Image_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Image",
 	props: {
@@ -1724,9 +1724,9 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ defineCompon
 			alt: t.alt,
 			onLoad: p,
 			onError: _
-		}, null, 44, _hoisted_1$10)], 16));
+		}, null, 44, _hoisted_1$11)], 16));
 	}
-}), _hoisted_1$9 = ["aria-label"], _hoisted_2$4 = ["width", "height"], _hoisted_3 = ["d"], Icon_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$10 = ["aria-label"], _hoisted_2$4 = ["width", "height"], _hoisted_3 = ["d"], Icon_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Icon",
 	props: {
@@ -1779,7 +1779,7 @@ var _hoisted_1$10 = ["src", "alt"], Image_default = /* @__PURE__ */ defineCompon
 			fill: "currentColor",
 			xmlns: "http://www.w3.org/2000/svg",
 			style: c
-		}, [createElementVNode("path", { d: t.icon }, null, 8, _hoisted_3)], 8, _hoisted_2$4)) : createCommentVNode("", !0)])], 16, _hoisted_1$9));
+		}, [createElementVNode("path", { d: t.icon }, null, 8, _hoisted_3)], 8, _hoisted_2$4)) : createCommentVNode("", !0)])], 16, _hoisted_1$10));
 	}
 });
 const Colors = {
@@ -2270,7 +2270,7 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 			animating: o.value
 		}, null, 8, ["color", "animating"])], 4), createElementVNode("div", { style: normalizeStyle(p.value) }, [renderSlot(i.$slots, "default")], 4)], 544));
 	}
-}), _hoisted_1$8 = {
+}), _hoisted_1$9 = {
 	key: 0,
 	class: "list-view-separator"
 }, ListView_default = /* @__PURE__ */ defineComponent({
@@ -2322,7 +2322,7 @@ var CupertinoActivityIndicator_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createElementVNode("div", {
 					class: "list-view-content",
 					style: normalizeStyle(o.value)
-				}, [t.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(t.itemCount, (o) => (openBlock(), createElementBlock(Fragment, { key: o - 1 }, [renderSlot(a.$slots, "item", { index: o - 1 }), t.separator && o < t.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(a.$slots, "separator", { index: o - 1 })])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(a.$slots, "default", { key: 0 })], 4)]),
+				}, [t.itemCount ? (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(t.itemCount, (o) => (openBlock(), createElementBlock(Fragment, { key: o - 1 }, [renderSlot(a.$slots, "item", { index: o - 1 }), t.separator && o < t.itemCount ? (openBlock(), createElementBlock("div", _hoisted_1$9, [renderSlot(a.$slots, "separator", { index: o - 1 })])) : createCommentVNode("", !0)], 64))), 128)) : renderSlot(a.$slots, "default", { key: 0 })], 4)]),
 				_: 3
 			}, 8, [
 				"scroll-direction",
@@ -2626,7 +2626,11 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			style: s.value
 		}, unref(a)), [renderSlot(t.$slots, "default")], 16));
 	}
-}), Stack_default = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$8 = { style: {
+	pointerEvents: "auto",
+	display: "flex",
+	flexDirection: "column"
+} }, Stack_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,
 	__name: "Stack",
 	props: {
@@ -2645,22 +2649,36 @@ var Positioned_default = /* @__PURE__ */ defineComponent({
 			antiAlias: "hidden",
 			none: "visible"
 		}, l = computed(() => {
+			alignmentToGrid(a.alignment);
 			let t = {
 				position: "relative",
 				display: "grid",
 				gridTemplateColumns: "1fr",
 				gridTemplateRows: "1fr",
-				...alignmentToGrid(a.alignment),
 				overflow: c[a.clipBehavior],
 				direction: a.textDirection,
 				boxSizing: "border-box"
 			};
 			return a.fit === StackFit.expand && (t.width = "100%", t.height = "100%"), t;
+		}), d = computed(() => {
+			let t = alignmentToGrid(a.alignment), i = (t) => t === "start" ? "flex-start" : t === "end" ? "flex-end" : t === "center" ? "center" : "flex-start";
+			return {
+				alignItems: i(t.justifyItems),
+				justifyContent: i(t.alignItems)
+			};
 		});
 		return provideStackContext(), (t, a) => (openBlock(), createElementBlock("div", { style: normalizeStyle(l.value) }, [(openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (t, i) => (openBlock(), createElementBlock("div", {
 			key: i,
-			style: { gridArea: "1 / 1 / 2 / 2" }
-		}, [(openBlock(), createBlock(resolveDynamicComponent(t)))]))), 128))], 4));
+			style: normalizeStyle({
+				gridArea: "1 / 1 / 2 / 2",
+				width: "100%",
+				height: "100%",
+				display: "flex",
+				flexDirection: "column",
+				pointerEvents: "none",
+				...d.value
+			})
+		}, [createElementVNode("div", _hoisted_1$8, [(openBlock(), createBlock(resolveDynamicComponent(t)))])], 4))), 128))], 4));
 	}
 }), Sticky_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluekit",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "description": "A Flutter-style Layout UI kit for Vue",
   "homepage": "https://fi2zz.github.io/fluekit/",
   "repository": {