1.2.26 add style option to h()

dist/sigpro.esm.js

@@ -314,6 +314,8 @@ var h = (tag, props = {}, children = []) => {
           el.className = val || "";
         else if (val == null)
           el.removeAttribute(k);
+        else if (k === "style" && typeof val === "string")
+          el.setAttribute("style", val);
         else if (k in el && !isSVG)
           el[k] = val;
         else
@@ -329,7 +331,9 @@ var h = (tag, props = {}, children = []) => {
     } else {
       const val = validateAttr(k, v);
       if (val != null) {
-        if (k in el && !isSVG)
+        if (k === "style" && typeof val === "string")
+          el.setAttribute("style", val);
+        else if (k in el && !isSVG)
           el[k] = val;
         else
           el.setAttribute(k, val === true ? "" : val);
@@ -519,6 +523,7 @@ export {
   when,
   watch,
   router,
+  onUnmount,
   mount,
   h,
   each,

dist/sigpro.js

@@ -43,6 +43,7 @@
     when: () => when,
     watch: () => watch,
     router: () => router,
+    onUnmount: () => onUnmount,
     mount: () => mount,
     h: () => h,
     each: () => each,
@@ -367,6 +368,8 @@
             el.className = val || "";
           else if (val == null)
             el.removeAttribute(k);
+          else if (k === "style" && typeof val === "string")
+            el.setAttribute("style", val);
           else if (k in el && !isSVG)
             el[k] = val;
           else
@@ -382,7 +385,9 @@
       } else {
         const val = validateAttr(k, v);
         if (val != null) {
-          if (k in el && !isSVG)
+          if (k === "style" && typeof val === "string")
+            el.setAttribute("style", val);
+          else if (k in el && !isSVG)
             el[k] = val;
           else
             el.setAttribute(k, val === true ? "" : val);

docs/sigpro.js

@@ -43,6 +43,7 @@
     when: () => when,
     watch: () => watch,
     router: () => router,
+    onUnmount: () => onUnmount,
     mount: () => mount,
     h: () => h,
     each: () => each,
@@ -367,6 +368,8 @@
             el.className = val || "";
           else if (val == null)
             el.removeAttribute(k);
+          else if (k === "style" && typeof val === "string")
+            el.setAttribute("style", val);
           else if (k in el && !isSVG)
             el[k] = val;
           else
@@ -382,7 +385,9 @@
       } else {
         const val = validateAttr(k, v);
         if (val != null) {
-          if (k in el && !isSVG)
+          if (k === "style" && typeof val === "string")
+            el.setAttribute("style", val);
+          else if (k in el && !isSVG)
             el[k] = val;
           else
             el.setAttribute(k, val === true ? "" : val);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sigpro",
-  "version": "1.2.25",
+  "version": "1.2.26",
   "type": "module",
   "license": "MIT",
   "main": "./dist/sigpro.esm.min.js",

sigpro.js

@@ -312,6 +312,7 @@ const h = (tag, props = {}, children = []) => {
         const val = validateAttr(k, v())
         if (k === "class") el.className = val || ""
         else if (val == null) el.removeAttribute(k)
+        else if (k === "style" && typeof val === "string") el.setAttribute("style", val)
         else if (k in el && !isSVG) el[k] = val
         else el.setAttribute(k, val === true ? "" : val)
       })
@@ -325,7 +326,8 @@ const h = (tag, props = {}, children = []) => {
     } else {
       const val = validateAttr(k, v)
       if (val != null) {
-        if (k in el && !isSVG) el[k] = val
+        if (k === "style" && typeof val === "string") el.setAttribute("style", val)
+        else if (k in el && !isSVG) el[k] = val
         else el.setAttribute(k, val === true ? "" : val)
       }
     }