hyper-dom-expressions 0.37.21 → 0.37.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/hyper-dom-expressions.js +11 -1
  2. package/lib/hyper-dom-expressions.js +11 -1
  3. package/package.json +3 -3
package/dist/hyper-dom-expressions.js CHANGED
@@ -15,6 +15,7 @@ function createHyperScript(r) {
15
15
  function h() {
16
16
  let args = [].slice.call(arguments),
17
17
  e,
18
+ classes = [],
18
19
  multiExpression = false;
19
20
 
20
21
  while (Array.isArray(args[0])) args = args[0];
@@ -22,6 +23,7 @@ function createHyperScript(r) {
22
23
  typeof args[0] === "string" && detectMultiExpression(args);
23
24
  const ret = () => {
24
25
  while (args.length) item(args.shift());
26
+ if (e instanceof Element && classes.length) e.classList.add(...classes);
25
27
  return e;
26
28
  };
27
29
  ret[$ELEMENT] = true;
@@ -48,6 +50,14 @@ function createHyperScript(r) {
48
50
  let dynamic = false;
49
51
  const d = Object.getOwnPropertyDescriptors(l);
50
52
  for (const k in d) {
53
+ if (k === "class" && classes.length !== 0) {
54
+ const fixedClasses = classes.join(" "),
55
+ value = typeof d["class"].value === "function" ?
56
+ () => fixedClasses + " " + d["class"].value() :
57
+ fixedClasses + " " + l["class"];
58
+ Object.defineProperty(l, "class", { ...d[k], value });
59
+ classes = [];
60
+ }
51
61
  if (k !== "ref" && k.slice(0, 2) !== "on" && typeof d[k].value === "function") {
52
62
  r.dynamicProperty(l, k);
53
63
  dynamic = true;
@@ -106,7 +116,7 @@ function createHyperScript(r) {
106
116
  e = r.SVGElements.has(v) ?
107
117
  document.createElementNS("http://www.w3.org/2000/svg", v) :
108
118
  document.createElement(v);else
109
- if (v[0] === ".") e.classList.add(s);else
119
+ if (v[0] === ".") classes.push(s);else
110
120
  if (v[0] === "#") e.setAttribute("id", s);
111
121
  }
112
122
  }
package/lib/hyper-dom-expressions.js CHANGED
@@ -17,6 +17,7 @@ function createHyperScript(r) {
17
17
  function h() {
18
18
  let args = [].slice.call(arguments),
19
19
  e,
20
+ classes = [],
20
21
  multiExpression = false;
21
22
 
22
23
  while (Array.isArray(args[0])) args = args[0];
@@ -24,6 +25,7 @@ function createHyperScript(r) {
24
25
  typeof args[0] === "string" && detectMultiExpression(args);
25
26
  const ret = () => {
26
27
  while (args.length) item(args.shift());
28
+ if (e instanceof Element && classes.length) e.classList.add(...classes);
27
29
  return e;
28
30
  };
29
31
  ret[$ELEMENT] = true;
@@ -50,6 +52,14 @@ function createHyperScript(r) {
50
52
  let dynamic = false;
51
53
  const d = Object.getOwnPropertyDescriptors(l);
52
54
  for (const k in d) {
55
+ if (k === "class" && classes.length !== 0) {
56
+ const fixedClasses = classes.join(" "),
57
+ value = typeof d["class"].value === "function" ?
58
+ () => fixedClasses + " " + d["class"].value() :
59
+ fixedClasses + " " + l["class"];
60
+ Object.defineProperty(l, "class", { ...d[k], value });
61
+ classes = [];
62
+ }
53
63
  if (k !== "ref" && k.slice(0, 2) !== "on" && typeof d[k].value === "function") {
54
64
  r.dynamicProperty(l, k);
55
65
  dynamic = true;
@@ -108,7 +118,7 @@ function createHyperScript(r) {
108
118
  e = r.SVGElements.has(v) ?
109
119
  document.createElementNS("http://www.w3.org/2000/svg", v) :
110
120
  document.createElement(v);else
111
- if (v[0] === ".") e.classList.add(s);else
121
+ if (v[0] === ".") classes.push(s);else
112
122
  if (v[0] === "#") e.setAttribute("id", s);
113
123
  }
114
124
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "hyper-dom-expressions",
3
3
  "description": "A Fine-Grained Rendering Runtime API using HyperScript",
4
- "version": "0.37.21",
4
+ "version": "0.37.22",
5
5
  "author": "Ryan Carniato",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -19,7 +19,7 @@
19
19
  "prepare": "pnpm run build"
20
20
  },
21
21
  "devDependencies": {
22
- "dom-expressions": "^0.37.21"
22
+ "dom-expressions": "^0.37.22"
23
23
  },
24
- "gitHead": "38ad815b0c610b936ad140ed5c230afe4419d3b7"
24
+ "gitHead": "8fa34b71f185b76a910fca56980bb5297638f768"
25
25
  }