@threadlabs/looma 0.25.4 → 0.25.5

package/vue/chunks/UiStack.js

@@ -4,7 +4,9 @@ import { computed, createElementBlock, defineComponent, getCurrentInstance, merg
 //#region .build/vue/UiStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-align",
+	"data-fill",
 	"data-gap",
+	"data-height",
 	"data-justify",
 	"data-ui-stack-state"
 ];
@@ -18,10 +20,18 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			type: null,
 			default: null
 		},
+		fill: {
+			type: null,
+			default: false
+		},
 		gap: {
 			type: null,
 			default: null
 		},
+		height: {
+			type: null,
+			default: null
+		},
 		justify: {
 			type: null,
 			default: null
@@ -44,6 +54,16 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					"stretch"
 				]
 			},
+			fill: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "fill" },
+				description: "Grows into the remaining space of a flex layout and allows its scrolling children to shrink.",
+				default: false
+			},
 			gap: {
 				type: {
 					kind: "terminal",
@@ -61,6 +81,15 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					"xl"
 				]
 			},
+			height: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "height" },
+				description: "An optional measured height in CSS pixels, for a viewport-bounded composition. Omit it to retain intrinsic sizing."
+			},
 			justify: {
 				type: {
 					kind: "terminal",
@@ -80,7 +109,9 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const props = __props;
 		const acceptedProps = {
 			align: null,
+			fill: false,
 			gap: null,
+			height: null,
 			justify: null
 		};
 		const checkedProps = computed(() => ({
@@ -88,10 +119,18 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				kind: "terminal",
 				name: "keyword"
 			}, false, "align", acceptedProps),
+			fill: checkedProp(props["fill"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "fill", acceptedProps),
 			gap: checkedProp(props["gap"], {
 				kind: "terminal",
 				name: "keyword"
 			}, false, "gap", acceptedProps),
+			height: checkedProp(props["height"], {
+				kind: "terminal",
+				name: "number"
+			}, false, "height", acceptedProps),
 			justify: checkedProp(props["justify"], {
 				kind: "terminal",
 				name: "keyword"
@@ -123,6 +162,9 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			checkedProps.value.fill && "fill",
+			checkedProps.value.height && "height",
+			checkedProps.value.height != null && `height=${checkedProps.value.height}`,
 			checkedProps.value.gap && "gap",
 			checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
 			checkedProps.value.align && "align",
@@ -132,8 +174,11 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-stack" }, nativeAttrs(_ctx.$attrs), {
+				style: { "--ui-stack-height": checkedProps.value.height ?? void 0 },
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
+				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
 				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-height": reflectedProp("height", "height", checkedProps.value.height, void 0, false),
 				"data-justify": reflectedProp("justify", "justify", checkedProps.value.justify, void 0, false),
 				"data-ui-stack-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -142,6 +187,6 @@ var UiStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8129c161"]]);
+}), [["__scopeId", "data-v-bdf63b20"]]);
 //#endregion
 export { UiStack_default as t };

package/vue/chunks/UiText.js

@@ -7,6 +7,7 @@ var _hoisted_1 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -19,6 +20,7 @@ var _hoisted_2 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -31,6 +33,7 @@ var _hoisted_3 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -43,6 +46,7 @@ var _hoisted_4 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -55,6 +59,7 @@ var _hoisted_5 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -67,6 +72,7 @@ var _hoisted_6 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -79,6 +85,7 @@ var _hoisted_7 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -91,6 +98,7 @@ var _hoisted_8 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -103,6 +111,7 @@ var _hoisted_9 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -115,6 +124,7 @@ var _hoisted_10 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -127,6 +137,7 @@ var _hoisted_11 = [
 	"data-align",
 	"data-as",
 	"data-font",
+	"data-grow",
 	"data-size",
 	"data-tone",
 	"data-truncate",
@@ -153,6 +164,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: "inherit"
 		},
+		grow: {
+			type: null,
+			default: false
+		},
 		size: {
 			type: null,
 			default: "inherit"
@@ -225,6 +240,16 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: ["inherit", "sans"],
 				default: "inherit"
 			},
+			grow: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "grow" },
+				description: "Lets this text use remaining inline space in a flex row, including when truncated.",
+				default: false
+			},
 			size: {
 				type: {
 					kind: "terminal",
@@ -320,6 +345,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			align: "start",
 			as: "p",
 			font: "inherit",
+			grow: false,
 			size: "inherit",
 			tone: "default",
 			truncate: false,
@@ -340,6 +366,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "font", acceptedProps),
+			grow: checkedProp(props["grow"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "grow", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
@@ -394,6 +424,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			checkedProps.value.grow && "grow",
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
 			checkedProps.value.tone && "tone",
@@ -418,6 +449,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -436,6 +468,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -454,6 +487,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -472,6 +506,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -490,6 +525,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -508,6 +544,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -526,6 +563,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -544,6 +582,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -562,6 +601,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -580,6 +620,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -598,6 +639,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
+				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
@@ -612,6 +654,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d830471c"]]);
+}), [["__scopeId", "data-v-2c821f7e"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -13,6 +13,7 @@ var _hoisted_1 = [
 	"data-autosize",
 	"data-disabled",
 	"data-invalid",
+	"data-max-rows",
 	"data-readonly",
 	"data-required",
 	"data-rows",
@@ -38,6 +39,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: false
 		},
+		maxRows: {
+			type: null,
+			default: null
+		},
 		readonly: {
 			type: null,
 			default: false
@@ -93,6 +98,15 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Exposes invalid state to assistive technology and styling.",
 				default: false
 			},
+			maxRows: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "maxrows" },
+				description: "Optional maximum visible rows, for a growing field in a bounded layout. Extra text scrolls inside the field. Omit it to retain unbounded growth."
+			},
 			readonly: {
 				type: {
 					kind: "terminal",
@@ -153,6 +167,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			autosize: false,
 			disabled: false,
 			invalid: false,
+			maxRows: null,
 			readonly: false,
 			required: false,
 			rows: 4,
@@ -172,6 +187,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			}, false, "invalid", acceptedProps),
+			maxRows: checkedProp(props["maxRows"], {
+				kind: "terminal",
+				name: "integer"
+			}, false, "maxRows", acceptedProps),
 			readonly: checkedProp(props["readonly"], {
 				kind: "terminal",
 				name: "boolean"
@@ -232,6 +251,8 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.maxRows && "maxRows",
+			checkedProps.value.maxRows != null && `maxRows=${checkedProps.value.maxRows}`,
 			checkedProps.value.autosize && "autosize"
 		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
@@ -252,6 +273,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"autosize",
 				"disabled",
 				"invalid",
+				"maxRows",
 				"readonly",
 				"required",
 				"rows",
@@ -270,10 +292,14 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				required: checkedProps.value.required ?? void 0,
 				"aria-invalid": checkedProps.value.invalid ?? void 0,
 				rows: checkedProps.value.rows ?? void 0,
-				style: { "--_rows": checkedProps.value.rows ?? void 0 },
+				style: {
+					"--_rows": checkedProps.value.rows ?? void 0,
+					"--_max-rows": checkedProps.value.maxRows ?? void 0
+				},
 				"data-autosize": reflectedProp("autosize", "autosize", checkedProps.value.autosize, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-max-rows": reflectedProp("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
 				"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
 				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
 				"data-rows": reflectedProp("rows", "rows", checkedProps.value.rows, void 0, false),
@@ -295,6 +321,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f5b6ae17"]]);
+}), [["__scopeId", "data-v-4fc6e397"]]);
 //#endregion
 export { UiTextarea_default as t };