ranuts 0.4.1-alpha.1 → 0.5.0

package/dist/src/vnode/htmlDomApi.js

@@ -0,0 +1,94 @@
+function c(t, n) {
+  return document.createElement(t, n);
+}
+function l(t, n, e) {
+  return document.createElementNS(t, n, e);
+}
+function m() {
+  return u(document.createDocumentFragment());
+}
+function a(t) {
+  return document.createTextNode(t);
+}
+function f(t) {
+  return document.createComment(t);
+}
+function s(t, n, e) {
+  if (r(t)) {
+    let i = t;
+    for (; i && r(i); ) i = u(i).parent;
+    t = i ?? t;
+  }
+  r(n) && (n = u(n, t)), e && r(e) && (e = u(e).firstChildNode), t.insertBefore(n, e);
+}
+function C(t, n) {
+  t.removeChild(n);
+}
+function h(t, n) {
+  r(n) && (n = u(n, t)), t.appendChild(n);
+}
+function o(t) {
+  if (r(t)) {
+    for (; t && r(t); ) t = u(t).parent;
+    return t ?? null;
+  }
+  return t.parentNode;
+}
+function p(t) {
+  if (r(t)) {
+    const n = u(t), e = o(n);
+    if (e && n.lastChildNode) {
+      const i = Array.from(e.childNodes);
+      return i[i.indexOf(n.lastChildNode) + 1] ?? null;
+    }
+    return null;
+  }
+  return t.nextSibling;
+}
+function x(t) {
+  return t.tagName;
+}
+function d(t, n) {
+  t.textContent = n;
+}
+function g(t) {
+  return t.textContent;
+}
+function T(t) {
+  return t.nodeType === 1;
+}
+function y(t) {
+  return t.nodeType === 3;
+}
+function E(t) {
+  return t.nodeType === 8;
+}
+function r(t) {
+  return t.nodeType === 11;
+}
+function u(t, n) {
+  const e = t;
+  return e.parent ??= n ?? null, e.firstChildNode ??= t.firstChild, e.lastChildNode ??= t.lastChild, e;
+}
+var D = {
+  createElement: c,
+  createElementNS: l,
+  createTextNode: a,
+  createDocumentFragment: m,
+  createComment: f,
+  insertBefore: s,
+  removeChild: C,
+  appendChild: h,
+  parentNode: o,
+  nextSibling: p,
+  tagName: x,
+  setTextContent: d,
+  getTextContent: g,
+  isElement: T,
+  isText: y,
+  isComment: E,
+  isDocumentFragment: r
+};
+export {
+  D as htmlDomApi
+};

package/dist/src/vnode/index.d.ts

@@ -1,18 +1,18 @@
-import { init } from './init';
-import { addNS, h } from './h';
-import { vnode } from './vnode';
-import { Chain, create } from '@/utils/chain';
-import { htmlDomApi } from './htmlDomApi';
-import { modules } from './modules';
-import { attributesModule } from './modules/attributes';
-import { classModule } from './modules/class';
-import { eventListenersModule } from './modules/listeners';
-import { propsModule } from './modules/props';
-import { styleModule } from './modules/style';
-import * as is from './is';
-import type { ArrayOrElement, Key, VNode, VNodeChildElement, VNodeChildren, VNodeData, VNodes } from './vnode';
-import type { Hooks } from './hooks';
-import type { DOMAPI, Fragment } from './htmlDomApi';
-import type { ModuleHook, Modules } from './modules';
+import { init } from "./init.js";
+import { addNS, h } from "./h.js";
+import { vnode } from "./vnode.js";
+import { Chain, create } from "../utils/chain.js";
+import { htmlDomApi } from "./htmlDomApi.js";
+import { modules } from "./modules/index.js";
+import { attributesModule } from "./modules/attributes.js";
+import { classModule } from "./modules/class.js";
+import { eventListenersModule } from "./modules/listeners.js";
+import { propsModule } from "./modules/props.js";
+import { styleModule } from "./modules/style.js";
+import * as is from "./is.js";
+import type { ArrayOrElement, Key, VNode, VNodeChildElement, VNodeChildren, VNodeData, VNodes } from "./vnode.js";
+import type { Hooks } from "./hooks.js";
+import type { DOMAPI, Fragment } from "./htmlDomApi.js";
+import type { ModuleHook, Modules } from "./modules/index.js";
 export { init, h, addNS, vnode, Chain, create, htmlDomApi, modules, attributesModule, classModule, eventListenersModule, propsModule, styleModule, is, };
 export type { VNode, VNodeData, VNodes, VNodeChildren, VNodeChildElement, ArrayOrElement, Key, Hooks, DOMAPI, Fragment, Modules, ModuleHook, };

package/dist/src/vnode/index.js

@@ -1 +1,28 @@
-import{n as e}from"../../rolldown-runtime-I3TIJKkN.js";import{n as t,t as n}from"../../chain-CTywmh_H.js";function o(e,t,n,o,r){return{sel:e,data:t,children:n,text:o,elm:r,key:void 0===t?void 0:t.key}}function r(e){if(i(e)){for(;e&&i(e);)e=l(e).parent;return e??null}return e.parentNode}function i(e){return 11===e.nodeType}function l(e,t){const n=e;return n.parent??=t??null,n.firstChildNode??=e.firstChild,n.lastChildNode??=e.lastChild,n}var s={createElement:function(e,t){return document.createElement(e,t)},createElementNS:function(e,t,n){return document.createElementNS(e,t,n)},createTextNode:function(e){return document.createTextNode(e)},createDocumentFragment:function(){return l(document.createDocumentFragment())},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){if(i(e)){let t=e;for(;t&&i(t);)t=l(t).parent;e=t??e}i(t)&&(t=l(t,e)),n&&i(n)&&(n=l(n).firstChildNode),e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){i(t)&&(t=l(t,e)),e.appendChild(t)},parentNode:r,nextSibling:function(e){if(i(e)){const t=l(e),n=r(t);if(n&&t.lastChildNode){const e=Array.from(n.childNodes);return e[e.indexOf(t.lastChildNode)+1]??null}return null}return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},getTextContent:function(e){return e.textContent},isElement:function(e){return 1===e.nodeType},isText:function(e){return 3===e.nodeType},isComment:function(e){return 8===e.nodeType},isDocumentFragment:i},a=/* @__PURE__ */e({array:()=>c,isStr:()=>d,isVnode:()=>f,primitive:()=>u}),c=Array.isArray,d=e=>"string"==typeof e;function u(e){return"string"==typeof e||"number"==typeof e}function f(e){return!!e?.sel}function m(e,t){let n;const o=t.elm;let r=e.data&&e.data.attrs,i=t.data&&t.data.attrs;if((r||i)&&r!==i){for(n in r=r||{},i=i||{},i){const e=i[n];r[n]!==e&&(!0===e?o.setAttribute(n,""):!1===e?o.removeAttribute(n):120!==n.charCodeAt(0)?o.setAttribute(n,e):58===n.charCodeAt(3)?o.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,e):58===n.charCodeAt(5)?o.setAttributeNS("http://www.w3.org/1999/xlink",n,e):o.setAttribute(n,`${e}`))}for(n in r)n in i||o.removeAttribute(n)}}var p={create:m,update:m};function v(e,t){let n,o;const r=t.elm;let i=e.data&&e.data.class,l=t.data&&t.data.class;if((i||l)&&i!==l){for(o in i=i||{},l=l||{},i)i[o]&&!Object.prototype.hasOwnProperty.call(l,o)&&r.classList.remove(o);for(o in l)n=l[o],n!==i[o]&&r.classList[n?"add":"remove"](o)}}var h={create:v,update:v};function y(e,t,n){if((e=>"function"==typeof e)(e))e.call(t,n,t);else if("object"==typeof e)for(let o=0;o<e.length;o++)y(e[o],t,n)}function g(e,t){const n=e.type,o=t.data&&t.data.on;o&&o[n]&&y(o[n],t,e)}function C(e,t){const n=e?.data?.on,o=e?.listener,r=e.elm,i=t?.data?.on,l=t&&t.elm;let s;if(n!==i){if(n&&o)if(i)for(s in n)i[s]||r.removeEventListener(s,o,!1);else for(s in n)r.removeEventListener(s,o,!1);if(i){const o=t.listener=e.listener||function e(t){g(t,e.vnode)};if(n)for(s in i)n[s]||l.addEventListener(s,o,!1);else for(s in i)l.addEventListener(s,o,!1)}}}var x={create:C,update:C,destroy:C};function N(e,t){let n,o,r;const i=t.elm;let l=e.data?e.data.props:void 0,s=t.data?t.data.props:void 0;if((l||s)&&l!==s)for(n in l=l||{},s=s||{},s)o=s[n],r=l[n],r===o||"value"===n&&i[n]===o||(i[n]=o)}var b={create:N,update:N},w=!1;function A(e,t){let n,o;const r=t.elm;let i=e.data.style,l=t.data.style;if((i||l)&&i!==l){for(o in i=i||{},l=l||{},i)l[o]||("-"===o[0]&&"-"===o[1]?r.style.removeProperty(o):r.style[o]="");for(o in l)n=l[o],n!==i[o]&&("-"===o[0]&&"-"===o[1]?r.style.setProperty(o,n):r.style[o]=n)}}var E={pre:function(){w=!1},create:A,update:A,destroy:function(e){let t,n;const o=e.elm,r=e.data.style;if(r&&(t=r.destroy))for(n in t)o.style[n]=t[n]},remove:function(e,t){const n=e.data.style;if(!n||!n.remove)return void t();let o;w||(w=!0);const r=e.elm;let i=0;const l=n.remove;let s=0;const a=[];for(o in l)a.push(o),r.style[o]=l[o];const c=getComputedStyle(r)["transition-property"].split(", ");for(;i<c.length;++i)-1!==a.indexOf(c[i])&&s++;r.addEventListener("transitionend",function(e){e.target===r&&--s,0===s&&t()})}},T={attributesModule:p,classModule:h,eventListenersModule:x,propsModule:b,styleModule:E};function L(e,t){return e.key===t.key&&e.sel===t.sel}function S(e,t,n){const o={};for(let r=t;r<=n;++r){const t=e[r]?.key;void 0!==t&&(o[t]=r)}return o}var k=o("",{},[],void 0,void 0);function B(){const e=s,t={create:[],update:[],destroy:[]};for(const o of Object.keys(t)){t[o]=[];for(const e of Object.keys(T)){const n=T[e][o];void 0!==n&&t[o].push(n)}}function n(t){const n=t.id?"#"+t.id:"",r=t.className?"."+t.className.split(" ").join("."):"";return o(e.tagName(t).toLowerCase()+n+r,{},[],void 0,t)}function r(e){return void 0===e}function i(e){return void 0!==e}function l(n){let o;const i=n.children,s=n.sel;if("!"===s)r(n.text)&&(n.text=""),n.elm=e.createComment(`${n.text}`);else if(void 0!==s){const r=s.indexOf("#"),a=s.indexOf(".",r),d=r>0?r:s.length,f=a>0?a:s.length,m=-1!==r||-1!==a?s.slice(0,Math.min(d,f)):s,p=n.elm=e.createElement(m);for(d<f&&p.setAttribute("id",s.slice(d+1,f)),a>0&&p.setAttribute("class",s.slice(f+1).replace(/\./g," ")),o=0;o<t.create.length;++o)t.create[o](k,n);if(c(i))for(o=0;o<i.length;++o){const t=i[o];null!=t&&e.appendChild(p,l(t))}else u(n.text)&&e.appendChild(p,e.createTextNode(`${n.text}`))}else n.elm=e.createTextNode(`${n.text}`);return n.elm}function a(e){if(void 0!==e.data){for(let n=0;n<t.destroy.length;++n)t.destroy[n](e);if(void 0!==e.children)for(let t=0;t<e.children.length;++t){const n=e.children[t];null!=n&&"string"!=typeof n&&"number"!=typeof n&&a(n)}}}function d(t){return function(){const n=e.parentNode(t);e.removeChild(n,t)}}function f(t,n,o,r){for(;o<=r;++o){let r;const l=n[o];null!=l&&(i(l.sel)?(a(l),r=d(l.elm),r()):e.removeChild(t,l.elm))}}function m(t,n,o){let i,s,a,c,d=0,u=0,m=n.length-1,v=o.length-1,h=n[0],y=n[m],g=o[0],C=o[v];for(;d<=m&&u<=v;)null==h?h=n[++d]:null==y?y=n[--m]:null==g?g=o[++u]:null==C?C=o[--v]:L(h,g)?(p(h,g),h=n[++d],g=o[++u]):L(y,C)?(p(y,C),y=n[--m],C=o[--v]):L(h,C)?(p(h,C),e.insertBefore(t,h.elm,e.nextSibling(y.elm)),h=n[++d],C=o[--v]):L(y,g)?(p(y,g),e.insertBefore(t,y.elm,h.elm),y=n[--m],g=o[++u]):(void 0===i&&(i=S(n,d,m)),s=i[g.key],r(s)?e.insertBefore(t,l(g),h.elm):(a=n[s],a.sel!==g.sel?e.insertBefore(t,l(g),h.elm):(p(a,g),n[s]=void 0,e.insertBefore(t,a.elm,h.elm))),g=o[++u]);(d<=m||u<=v)&&(d>m?(c=null==o[v+1]?null:o[v+1].elm,function(t,n,o,r,i){for(;r<=i;++r){const i=o[r];null!=i&&e.insertBefore(t,l(i),n)}}(t,c,o,u,v)):f(t,n,d,m))}function p(e,n){if(void 0!==n.data)for(let r=0;r<t.update.length;++r)t.update[r](e,n);const o=n.elm=e.elm,l=e.children,s=n.children;e!==n&&r(n.text)&&i(l)&&i(s)&&l!==s&&m(o,l,s)}return function(t,o){let r,i;return function(e){return void 0!==e.sel}(t)||(t=n(t)),L(t,o)?p(t,o):(r=t.elm,i=e.parentNode(r),l(o),null!=i&&(e.insertBefore(i,o.elm,e.nextSibling(r)),f(i,[t],0,0))),o}}function O(e,t,n){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==n&&void 0!==t)for(let o=0;o<t.length;++o){const e=t[o];if("string"==typeof e||"number"==typeof e)continue;const n=e.data;void 0!==n&&O(n,e.children,e.sel)}}function j(e,t,n){let r,i,l,s={};if(void 0!==n?(null!=t&&(s=t),c(n)?r=n:u(n)?i=n:n&&n.sel&&(r=[n])):void 0!==t&&null!=t&&(c(t)?r=t:u(t)?i=t:f(t)?r=[t]:s=t),void 0!==r)for(l=0;l<r.length;++l){const e=r[l];u(e)&&(r[l]=o(void 0,void 0,void 0,e,void 0))}return"s"!==e[0]||"v"!==e[1]||"g"!==e[2]||3!==e.length&&"."!==e[3]&&"#"!==e[3]||O(s,r,e),o(e,s,r,i,void 0)}export{n as Chain,O as addNS,p as attributesModule,h as classModule,t as create,x as eventListenersModule,j as h,s as htmlDomApi,B as init,a as is,T as modules,b as propsModule,E as styleModule,o as vnode};
+import { Chain as r, create as m } from "../utils/chain.js";
+import { vnode as i } from "./vnode.js";
+import { htmlDomApi as p } from "./htmlDomApi.js";
+import { is_exports as s } from "./is.js";
+import { attributesModule as l } from "./modules/attributes.js";
+import { classModule as a } from "./modules/class.js";
+import { eventListenersModule as M } from "./modules/listeners.js";
+import { propsModule as c } from "./modules/props.js";
+import { styleModule as x } from "./modules/style.js";
+import { modules as y } from "./modules/index.js";
+import { init as C } from "./init.js";
+import { addNS as L, h as N } from "./h.js";
+export {
+  r as Chain,
+  L as addNS,
+  l as attributesModule,
+  a as classModule,
+  m as create,
+  M as eventListenersModule,
+  N as h,
+  p as htmlDomApi,
+  C as init,
+  s as is,
+  y as modules,
+  c as propsModule,
+  x as styleModule,
+  i as vnode
+};

package/dist/src/vnode/init.d.ts

@@ -1,2 +1,2 @@
-import type { VNode } from './vnode';
+import type { VNode } from "./vnode.js";
 export declare function init(): (oldVnode: VNode | Element, vnode: VNode) => VNode;

package/dist/src/vnode/init.js

@@ -0,0 +1,104 @@
+import { vnode as T } from "./vnode.js";
+import { htmlDomApi as $ } from "./htmlDomApi.js";
+import { array as K, primitive as M } from "./is.js";
+import { modules as I } from "./modules/index.js";
+function g(r, c) {
+  return r.key === c.key && r.sel === c.sel;
+}
+function H(r) {
+  return r.sel !== void 0;
+}
+function L(r, c, k) {
+  const x = {};
+  for (let d = c; d <= k; ++d) {
+    const p = r[d]?.key;
+    p !== void 0 && (x[p] = d);
+  }
+  return x;
+}
+var R = T("", {}, [], void 0, void 0);
+function G() {
+  const r = $, c = {
+    create: [],
+    update: [],
+    destroy: []
+  };
+  for (const e of Object.keys(c)) {
+    c[e] = [];
+    for (const t of Object.keys(I)) {
+      const i = I[t][e];
+      i !== void 0 && c[e].push(i);
+    }
+  }
+  function k(e) {
+    const t = e.id ? "#" + e.id : "", i = e.className ? "." + e.className.split(" ").join(".") : "";
+    return T(r.tagName(e).toLowerCase() + t + i, {}, [], void 0, e);
+  }
+  function x(e) {
+    return e === void 0;
+  }
+  function d(e) {
+    return e !== void 0;
+  }
+  function p(e) {
+    let t;
+    const i = e.children, l = e.sel;
+    if (l === "!")
+      x(e.text) && (e.text = ""), e.elm = r.createComment(`${e.text}`);
+    else if (l !== void 0) {
+      const f = l.indexOf("#"), n = l.indexOf(".", f), u = f > 0 ? f : l.length, o = n > 0 ? n : l.length, m = f !== -1 || n !== -1 ? l.slice(0, Math.min(u, o)) : l, s = e.elm = r.createElement(m);
+      for (u < o && s.setAttribute("id", l.slice(u + 1, o)), n > 0 && s.setAttribute("class", l.slice(o + 1).replace(/\./g, " ")), t = 0; t < c.create.length; ++t) c.create[t](R, e);
+      if (K(i)) for (t = 0; t < i.length; ++t) {
+        const a = i[t];
+        a != null && r.appendChild(s, p(a));
+      }
+      else M(e.text) && r.appendChild(s, r.createTextNode(`${e.text}`));
+    } else e.elm = r.createTextNode(`${e.text}`);
+    return e.elm;
+  }
+  function j(e, t, i, l, f) {
+    for (; l <= f; ++l) {
+      const n = i[l];
+      n != null && r.insertBefore(e, p(n), t);
+    }
+  }
+  function B(e) {
+    if (e.data !== void 0) {
+      for (let t = 0; t < c.destroy.length; ++t) c.destroy[t](e);
+      if (e.children !== void 0) for (let t = 0; t < e.children.length; ++t) {
+        const i = e.children[t];
+        i != null && typeof i != "string" && typeof i != "number" && B(i);
+      }
+    }
+  }
+  function A(e) {
+    return function() {
+      const i = r.parentNode(e);
+      r.removeChild(i, e);
+    };
+  }
+  function O(e, t, i, l) {
+    for (; i <= l; ++i) {
+      let f;
+      const n = t[i];
+      n != null && (d(n.sel) ? (B(n), f = A(n.elm), f()) : r.removeChild(e, n.elm));
+    }
+  }
+  function D(e, t, i) {
+    let l = 0, f = 0, n = t.length - 1, u = i.length - 1, o = t[0], m = t[n], s = i[0], a = i[u], N, h, b, S;
+    for (; l <= n && f <= u; ) o == null ? o = t[++l] : m == null ? m = t[--n] : s == null ? s = i[++f] : a == null ? a = i[--u] : g(o, s) ? (y(o, s), o = t[++l], s = i[++f]) : g(m, a) ? (y(m, a), m = t[--n], a = i[--u]) : g(o, a) ? (y(o, a), r.insertBefore(e, o.elm, r.nextSibling(m.elm)), o = t[++l], a = i[--u]) : g(m, s) ? (y(m, s), r.insertBefore(e, m.elm, o.elm), m = t[--n], s = i[++f]) : (N === void 0 && (N = L(t, l, n)), h = N[s.key], x(h) ? r.insertBefore(e, p(s), o.elm) : (b = t[h], b.sel !== s.sel ? r.insertBefore(e, p(s), o.elm) : (y(b, s), t[h] = void 0, r.insertBefore(e, b.elm, o.elm))), s = i[++f]);
+    (l <= n || f <= u) && (l > n ? (S = i[u + 1] == null ? null : i[u + 1].elm, j(e, S, i, f, u)) : O(e, t, l, n));
+  }
+  function y(e, t) {
+    if (t.data !== void 0) for (let n = 0; n < c.update.length; ++n) c.update[n](e, t);
+    const i = t.elm = e.elm, l = e.children, f = t.children;
+    e !== t && x(t.text) && d(l) && d(f) && l !== f && D(i, l, f);
+  }
+  return function(t, i) {
+    let l, f;
+    return H(t) || (t = k(t)), g(t, i) ? y(t, i) : (l = t.elm, f = r.parentNode(l), p(i), f != null && (r.insertBefore(f, i.elm, r.nextSibling(l)), O(f, [t], 0, 0))), i;
+  };
+}
+export {
+  G as init
+};

package/dist/src/vnode/is.d.ts

@@ -2,7 +2,7 @@
  * @description: Type guards — array / string / primitive / VNode
  * @module
  */
-import type { VNode } from './vnode';
+import type { VNode } from "./vnode.js";
 export declare const array: (arg: any) => arg is any[];
 export declare const isStr: (str: unknown) => str is string;
 export declare function primitive(s: unknown): s is string | number;

package/dist/src/vnode/is.js

@@ -0,0 +1,20 @@
+import { __exportAll as t } from "../_virtual/_rolldown/runtime/index.js";
+var p = /* @__PURE__ */ t({
+  array: () => i,
+  isStr: () => e,
+  isVnode: () => o,
+  primitive: () => n
+}), i = Array.isArray, e = (r) => typeof r == "string";
+function n(r) {
+  return typeof r == "string" || typeof r == "number";
+}
+function o(r) {
+  return !!r?.sel;
+}
+export {
+  i as array,
+  e as isStr,
+  o as isVnode,
+  p as is_exports,
+  n as primitive
+};

package/dist/src/vnode/modules/attributes.d.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../vnode';
+import type { VNode } from "../vnode.js";
 export type Attrs = Record<string, string | number | boolean>;
 declare function updateAttrs(oldVnode: VNode, vnode: VNode): void;
 export declare const attributesModule: {

package/dist/src/vnode/modules/attributes.js

@@ -0,0 +1,21 @@
+var o = "http://www.w3.org/1999/xlink", A = "http://www.w3.org/XML/1998/namespace", u = 58, c = 120;
+function f(l, s) {
+  let t;
+  const e = s.elm;
+  let i = l.data && l.data.attrs, r = s.data && s.data.attrs;
+  if (!(!i && !r) && i !== r) {
+    i = i || {}, r = r || {};
+    for (t in r) {
+      const a = r[t];
+      i[t] !== a && (a === !0 ? e.setAttribute(t, "") : a === !1 ? e.removeAttribute(t) : t.charCodeAt(0) !== c ? e.setAttribute(t, a) : t.charCodeAt(3) === u ? e.setAttributeNS(A, t, a) : t.charCodeAt(5) === u ? e.setAttributeNS(o, t, a) : e.setAttribute(t, `${a}`));
+    }
+    for (t in i) t in r || e.removeAttribute(t);
+  }
+}
+var n = {
+  create: f,
+  update: f
+};
+export {
+  n as attributesModule
+};

package/dist/src/vnode/modules/class.d.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../vnode';
+import type { VNode } from "../vnode.js";
 export type Classes = Record<string, boolean>;
 declare function updateClass(oldVnode: VNode, vnode: VNode): void;
 export declare const classModule: {

package/dist/src/vnode/modules/class.js

@@ -0,0 +1,18 @@
+function i(r, s) {
+  let l, a;
+  const c = s.elm;
+  let t = r.data && r.data.class, e = s.data && s.data.class;
+  if (!(!t && !e) && t !== e) {
+    t = t || {}, e = e || {};
+    for (a in t) t[a] && !Object.prototype.hasOwnProperty.call(e, a) && c.classList.remove(a);
+    for (a in e)
+      l = e[a], l !== t[a] && c.classList[l ? "add" : "remove"](a);
+  }
+}
+var o = {
+  create: i,
+  update: i
+};
+export {
+  o as classModule
+};

package/dist/src/vnode/modules/index.js

@@ -0,0 +1,15 @@
+import { attributesModule as o } from "./attributes.js";
+import { classModule as r } from "./class.js";
+import { eventListenersModule as e } from "./listeners.js";
+import { propsModule as t } from "./props.js";
+import { styleModule as m } from "./style.js";
+var d = {
+  attributesModule: o,
+  classModule: r,
+  eventListenersModule: e,
+  propsModule: t,
+  styleModule: m
+};
+export {
+  d as modules
+};

package/dist/src/vnode/modules/listeners.d.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../vnode';
+import type { VNode } from "../vnode.js";
 type Listener<T> = (this: VNode, ev: T, vnode: VNode) => void;
 export type On = {
     [N in keyof HTMLElementEventMap]?: Listener<HTMLElementEventMap[N]> | Array<Listener<HTMLElementEventMap[N]>>;

package/dist/src/vnode/modules/listeners.js

@@ -0,0 +1,36 @@
+var u = (e) => typeof e == "function";
+function c(e, t, n) {
+  if (u(e)) e.call(t, n, t);
+  else if (typeof e == "object") for (let i = 0; i < e.length; i++) c(e[i], t, n);
+}
+function m(e, t) {
+  const n = e.type, i = t.data && t.data.on;
+  i && i[n] && c(i[n], t, e);
+}
+function L() {
+  return function e(t) {
+    m(t, e.vnode);
+  };
+}
+function f(e, t) {
+  const n = e?.data?.on, i = e?.listener, o = e.elm, r = t?.data?.on, a = t && t.elm;
+  let s;
+  if (n !== r) {
+    if (n && i)
+      if (r) for (s in n) r[s] || o.removeEventListener(s, i, !1);
+      else for (s in n) o.removeEventListener(s, i, !1);
+    if (r) {
+      const l = t.listener = e.listener || L();
+      if (n) for (s in r) n[s] || a.addEventListener(s, l, !1);
+      else for (s in r) a.addEventListener(s, l, !1);
+    }
+  }
+}
+var E = {
+  create: f,
+  update: f,
+  destroy: f
+};
+export {
+  E as eventListenersModule
+};

package/dist/src/vnode/modules/props.d.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../vnode';
+import type { VNode } from "../vnode.js";
 export type Props = Record<string, any>;
 declare function updateProps(oldVnode: VNode, vnode: VNode): void;
 export declare const propsModule: {

package/dist/src/vnode/modules/props.js

@@ -0,0 +1,17 @@
+function d(o, p) {
+  let t, a, l;
+  const u = p.elm;
+  let e = o.data ? o.data.props : void 0, r = p.data ? p.data.props : void 0;
+  if (!(!e && !r) && e !== r) {
+    e = e || {}, r = r || {};
+    for (t in r)
+      a = r[t], l = e[t], l !== a && (t !== "value" || u[t] !== a) && (u[t] = a);
+  }
+}
+var i = {
+  create: d,
+  update: d
+};
+export {
+  i as propsModule
+};

package/dist/src/vnode/modules/style.d.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../vnode';
+import type { VNode } from "../vnode.js";
 export type VNodeStyle = Record<string, any>;
 declare function updateStyle(oldVnode: VNode, vnode: VNode): void;
 declare function forceReflow(): void;

package/dist/src/vnode/modules/style.js

@@ -0,0 +1,52 @@
+var f = !1;
+function p(n, s) {
+  let t, e;
+  const l = s.elm;
+  let r = n.data.style, o = s.data.style;
+  if (!(!r && !o) && r !== o) {
+    r = r || {}, o = o || {};
+    for (e in r) o[e] || (e[0] === "-" && e[1] === "-" ? l.style.removeProperty(e) : l.style[e] = "");
+    for (e in o)
+      t = o[e], t !== r[e] && (e[0] === "-" && e[1] === "-" ? l.style.setProperty(e, t) : l.style[e] = t);
+  }
+}
+function u() {
+  f = !1;
+}
+function m(n) {
+  let s, t;
+  const e = n.elm, l = n.data.style;
+  if (!(!l || !(s = l.destroy)))
+    for (t in s) e.style[t] = s[t];
+}
+function d(n, s) {
+  const t = n.data.style;
+  if (!t || !t.remove) {
+    s();
+    return;
+  }
+  f || (f = !0);
+  let e;
+  const l = n.elm;
+  let r = 0;
+  const o = t.remove;
+  let i = 0;
+  const y = [];
+  for (e in o)
+    y.push(e), l.style[e] = o[e];
+  const a = getComputedStyle(l)["transition-property"].split(", ");
+  for (; r < a.length; ++r) y.indexOf(a[r]) !== -1 && i++;
+  l.addEventListener("transitionend", function(c) {
+    c.target === l && --i, i === 0 && s();
+  });
+}
+var v = {
+  pre: u,
+  create: p,
+  update: p,
+  destroy: m,
+  remove: d
+};
+export {
+  v as styleModule
+};

package/dist/src/vnode/vnode.d.ts

@@ -1,9 +1,9 @@
-import type { On } from './modules/listeners';
-import type { Attrs } from './modules/attributes';
-import type { Classes } from './modules/class';
-import type { Props } from './modules/props';
-import type { VNodeStyle } from './modules/style';
-import type { Hooks } from './hooks';
+import type { On } from "./modules/listeners.js";
+import type { Attrs } from "./modules/attributes.js";
+import type { Classes } from "./modules/class.js";
+import type { Props } from "./modules/props.js";
+import type { VNodeStyle } from "./modules/style.js";
+import type { Hooks } from "./hooks.js";
 export type VNodes = VNode[];
 export type VNodeChildElement = VNode | string | number;
 export type ArrayOrElement<T> = T | T[];

package/dist/src/vnode/vnode.js

@@ -0,0 +1,13 @@
+function v(o, e, n, i, r) {
+  return {
+    sel: o,
+    data: e,
+    children: n,
+    text: i,
+    elm: r,
+    key: e === void 0 ? void 0 : e.key
+  };
+}
+export {
+  v as vnode
+};