@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiCluster.js

@@ -1,6 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-align",
@@ -194,26 +194,8 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		watchSyncEffect(() => {
 			checkedProps.value;
 		});
-		function nativeAttrs(attrs) {
-			const names = Object.keys(attrs);
-			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
-			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
-		}
-		const componentInstance = getCurrentInstance();
-		function reflectedProp(name, kebab, value, fallback, bound, separator) {
-			const incoming = componentInstance?.vnode.props;
-			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
-			if (value === null || value === void 0) return void 0;
-			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
-		}
-		const hydrationNode = getCurrentInstance()?.vnode.el;
-		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-cluster> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-cluster> has an incompatible root."
-			})
-		});
+		const reflectedProp = useReflectedProp();
+		checkHydratedRoot("div", "ui-cluster");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fixed && "fixed",
@@ -231,14 +213,14 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			checkedProps.value.wrap != null && `wrap=${encodeURIComponent(checkedProps.value.wrap)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-fixed": reflectedProp("fixed", "fixed", checkedProps.value.fixed, void 0, false),
-				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-justify": reflectedProp("justify", "justify", checkedProps.value.justify, void 0, false),
-				"data-padding": reflectedProp("padding", "padding", checkedProps.value.padding, void 0, false),
-				"data-padding-end": reflectedProp("paddingEnd", "padding-end", checkedProps.value.paddingEnd, void 0, false),
-				"data-wrap": reflectedProp("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-cluster" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-fixed": unref(reflectedProp)("fixed", "fixed", checkedProps.value.fixed, void 0, false),
+				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-justify": unref(reflectedProp)("justify", "justify", checkedProps.value.justify, void 0, false),
+				"data-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
+				"data-padding-end": unref(reflectedProp)("paddingEnd", "padding-end", checkedProps.value.paddingEnd, void 0, false),
+				"data-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
 				"data-ui-cluster-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
@@ -246,6 +228,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e8c1ac5e"]]);
+}), [["__scopeId", "data-v-f7de4d76"]]);
 //#endregion
 export { UiCluster_default as t };