@ixfx/ui 0.56.0 → 0.56.2

package/LICENSE

@@ -1,6 +1,31 @@
 MIT License
 
-Copyright (c) 2021-2025 Clint Heyer
+Copyright (c) 2021-2026 Clint Heyer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
+Package: bezier-js
+https://github.com/Pomax/bezierjs
+
+Copyright (c) 2023 Pomax
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.ts

@@ -6,7 +6,6 @@ import { Interval, Pathed, RecursivePartial } from "@ixfx/core";
 import { HslScalar } from "@ixfx/visual/colour";
 
 //#region src/rx/browser-resize.d.ts
-
 /**
 * Observe when element resizes. Specify `interval` to debounce, uses 100ms by default.
 *

package/dist/index.js

@@ -1,4 +1,4 @@
-import { t as __exportAll } from "./chunk-CzXV76rE.js";
+import { t as __exportAll } from "./chunk-BN_g-Awi.js";
 import * as RxFrom from "@ixfx/rx/from";
 import { eventTrigger, observable } from "@ixfx/rx/from";
 import { debounce } from "@ixfx/rx/ops";
@@ -405,8 +405,8 @@ function domForm(formElOrQuery, options = {}) {
 * @returns 
 */
 function fromDomQuery(query) {
-	const elements$1 = [...document.querySelectorAll(query)];
-	return Rx.From.object(elements$1);
+	const elements = [...document.querySelectorAll(query)];
+	return Rx.From.object(elements);
 }
 /**
 * Updates an element's `textContent` when the source value changes.
@@ -542,64 +542,64 @@ const bindElement = (source, elOrQuery, ...binds) => {
 	let b = [];
 	if (binds.length === 0) b.push({ elField: `textContent` });
 	else b = [...binds];
-	return bind(source, ...b.map((bind$1) => {
-		if (`element` in bind$1) return bind$1;
+	return bind(source, ...b.map((bind) => {
+		if (`element` in bind) return bind;
 		return {
-			...bind$1,
+			...bind,
 			element: el
 		};
 	}));
 };
-const resolveBindUpdater = (bind$1, element) => {
-	const b = resolveBindUpdaterBase(bind$1);
+const resolveBindUpdater = (bind, element) => {
+	const b = resolveBindUpdaterBase(bind);
 	return (value) => {
 		b(value, element);
 	};
 };
-const resolveBindUpdaterBase = (bind$1) => {
-	if (bind$1.elField !== void 0 || bind$1.cssVariable === void 0 && bind$1.attribName === void 0 && bind$1.cssProperty === void 0 && bind$1.textContent === void 0 && bind$1.htmlContent === void 0) {
-		const field = bind$1.elField ?? `textContent`;
+const resolveBindUpdaterBase = (bind) => {
+	if (bind.elField !== void 0 || bind.cssVariable === void 0 && bind.attribName === void 0 && bind.cssProperty === void 0 && bind.textContent === void 0 && bind.htmlContent === void 0) {
+		const field = bind.elField ?? `textContent`;
 		return (v, element) => {
 			element[field] = v;
 		};
 	}
-	if (bind$1.attribName !== void 0) {
-		const attrib = bind$1.attribName;
+	if (bind.attribName !== void 0) {
+		const attrib = bind.attribName;
 		return (v, element) => {
 			element.setAttribute(attrib, v);
 		};
 	}
-	if (bind$1.textContent) return (v, element) => {
+	if (bind.textContent) return (v, element) => {
 		element.textContent = v;
 	};
-	if (bind$1.htmlContent) return (v, element) => {
+	if (bind.htmlContent) return (v, element) => {
 		element.innerHTML = v;
 	};
-	if (bind$1.cssVariable !== void 0) {
-		let css = bind$1.cssVariable;
+	if (bind.cssVariable !== void 0) {
+		let css = bind.cssVariable;
 		if (!css.startsWith(`--`)) css = `--` + css;
 		return (v, element) => {
 			element.style.setProperty(css, v);
 		};
 	}
-	if (bind$1.cssProperty !== void 0) return (v, element) => {
-		element.style[bind$1.cssProperty] = v;
+	if (bind.cssProperty !== void 0) return (v, element) => {
+		element.style[bind.cssProperty] = v;
 	};
 	return (_, _element) => {
 		/** no-op */
 	};
 };
-const resolveTransform = (bind$1) => {
-	if (!bind$1.transform && !bind$1.transformValue) return;
-	if (bind$1.transformValue) {
-		if (bind$1.sourceField === void 0) throw new Error(`Expects 'sourceField' to be set when 'transformValue' is set`);
+const resolveTransform = (bind) => {
+	if (!bind.transform && !bind.transformValue) return;
+	if (bind.transformValue) {
+		if (bind.sourceField === void 0) throw new Error(`Expects 'sourceField' to be set when 'transformValue' is set`);
 		return (value) => {
-			const fieldValue = value[bind$1.sourceField];
-			return bind$1.transformValue(fieldValue);
+			const fieldValue = value[bind.sourceField];
+			return bind.transformValue(fieldValue);
 		};
-	} else if (bind$1.transform) {
-		if (bind$1.sourceField !== void 0) throw new Error(`If 'transform' is set, 'sourceField' is ignored`);
-		return (value) => bind$1.transform(value);
+	} else if (bind.transform) {
+		if (bind.sourceField !== void 0) throw new Error(`If 'transform' is set, 'sourceField' is ignored`);
+		return (value) => bind.transform(value);
 	}
 };
 /**
@@ -634,26 +634,26 @@ const resolveTransform = (bind$1) => {
 * @returns 
 */
 const bind = (source, ...bindsUnresolvedElements) => {
-	const binds = bindsUnresolvedElements.map((bind$1) => {
-		if (bind$1.element && bind$1.element !== void 0) return bind$1;
-		if (bind$1.query) return {
-			...bind$1,
-			element: resolveEl(bind$1.query)
+	const binds = bindsUnresolvedElements.map((bind) => {
+		if (bind.element && bind.element !== void 0) return bind;
+		if (bind.query) return {
+			...bind,
+			element: resolveEl(bind.query)
 		};
-		throw new Error(`Unable to resolve element. Missing 'element' or 'query' values on bind. ${JSON.stringify(bind$1)}`);
+		throw new Error(`Unable to resolve element. Missing 'element' or 'query' values on bind. ${JSON.stringify(bind)}`);
 	});
-	const bindsResolved = binds.map((bind$1) => ({
-		update: resolveBindUpdater(bind$1, bind$1.element),
-		transformer: resolveTransform(bind$1),
-		sourceField: bind$1.sourceField
+	const bindsResolved = binds.map((bind) => ({
+		update: resolveBindUpdater(bind, bind.element),
+		transformer: resolveTransform(bind),
+		sourceField: bind.sourceField
 	}));
 	const update = (value) => {
-		for (const bind$1 of bindsResolved) if (bind$1.transformer) bind$1.update(bind$1.transformer(value));
+		for (const bind of bindsResolved) if (bind.transformer) bind.update(bind.transformer(value));
 		else {
-			const v = bind$1.sourceField ? value[bind$1.sourceField] : value;
-			if (typeof v === `object`) if (bind$1.sourceField) bind$1.update(JSON.stringify(v));
-			else bind$1.update(JSON.stringify(v));
-			else bind$1.update(v);
+			const v = bind.sourceField ? value[bind.sourceField] : value;
+			if (typeof v === `object`) if (bind.sourceField) bind.update(JSON.stringify(v));
+			else bind.update(JSON.stringify(v));
+			else bind.update(v);
 		}
 	};
 	const unsub = source.on((message) => {
@@ -663,7 +663,7 @@ const bind = (source, ...bindsUnresolvedElements) => {
 	if (Rx.hasLast(source)) update(source.last());
 	return { remove: (removeElements) => {
 		unsub();
-		if (removeElements) for (const bind$1 of binds) bind$1.element.remove();
+		if (removeElements) for (const bind of binds) bind.element.remove();
 	} };
 };
 /**
@@ -806,8 +806,8 @@ const elements = (source, options) => {
 		});
 	}
 	const findBind = (path) => {
-		const bind$1 = findBySomeKey(binds, stringSegmentsWholeToEnd(path));
-		if (bind$1 !== void 0) return bind$1;
+		const bind = findBySomeKey(binds, stringSegmentsWholeToEnd(path));
+		if (bind !== void 0) return bind;
 		if (!path.includes(`.`)) return binds.get(`_root`);
 	};
 	function* ancestorBinds(path) {
@@ -817,9 +817,9 @@ const elements = (source, options) => {
 	const create = (path, value) => {
 		const rootedPath = getRootedPath(path);
 		console.log(`Rx.Dom.elements.create: ${path} rooted: ${rootedPath} value: ${JSON.stringify(value)}`);
-		const bind$1 = findBind(getRootedPath(path));
+		const bind = findBind(getRootedPath(path));
 		let tagName = defaultTag;
-		if (bind$1?.tagName) tagName = bind$1.tagName;
+		if (bind?.tagName) tagName = bind.tagName;
 		const el = document.createElement(tagName);
 		el.setAttribute(`data-path`, path);
 		update(path, el, value);
@@ -836,17 +836,17 @@ const elements = (source, options) => {
 	};
 	const update = (path, el, value) => {
 		console.log(`Rx.dom.update path: ${path} value:`, value);
-		const bind$1 = findBind(getRootedPath(path));
-		if (bind$1 === void 0) {
+		const bind = findBind(getRootedPath(path));
+		if (bind === void 0) {
 			if (typeof value === `object`) value = JSON.stringify(value);
 			el.textContent = value;
 		} else {
-			if (bind$1.transform) value = bind$1.transform(value);
-			bind$1.update(value, el);
+			if (bind.transform) value = bind.transform(value);
+			bind.update(value, el);
 		}
 	};
-	const changes = (changes$1) => {
-		const queue = new QueueMutable({}, changes$1);
+	const changes = (changes) => {
+		const queue = new QueueMutable({}, changes);
 		let d = queue.dequeue();
 		const seenPaths = /* @__PURE__ */ new Set();
 		while (d !== void 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ixfx/ui",
-  "version": "0.56.0",
+  "version": "0.56.2",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -8,16 +8,38 @@
     "dist"
   ],
   "dependencies": {
-    "@ixfx/core": "0.56.0",
-    "@ixfx/collections": "0.56.0",
-    "@ixfx/dom": "0.56.0",
-    "@ixfx/visual": "0.56.0",
-    "@ixfx/rx": "0.56.0"
+    "@ixfx/core": "0.56.2",
+    "@ixfx/dom": "0.56.2",
+    "@ixfx/collections": "0.56.2",
+    "@ixfx/visual": "0.56.2",
+    "@ixfx/rx": "0.56.2"
   },
   "exports": {
     ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
-  "scripts": {},
-  "main": "dist/src/index.js"
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "ixfx ui",
+  "keywords": [
+    "ixfx",
+    "interactivity",
+    "ui"
+  ],
+  "homepage": "https://ixfxfun.dev",
+  "bugs": {
+    "url": "https://github.com/clinth/ixfx/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/clinth/ixfx.git",
+    "directory": "packages/ui"
+  },
+  "author": "Clint Heyer <clint@thestaticvoid.net>",
+  "engines": {
+    "node": ">=24.0.0"
+  },
+  "main": "./dist/index.js",
+  "scripts": {}
 }