@thi.ng/hdom 9.4.93 → 9.4.95

package/README.md

@@ -161,7 +161,7 @@ yarn install
 yarn start
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 3.49 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 3.52 KB
 
 ## Dependencies
 

package/dom.d.ts

@@ -70,7 +70,7 @@ export declare const setAttrib: (el: Element, id: string, val: any, attribs?: an
  */
 export declare const updateValueAttrib: (el: HTMLInputElement, value: any) => void;
 export declare const removeAttribs: (el: Element, attribs: string[], prev: any) => void;
-export declare const setStyle: (el: Element, styles: any) => Element;
+export declare const setStyle: (el: Element, rules: any) => Element;
 /**
  * Adds event listener (possibly with options).
  *

package/dom.js

@@ -1,9 +1,10 @@
+import { deref } from "@thi.ng/api/deref";
 import { implementsFunction } from "@thi.ng/checks/implements-function";
 import { isArray } from "@thi.ng/checks/is-array";
+import { isFunction } from "@thi.ng/checks/is-function";
 import { isNotStringAndIterable } from "@thi.ng/checks/is-not-string-iterable";
 import { isString } from "@thi.ng/checks/is-string";
 import { ATTRIB_JOIN_DELIMS, SVG_TAGS } from "@thi.ng/hiccup/api";
-import { css } from "@thi.ng/hiccup/css";
 import { formatPrefixes } from "@thi.ng/hiccup/prefix";
 import { XML_SVG } from "@thi.ng/prefixes/xml";
 const __maybeInitElement = (el, tree) => tree.__init?.apply(tree.__this, [el, ...tree.__args]);
@@ -205,7 +206,15 @@ const removeAttribs = (el, attribs, prev) => {
     }
   }
 };
-const setStyle = (el, styles) => (el.setAttribute("style", css(styles)), el);
+const setStyle = (el, rules) => {
+  let v;
+  for (let r in rules) {
+    v = deref(rules[r]);
+    if (isFunction(v)) v = v(rules);
+    if (v != null) el.style.setProperty(r, v);
+  }
+  return el;
+};
 const setListener = (el, id, listener) => isString(listener) ? el.setAttribute("on" + id, listener) : isArray(listener) ? el.addEventListener(id, ...listener) : el.addEventListener(id, listener);
 const removeListener = (el, id, listener) => isArray(listener) ? el.removeEventListener(id, ...listener) : el.removeEventListener(id, listener);
 const clearDOM = (el) => el.innerHTML = "";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@thi.ng/hdom",
-	"version": "9.4.93",
+	"version": "9.4.95",
 	"description": "Lightweight vanilla ES6 UI component trees with customizable branch-local behaviors",
 	"type": "module",
 	"module": "./index.js",
@@ -42,18 +42,18 @@
 		"tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
 	},
 	"dependencies": {
-		"@thi.ng/api": "^8.12.7",
-		"@thi.ng/checks": "^3.7.23",
-		"@thi.ng/diff": "^5.1.108",
-		"@thi.ng/equiv": "^2.1.97",
-		"@thi.ng/errors": "^2.5.47",
-		"@thi.ng/hiccup": "^5.3.30",
-		"@thi.ng/logger": "^3.2.6",
-		"@thi.ng/prefixes": "^2.3.58"
+		"@thi.ng/api": "^8.12.8",
+		"@thi.ng/checks": "^3.7.24",
+		"@thi.ng/diff": "^5.1.109",
+		"@thi.ng/equiv": "^2.1.98",
+		"@thi.ng/errors": "^2.5.48",
+		"@thi.ng/hiccup": "^5.3.31",
+		"@thi.ng/logger": "^3.2.7",
+		"@thi.ng/prefixes": "^2.3.59"
 	},
 	"devDependencies": {
-		"@thi.ng/atom": "^5.3.48",
-		"esbuild": "^0.25.11",
+		"@thi.ng/atom": "^5.3.49",
+		"esbuild": "^0.27.0",
 		"typedoc": "^0.28.14",
 		"typescript": "^5.9.3"
 	},
@@ -133,5 +133,5 @@
 		"status": "completed",
 		"year": 2015
 	},
-	"gitHead": "74b6f319d8f52c9266d97f616be5298a6a5b96e4\n"
+	"gitHead": "be6e7657b1e5c54d7d648d1b52888a7297e95a17\n"
 }