@revolist/ui 4.0.2-rc → 4.0.3-rc

package/_chunks/{component-metadata-BENbgTjU.js → component-metadata-BMOOmqx5.js}

@@ -97,10 +97,6 @@ var r = {
 		prop: "value",
 		callback: "onValueChange"
 	},
-	NativeSelect: {
-		prop: "value",
-		callback: "onValueChange"
-	},
 	Slider: {
 		prop: "value",
 		callback: "onChange"

package/_chunks/control-AHKXD5Eu.js

@@ -0,0 +1,93 @@
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
+import { d as t, u as n } from "./native-control-C_yok8_-.js";
+import { createPreactElement as r, releasePreactElement as i } from "../preact-mount.js";
+//#region src/dropdown/control.view.tsx
+function a(t) {
+	let n, a, o = r(t, /* @__PURE__ */ e("div", { children: [/* @__PURE__ */ e("div", {
+		style: { display: "contents" },
+		ref: (e) => {
+			e && (n = e);
+		}
+	}), /* @__PURE__ */ e("input", {
+		type: "hidden",
+		ref: (e) => {
+			e && (a = e);
+		}
+	})] }));
+	return {
+		element: o,
+		mount: n,
+		input: a,
+		release: () => i(o)
+	};
+}
+//#endregion
+//#region src/dropdown/control.ts
+function o(e, r) {
+	let { element: i, mount: o, input: s, release: c } = a(e), l = { ...r }, u = !1, d = () => {
+		u || (s.name = l.name ?? "", s.disabled = !!l.disabled || !l.name, s.value = l.value == null ? "" : String(l.value), n(o, {
+			...l,
+			config: {
+				nativeTabNavigation: !0,
+				...l.config
+			},
+			name: void 0,
+			className: `rv-select ${l.className ?? ""}`,
+			onChange: (e) => {
+				let t = Array.isArray(e) ? e[0] : e;
+				l = {
+					...l,
+					value: t
+				}, d(), f.onChange?.(t);
+			}
+		}));
+	}, f = {
+		element: i,
+		get value() {
+			return l.value;
+		},
+		set value(e) {
+			l = {
+				...l,
+				value: e
+			}, d();
+		},
+		get source() {
+			return l.source ?? [];
+		},
+		set source(e) {
+			l = {
+				...l,
+				source: e
+			}, d();
+		},
+		get disabled() {
+			return !!l.disabled;
+		},
+		set disabled(e) {
+			l = {
+				...l,
+				disabled: e
+			}, d();
+		},
+		onChange: r.onChange ? (e) => r.onChange?.(e) : void 0,
+		update(e) {
+			"onChange" in e && (f.onChange = e.onChange ? (t) => e.onChange?.(t) : void 0), l = {
+				...l,
+				...e
+			}, d();
+		},
+		destroy() {
+			u || (u = !0, t(o), c());
+		}
+	};
+	return d(), f;
+}
+function s(e, t) {
+	let n;
+	return e("span", { ref: (e) => {
+		e ? n ? n.update(t) : (n = o(e.ownerDocument, t), e.append(n.element)) : (n?.destroy(), n = void 0);
+	} });
+}
+//#endregion
+export { s as n, o as t };

package/_chunks/{control-tooltip-ztgmsG7H.js → control-tooltip-uscKfAnV.js}

@@ -1,12 +1,12 @@
 import { calculateAnchoredPopoverPosition as e } from "../core/anchored-popover.js";
 import { i as t, o as n, r, t as i } from "./hooks.module-CG3gN83z.js";
 import { t as a } from "./jsxRuntime.module-F6UFnpT-.js";
-import { createControlId as o } from "../core/control-id.js";
-import { hideTopLayerPopup as s, showTopLayerPopup as c } from "../core/top-layer-popup.js";
+import { hideTopLayerPopup as o, showTopLayerPopup as s } from "../core/top-layer-popup.js";
+import { createControlId as c } from "../core/control-id.js";
 //#region src/formatting/control-tooltip.tsx
 var l = /* @__PURE__ */ new WeakMap();
-function u(e, s = !1, c) {
-	let [u] = t(() => o("rv-format-control-tooltip")), [f, p] = t(!1), m = i(null), h = i(!1), g = n(() => {
+function u(e, o = !1, s) {
+	let [u] = t(() => c("rv-format-control-tooltip")), [f, p] = t(!1), m = i(null), h = i(!1), g = n(() => {
 		let e = m.current?.ownerDocument;
 		e && l.get(e) === g && l.delete(e), p(!1);
 	}, []), _ = (e) => {
@@ -54,27 +54,27 @@ function u(e, s = !1, c) {
 			id: u,
 			text: e,
 			visible: f,
-			anchor: s ? m.current : null,
-			className: c?.className,
-			placement: c?.placement
+			anchor: o ? m.current : null,
+			className: s?.className,
+			placement: s?.placement
 		})
 	};
 }
-function d({ id: t, text: n, visible: o, anchor: l = null, className: u = "rv-format-control-tooltip", placement: d }) {
+function d({ id: t, text: n, visible: c, anchor: l = null, className: u = "rv-format-control-tooltip", placement: d }) {
 	let f = i(null);
 	return r(() => {
 		let t = f.current;
-		if (!o || !l || !t) return;
-		let n = c(t, "block"), r = l.ownerDocument.defaultView, i = e(l.getBoundingClientRect(), t.getBoundingClientRect(), {
+		if (!c || !l || !t) return;
+		let n = s(t, "block"), r = l.ownerDocument.defaultView, i = e(l.getBoundingClientRect(), t.getBoundingClientRect(), {
 			width: r?.innerWidth ?? 0,
 			height: r?.innerHeight ?? 0
 		}), a = l.getBoundingClientRect(), u = t.getBoundingClientRect(), p = a.top - u.height - 8;
 		return Object.assign(t.style, {
 			left: `${d === "above" ? Math.max(8, Math.min(a.left + (a.width - u.width) / 2, (r?.innerWidth ?? 0) - u.width - 8)) : i.left}px`,
 			top: `${d === "above" && p >= 8 ? p : i.top}px`
-		}), () => s(t, n);
+		}), () => o(t, n);
 	}, [
-		o,
+		c,
 		l,
 		d
 	]), /* @__PURE__ */ a("span", {
@@ -82,7 +82,7 @@ function d({ id: t, text: n, visible: o, anchor: l = null, className: u = "rv-fo
 		id: t,
 		class: u,
 		role: "tooltip",
-		"data-visible": o,
+		"data-visible": c,
 		style: l ? {
 			position: "fixed",
 			inset: "auto",
@@ -90,8 +90,8 @@ function d({ id: t, text: n, visible: o, anchor: l = null, className: u = "rv-fo
 			transform: "none",
 			positionAnchor: "auto",
 			positionArea: "none",
-			display: o ? "block" : "none",
-			visibility: o ? "visible" : "hidden"
+			display: c ? "block" : "none",
+			visibility: c ? "visible" : "hidden"
 		} : void 0,
 		children: n
 	});