@threadlabs/looma 0.28.4 → 0.28.6

package/vue/chunks/UiSwitcher.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, 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, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
@@ -120,30 +119,12 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		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 reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		const overLimit = ref(false);
 		provide("html-next:ui-switcher:overLimit", overLimit);
-		const hydrationNode = hydrationInstance?.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-switcher> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-switcher> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-switcher");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			overLimit.value && "overLimit",
@@ -185,11 +166,11 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			state: { overLimit }
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-switcher" }, nativeAttrs(_ctx.$attrs), {
-				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
-				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
-				"data-limit": reflectedProp("limit", "limit", checkedProps.value.limit, void 0, false),
-				"data-threshold": reflectedProp("threshold", "threshold", checkedProps.value.threshold, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-switcher" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-gap": unref(reflectedProp)("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-limit": unref(reflectedProp)("limit", "limit", checkedProps.value.limit, void 0, false),
+				"data-threshold": unref(reflectedProp)("threshold", "threshold", checkedProps.value.threshold, void 0, false),
 				"data-ui-switcher-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -199,6 +180,6 @@ var UiSwitcher_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-026f2557"]]);
+}), [["__scopeId", "data-v-69307b88"]]);
 //#endregion
 export { UiSwitcher_default as t };

package/vue/chunks/UiTable.js

@@ -1,5 +1,4 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, i as checkHydratedRoot, o as createDispatch, 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, r as propValidityState } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTable.vue?vue&type=script&setup=true&lang.ts
@@ -66,28 +65,10 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		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 reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const hydrationNode = hydrationInstance?.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-table> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-table> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-table");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
@@ -115,9 +96,9 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, name)
 		});
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-table" }, nativeAttrs(_ctx.$attrs), {
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-sticky-header": reflectedProp("stickyHeader", "sticky-header", checkedProps.value.stickyHeader, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-table" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-sticky-header": unref(reflectedProp)("stickyHeader", "sticky-header", checkedProps.value.stickyHeader, void 0, false),
 				"data-ui-table-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -127,6 +108,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-722ca2ea"]]);
+}), [["__scopeId", "data-v-35567462"]]);
 //#endregion
 export { UiTable_default as t };

package/vue/chunks/UiTabs.js

@@ -1,7 +1,6 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { _ as useComponentHost, a as concat, g as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, 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, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-activation",
@@ -176,42 +175,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		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 KeyedFailure = defineComponent({
-			props: { error: {
-				type: null,
-				required: true
-			} },
-			setup(props) {
-				return () => {
-					throw props.error;
-				};
-			}
-		});
-		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
-			let last = [];
-			return () => {
-				try {
-					last = slots.default?.() ?? [];
-					return last;
-				} catch (error) {
-					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
-					if (typeof window === "undefined") throw error;
-					return [...last, h(KeyedFailure, { error })];
-				}
-			};
-		} });
-		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 reflectedProp = useReflectedProp();
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
@@ -221,14 +185,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const tabs = ref([]);
 		provide("html-next:ui-tabs:internalValue", internalValue);
 		provide("html-next:ui-tabs:tabs", tabs);
-		const hydrationNode = hydrationInstance?.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-tabs> has an incompatible root."), {
-			name: "HtmlDiagnosticError",
-			diagnostic: Object.freeze({
-				code: "HR005",
-				message: "Server markup for <ui-tabs> has an incompatible root."
-			})
-		});
+		checkHydratedRoot("div", "ui-tabs");
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
@@ -309,48 +266,15 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				tabs
 			}
 		});
-		function text(value) {
-			if (Array.isArray(value)) return value.map(text).join(" ");
-			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
-		}
-		function concat(...values) {
-			if (values.some((value) => value === Symbol.for("html-next.invalid-result"))) return Symbol.for("html-next.invalid-result");
-			if (values.some((value) => value === void 0)) return void 0;
-			if (values.length === 0 || values.some((value) => typeof value === "object" && value !== null)) return Symbol.for("html-next.invalid-result");
-			return values.map((value) => value === null ? "" : String(value)).join("");
-		}
-		function uniqueKeys(items, keyOf) {
-			const seen = /* @__PURE__ */ new Set();
-			for (let index = 0; index < items.length; index += 1) {
-				const key = keyOf(items[index], index, {
-					index,
-					first: index === 0,
-					last: index === items.length - 1,
-					count: items.length
-				});
-				if (seen.has(key)) {
-					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
-					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
-						name: "HtmlDiagnosticError",
-						diagnostic: Object.freeze({
-							code: "HR004",
-							message
-						})
-					});
-				}
-				seen.add(key);
-			}
-			return items;
-		}
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-tabs" }, nativeAttrs(_ctx.$attrs), {
-				"data-activation": reflectedProp("activation", "activation", checkedProps.value.activation, void 0, false),
-				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
-				"data-group": reflectedProp("group", "group", checkedProps.value.group, void 0, false),
-				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
-				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
-				"data-stretch": reflectedProp("stretch", "stretch", checkedProps.value.stretch, void 0, false),
-				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-tabs" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-activation": unref(reflectedProp)("activation", "activation", checkedProps.value.activation, void 0, false),
+				"data-density": unref(reflectedProp)("density", "density", checkedProps.value.density, void 0, false),
+				"data-group": unref(reflectedProp)("group", "group", checkedProps.value.group, void 0, false),
+				"data-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-orientation": unref(reflectedProp)("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-stretch": unref(reflectedProp)("stretch", "stretch", checkedProps.value.stretch, void 0, false),
+				"data-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-tabs-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -362,12 +286,12 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				ref_key: "listElement",
 				ref: listElement
 			}, [renderSlot(_ctx.$slots, "tab", {}, () => [createVNode(unref(KeyedBoundary), null, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(tabs.value, (tab, index, loop) => tab.id), (tab) => {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(uniqueKeys)(tabs.value, (tab, index, loop) => tab.id), (tab) => {
 					return openBlock(), createElementBlock("button", {
 						key: tab.id,
 						type: "button",
 						role: "tab",
-						id: concat(tab.id, "-tab"),
+						id: unref(concat)(tab.id, "-tab"),
 						value: tab.id,
 						"aria-controls": tab.id,
 						"aria-selected": tab.id === internalValue.value
@@ -384,6 +308,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f10f6ffb"]]);
+}), [["__scopeId", "data-v-95306b0d"]]);
 //#endregion
 export { UiTabs_default as t };