@octane-xplat/ui 0.4.0 → 0.5.0

package/dist/web/ui46.js

@@ -1,45 +1,50 @@
-import { applyWebProps } from "./ui45.js";
-import { bag5, clone, ifBlock, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/ActivityIndicator.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div role=\"progressbar\"></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-function __then$0(__props, __s, __extra) {
-	const props = __extra[0];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		queueRefAttach(__s, _m4 = (el) => applyWebProps(el, props.web), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
-		_b = bag5(__s, _root, void 0, _m1, void 0, void 0, _m4);
-		__s.refFields = _rm$1;
-	} else {
-		const _r = (el) => applyWebProps(el, props.web);
-		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:da5807de", setPlainAttribute);
-	_b.c = updateFreshClassName(["vx-spinner", props.className], _b.c, _b.b);
-	{
-		const _v = props.style;
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
+import { hookSlots, useEffect, useState } from "octane";
+import { memoPublish, memoSlot, memoTake0 } from "octane/internal/client";
+//#region src/useMeasure.web.tsrx
+var _hs$ = /* @__PURE__ */ hookSlots(4);
+var _h$0 = /* @__PURE__ */ Symbol(_hs$);
+var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
+var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
+var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
+function readBounds(element) {
+	const rect = element.getBoundingClientRect();
+	return {
+		x: rect.left,
+		y: rect.top,
+		width: rect.width,
+		height: rect.height
+	};
+}
+function useMeasure(options = {}) {
+	let __hks, __hke;
+	const [element, setElement] = useState(null, _h$0);
+	const [bounds, setBounds] = useState(null, _h$1);
+	const observe = options.observe ?? true;
+	const bind = (__hks = memoSlot(_h$2, "useCallback"), __hke = memoTake0(__hks), __hke === null ? memoPublish(__hks, (next) => {
+		setElement((current) => current === next ? current : next);
+	}) : __hke.value);
+	useEffect(() => {
+		if (!element) {
+			setBounds(null);
+			return;
 		}
-	}
+		const update = () => setBounds(readBounds(element));
+		update();
+		if (!observe) return;
+		const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+		resizeObserver?.observe(element);
+		window.addEventListener("resize", update);
+		window.addEventListener("scroll", update, true);
+		return () => {
+			resizeObserver?.disconnect();
+			window.removeEventListener("resize", update);
+			window.removeEventListener("scroll", update, true);
+		};
+	}, [element, observe], _h$3);
+	return {
+		bind,
+		bounds
+	};
 }
-var ActivityIndicator = function ActivityIndicator(props, __s, __extra) {
-	const __block = __s.block;
-	{
-		const __ifCondition = !(props.busy === false);
-		ifBlock(__s, 0, __block.parentNode, __ifCondition, __then$0, null, __block.endMarker, __ifCondition ? [props] : void 0);
-	}
-};
 //#endregion
-export { ActivityIndicator };
+export { useMeasure };

package/dist/web/ui47.js

@@ -1,13 +1,9 @@
-//#region src/meter-math.ts
-/** Clamp a progress value to its declared range for drawing and accessibility. */
-function meterRange(value, max) {
-	const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
-	const safeValue = Number.isFinite(value) ? Math.min(safeMax, Math.max(0, value)) : 0;
-	return {
-		max: safeMax,
-		value: safeValue,
-		ratio: safeValue / safeMax
-	};
+//#region src/platformProps.web.ts
+/** Apply a web escape-hatch bag after the primitive's standard props. */
+function applyWebProps(el, props) {
+	if (!el || !props) return;
+	for (const [name, value] of Object.entries(props)) if (name.includes("-")) el.setAttribute(name, String(value));
+	else el[name] = value;
 }
 //#endregion
-export { meterRange };
+export { applyWebProps };

package/dist/web/ui48.js

@@ -1,63 +1,45 @@
-import { meterRange } from "./ui47.js";
-import { __s, bag12, child, clone, setAriaAttribute, setStyle, sibling, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Meter.web.tsrx
+import { applyWebProps } from "./ui47.js";
+import { bag5, clone, ifBlock, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
+import { bindSignalAttribute, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/ActivityIndicator.web.tsrx
 enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div role=\"progressbar\" aria-valuemin=\"0\"><div aria-hidden=\"true\"></div><div style=\"position: relative;\"></div></div>");
-var Meter = /* @__PURE__ */ __s(function Meter(props, __s, __extra) {
-	const max = props.max ?? 100;
-	const { max: rangeMax, value, ratio } = meterRange(props.value, max);
-	const size = props.size ?? 24;
-	const strokeWidth = Math.max(0, Math.min(props.strokeWidth ?? 3, size));
-	const color = props.color ?? "#3376cc";
-	const trackColor = props.trackColor ?? "#e1ecf7";
-	const sweep = ratio * 360;
-	const ringStyle = {
-		position: "absolute",
-		inset: 0,
-		borderRadius: "50%",
-		backgroundImage: `conic-gradient(${color} 0deg ${sweep}deg, ${trackColor} ${sweep}deg 360deg)`,
-		mask: `radial-gradient(circle, transparent calc(50% - ${strokeWidth}px), #000 calc(50% - ${strokeWidth}px + 0.5px))`,
-		WebkitMask: `radial-gradient(circle, transparent calc(50% - ${strokeWidth}px), #000 calc(50% - ${strokeWidth}px + 0.5px))`
-	};
-	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+var _t$0 = /* @__PURE__ */ template("<div role=\"progressbar\"></div>");
+var _rm$1 = [
+	"r",
+	"e",
+	"b"
+];
+function __then$0(__props, __s, __extra) {
+	const props = __extra[0];
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m1, _m8, _m9;
+		let _m1, _m4;
 		const _root = clone(_t$0);
 		_m1 = _root;
-		const _el0 = child(_root);
-		_m8 = _el0;
-		_m9 = sibling(_el0, 1);
-		_b = bag12(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, void 0, _m8, _m9, null, void 0);
+		queueRefAttach(__s, _m4 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
+		_b = bag5(__s, _root, void 0, _m1, void 0, void 0, _m4);
+		__s.refFields = _rm$1;
+	} else {
+		const _r = (el) => applyWebProps(el, props.web);
+		if (_r !== _b.e) _b.e = replaceRef(__s, _b.e, _r, _b.b);
 	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:fe732458", setPlainAttribute);
-	_b.c = updateFreshClassName(["vx-meter", props.className], _b.c, _b.b);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:da5807de", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-spinner", props.className], _b.c, _b.b);
 	{
-		const _v = {
-			display: "grid",
-			placeItems: "center",
-			position: "relative",
-			width: size,
-			height: size,
-			...props.style
-		};
+		const _v = props.style;
 		if (_b.d !== _v) {
 			setStyle(_b.b, _v, _b.d);
 			_b.d = _v;
 		}
 	}
-	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "aria-label", props.accessibilityLabel, "b:8b03ec71", setAriaAttribute);
-	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "aria-valuemax", rangeMax, "b:b0ee791c", setAriaAttribute);
-	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-valuenow", value, "b:4be1f493", setAriaAttribute);
+}
+var ActivityIndicator = function ActivityIndicator(props, __s, __extra) {
+	const __block = __s.block;
 	{
-		const _v = ringStyle;
-		if (_b.h !== _v) {
-			setStyle(_b.i, _v, _b.h);
-			_b.h = _v;
-		}
+		const __ifCondition = !(props.busy === false);
+		ifBlock(__s, 0, __block.parentNode, __ifCondition, __then$0, null, __block.endMarker, __ifCondition ? [props] : void 0);
 	}
-	_b.m = bindSignalChild(__s, _b.m, 1, _b.j, props.children, "b:c7af99f3", null, void 0, void 0, void 0, true);
-});
+};
 //#endregion
-export { Meter };
+export { ActivityIndicator };

package/dist/web/ui49.js

@@ -1,47 +1,13 @@
-import { applyWebProps } from "./ui45.js";
-import { __s, bag9, clone, delegateEvents, queueRefAttach, queueRefDetach, setBooleanAttribute, setEventHandler, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Slider.web.tsrx
-enableSignalBindings(1, true);
-delegateEvents(["input"]);
-var _t$0 = /* @__PURE__ */ template("<input type=\"range\" data-octane-input=\"i:c0018a58\"/>");
-var _rm$0 = [
-	"r",
-	"i",
-	"b"
-];
-var Slider = /* @__PURE__ */ __s(function Slider(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4, _m8;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		_m4 = bindSignalValue(__s, void 0, _root, props.value, "i:c0018a58");
-		setEventHandler(_root, "$$input", (e) => props.onValueChange?.(Number(e.target.value)));
-		queueRefAttach(__s, _m8 = (el) => applyWebProps(el, props.web), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.i, _b.b));
-		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, _m4, void 0, void 0, void 0, _m8);
-		__s.refFields = _rm$0;
-	} else {
-		_b.e = bindSignalValue(__s, _b.e, _b.b, props.value, "i:c0018a58");
-		setEventHandler(_b.b, "$$input", (e) => props.onValueChange?.(Number(e.target.value)));
-		{
-			const _r = (el) => applyWebProps(el, props.web);
-			if (_r !== _b.i) _b.i = replaceRef(__s, _b.i, _r, _b.b);
-		}
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:97ef4e10", setPlainAttribute);
-	_b.c = updateFreshClassName(["vx-slider", props.className], _b.c, _b.b);
-	{
-		const _v = props.style;
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "min", props.minValue ?? 0, "b:7991c980", setPlainAttribute);
-	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "max", props.maxValue ?? 100, "b:ff7f1a7c", setPlainAttribute);
-	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "disabled", props.disabled, "b:91d4cdb7", setBooleanAttribute);
-});
+//#region src/meter-math.ts
+/** Clamp a progress value to its declared range for drawing and accessibility. */
+function meterRange(value, max) {
+	const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
+	const safeValue = Number.isFinite(value) ? Math.min(safeMax, Math.max(0, value)) : 0;
+	return {
+		max: safeMax,
+		value: safeValue,
+		ratio: safeValue / safeMax
+	};
+}
 //#endregion
-export { Slider };
+export { meterRange };

package/dist/web/ui50.js

@@ -1,17 +1,63 @@
-//#region src/icons.ts
-/**
-* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
-* markup string). Native `font` glyphs render only when the app ships that font.
-*/
-var icons = /* @__PURE__ */ new Map();
-function registerIcon(name, glyph) {
-	icons.set(name, glyph);
-}
-function registerIcons(record) {
-	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
-}
-function getIcon(name) {
-	return icons.get(name);
-}
+import { meterRange } from "./ui49.js";
+import { __s, bag12, child, clone, setAriaAttribute, setStyle, sibling, template } from "octane";
+import { bindSignalAttribute, bindSignalChild, enableSignalBindings, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Meter.web.tsrx
+enableSignalBindings(1, true);
+var _t$0 = /* @__PURE__ */ template("<div role=\"progressbar\" aria-valuemin=\"0\"><div aria-hidden=\"true\"></div><div style=\"position: relative;\"></div></div>");
+var Meter = /* @__PURE__ */ __s(function Meter(props, __s, __extra) {
+	const max = props.max ?? 100;
+	const { max: rangeMax, value, ratio } = meterRange(props.value, max);
+	const size = props.size ?? 24;
+	const strokeWidth = Math.max(0, Math.min(props.strokeWidth ?? 3, size));
+	const color = props.color ?? "#3376cc";
+	const trackColor = props.trackColor ?? "#e1ecf7";
+	const sweep = ratio * 360;
+	const ringStyle = {
+		position: "absolute",
+		inset: 0,
+		borderRadius: "50%",
+		backgroundImage: `conic-gradient(${color} 0deg ${sweep}deg, ${trackColor} ${sweep}deg 360deg)`,
+		mask: `radial-gradient(circle, transparent calc(50% - ${strokeWidth}px), #000 calc(50% - ${strokeWidth}px + 0.5px))`,
+		WebkitMask: `radial-gradient(circle, transparent calc(50% - ${strokeWidth}px), #000 calc(50% - ${strokeWidth}px + 0.5px))`
+	};
+	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
+	let _b = __s.slots[0];
+	if (_b === void 0) {
+		let _m1, _m8, _m9;
+		const _root = clone(_t$0);
+		_m1 = _root;
+		const _el0 = child(_root);
+		_m8 = _el0;
+		_m9 = sibling(_el0, 1);
+		_b = bag12(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, void 0, _m8, _m9, null, void 0);
+	}
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:fe732458", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-meter", props.className], _b.c, _b.b);
+	{
+		const _v = {
+			display: "grid",
+			placeItems: "center",
+			position: "relative",
+			width: size,
+			height: size,
+			...props.style
+		};
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
+		}
+	}
+	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "aria-label", props.accessibilityLabel, "b:8b03ec71", setAriaAttribute);
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "aria-valuemax", rangeMax, "b:b0ee791c", setAriaAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "aria-valuenow", value, "b:4be1f493", setAriaAttribute);
+	{
+		const _v = ringStyle;
+		if (_b.h !== _v) {
+			setStyle(_b.i, _v, _b.h);
+			_b.h = _v;
+		}
+	}
+	_b.m = bindSignalChild(__s, _b.m, 1, _b.j, props.children, "b:c7af99f3", null, void 0, void 0, void 0, true);
+});
 //#endregion
-export { getIcon, registerIcon, registerIcons };
+export { Meter };

package/dist/web/ui51.js

@@ -1,149 +1,47 @@
-import { applyWebProps } from "./ui45.js";
-import { getIcon } from "./ui50.js";
-import { bag8, bag9, clone, hookSlots, ifBlock, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, compilerMemoRegion, createElementFromConfig, enableSignalBindings, hookMemoCreate, hookMemoEqual, hookMemoPublish1, replaceRef, setPlainAttribute, setURLAttribute, updateFreshClassAttr, updateFreshClassName } from "octane/internal/client";
-//#region src/Icon.web.tsrx
+import { applyWebProps } from "./ui47.js";
+import { __s, bag9, clone, delegateEvents, queueRefAttach, queueRefDetach, setBooleanAttribute, setEventHandler, setStyle, template } from "octane";
+import { bindSignalAttribute, bindSignalValue, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
+//#region src/Slider.web.tsrx
 enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<svg aria-hidden=\"true\"></svg>", 1);
-var _t$1 = /* @__PURE__ */ template("<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path></path></svg>", 1);
-var _t$2 = /* @__PURE__ */ template("<img/>");
-var _rm$1 = [
+delegateEvents(["input"]);
+var _t$0 = /* @__PURE__ */ template("<input type=\"range\" data-octane-input=\"i:c0018a58\"/>");
+var _rm$0 = [
 	"r",
-	"h",
+	"i",
 	"b"
 ];
-function __then$0(__props, __s, __extra) {
-	const glyph = __extra[0];
-	const props = __extra[1];
-	const size = __extra[2];
+var Slider = /* @__PURE__ */ __s(function Slider(props, __s, __extra) {
 	let _b = __s.slots[0];
 	if (_b === void 0) {
-		let _m1, _m7;
+		let _m1, _m4, _m8;
 		const _root = clone(_t$0);
 		_m1 = _root;
-		queueRefAttach(__s, _m7 = (el) => {
-			if (el) el.innerHTML = glyph.markup;
-			applyWebProps(el, props.web);
-		}, _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.b));
-		_b = bag8(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, _m7);
-		__s.refFields = _rm$1;
+		_m4 = bindSignalValue(__s, void 0, _root, props.value, "i:c0018a58");
+		setEventHandler(_root, "$$input", (e) => props.onValueChange?.(Number(e.target.value)));
+		queueRefAttach(__s, _m8 = (el) => applyWebProps(el, props.web), _m1);
+		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.i, _b.b));
+		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, _m4, void 0, void 0, void 0, _m8);
+		__s.refFields = _rm$0;
 	} else {
-		const _r = (el) => {
-			if (el) el.innerHTML = glyph.markup;
-			applyWebProps(el, props.web);
-		};
-		if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.b);
+		_b.e = bindSignalValue(__s, _b.e, _b.b, props.value, "i:c0018a58");
+		setEventHandler(_b.b, "$$input", (e) => props.onValueChange?.(Number(e.target.value)));
+		{
+			const _r = (el) => applyWebProps(el, props.web);
+			if (_r !== _b.i) _b.i = replaceRef(__s, _b.i, _r, _b.b);
+		}
 	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:3add0cdf", setPlainAttribute);
-	_b.c = updateFreshClassAttr(["vx-icon", props.className], _b.c, _b.b);
-	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "viewBox", glyph.viewBox ?? "0 0 24 24", "b:c67a6a16", setPlainAttribute);
-	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "width", size, "b:fb23295c", setPlainAttribute);
-	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "height", size, "b:8d1adcef", setPlainAttribute);
+	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:97ef4e10", setPlainAttribute);
+	_b.c = updateFreshClassName(["vx-slider", props.className], _b.c, _b.b);
 	{
-		const _v = props.color ? { color: props.color } : void 0;
-		if (_b.g !== _v) {
-			setStyle(_b.b, _v, _b.g);
-			_b.g = _v;
+		const _v = props.style;
+		if (_b.d !== _v) {
+			setStyle(_b.b, _v, _b.d);
+			_b.d = _v;
 		}
 	}
-}
-var _rm$4 = [
-	"r",
-	"f",
-	"b"
-];
-function __then$3(__props, __s, __extra) {
-	const glyph = __extra[0];
-	const props = __extra[1];
-	const size = __extra[2];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m5, _m7;
-		const _root = clone(_t$1);
-		_m1 = _root;
-		queueRefAttach(__s, _m5 = (el) => applyWebProps(el, props.web), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.f, _b.b));
-		_m7 = _root.firstChild;
-		_b = bag9(__s, _root, void 0, _m1, void 0, void 0, void 0, _m5, void 0, _m7, void 0);
-		__s.refFields = _rm$4;
-	} else {
-		const _r = (el) => applyWebProps(el, props.web);
-		if (_r !== _b.f) _b.f = replaceRef(__s, _b.f, _r, _b.b);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:9e8c5282", setPlainAttribute);
-	_b.c = updateFreshClassAttr(["vx-icon", props.className], _b.c, _b.b);
-	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "width", size, "b:3b5779f4", setPlainAttribute);
-	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "height", size, "b:13d0b8b1", setPlainAttribute);
-	_b.g = bindSignalAttribute(__s, _b.g, _b.h, "d", glyph.svg, "b:5d6c1e35", setPlainAttribute);
-	_b.i = bindSignalAttribute(__s, _b.i, _b.h, "fill", props.color ?? "currentColor", "b:b6d02800", setPlainAttribute);
-}
-var _rm$7 = [
-	"r",
-	"h",
-	"b"
-];
-function __then$6(__props, __s, __extra) {
-	const glyph = __extra[0];
-	const props = __extra[1];
-	const size = __extra[2];
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m7;
-		const _root = clone(_t$2);
-		_m1 = _root;
-		queueRefAttach(__s, _m7 = (el) => applyWebProps(el, props.web), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.h, _b.b));
-		_b = bag8(__s, _root, void 0, _m1, void 0, void 0, void 0, void 0, void 0, _m7);
-		__s.refFields = _rm$7;
-	} else {
-		const _r = (el) => applyWebProps(el, props.web);
-		if (_r !== _b.h) _b.h = replaceRef(__s, _b.h, _r, _b.b);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "id", props.id, "b:1374b84a", setPlainAttribute);
-	_b.c = updateFreshClassName(["vx-icon", props.className], _b.c, _b.b);
-	_b.d = bindSignalAttribute(__s, _b.d, _b.b, "src", glyph.src, "b:fdaa8e12", setURLAttribute);
-	_b.e = bindSignalAttribute(__s, _b.e, _b.b, "width", size, "b:a4c78316", setPlainAttribute);
-	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "height", size, "b:2ca071e0", setPlainAttribute);
-	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "alt", props.name, "b:731bb804", setPlainAttribute);
-}
-function __else$5(__props, __s, __extra) {
-	const __block = __s.block;
-	const glyph = __extra[0];
-	__extra[1];
-	__extra[2];
-	ifBlock(__s, 0, __block.parentNode, glyph.src, __then$6, null, __block.endMarker, __extra);
-}
-function __else$2(__props, __s, __extra) {
-	const __block = __s.block;
-	const glyph = __extra[0];
-	__extra[1];
-	__extra[2];
-	ifBlock(__s, 0, __block.parentNode, glyph.svg, __then$3, __else$5, __block.endMarker, __extra);
-}
-function _frag$0(props, __s, __extra) {
-	const __block = __s.block;
-	ifBlock(__s, 0, __block.parentNode, props.h0, props.h1, props.h2, __block.endMarker, props.h3);
-}
-var _hs$ = /* @__PURE__ */ hookSlots(7);
-var Icon = function Icon(props, __s, __extra) {
-	const __memoRegion = compilerMemoRegion(__s, _hs$ + 0);
-	let __hk = __memoRegion.hooks;
-	if (__hk === void 0) __memoRegion.hooks = __hk = hookMemoCreate(3);
-	let __hkd0;
-	const glyph = (__hkd0 = props, __hk[0] !== true || !hookMemoEqual(__hk[1], __hkd0) ? hookMemoPublish1(__hk, 0, getIcon(props.name), __hkd0) : __hk[2]);
-	if (!glyph) return null;
-	const size = props.size ?? 24;
-	return createElementFromConfig("c:3275b5a7", _frag$0, {
-		h0: glyph.markup,
-		h1: __then$0,
-		h2: __else$2,
-		h3: [
-			glyph,
-			props,
-			size
-		]
-	});
-};
+	_b.f = bindSignalAttribute(__s, _b.f, _b.b, "min", props.minValue ?? 0, "b:7991c980", setPlainAttribute);
+	_b.g = bindSignalAttribute(__s, _b.g, _b.b, "max", props.maxValue ?? 100, "b:ff7f1a7c", setPlainAttribute);
+	_b.h = bindSignalAttribute(__s, _b.h, _b.b, "disabled", props.disabled, "b:91d4cdb7", setBooleanAttribute);
+});
 //#endregion
-export { Icon };
+export { Slider };

package/dist/web/ui52.js

@@ -1,42 +1,19 @@
-import { normStyle } from "./ui4.js";
-import { applyWebProps } from "./ui45.js";
-import { bag4, child, clone, componentSlot, drainFrag, markChildrenBlock, template } from "octane";
-import { textHoleUpdate } from "octane/internal/client";
-//#region src/Heading.web.tsrx
-var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
-var __childrenBody = {};
-var Heading = function Heading(props, __s, __extra) {
-	const __block = __s.block;
-	const level = props.level ?? 2;
-	const tag = `h${level}`;
-	function __children$1(__props, __s, __extra) {
-		const __block = __s.block;
-		let _b = __s.slots[0];
-		if (_b === void 0) {
-			let _m0, _m1;
-			const _root = clone(_t$0);
-			_m0 = __block.parentNode;
-			_m1 = child(_root);
-			drainFrag(_root, __block.parentNode, __block.endMarker);
-			_b = bag4(__s, null, _m0, _m1, null, void 0);
-		}
-		{
-			const _v = props.children;
-			_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true, true);
-			_b.d = _v;
-		}
-	}
-	componentSlot(__s, 0, __block.parentNode, tag, {
-		"id": props.id,
-		"className": [
-			"vx-heading",
-			`vx-h${level}`,
-			props.className
-		],
-		"style": normStyle(props.style),
-		"ref": (el) => applyWebProps(el, props.web),
-		"children": markChildrenBlock(__children$1, __childrenBody)
-	}, __block.endMarker, void 0, void 0, true, void 0, "c:4056bf45");
-};
+//#region src/icons.ts
+/**
+* App-owned icon registry. `svg` is SVG path `d` data (not a full SVG
+* markup string). `src` can carry an image or an SVG source; the leaves only
+* infer SVG from inline markup, SVG data URIs, and `.svg` paths/URLs. Native
+* `font` glyphs render only when the app ships and registers that font.
+*/
+var icons = /* @__PURE__ */ new Map();
+function registerIcon(name, glyph) {
+	icons.set(name, glyph);
+}
+function registerIcons(record) {
+	for (const [name, glyph] of Object.entries(record)) icons.set(name, glyph);
+}
+function getIcon(name) {
+	return icons.get(name);
+}
 //#endregion
-export { Heading };
+export { getIcon, registerIcon, registerIcons };