@threadlabs/looma 0.10.11 → 0.11.0

package/vue/chunks/UiStatusMessage.js

@@ -0,0 +1,54 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as UiSpinner_default } from "./UiSpinner.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+//#region .build/vue/UiStatusMessage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["role", "data-ui-status-message-state"];
+var _hoisted_2 = { class: "copy" };
+var _hoisted_3 = ["hidden"];
+var _hoisted_4 = { class: "message" };
+var _hoisted_5 = { class: "action" };
+//#endregion
+//#region .build/vue/UiStatusMessage.vue
+var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiStatusMessage",
+	props: {
+		heading: { default: "" },
+		kind: { default: "empty" },
+		layout: { default: "inline" }
+	},
+	setup(__props) {
+		const props = __props;
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.kind && `kind kind=${props.kind}`, props.layout && `layout layout=${props.layout}`].filter(Boolean).join(" "));
+		function text(value) {
+			if (Array.isArray(value)) return value.map(text).join(" ");
+			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
+		}
+		function attribute(value) {
+			if (value === null || value === void 0 || value === false || typeof value === "object" && !Array.isArray(value)) return void 0;
+			return value === true ? "" : text(value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-status-message" }, _ctx.$attrs, {
+				role: attribute({
+					true: "alert",
+					false: "status"
+				}[`${__props.kind === "error"}`]),
+				"data-ui-status-message-state": hostState.value || void 0
+			}), [
+				createVNode(UiSpinner_default, {
+					size: "sm",
+					hidden: __props.kind !== "loading"
+				}, null, 8, ["hidden"]),
+				createElementVNode("span", _hoisted_2, [createElementVNode("strong", {
+					class: "heading",
+					hidden: !__props.heading
+				}, toDisplayString(__props.heading), 9, _hoisted_3), createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])]),
+				createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "action", {}, void 0, true)])
+			], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-a56387a4"]]);
+//#endregion
+export { UiStatusMessage_default as t };

package/vue/chunks/UiText.js

@@ -0,0 +1,40 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#endregion
+//#region .build/vue/UiText.vue
+var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiText",
+	props: {
+		as: { default: "p" },
+		align: { default: "start" },
+		size: { default: "inherit" },
+		tone: { default: "default" },
+		truncate: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "body" },
+		weight: { default: "inherit" }
+	},
+	setup(__props) {
+		const props = __props;
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [
+			props.size && `size size=${props.size}`,
+			props.tone && `tone tone=${props.tone}`,
+			props.weight && `weight weight=${props.weight}`,
+			props.variant && `variant variant=${props.variant}`,
+			props.truncate && "truncate",
+			props.align && `align align=${props.align}`
+		].filter(Boolean).join(" "));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({ "data-component": "ui-text" }, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16, ["data-ui-text-state"]);
+		};
+	}
+}), [["__scopeId", "data-v-70a75450"]]);
+//#endregion
+export { UiText_default as t };