@vizejs/fresco 0.716.0 → 0.717.0

package/dist/{components-D9SeB0Be.mjs → components-C57eT1BL.mjs}

@@ -1,4 +1,4 @@
-import { i as useInput, r as useMouse, s as useIsScreenReaderEnabled, t as createVirtualViewport } from "./useVirtualViewport-pPZWmwUC.mjs";
+import { i as useInput, r as useMouse, s as useIsScreenReaderEnabled, t as createVirtualViewport } from "./useVirtualViewport-DYuUlTxU.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 //#region src/components/Box.ts
 /**
@@ -164,56 +164,78 @@ var FrescoSpacer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/Divider.ts
-/**
-* Divider Component - Horizontal or vertical divider line
-*/
-const Divider = defineComponent({
-	name: "Divider",
+//#region src/components/FrescoDivider.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$10 = ["fg"];
+const _hoisted_2$8 = ["fg"];
+const _hoisted_3$7 = ["fg"];
+const _hoisted_4$3 = ["fg"];
+const _hoisted_5$2 = ["fg"];
+//#endregion
+//#region src/components/FrescoDivider.vue
+var FrescoDivider_default = /* @__PURE__ */ defineComponent({
+	name: "FrescoDivider",
+	__name: "FrescoDivider",
 	props: {
 		direction: {
 			type: String,
+			required: false,
 			default: "horizontal"
 		},
-		char: String,
-		title: String,
+		char: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
 		fg: {
 			type: String,
+			required: false,
 			default: "gray"
 		},
-		titleFg: String
+		titleFg: {
+			type: String,
+			required: false
+		}
 	},
-	setup(props) {
-		return () => {
-			const dividerChar = props.char ?? (props.direction === "horizontal" ? "─" : "│");
-			if (props.direction === "vertical") return h("text", { fg: props.fg }, dividerChar);
-			if (props.title) return h("box", { style: {
-				flex_direction: "row",
-				align_items: "center"
-			} }, [
-				h("text", { fg: props.fg }, dividerChar.repeat(3)),
-				h("text", {
-					fg: props.titleFg ?? props.fg,
+	setup(__props) {
+		const dividerChar = computed(() => __props.char ?? (__props.direction === "horizontal" ? "─" : "│"));
+		const titleLabel = computed(() => ` ${__props.title} `);
+		const titleRowStyle = {
+			flexDirection: "row",
+			alignItems: "center"
+		};
+		return (_ctx, _cache) => {
+			return __props.direction === "vertical" ? (openBlock(), createElementBlock("text", {
+				key: 0,
+				fg: __props.fg
+			}, toDisplayString(dividerChar.value), 9, _hoisted_1$10)) : __props.title ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				style: titleRowStyle
+			}, [
+				createElementVNode("text", { fg: __props.fg }, toDisplayString(dividerChar.value.repeat(3)), 9, _hoisted_2$8),
+				createElementVNode("text", {
+					fg: __props.titleFg ?? __props.fg,
 					bold: true
-				}, ` ${props.title} `),
-				h("text", { fg: props.fg }, dividerChar.repeat(3))
-			]);
-			return h("text", { fg: props.fg }, dividerChar.repeat(40));
+				}, toDisplayString(titleLabel.value), 9, _hoisted_3$7),
+				createElementVNode("text", { fg: __props.fg }, toDisplayString(dividerChar.value.repeat(3)), 9, _hoisted_4$3)
+			])) : (openBlock(), createElementBlock("text", {
+				key: 2,
+				fg: __props.fg
+			}, toDisplayString(dividerChar.value.repeat(40)), 9, _hoisted_5$2));
 		};
 	}
 });
 //#endregion
-//#region src/components/Stack.ts
-/**
-* Stack Component - Horizontal/Vertical stack layout helper
-*/
-const ALIGN_MAP = {
+//#region src/components/layout-primitive-types.ts
+const stackAlignValues = {
 	start: "flex-start",
 	center: "center",
 	end: "flex-end",
 	stretch: "stretch"
 };
-const JUSTIFY_MAP = {
+const stackJustifyValues = {
 	start: "flex-start",
 	center: "center",
 	end: "flex-end",
@@ -221,74 +243,125 @@ const JUSTIFY_MAP = {
 	around: "space-around",
 	evenly: "space-evenly"
 };
-const Stack = defineComponent({
-	name: "Stack",
+//#endregion
+//#region src/components/FrescoStack.vue
+var FrescoStack_default = /* @__PURE__ */ defineComponent({
+	name: "FrescoStack",
+	__name: "FrescoStack",
 	props: {
 		direction: {
 			type: String,
+			required: false,
 			default: "vertical"
 		},
 		gap: {
 			type: Number,
+			required: false,
 			default: 0
 		},
 		align: {
 			type: String,
+			required: false,
 			default: "stretch"
 		},
 		justify: {
 			type: String,
+			required: false,
 			default: "start"
 		},
 		wrap: {
 			type: Boolean,
+			required: false,
 			default: false
 		}
 	},
-	setup(props, { slots }) {
-		return () => {
-			return h("box", { style: {
-				flex_direction: props.direction === "horizontal" ? "row" : "column",
-				gap: props.gap,
-				align_items: ALIGN_MAP[props.align ?? "stretch"],
-				justify_content: JUSTIFY_MAP[props.justify ?? "start"],
-				flex_wrap: props.wrap ? "wrap" : "nowrap"
-			} }, slots.default?.());
+	setup(__props) {
+		const stackStyle = computed(() => ({
+			flexDirection: __props.direction === "horizontal" ? "row" : "column",
+			gap: __props.gap,
+			alignItems: stackAlignValues[__props.align],
+			justifyContent: stackJustifyValues[__props.justify],
+			flexWrap: __props.wrap ? "wrap" : "nowrap"
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { style: normalizeStyle(stackStyle.value) }, [renderSlot(_ctx.$slots, "default")], 4);
 		};
 	}
 });
-const HStack = defineComponent({
-	name: "HStack",
+//#endregion
+//#region src/components/FrescoHStack.vue
+var FrescoHStack_default = /* @__PURE__ */ defineComponent({
+	name: "FrescoHStack",
+	__name: "FrescoHStack",
 	props: {
 		gap: {
 			type: Number,
+			required: false,
 			default: 1
 		},
-		align: String,
-		justify: String
+		align: {
+			type: String,
+			required: false
+		},
+		justify: {
+			type: String,
+			required: false
+		}
 	},
-	setup(props, { slots }) {
-		return () => h(Stack, {
-			direction: "horizontal",
-			...props
-		}, slots.default);
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FrescoStack_default, {
+				direction: "horizontal",
+				gap: __props.gap,
+				align: __props.align,
+				justify: __props.justify
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"gap",
+				"align",
+				"justify"
+			]);
+		};
 	}
 });
-const VStack = defineComponent({
-	name: "VStack",
+//#endregion
+//#region src/components/FrescoVStack.vue
+var FrescoVStack_default = /* @__PURE__ */ defineComponent({
+	name: "FrescoVStack",
+	__name: "FrescoVStack",
 	props: {
 		gap: {
 			type: Number,
+			required: false,
 			default: 0
 		},
-		align: String,
-		justify: String
+		align: {
+			type: String,
+			required: false
+		},
+		justify: {
+			type: String,
+			required: false
+		}
 	},
-	setup(props, { slots }) {
-		return () => h(Stack, {
-			direction: "vertical",
-			...props
-		}, slots.default);
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FrescoStack_default, {
+				direction: "vertical",
+				gap: __props.gap,
+				align: __props.align,
+				justify: __props.justify
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"gap",
+				"align",
+				"justify"
+			]);
+		};
 	}
 });
 //#endregion
@@ -1090,7 +1163,6 @@ var FrescoLink_default = /* @__PURE__ */ defineComponent({
 			default: false
 		}
 	},
-	emits: ["click"],
 	setup(__props) {
 		const rowStyle = { flexDirection: "row" };
 		return (_ctx, _cache) => {
@@ -1908,9 +1980,12 @@ var FrescoSpinner_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const frameIndex = ref(0);
-		const frames = computed(() => __props.frames ?? spinnerTypes[__props.type] ?? spinnerTypes.dots);
+		const frames = computed(() => {
+			const selectedFrames = __props.frames ?? spinnerTypes[__props.type] ?? spinnerTypes.dots;
+			return selectedFrames.length > 0 ? selectedFrames : spinnerTypes.dots;
+		});
 		const content = computed(() => {
-			const frame = frames.value[frameIndex.value];
+			const frame = frames.value[frameIndex.value % frames.value.length];
 			return __props.label ? `${frame} ${__props.label}` : frame;
 		});
 		let timer = null;
@@ -3326,6 +3401,6 @@ var FrescoAvatar_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { FrescoNewline_default as A, FrescoSpacer_default as B, Select as C, Code as D, FrescoLink_default as E, Grid as F, HStack as I, Stack as L, ScrollBar_default as M, Text as N, FrescoTransform_default as O, FrescoCard_default as P, VStack as R, Checkbox as S, TextInput as T, Box as V, ProgressBar as _, Modal as a, Confirm as b, Tabs as c, Table as d, List as f, FrescoAlert_default as g, FrescoBadge_default as h, StatusBar as i, ScrollBox_default as j, FrescoStatic_default as k, Menu as l, Timer as m, KeyHint as n, Stepper as o, FrescoTooltip_default as p, FrescoHeader_default as r, FrescoBreadcrumb_default as s, FrescoAvatar_default as t, Tree as u, FrescoSpinner_default as v, TextArea as w, RadioGroup as x, Form as y, Divider as z };
+export { FrescoNewline_default as A, FrescoSpacer_default as B, Select as C, Code as D, FrescoLink_default as E, Grid as F, FrescoVStack_default as I, FrescoHStack_default as L, ScrollBar_default as M, Text as N, FrescoTransform_default as O, FrescoCard_default as P, FrescoStack_default as R, Checkbox as S, TextInput as T, Box as V, ProgressBar as _, Modal as a, Confirm as b, Tabs as c, Table as d, List as f, FrescoAlert_default as g, FrescoBadge_default as h, StatusBar as i, ScrollBox_default as j, FrescoStatic_default as k, Menu as l, Timer as m, KeyHint as n, Stepper as o, FrescoTooltip_default as p, FrescoHeader_default as r, FrescoBreadcrumb_default as s, FrescoAvatar_default as t, Tree as u, FrescoSpinner_default as v, TextArea as w, RadioGroup as x, Form as y, FrescoDivider_default as z };
 
-//# sourceMappingURL=components-D9SeB0Be.mjs.map
+//# sourceMappingURL=components-C57eT1BL.mjs.map