fluekit 1.5.71 → 1.5.72

package/dist/LayoutBuilder.d.ts

@@ -1,4 +1,7 @@
 import { BoxConstraints } from './BoxConstraints';
+type __VLS_Props = {
+    direction?: "horizontal" | "vertical" | "both" | "none";
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -12,7 +15,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     el: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/__tests__/LayoutBuilder.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.js

@@ -2989,33 +2989,48 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
 	}
 }), LayoutBuilder_default = /* @__PURE__ */ defineComponent({
 	__name: "LayoutBuilder",
+	props: { direction: {} },
 	setup(e) {
-		let C = ref(null), w = shallowRef(null), T = null, E = {
-			width: "100%",
-			height: "100%",
-			display: "block"
-		};
+		let C = e, w = ref(null), T = shallowRef(null), D = null, A = computed(() => {
+			let e = { display: "block" }, w = C.direction ?? "both";
+			return w === "both" ? (e.width = "100%", e.height = "100%") : w === "horizontal" ? e.width = "100%" : w === "vertical" && (e.height = "100%"), e;
+		});
 		return onMounted(() => {
-			C.value && (T = new ResizeObserver((e) => {
-				for (let C of e) {
-					let e = C.contentRect.width, T = C.contentRect.height;
-					w.value = BoxConstraints.tight({
+			w.value && (D = new ResizeObserver((e) => {
+				for (let w of e) {
+					let e = w.contentRect.width, E = w.contentRect.height, D = C.direction ?? "both";
+					D === "both" ? T.value = BoxConstraints.tight({
 						width: e,
-						height: T
+						height: E
+					}) : D === "horizontal" ? T.value = BoxConstraints({
+						minWidth: e,
+						maxWidth: e,
+						minHeight: 0,
+						maxHeight: Infinity
+					}) : D === "vertical" ? T.value = BoxConstraints({
+						minWidth: 0,
+						maxWidth: Infinity,
+						minHeight: E,
+						maxHeight: E
+					}) : T.value = BoxConstraints({
+						minWidth: 0,
+						maxWidth: Infinity,
+						minHeight: 0,
+						maxHeight: Infinity
 					});
 				}
-			}), T.observe(C.value));
+			}), D.observe(w.value));
 		}), onUnmounted(() => {
-			T?.disconnect();
-		}), (e, T) => (openBlock(), createElementBlock("div", {
+			D?.disconnect();
+		}), (e, C) => (openBlock(), createElementBlock("div", {
 			ref_key: "el",
-			ref: C,
+			ref: w,
 			class: "fluekit-layout-builder",
-			style: E
-		}, [w.value ? renderSlot(e.$slots, "default", {
+			style: normalizeStyle(A.value)
+		}, [T.value ? renderSlot(e.$slots, "default", {
 			key: 0,
-			constraints: w.value
-		}) : createCommentVNode("", !0)], 512));
+			constraints: T.value
+		}) : createCommentVNode("", !0)], 4));
 	}
 });
 let Orientation = /* @__PURE__ */ function(e) {

package/package.json

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