@octane-xplat/ui 0.5.0 → 0.7.0

package/dist/web/ui5.js

@@ -1,168 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
-import { __s, bag8, clone, hookSlots, snapshotSpread, template, useEffect, useRef } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/View.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _rm$1 = [
-	"s",
-	"f",
-	"e"
-];
-var View = /* @__PURE__ */ __s(function View(props, __s, __extra) {
-	const el = useRef(null, _hs$ + 0);
-	useEffect(() => {
-		const node = el.current;
-		const cb = props.onPan;
-		if (!node || !cb) return;
-		let sx = 0, sy = 0, active = false, last = 0, lx = 0, t0 = 0;
-		const emit = (e, state) => {
-			const now = performance.now();
-			const dt = Math.max(now - t0, 1) / 1e3;
-			const vx = (e.clientX - lx) / dt;
-			const vy = (e.clientY - last) / dt;
-			lx = e.clientX;
-			last = e.clientY;
-			t0 = now;
-			cb({
-				x: e.clientX - sx,
-				y: e.clientY - sy,
-				dx: e.clientX - sx,
-				dy: e.clientY - sy,
-				vx,
-				vy,
-				state,
-				target: node
-			});
-		};
-		const down = (e) => {
-			active = true;
-			sx = e.clientX;
-			sy = e.clientY;
-			t0 = performance.now();
-			lx = sx;
-			last = sy;
-			node.setPointerCapture?.(e.pointerId);
-			emit(e, "began");
-		};
-		const move = (e) => {
-			if (active) emit(e, "moved");
-		};
-		const up = (e) => {
-			if (active) {
-				active = false;
-				emit(e, "ended");
-			}
-		};
-		const cancel = (e) => {
-			if (active) {
-				active = false;
-				emit(e, "cancelled");
-			}
-		};
-		node.addEventListener("pointerdown", down);
-		node.addEventListener("pointermove", move);
-		node.addEventListener("pointerup", up);
-		node.addEventListener("pointercancel", cancel);
-		return () => {
-			node.removeEventListener("pointerdown", down);
-			node.removeEventListener("pointermove", move);
-			node.removeEventListener("pointerup", up);
-			node.removeEventListener("pointercancel", cancel);
-		};
-	}, [props.onPan], _hs$ + 1);
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5;
-		const _root = clone(_t$0);
-		_m0 = props.id;
-		_m1 = (e) => {
-			el.current = e;
-			if (e) {
-				applyEscapeProps(e, props);
-				props.bind?.(e);
-			}
-		};
-		_m2 = [
-			"vx-view",
-			glassClassOf(props.glass),
-			props.className
-		];
-		_m3 = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.style
-		}));
-		_m4 = _root;
-		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"id",
-				_m0
-			],
-			[
-				false,
-				"ref",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3]
-		], "b:e20c8de1", true);
-		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _v = props.id;
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = (e) => {
-				el.current = e;
-				if (e) {
-					applyEscapeProps(e, props);
-					props.bind?.(e);
-				}
-			};
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = [
-				"vx-view",
-				glassClassOf(props.glass),
-				props.className
-			];
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.style
-		}));
-		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
-			[
-				false,
-				"id",
-				_b.a
-			],
-			[
-				false,
-				"ref",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d]
-		], "b:e20c8de1", true);
-	}
-	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, props.children, "b:13e02afa", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { View };

package/dist/web/ui51.js

@@ -1,47 +0,0 @@
-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);
-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);
-});
-//#endregion
-export { Slider };

package/dist/web/ui52.js

@@ -1,19 +0,0 @@
-//#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 { getIcon, registerIcon, registerIcons };

package/dist/web/ui55.js

@@ -1,17 +0,0 @@
-import { __s, bag2, clone, template } from "octane";
-import { bindSignalAttribute, enableSignalBindings } from "octane/internal/client";
-//#region src/PlatformBadge.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<span>web</span>");
-var PlatformBadge = /* @__PURE__ */ __s(function PlatformBadge(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		_b = bag2(__s, _root, void 0, _m1);
-	}
-	_b.a = bindSignalAttribute(__s, _b.a, _b.b, "class", props.className, "b:f3cb9a4b", "class");
-});
-//#endregion
-export { PlatformBadge };

package/dist/web/ui59.js

@@ -1,44 +0,0 @@
-import { cx } from "./ui28.js";
-import { useThemeScheme } from "./ui29.js";
-import { bag4, child, clone, createElement, createPortal, createScopedElement, createScopedValue, drainFrag, hookSlots, ifBlock, positionalChildren, template, withSlot } from "octane";
-import { textHoleUpdate } from "octane/internal/client";
-//#region src/Sheet.web.tsrx
-var _t$0 = /* @__PURE__ */ template("<!>", 0, 1);
-var _h$0 = /* @__PURE__ */ Symbol(/* @__PURE__ */ hookSlots(2));
-function __then$0(__props, __s, __extra) {
-	const __block = __s.block;
-	const dark = __extra[0];
-	const props = __extra[1];
-	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 = /* @__PURE__ */ createPortal(createScopedValue(() => createScopedElement("div", { className: cx("vx-sheet-layer", dark && "dark") }, () => positionalChildren([(props.shadeCover ?? true) && createScopedValue(() => createElement("div", {
-			className: "vx-sheet-backdrop",
-			onClick: props.onDismiss
-		})), createScopedValue(() => createScopedElement("div", {
-			className: cx("vx-sheet", props.className),
-			style: { ...props.style },
-			...props.web
-		}, () => props.children))]))), document.body);
-		_b.c = textHoleUpdate(__s, 1, _b.a, _v, _b.c, _b.d, _b.b, true, true);
-		_b.d = _v;
-	}
-}
-var Sheet = function Sheet(props, __s, __extra) {
-	const __block = __s.block;
-	const dark = withSlot(_h$0, useThemeScheme) === "dark";
-	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
-	{
-		const __ifCondition = props.open;
-		ifBlock(__s, 0, __block.parentNode, __ifCondition, __then$0, null, __block.endMarker, __ifCondition ? [dark, props] : void 0);
-	}
-};
-//#endregion
-export { Sheet };

package/dist/web/ui6.js

@@ -1,94 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { layoutChildProps } from "./ui4.js";
-import { __s, bag8, clone, snapshotSpread, template } from "octane";
-import { bindSignalChild, bindSignalHostPropSources, enableSignalBindings } from "octane/internal/client";
-//#region src/Row.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"s",
-	"f",
-	"e"
-];
-var Row = /* @__PURE__ */ __s(function Row(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m0, _m1, _m2, _m3, _m4, _m5;
-		const _root = clone(_t$0);
-		_m0 = props.id;
-		_m1 = (e) => applyEscapeProps(e, props);
-		_m2 = [
-			"vx-row",
-			glassClassOf(props.glass),
-			props.className
-		];
-		_m3 = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.style
-		}));
-		_m4 = _root;
-		_m5 = bindSignalHostPropSources(__s, void 0, _root, [
-			[
-				false,
-				"id",
-				_m0
-			],
-			[
-				false,
-				"ref",
-				_m1
-			],
-			[
-				false,
-				"className",
-				_m2
-			],
-			[true, _m3]
-		], "b:3863ef97", true);
-		_b = bag8(__s, _root, _m0, _m1, _m2, _m3, _m4, _m5, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		{
-			const _v = props.id;
-			if (_b.a !== _v) _b.a = _v;
-		}
-		{
-			const _v = (e) => applyEscapeProps(e, props);
-			if (_b.b !== _v) _b.b = _v;
-		}
-		{
-			const _v = [
-				"vx-row",
-				glassClassOf(props.glass),
-				props.className
-			];
-			if (_b.c !== _v) _b.c = _v;
-		}
-		_b.d = snapshotSpread(layoutChildProps(props, {
-			...glassStyleOf(props.glass),
-			...props.style
-		}));
-		_b.f = bindSignalHostPropSources(__s, _b.f, _b.e, [
-			[
-				false,
-				"id",
-				_b.a
-			],
-			[
-				false,
-				"ref",
-				_b.b
-			],
-			[
-				false,
-				"className",
-				_b.c
-			],
-			[true, _b.d]
-		], "b:3863ef97", true);
-	}
-	_b.i = bindSignalChild(__s, _b.i, 1, _b.e, props.children, "b:24a4d1fc", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Row };

package/dist/web/ui7.js

@@ -1,62 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Grid.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-function parseTracks(spec) {
-	return spec?.split(",").map((part) => {
-		const track = part.trim();
-		if (track === "auto") return "auto";
-		if (track.endsWith("*")) return `${track.slice(0, -1) || "1"}fr`;
-		return /^\d+(?:\.\d+)?$/.test(track) ? `${track}px` : track;
-	}).join(" ");
-}
-var warnedAboutGap = false;
-var Grid = /* @__PURE__ */ __s(function Grid(props, __s, __extra) {
-	if (props.gap != null && !warnedAboutGap) {
-		warnedAboutGap = true;
-		console.warn("[Grid] gap is not supported; use child margins instead.");
-	}
-	if (__s.block.pending && !__s.block.crossRenderUpdate) return;
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
-		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		const _r = (el) => applyEscapeProps(el, props);
-		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:8088bcf9", setPlainAttribute);
-	_b.c = updateFreshClassName([
-		"vx-grid",
-		glassClassOf(props.glass),
-		props.className
-	], _b.c, _b.b);
-	{
-		const _v = {
-			...glassStyleOf(props.glass),
-			...props.style,
-			...props.rows ? { gridTemplateRows: parseTracks(props.rows) } : {},
-			...props.columns ? { gridTemplateColumns: parseTracks(props.columns) } : {}
-		};
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:2e517120", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Grid };

package/dist/web/ui8.js

@@ -1,46 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Stack.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-var Stack = /* @__PURE__ */ __s(function Stack(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
-		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		const _r = (el) => applyEscapeProps(el, props);
-		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:c5a2da88", setPlainAttribute);
-	_b.c = updateFreshClassName([
-		"vx-stack",
-		glassClassOf(props.glass),
-		props.className
-	], _b.c, _b.b);
-	{
-		const _v = {
-			...glassStyleOf(props.glass),
-			...props.style
-		};
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:3a94ba9c", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Stack };

package/dist/web/ui9.js

@@ -1,46 +0,0 @@
-import { applyEscapeProps } from "./ui2.js";
-import { glassClassOf, glassStyleOf } from "./ui3.js";
-import { __s, bag7, clone, queueRefAttach, queueRefDetach, setStyle, template } from "octane";
-import { bindSignalAttribute, bindSignalChild, enableSignalBindings, replaceRef, setPlainAttribute, updateFreshClassName } from "octane/internal/client";
-//#region src/Absolute.web.tsrx
-enableSignalBindings(1, true);
-var _t$0 = /* @__PURE__ */ template("<div></div>");
-var _rm$1 = [
-	"r",
-	"e",
-	"b"
-];
-var Absolute = /* @__PURE__ */ __s(function Absolute(props, __s, __extra) {
-	let _b = __s.slots[0];
-	if (_b === void 0) {
-		let _m1, _m4;
-		const _root = clone(_t$0);
-		_m1 = _root;
-		queueRefAttach(__s, _m4 = (el) => applyEscapeProps(el, props), _m1);
-		(__s.cleanups ??= []).push(() => _b && queueRefDetach(_b.e, _b.b));
-		_b = bag7(__s, _root, void 0, _m1, void 0, void 0, _m4, null, void 0);
-		__s.refFields = _rm$1;
-	} else {
-		const _r = (el) => applyEscapeProps(el, props);
-		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:f8caef47", setPlainAttribute);
-	_b.c = updateFreshClassName([
-		"vx-absolute",
-		glassClassOf(props.glass),
-		props.className
-	], _b.c, _b.b);
-	{
-		const _v = {
-			...glassStyleOf(props.glass),
-			...props.style
-		};
-		if (_b.d !== _v) {
-			setStyle(_b.b, _v, _b.d);
-			_b.d = _v;
-		}
-	}
-	_b.h = bindSignalChild(__s, _b.h, 1, _b.b, props.children, "b:55e1bd7a", null, void 0, void 0, void 0, true);
-});
-//#endregion
-export { Absolute };