axii - npm Package Compare versions

Comparing version 2.6.65 to 2.6.69

dist/axii.js

@@ -139,3 +139,3 @@ import { isAtom as q, atom as Q, RxList as _, RxSet as rt, RxMap as nt, reactive as xt, ReactiveEffect as Tt, computed as pt, destroyComputed as mt, autorun as yt, Notifier as st, isReactive as vt, TrackOpTypes as it, TriggerOpTypes as ot } from "data0";
   }
-  const c = e === F ? document.createDocumentFragment() : n ? document.createElementNS("http://www.w3.org/2000/svg", e) : document.createElement(e), h = [], p = [], f = [], m = [], d = r.length ? r : o || [];
+  const c = e === F ? document.createDocumentFragment() : n ? document.createElementNS("http://www.w3.org/2000/svg", e) : document.createElement(e), l = [], p = [], f = [], m = [], d = r.length ? r : o || [];
   if (e !== F && d.length === 1 && (typeof d[0] == "string" || typeof d[0] == "number"))
@@ -145,14 +145,14 @@ c.textContent = d[0].toString();
     const u = document.createDocumentFragment();
-    d.forEach((l, S) => {
+    d.forEach((h, S) => {
       var x, T, v, R;
-      if (l != null)
-        if (typeof l == "string" || typeof l == "number")
-          u.appendChild(document.createTextNode(l.toString()));
-        else if (l instanceof Node) {
-          u.appendChild(l);
-          const y = l;
-          (x = y.unhandledChildren) != null && x.length && (p.push(...y.unhandledChildren.map((E) => ({ ...E, path: [S, ...E.path] }))), y.unhandledChildren = void 0), (T = y.unhandledAttr) != null && T.length && (h.push(...y.unhandledAttr.map((E) => ({ ...E, path: [S, ...E.path] }))), y.unhandledAttr = void 0), (v = y.refHandles) != null && v.length && (f.push(...y.refHandles.map((E) => ({ ...E, path: [S, ...E.path] }))), y.refHandles = void 0), (R = y.detachStyledChildren) != null && R.length && (m.push(...y.detachStyledChildren.map((E) => ({ ...E, path: [S, ...E.path] }))), y.detachStyledChildren = void 0);
+      if (h != null)
+        if (typeof h == "string" || typeof h == "number")
+          u.appendChild(document.createTextNode(h.toString()));
+        else if (h instanceof Node) {
+          u.appendChild(h);
+          const y = h;
+          (x = y.unhandledChildren) != null && x.length && (p.push(...y.unhandledChildren.map((E) => ({ ...E, path: [S, ...E.path] }))), y.unhandledChildren = void 0), (T = y.unhandledAttr) != null && T.length && (l.push(...y.unhandledAttr.map((E) => ({ ...E, path: [S, ...E.path] }))), y.unhandledAttr = void 0), (v = y.refHandles) != null && v.length && (f.push(...y.refHandles.map((E) => ({ ...E, path: [S, ...E.path] }))), y.refHandles = void 0), (R = y.detachStyledChildren) != null && R.length && (m.push(...y.detachStyledChildren.map((E) => ({ ...E, path: [S, ...E.path] }))), y.detachStyledChildren = void 0);
         } else {
           const y = document.createComment("unhandledChild");
-          u.appendChild(y), p.push({ placeholder: y, child: l, path: [S] });
+          u.appendChild(y), p.push({ placeholder: y, child: h, path: [S] });
         }
@@ -164,8 +164,8 @@ }), c.appendChild(u);
     for (const u in a) {
-      const l = a[u];
-      w.isValidAttribute(u, a) ? V(c, u, l, n) : h.push({ el: c, key: u, value: l, path: [] });
+      const h = a[u];
+      w.isValidAttribute(u, h) ? V(c, u, h, n) : l.push({ el: c, key: u, value: h, path: [] });
     }
   }
   const g = c;
-  return p.length && (g.unhandledChildren = p), h.length && (g.unhandledAttr = h), f.length && (g.refHandles = f), m.length && (g.detachStyledChildren = m), c;
+  return p.length && (g.unhandledChildren = p), l.length && (g.unhandledAttr = l), f.length && (g.refHandles = f), m.length && (g.detachStyledChildren = m), c;
 }
@@ -184,3 +184,3 @@ function at(e) {
   const r = typeof t;
-  return !!(r !== "object" && r !== "function" || e[0] === "o" && e[1] === "n" && r === "function" || e === "style" && (Mt(t) || r === "string") || e === "className" && G(t));
+  return e === "className" && console.log(r, t), !!(r !== "object" && r !== "function" || e[0] === "o" && e[1] === "n" && r === "function" || e === "style" && (Mt(t) || r === "string") || e === "className" && G(t));
 };
@@ -536,3 +536,3 @@ w.attachRef = function(e, t) {
   constructor({ type: t, props: r = {}, children: n }, s, i) {
-    this.placeholder = s, this.pathContext = i, this.layoutEffects = /* @__PURE__ */ new Set(), this.effects = /* @__PURE__ */ new Set(), this.destroyCallback = /* @__PURE__ */ new Set(), this.layoutEffectDestroyHandles = /* @__PURE__ */ new Set(), this.refs = xt({}), this.itemConfig = {}, this.frame = [], this.exposed = {}, this.createHTMLOrSVGElement = (o, a, c, ...h) => {
+    this.placeholder = s, this.pathContext = i, this.layoutEffects = /* @__PURE__ */ new Set(), this.effects = /* @__PURE__ */ new Set(), this.destroyCallback = /* @__PURE__ */ new Set(), this.layoutEffectDestroyHandles = /* @__PURE__ */ new Set(), this.refs = xt({}), this.itemConfig = {}, this.frame = [], this.exposed = {}, this.createHTMLOrSVGElement = (o, a, c, ...l) => {
       var x, T, v, R;
@@ -542,3 +542,3 @@ const p = typeof a == "function", f = c == null ? void 0 : c.as;
         return this.itemConfig[f].use;
-      let m = h, { props: d, componentProps: g } = this.separateProps(c);
+      let m = l, { props: d, componentProps: g } = this.separateProps(c);
       const u = this.itemConfig[f];
@@ -548,6 +548,6 @@ f && u && (u.props && (p ? d = { ...c, ...u.props } : d = me(c, u.props)), u.propMergeHandles && Object.entries(u.propMergeHandles).forEach(([y, E]) => {
       }), u.propsMergeHandle && (d = u.propsMergeHandle.reduce((y, E) => E(y, g), d)), u.children && (m = u.children));
-      const l = ((v = this.itemConfig[f]) == null ? void 0 : v.use) || a;
-      typeof l == "function" && !p && (g[ge] = d, d = g), typeof l == "function" && ((R = u == null ? void 0 : u.configProps) != null && R.length) && Object.assign(d, { [K]: u.configProps }), f && (d.ref = $(d.ref).concat((y) => this.refs[f] = y));
-      const S = o ? jt(l, d, ...m) : w(l, d, ...m);
-      if (typeof l != "function") {
+      const h = ((v = this.itemConfig[f]) == null ? void 0 : v.use) || a;
+      typeof h == "function" && !p && (g[ge] = d, d = g), typeof h == "function" && ((R = u == null ? void 0 : u.configProps) != null && R.length) && Object.assign(d, { [K]: u.configProps }), f && (d.ref = $(d.ref).concat((y) => this.refs[f] = y));
+      const S = o ? jt(h, d, ...m) : w(h, d, ...m);
+      if (typeof h != "function") {
         const y = [];
@@ -566,6 +566,6 @@ let E = this.pathContext.hostPath;
       let c;
-      const h = (f) => {
+      const l = (f) => {
         a && c && this.cleanupsOfExternalTarget.delete(c), c == null || c(), f !== null ? (c = o(f, p), a && c && this.cleanupsOfExternalTarget.add(c)) : (c = void 0, p(null));
       }, p = new Proxy(Q(null), {
-        get: (f, m) => m === "ref" ? h : f[m]
+        get: (f, m) => m === "ref" ? l : f[m]
       });
@@ -861,5 +861,5 @@ return a && p.ref(a), p;
 `));
-    const h = U(c[0]);
-    return h.length && ft(s), Lt(c.slice(1).map((p) => () => {
-      const [f, m, d] = this.separateStyleObject(p, h);
+    const l = U(c[0]);
+    return l.length && ft(s), Lt(c.slice(1).map((p) => () => {
+      const [f, m, d] = this.separateStyleObject(p, l);
       if (m && this.generateStyleContent(`.${o}`, m).forEach((g) => {
@@ -869,3 +869,3 @@ a.insertRule(g, a.cssRules.length);
         const g = U(f);
-        h.push(...g), this.generateStyleContent(`.${o}`, f).forEach((u) => {
+        l.push(...g), this.generateStyleContent(`.${o}`, f).forEach((u) => {
           a.insertRule(u, a.cssRules.length);
@@ -918,8 +918,8 @@ });
 }`], a = this.generateInlineAnimationContent(t, i);
-    return o.push(...a), s.reduce((c, [h, p]) => {
-      if (h.startsWith("@"))
-        return c.concat(`${h} {
+    return o.push(...a), s.reduce((c, [l, p]) => {
+      if (l.startsWith("@"))
+        return c.concat(`${l} {
     ${this.generateStyleContent(t, p)}
 }`);
-      const f = /^(\s?)+&/.test(h) ? h.replace("&", t) : `${t} ${h}`;
+      const f = /^(\s?)+&/.test(l) ? l.replace("&", t) : `${t} ${l}`;
       return c.concat(this.generateStyleContent(f, p));
@@ -990,12 +990,12 @@ }, o);
         const i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
-        (n = this.detachStyledChildren) == null || n.forEach(({ el: h, style: p }) => {
-          const f = getComputedStyle(h).transitionProperty.split(",").map((u) => u.trim()), m = Array.isArray(p) ? Object.assign({}, ...p.map((u) => j(u) ? u() : u)) : j(p) ? p() : p, d = Object.keys(m);
-          (f.includes("all") || d.some((u) => f.includes(u))) && i.add(h), m.animation && o.add(h);
-        }), await Promise.all(((s = this.detachStyledChildren) == null ? void 0 : s.map(({ el: h, style: p, path: f }) => this.updateAttribute(h, "style", p, f, h instanceof SVGElement))) || []);
+        (n = this.detachStyledChildren) == null || n.forEach(({ el: l, style: p }) => {
+          const f = getComputedStyle(l).transitionProperty.split(",").map((u) => u.trim()), m = Array.isArray(p) ? Object.assign({}, ...p.map((u) => j(u) ? u() : u)) : j(p) ? p() : p, d = Object.keys(m);
+          (f.includes("all") || d.some((u) => f.includes(u))) && i.add(l), m.animation && o.add(l);
+        }), await Promise.all(((s = this.detachStyledChildren) == null ? void 0 : s.map(({ el: l, style: p, path: f }) => this.updateAttribute(l, "style", p, f, l instanceof SVGElement))) || []);
         const a = Array.from(i), c = Array.from(o);
         await Promise.all([
-          ...a.map((h) => D(h, "transitionrun")),
-          ...a.map((h) => D(h, "transitionend")),
-          ...c.map((h) => D(h, "animationrun")),
-          ...c.map((h) => D(h, "animationend"))
+          ...a.map((l) => D(l, "transitionrun")),
+          ...a.map((l) => D(l, "transitionend")),
+          ...c.map((l) => D(l, "animationrun")),
+          ...c.map((l) => D(l, "animationend"))
         ]);
@@ -1073,11 +1073,11 @@ }
       function(n, s) {
-        s.forEach(({ method: i, argv: o, result: a, key: c, newValue: h, methodResult: p }, f) => {
+        s.forEach(({ method: i, argv: o, result: a, key: c, newValue: l, methodResult: p }, f) => {
           var m;
           if (i === "splice") {
-            const d = t.hosts.data.slice(o[0] + o.slice(2).length).find((l) => l.element.parentNode), g = o.slice(2);
+            const d = t.hosts.data.slice(o[0] + o.slice(2).length).find((h) => h.element.parentNode), g = o.slice(2);
             if (g.length) {
-              const l = t.renderNewHosts(g);
-              k(l, (d == null ? void 0 : d.element) || t.placeholder);
+              const h = t.renderNewHosts(g);
+              k(h, (d == null ? void 0 : d.element) || t.placeholder);
             }
-            p.forEach((l) => l.destroy());
+            p.forEach((h) => h.destroy());
           } else if (i === void 0 && c !== void 0) {
@@ -1224,21 +1224,21 @@ const d = p;
 }) {
-  const h = {}, p = (l, S, x) => {
-    x ? (o.get(l) || o.set(l, new _([])), h[l] || (h[l] = []), o.get(l).push(S.value)(h[l]).push(S)) : (o.set(l, S.value), h[l] = S);
-  }, f = (l, S, x) => {
+  const l = {}, p = (h, S, x) => {
+    x ? (o.get(h) || o.set(h, new _([])), l[h] || (l[h] = []), o.get(h).push(S.value)(l[h]).push(S)) : (o.set(h, S.value), l[h] = S);
+  }, f = (h, S, x) => {
     if (x) {
-      const T = o.get(l), v = T.findIndex((y) => y === S.value);
+      const T = o.get(h), v = T.findIndex((y) => y === S.value);
       v() > -1 && T.splice(v(), 1);
-      const R = h[l].findIndex((y) => y === S);
-      R > -1 && h[l].splice(R, 1);
+      const R = l[h].findIndex((y) => y === S);
+      R > -1 && l[h].splice(R, 1);
     } else
-      o.delete(l), delete h[l];
+      o.delete(h), delete l[h];
   }, m = () => {
     n == null || n(o);
   }, d = () => {
-    Object.values(h).forEach((l) => {
-      Array.isArray(l) ? l.forEach((S) => S.reset()) : l.reset();
+    Object.values(l).forEach((h) => {
+      Array.isArray(h) ? h.forEach((S) => S.reset()) : h.reset();
     }), i == null || i();
   }, g = () => {
-    Object.values(h).forEach((l) => {
-      Array.isArray(l) ? l.forEach((S) => S.clear()) : l.clear();
+    Object.values(l).forEach((h) => {
+      Array.isArray(h) ? h.forEach((S) => S.clear()) : h.clear();
     }), s == null || s();
@@ -1365,3 +1365,3 @@ }, u = () => {
       const a = o.clientX, c = o.clientY;
-      let h = a, p = c;
+      let l = a, p = c;
       const f = (m) => {
@@ -1373,3 +1373,3 @@ const d = {
           deltaYFromStart: m.clientY - c,
-          deltaX: m.clientX - h,
+          deltaX: m.clientX - l,
           deltaY: m.clientY - p
@@ -1376,0 +1376,0 @@ };

package.json

 {
   "name": "axii",
-  "version": "2.6.65",
+  "version": "2.6.69",
   "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

515004

increased by0.05%

No dependency changes