jaxs 0.5.0 → 0.6.0

package/dist/jaxs.js

@@ -1,764 +1,596 @@
-const et = (e, t) => t.createElement(e),
-  st = (e, t) => {
-    for (const s in t) {
-      if (s === '__self') continue
-      const r = t[s].toString()
-      if (s === 'value') {
-        const n = e
-        n.value !== r && (n.value = r)
-      } else e.setAttribute(s, r)
-    }
-  },
-  rt = (e, t, s) => {
-    const r = {}
-    for (const n in t) {
-      const o = t[n],
-        a = (h) => s(o, h)
-      e.addEventListener(n, a),
-        (r[n] = {
-          domEvent: n,
-          busEvent: o,
-          listener: a,
-        })
-    }
-    e.eventMaps = r
-  },
-  nt = (e, t, s, r) => {
-    const n = et(e, r.document)
-    return st(n, t), rt(n, s, r.publish), n
-  },
-  E = 'http://www.w3.org/2000/svg',
-  ot = {
-    animate: !0,
-    animateMotion: !0,
-    animateTransform: !0,
-    circle: !0,
-    clipPath: !0,
-    defs: !0,
-    desc: !0,
-    ellipse: !0,
-    feBlend: !0,
-    feColorMatrix: !0,
-    feComponentTransfer: !0,
-    feComposite: !0,
-    feConvolveMatrix: !0,
-    feDiffuseLighting: !0,
-    feDisplacementMap: !0,
-    feDistantLight: !0,
-    feDropShadow: !0,
-    feFlood: !0,
-    feFuncA: !0,
-    feFuncB: !0,
-    feFuncG: !0,
-    feFuncR: !0,
-    feGaussianBlur: !0,
-    feImage: !0,
-    feMerge: !0,
-    feMergeNode: !0,
-    feMorphology: !0,
-    feOffset: !0,
-    fePointLight: !0,
-    feSpecularLighting: !0,
-    feSpotLight: !0,
-    feTile: !0,
-    feTurbulence: !0,
-    filter: !0,
-    foreignObject: !0,
-    g: !0,
-    image: !0,
-    line: !0,
-    linearGradient: !0,
-    marker: !0,
-    mask: !0,
-    metadata: !0,
-    mpath: !0,
-    path: !0,
-    pattern: !0,
-    polygon: !0,
-    polyline: !0,
-    radialGradient: !0,
-    rect: !0,
-    script: !0,
-    set: !0,
-    stop: !0,
-    style: !0,
-    svg: !0,
-    switch: !0,
-    symbol: !0,
-    text: !0,
-    textPath: !0,
-    title: !0,
-    tspan: !0,
-    use: !0,
-    view: !0,
-  },
-  it = (e, t) => !!(ot[e] || (e === 'a' && t === E)),
-  ut = (e, t, s) => {
-    const r = s.createElementNS(E, e)
-    for (const n in t)
-      n === '__self' ||
-        n === 'xmlns' ||
-        r.setAttributeNS(null, n, t[n].toString())
-    return r
-  },
-  at = (e) => e.namespaceURI === E,
-  ct = (e, t) => t.createTextNode(e)
-class ht {
+const et = (e, t) => t.createElement(e), st = (e, t) => {
+  for (const s in t) {
+    if (s === "__self") continue;
+    const r = t[s].toString();
+    if (s === "value") {
+      const n = e;
+      n.value !== r && (n.value = r);
+    } else
+      e.setAttribute(s, r);
+  }
+}, rt = (e, t, s) => {
+  const r = {};
+  for (const n in t) {
+    const o = t[n], a = (l) => s(o, l);
+    e.addEventListener(n, a), r[n] = {
+      domEvent: n,
+      busEvent: o,
+      listener: a
+    };
+  }
+  e.eventMaps = r;
+}, nt = (e, t, s, r) => {
+  const n = et(e, r.document);
+  return st(n, t), rt(n, s, r.publish), n;
+}, y = "http://www.w3.org/2000/svg", ot = {
+  animate: !0,
+  animateMotion: !0,
+  animateTransform: !0,
+  circle: !0,
+  clipPath: !0,
+  defs: !0,
+  desc: !0,
+  ellipse: !0,
+  feBlend: !0,
+  feColorMatrix: !0,
+  feComponentTransfer: !0,
+  feComposite: !0,
+  feConvolveMatrix: !0,
+  feDiffuseLighting: !0,
+  feDisplacementMap: !0,
+  feDistantLight: !0,
+  feDropShadow: !0,
+  feFlood: !0,
+  feFuncA: !0,
+  feFuncB: !0,
+  feFuncG: !0,
+  feFuncR: !0,
+  feGaussianBlur: !0,
+  feImage: !0,
+  feMerge: !0,
+  feMergeNode: !0,
+  feMorphology: !0,
+  feOffset: !0,
+  fePointLight: !0,
+  feSpecularLighting: !0,
+  feSpotLight: !0,
+  feTile: !0,
+  feTurbulence: !0,
+  filter: !0,
+  foreignObject: !0,
+  g: !0,
+  image: !0,
+  line: !0,
+  linearGradient: !0,
+  marker: !0,
+  mask: !0,
+  metadata: !0,
+  mpath: !0,
+  path: !0,
+  pattern: !0,
+  polygon: !0,
+  polyline: !0,
+  radialGradient: !0,
+  rect: !0,
+  script: !0,
+  set: !0,
+  stop: !0,
+  style: !0,
+  svg: !0,
+  switch: !0,
+  symbol: !0,
+  text: !0,
+  textPath: !0,
+  title: !0,
+  tspan: !0,
+  use: !0,
+  view: !0
+}, it = (e, t) => !!(ot[e] || e === "a" && t === y), ut = (e, t, s) => {
+  const r = s.createElementNS(y, e);
+  for (const n in t)
+    n === "__self" || n === "xmlns" || r.setAttributeNS(null, n, t[n].toString());
+  return r;
+}, at = (e) => e.namespaceURI === y, ct = (e, t) => t.createTextNode(e);
+class lt {
   constructor(t) {
-    this.value = t.toString()
+    this.value = t.toString();
   }
   render(t) {
-    const s = ct(this.value, t.document)
-    return (s.__jsx = 'TextNode'), [s]
+    const s = ct(this.value, t.document);
+    return s.__jsx = "TextNode", [s];
   }
 }
-const lt = (e) => typeof e == 'string' || typeof e == 'number',
-  dt = (e) => new ht(e),
-  pt = (e) => (lt(e) ? dt(e) : e),
-  mt = (e) => ft(e).map(pt).flat(),
-  ft = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
-  j = (e, t = {}) => e || t.children || [],
-  bt = (e, t = '') => {
-    const s = {},
-      r = {}
-    for (const n in e) {
-      const o = e[n]
-      if (n.match(/^on.+/i)) {
-        const a = n.slice(2).toLowerCase()
-        r[a] = o ? o.toString() : ''
-      } else {
-        if (o === !1) continue
-        n === '__source' ? (s.__source = e.__source) : (s[n] = vt(n, o, t))
-      }
+const ht = (e) => typeof e == "string" || typeof e == "number", dt = (e) => new lt(e), pt = (e) => ht(e) ? dt(e) : e, mt = (e) => ft(e).map(pt).flat(), ft = (e) => Array.isArray(e) ? e.flat() : e ? [e] : [], S = (e, t = {}) => e || t.children || [], bt = (e, t = "") => {
+  const s = {}, r = {};
+  for (const n in e) {
+    const o = e[n];
+    if (n.match(/^on.+/i)) {
+      const a = n.slice(2).toLowerCase();
+      r[a] = o ? o.toString() : "";
+    } else {
+      if (o === !1) continue;
+      n === "__source" ? s.__source = e.__source : s[n] = vt(n, o, t);
     }
-    return {
-      attributes: s,
-      events: r,
-    }
-  },
-  vt = (e, t, s = '') => (t == null ? s : t.toString()),
-  gt = (e, t) => {
-    const s = e || {},
-      r = j(t, s)
-    return (s.children = s.children || r), s
-  },
-  O = (e, t, s, r = []) => e.reduce(yt(t, s), r).flat(),
-  yt = (e, t) => (s, r) =>
-    r
-      ? Array.isArray(r)
-        ? O(r, e, t, s)
-        : (r.render(e, t).forEach((n) => s.push(n)), s)
-      : s
-class k {
+  }
+  return {
+    attributes: s,
+    events: r
+  };
+}, vt = (e, t, s = "") => t == null ? s : t.toString(), gt = (e, t) => {
+  const s = e || {}, r = S(t, s);
+  return s.children = s.children || r, s;
+}, j = (e, t, s, r = []) => e.reduce(yt(t, s), r).flat(), yt = (e, t) => (s, r) => r ? Array.isArray(r) ? j(
+  r,
+  e,
+  t,
+  s
+) : (r.render(e, t).forEach((n) => s.push(n)), s) : s;
+class O {
   constructor(t) {
-    this.collection = mt(t)
+    this.collection = mt(t);
   }
   render(t, s) {
-    this.parentElement = s
-    const r = this.generateDom(t)
-    return this.attachToParent(r), r
+    this.parentElement = s;
+    const r = this.generateDom(t);
+    return this.attachToParent(r), r;
   }
   generateDom(t) {
-    return O(this.collection, t, this.parentElement)
+    return j(this.collection, t, this.parentElement);
   }
   attachToParent(t) {
-    if (this.parentElement === void 0) return
-    const s = this.parentElement
-    t.forEach((r) => s.appendChild(r))
+    if (this.parentElement === void 0) return;
+    const s = this.parentElement;
+    t.forEach((r) => s.appendChild(r));
   }
 }
 class Et {
   constructor(t, s) {
-    ;(this.type = t), (this.attributes = s)
+    this.type = t, this.attributes = s;
   }
   generate() {
-    return (
-      this.attributes.key || this.sourceKey() || this.createKeyFromAttributes()
-    )
+    return this.attributes.key || this.sourceKey() || this.createKeyFromAttributes();
   }
   sourceKey() {
     if (this.attributes.__source) {
-      const {
-        fileName: t,
-        lineNumber: s,
-        columnNumber: r,
-      } = this.attributes.__source
-      return `${t}:${s}:${r}`
+      const { fileName: t, lineNumber: s, columnNumber: r } = this.attributes.__source;
+      return `${t}:${s}:${r}`;
     }
   }
   createKeyFromAttributes() {
-    const t = this.attributes.id ? `#${this.attributes.id}` : '',
-      s = this.attributes.type ? `[type=${this.attributes.type}]` : '',
-      r = this.attributes.name ? `[name=${this.attributes.name}]` : ''
-    return `${this.type}${t}${s}${r}`
+    const t = this.attributes.id ? `#${this.attributes.id}` : "", s = this.attributes.type ? `[type=${this.attributes.type}]` : "", r = this.attributes.name ? `[name=${this.attributes.name}]` : "";
+    return `${this.type}${t}${s}${r}`;
   }
 }
 class xt {
   constructor(t, s, r = []) {
-    this.type = t
-    const { events: n, attributes: o } = bt(s)
-    ;(this.events = n),
-      (this.attributes = o),
-      (this.isSvg = it(this.type, this.attributes.xmlns)),
-      (this.children = new k(r))
+    this.type = t;
+    const { events: n, attributes: o } = bt(s);
+    this.events = n, this.attributes = o, this.isSvg = it(this.type, this.attributes.xmlns), this.children = new O(r);
   }
   render(t) {
-    const s = this.generateDom(t)
-    return s ? (this.children.render(t, s), [s]) : []
+    const s = this.generateDom(t);
+    return s ? (this.children.render(t, s), [s]) : [];
   }
   generateDom(t) {
-    return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t)
+    return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t);
   }
   generateHtmlDom(t) {
-    const s = nt(this.type, this.attributes, this.events, t)
-    return (s.__jsx = this.jsxKey()), s
+    const s = nt(
+      this.type,
+      this.attributes,
+      this.events,
+      t
+    );
+    return s.__jsx = this.jsxKey(), s;
   }
   generateSvgDom(t) {
-    const s = ut(this.type, this.attributes, t.document)
-    return (s.__jsx = this.jsxKey()), s
+    const s = ut(this.type, this.attributes, t.document);
+    return s.__jsx = this.jsxKey(), s;
   }
   jsxKey() {
-    return new Et(this.type, this.attributes).generate()
+    return new Et(this.type, this.attributes).generate();
   }
 }
-const wt = (e, t, ...s) =>
-  typeof e == 'string' ? new xt(e, t, s) : e(gt(t, s))
-wt.fragment = (e, t) => {
-  const s = j(t, e)
-  return new k(s)
-}
-class At {
+const At = (e, t, ...s) => typeof e == "string" ? new xt(e, t, s) : e(gt(t, s));
+At.fragment = (e, t) => {
+  const s = S(t, e);
+  return new O(s);
+};
+class _t {
   constructor(t, s, r) {
-    ;(this.template = t),
-      (this.selector = s),
-      (this.renderKit = r),
-      (this.dom = [])
+    this.template = t, this.selector = s, this.renderKit = r, this.dom = [];
   }
   renderAndAttach(t) {
-    ;(this.parentElement = this.getParentElement()),
-      (this.dom = this.render({ ...t, parent: this.parentElement })),
-      this.parentElement && this.attach()
+    this.parentElement = this.getParentElement(), this.dom = this.render({ ...t, parent: this.parentElement }), this.parentElement && this.attach();
   }
   render(t) {
-    return this.template.render(t)
+    return this.template.render(t);
   }
   attach() {
-    this.parentElement && (this.parentElement.innerHTML = ''),
-      this.dom.forEach((t) => {
-        this.parentElement && this.parentElement.appendChild(t)
-      })
+    this.parentElement && (this.parentElement.innerHTML = ""), this.dom.forEach((t) => {
+      this.parentElement && this.parentElement.appendChild(t);
+    });
   }
   getParentElement() {
-    return this.renderKit.document.querySelector(this.selector)
+    return this.renderKit.document.querySelector(this.selector);
   }
 }
-const _t = (e, t, s) => {
-    const r = new At(e, t, s)
-    return r.renderAndAttach(s), r
-  },
-  M = 'go-to-href',
-  m = 'navigation:location-change',
-  T = 'navigation:route-change',
-  St = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        linkNavigationEvent: M,
-        locationChangeEvent: m,
-        routeChangeEvent: T,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  ),
-  $ = (e) => {
-    e.createRecord('route', {
-      host: '',
-      path: '',
-      query: {},
-    })
-  },
-  F = (e) => {
-    const t = e.closest('[href]')
-    return (t && t.getAttribute('href')) || ''
-  },
-  D = (e, { publish: t, window: s }) => {
-    s.history.pushState(null, '', e), t(m, null)
-  },
-  P = (e, t) => {
-    if (!e || !e.target) return
-    e.preventDefault()
-    const s = F(e.target)
-    D(s, t)
-  },
-  L = (e) =>
-    e
-      .replace(/^\?/, '')
-      .split('&')
-      .reduce((t, s) => {
-        if (!s) return t
-        const r = s.split('=')
-        return (t[r[0]] = r[1]), t
-      }, {}),
-  z = (e, t) => {
-    const { state: s, publish: r, window: n } = t,
-      { host: o, pathname: a, search: h } = n.location,
-      u = a,
-      d = L(h),
-      c = {
-        host: o,
-        path: u,
-        query: d,
-      }
-    s.store('route').update(c), r(T, c)
-  },
-  B = (e) => {
-    const { subscribe: t } = e
-    t(M, P)
-  },
-  U = (e) => {
-    const { publish: t, subscribe: s, state: r, window: n } = e
-    $(r), n.addEventListener('popstate', () => t(m, null)), s(m, z)
-  },
-  V = (e) => {
-    setTimeout(() => e.publish(m, null), 0)
-  },
-  K = (e) => {
-    U(e), B(e), V(e)
-  },
-  Nt = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        publishLocation: V,
-        startNavigation: K,
-        subscribeToHistoryChange: U,
-        subscribeToNavigation: B,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  )
+const wt = (e, t, s) => {
+  const r = new _t(e, t, s);
+  return r.renderAndAttach(s), r;
+}, M = "go-to-href", m = "navigation:location-change", k = "navigation:route-change", Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  linkNavigationEvent: M,
+  locationChangeEvent: m,
+  routeChangeEvent: k
+}, Symbol.toStringTag, { value: "Module" })), T = (e) => {
+  e.createRecord("route", {
+    host: "",
+    path: "",
+    query: {}
+  });
+}, $ = (e) => {
+  const t = e.closest("[href]");
+  return t && t.getAttribute("href") || "";
+}, D = (e, { publish: t, window: s }) => {
+  s.history.pushState(null, "", e), t(m, null);
+}, P = (e, t) => {
+  if (!e || !e.target) return;
+  e.preventDefault();
+  const s = $(e.target);
+  D(s, t);
+}, L = (e) => e.replace(/^\?/, "").split("&").reduce((t, s) => {
+  if (!s) return t;
+  const r = s.split("=");
+  return t[r[0]] = r[1], t;
+}, {}), F = (e, t) => {
+  const { state: s, publish: r, window: n } = t, { host: o, pathname: a, search: l } = n.location, u = a, d = L(l), c = {
+    host: o,
+    path: u,
+    query: d
+  };
+  s.store("route").update(c), r(k, c);
+}, B = (e) => {
+  const { subscribe: t } = e;
+  t(M, P);
+}, z = (e) => {
+  const { publish: t, subscribe: s, state: r, window: n } = e;
+  T(r), n.addEventListener("popstate", () => t(m, null)), s(m, F);
+}, V = (e) => {
+  setTimeout(() => e.publish(m, null), 0);
+}, K = (e) => {
+  z(e), B(e), V(e);
+}, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  publishLocation: V,
+  startNavigation: K,
+  subscribeToHistoryChange: z,
+  subscribeToNavigation: B
+}, Symbol.toStringTag, { value: "Module" }));
 class R {
-  constructor({
-    window: t,
-    document: s,
-    publish: r,
-    subscribe: n,
-    bus: o,
-    state: a,
-    renderKit: h,
-  }) {
-    ;(this.window = t),
-      (this.document = s),
-      (this.publish = r),
-      (this.subscribe = n),
-      (this.bus = o),
-      (this.state = a),
-      (this.renderKit = h),
-      (this.roots = [])
+  constructor({ window: t, document: s, publish: r, subscribe: n, bus: o, state: a, renderKit: l }) {
+    this.window = t, this.document = s, this.publish = r, this.subscribe = n, this.bus = o, this.state = a, this.renderKit = l, this.roots = [];
   }
   render(t, s) {
-    const r = _t(t, s, this.renderKit)
-    return this.roots.push(r), r
+    const r = wt(t, s, this.renderKit);
+    return this.roots.push(r), r;
   }
   startNavigation() {
-    K(this)
+    K(this);
   }
 }
-const _e = /* @__PURE__ */ Object.freeze(
-  /* @__PURE__ */ Object.defineProperty(
-    {
-      __proto__: null,
-      App: R,
-    },
-    Symbol.toStringTag,
-    { value: 'Module' },
-  ),
-)
-class q {
+const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  App: R
+}, Symbol.toStringTag, { value: "Module" }));
+class U {
   constructor() {
-    this.lookup = {}
+    this.lookup = {};
   }
   add(t, s, r) {
-    this.ensureArrayFor(t)
+    this.ensureArrayFor(t);
     const n = {
       listener: s,
       index: r,
-      matcher: t,
-    }
-    return this.lookup[t].push(n), () => this.remove(n)
+      matcher: t
+    };
+    return this.lookup[t].push(n), () => this.remove(n);
   }
   remove(t) {
-    this.lookup[t.matcher] &&
-      (this.lookup[t.matcher] = this.lookup[t.matcher].reduce(
-        (s, r) => (r !== t && s.push(r), s),
-        [],
-      ))
+    this.lookup[t.matcher] && (this.lookup[t.matcher] = this.lookup[t.matcher].reduce((s, r) => (r !== t && s.push(r), s), []));
   }
   matches(t) {
-    return this.lookup[t] || []
+    return this.lookup[t] || [];
   }
   ensureArrayFor(t) {
-    this.lookup[t] || (this.lookup[t] = [])
+    this.lookup[t] || (this.lookup[t] = []);
   }
 }
-class I {
+class q {
   constructor() {
-    this.lookup = []
+    this.lookup = [];
   }
   add(t, s, r) {
     const n = {
       listener: s,
       index: r,
-      matcher: t,
-    }
-    return this.lookup.push(n), () => this.remove(n)
+      matcher: t
+    };
+    return this.lookup.push(n), () => this.remove(n);
   }
   remove(t) {
-    this.lookup = this.lookup.reduce((s, r) => (r !== t && s.push(r), s), [])
+    this.lookup = this.lookup.reduce((s, r) => (r !== t && s.push(r), s), []);
   }
   matches(t) {
-    return this.lookup.filter((s) => s.matcher.test(t))
+    return this.lookup.filter(
+      (s) => s.matcher.test(t)
+    );
   }
 }
-class J {
+class I {
   constructor() {
-    ;(this.exactSubscriptions = new q()),
-      (this.fuzzySubscriptions = new I()),
-      (this.currentIndex = 0)
+    this.exactSubscriptions = new U(), this.fuzzySubscriptions = new q(), this.currentIndex = 0;
   }
   subscribe(t, s) {
-    let r
-    return (
-      typeof t == 'string'
-        ? (r = this.exactSubscriptions.add(t, s, this.currentIndex))
-        : (r = this.fuzzySubscriptions.add(t, s, this.currentIndex)),
-      (this.currentIndex += 1),
-      r
-    )
+    let r;
+    return typeof t == "string" ? r = this.exactSubscriptions.add(
+      t,
+      s,
+      this.currentIndex
+    ) : r = this.fuzzySubscriptions.add(
+      t,
+      s,
+      this.currentIndex
+    ), this.currentIndex += 1, r;
   }
   publish(t, s) {
-    ;[
+    [
       ...this.exactSubscriptions.matches(t),
-      ...this.fuzzySubscriptions.matches(t),
-    ]
-      .sort((n, o) => n.index - o.index)
-      .forEach((n) => {
-        n.listener(s, this.listenerOptions(t))
-      })
+      ...this.fuzzySubscriptions.matches(t)
+    ].sort((n, o) => n.index - o.index).forEach((n) => {
+      n.listener(s, this.listenerOptions(t));
+    });
   }
   addListenerOptions(t) {
-    this.options = t
+    this.options = t;
   }
   listenerOptions(t) {
     return {
       eventName: t,
       ...this.options,
-      publish: this.publish.bind(this),
-    }
+      publish: this.publish.bind(this)
+    };
   }
 }
-const H = () => {
-    const e = new J()
-    return {
-      bus: e,
-      publish: (r, n) => e.publish(r, n),
-      subscribe: (r, n) => e.subscribe(r, n),
-    }
-  },
-  Se = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        ExactSubscriptions: q,
-        FuzzySubscriptions: I,
-        JaxsBus: J,
-        createBus: H,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  ),
-  f = (e) => Array.isArray(e),
-  g = (e) => e !== null && !f(e) && typeof e == 'object',
-  jt = (e, t) => e === t,
-  Ot = (e, t) => Object.keys(e).length === Object.keys(t).length,
-  kt = (e, t) =>
-    !(g(e) && g(t)) || !Ot(e, t)
-      ? !1
-      : Object.keys(e).every((s) => {
-          const r = e[s],
-            n = t[s]
-          return x(r, n)
-        }),
-  Mt = (e, t) =>
-    !(f(e) && f(t)) || e.length !== t.length
-      ? !1
-      : e.every((s, r) => {
-          const n = t[r]
-          return x(s, n)
-        }),
-  x = (e, t) => (g(e) ? kt(e, t) : f(e) ? Mt(e, t) : jt(e, t))
-class b {
+const J = () => {
+  const e = new I();
+  return {
+    bus: e,
+    publish: (r, n) => e.publish(r, n),
+    subscribe: (r, n) => e.subscribe(r, n)
+  };
+}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ExactSubscriptions: U,
+  FuzzySubscriptions: q,
+  JaxsBus: I,
+  createBus: J
+}, Symbol.toStringTag, { value: "Module" })), f = (e) => Array.isArray(e), v = (e) => e !== null && !f(e) && typeof e == "object", jt = (e, t) => e === t, Ot = (e, t) => Object.keys(e).length === Object.keys(t).length, Mt = (e, t) => !(v(e) && v(t)) || !Ot(e, t) ? !1 : Object.keys(e).every((s) => {
+  const r = e[s], n = t[s];
+  return E(r, n);
+}), kt = (e, t) => !(f(e) && f(t)) || e.length !== t.length ? !1 : e.every((s, r) => {
+  const n = t[r];
+  return E(s, n);
+}), E = (e, t) => v(e) ? Mt(e, t) : f(e) ? kt(e, t) : jt(e, t);
+class g {
+  constructor(t) {
+    this.name = t.name, this.parent = t.parent, this._value = t.value, this.initialValue = structuredClone(t.value);
+  }
+  get value() {
+    return this._value;
+  }
+  set value(t) {
+    throw new Error("Cannot set value directly. Use an updater!");
+  }
+  reset() {
+    this._value = this.initialValue;
+  }
+  update(t) {
+    if (typeof t == "function") {
+      const s = this.getUpdatedValue(t);
+      this.updateValue(s);
+    } else
+      this.updateValue(t);
+  }
+  updateValue(t) {
+    E(this._value, t) || (this._value = t, this.parent.notify(this.name));
+  }
+  getUpdatedValue(t) {
+    return t(this.value);
+  }
+}
+class x {
   constructor(t) {
-    this.store = t
+    this.store = t;
   }
   update(t) {
-    this.store.update(t)
+    this.store.update(t);
   }
   reset() {
-    this.store.update(this.store.initialState)
+    this.store.update(this.store.initialValue);
   }
   get value() {
-    return this.store.value
+    return this.store.value;
   }
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
+}
+class H extends x {
+  toggle() {
+    const t = !this.value;
+    this.update(t);
   }
-  addUpdaterFunctions(t) {
-    for (const s in t) this.addUpdaterFunction(s, t[s])
+  setTrue() {
+    this.update(!0);
   }
-}
-class w extends b {
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
+  setFalse() {
+    this.update(!1);
   }
+}
+const Tt = (e) => new H(e);
+class G extends x {
   push(t) {
-    const s = [...this.value, t]
-    this.update(s)
+    const s = [...this.value, t];
+    this.update(s);
   }
   pop() {
-    const t = [...this.value],
-      s = t.pop()
-    return this.update(t), s
+    const t = [...this.value], s = t.pop();
+    return this.update(t), s;
   }
   unshift(t) {
-    const s = [t, ...this.value]
-    this.update(s)
+    const s = [t, ...this.value];
+    this.update(s);
   }
   shift() {
-    const t = [...this.value],
-      s = t.shift()
-    return this.update(t), s
+    const t = [...this.value], s = t.shift();
+    return this.update(t), s;
   }
   addSorter(t, s) {
     this[t] = () => {
-      this.sortBy(s)
-    }
+      this.sortBy(s);
+    };
   }
   sortBy(t) {
-    const s = [...this.value]
-    s.sort(t), this.update(s)
+    const s = [...this.value];
+    s.sort(t), this.update(s);
   }
   insertAt(t, s) {
-    const r = [...this.value]
-    r.splice(t, 0, s), this.update(r)
-  }
-}
-class y {
-  constructor(t) {
-    ;(this.name = t.name),
-      (this.parent = t.parent),
-      (this._value = t.value),
-      (this.initialState = structuredClone(t.value)),
-      (this.updater = new b(this))
-  }
-  get value() {
-    return this._value
+    const r = [...this.value];
+    r.splice(t, 0, s), this.update(r);
   }
-  set value(t) {
-    throw new Error('Cannot set value directly. Use an updater!')
-  }
-  update(t) {
-    if (typeof t == 'function') {
-      const s = this.getUpdatedValue(t)
-      this.updateValue(s)
-    } else this.updateValue(t)
-  }
-  updateValue(t) {
-    x(this._value, t) || ((this._value = t), this.parent.notify(this.name))
-  }
-  getUpdatedValue(t) {
-    return t(this.value)
-  }
-  addUpdaters(t) {
-    this.updater.addUpdaterFunctions(t)
-  }
-  addUpdater(t, s) {
-    this.updater.addUpdaterFunction(t, s)
-  }
-  addSorter(t, s) {
-    this.updater instanceof w && this.updater.addSorter(t, s)
-  }
-}
-class G extends b {
-  toggle() {
-    const t = !this.value
-    this.update(t)
-  }
-  setTrue() {
-    this.update(!0)
-  }
-  setFalse() {
-    this.update(!1)
+  remove(t) {
+    const s = this.value.reduce((r, n) => (n !== t && r.push(n), r), []);
+    this.update(s);
   }
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
+  removeBy(t) {
+    const s = this.value.reduce((r, n) => (t(n) || r.push(n), r), []);
+    this.update(s);
   }
 }
-class C extends b {
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
-  }
+const $t = (e) => new G(e);
+class C extends x {
   updateAttribute(t, s) {
-    const r = { ...this.value }
-    ;(r[t] = s), this.update(r)
+    const r = { ...this.value };
+    r[t] = s, this.update(r);
+  }
+  resetAttribute(t) {
+    const s = { ...this.value }, r = this.store.initialValue[t];
+    s[t] = r, this.update(s);
   }
 }
-const A = 'state'
+const Dt = (e) => new C(e), Pt = {
+  object: Dt,
+  list: $t,
+  boolean: Tt
+}, A = "state";
 class Q {
   constructor(t) {
-    ;(this.publisher = t),
-      (this.stores = {}),
-      (this.eventNamePrefix = A),
-      (this.notifications = /* @__PURE__ */ new Set()),
-      (this.inTransaction = !1)
+    this.publisher = t, this.stores = {}, this.eventNamePrefix = A, this.notifications = /* @__PURE__ */ new Set(), this.inTransaction = !1;
   }
   create(t, s) {
-    const r = new y({
+    const r = new g({
       name: t,
       parent: this,
-      value: s,
-    })
-    return (this.stores[t] = r), r
+      value: s
+    });
+    return this.stores[t] = r, r;
   }
   createBoolean(t, s) {
-    const r = this.create(t, s)
-    return (r.updater = new G(r)), r
+    const r = this.create(t, s);
+    return r.updater = new H(r), r;
   }
   createRecord(t, s) {
-    const r = this.create(t, s)
-    return (r.updater = new C(r)), r
+    const r = this.create(t, s);
+    return r.updater = new C(r), r;
   }
   createList(t, s) {
-    const r = this.create(t, s)
-    return (r.updater = new w(r)), r
+    const r = this.create(t, s);
+    return r.updater = new G(r), r;
   }
   store(t) {
-    return (
-      this.stores[t] ||
-      new y({
-        name: t,
-        parent: this,
-        value: void 0,
-      })
-    )
+    return this.stores[t] || new g({
+      name: t,
+      parent: this,
+      value: void 0
+    });
   }
   get(t) {
-    return this.store(t).value
+    return this.store(t).value;
   }
   getAll(t) {
-    return t.reduce((s, r) => ((s[r] = this.get(r)), s), {})
+    return t.reduce((s, r) => (s[r] = this.get(r), s), {});
   }
   notify(t) {
-    this.inTransaction ? this.notifications.add(t) : this.publish(t)
+    this.inTransaction ? this.notifications.add(t) : this.publish(t);
   }
   update(t, s) {
-    this.store(t).update(s)
+    this.store(t).update(s);
   }
   transaction(t) {
-    ;(this.inTransaction = !0),
-      t(this.stores),
-      (this.inTransaction = !1),
-      this.publishAll()
+    this.inTransaction = !0, t(this.stores), this.inTransaction = !1, this.publishAll();
   }
   publishAll() {
     this.notifications.forEach((t) => {
-      this.publish(t)
-    }),
-      this.notifications.clear()
+      this.publish(t);
+    }), this.notifications.clear();
   }
   publish(t) {
     this.publisher(this.event(t), {
       state: this,
-      store: this.store(t),
-    })
+      store: this.store(t)
+    });
   }
   event(t) {
-    return `${this.eventNamePrefix}:${t}`
+    return `${this.eventNamePrefix}:${t}`;
   }
 }
-const W = (e) => new Q(e),
-  Ne = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        State: Q,
-        Store: y,
-        StoreUpdaterBoolean: G,
-        StoreUpdaterList: w,
-        StoreUpdaterObject: C,
-        createState: W,
-        eventName: A,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  )
-class Tt {
+const W = (e) => new Q(e), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  State: Q,
+  Store: g,
+  createState: W,
+  eventName: A,
+  updaters: Pt
+}, Symbol.toStringTag, { value: "Module" }));
+class Lt {
   constructor(t) {
-    this.setupDomEnvironment(t)
+    this.setupDomEnvironment(t);
   }
   setup() {
-    return (
-      this.setupBus(),
-      this.setupState(),
-      this.addBusOptions(),
-      this.setRenderKit(),
-      new R({
-        window: this.window,
-        document: this.document,
-        publish: this.publish,
-        subscribe: this.subscribe,
-        bus: this.bus,
-        state: this.state,
-        renderKit: this.renderKit,
-      })
-    )
+    return this.setupBus(), this.setupState(), this.addBusOptions(), this.setRenderKit(), new R({
+      window: this.window,
+      document: this.document,
+      publish: this.publish,
+      subscribe: this.subscribe,
+      bus: this.bus,
+      state: this.state,
+      renderKit: this.renderKit
+    });
   }
   setupDomEnvironment(t) {
-    t.window
-      ? ((this.window = t.window), (this.document = this.window.document))
-      : t.document
-        ? ((this.window = t.document.defaultView), (this.document = t.document))
-        : ((this.window = window), (this.document = document))
+    t.window ? (this.window = t.window, this.document = this.window.document) : t.document ? (this.window = t.document.defaultView, this.document = t.document) : (this.window = window, this.document = document);
   }
   setupBus() {
-    const { publish: t, subscribe: s, bus: r } = H()
-    ;(this.publish = t), (this.subscribe = s), (this.bus = r)
+    const { publish: t, subscribe: s, bus: r } = J();
+    this.publish = t, this.subscribe = s, this.bus = r;
   }
   setupState() {
-    this.state = W(this.publish)
+    this.state = W(this.publish);
   }
   addBusOptions() {
     this.bus.addListenerOptions({
       state: this.state,
       document: this.document,
-      window: this.window,
-    })
+      window: this.window
+    });
   }
   setRenderKit() {
     this.renderKit = {
@@ -766,543 +598,397 @@ class Tt {
       subscribe: this.subscribe,
       state: this.state,
       document: this.document,
-      window: this.window,
-    }
+      window: this.window
+    };
   }
 }
-const je = (e = {}) => {
-  const s = new Tt(e).setup()
-  return s.startNavigation(), s
-}
-var i = /* @__PURE__ */ ((e) => (
-  (e[(e.removeNode = 0)] = 'removeNode'),
-  (e[(e.insertNode = 1)] = 'insertNode'),
-  (e[(e.replaceNode = 2)] = 'replaceNode'),
-  (e[(e.removeAttribute = 3)] = 'removeAttribute'),
-  (e[(e.addAttribute = 4)] = 'addAttribute'),
-  (e[(e.updateAttribute = 5)] = 'updateAttribute'),
-  (e[(e.removeEvent = 6)] = 'removeEvent'),
-  (e[(e.addEvent = 7)] = 'addEvent'),
-  (e[(e.updateEvent = 8)] = 'updateEvent'),
-  (e[(e.changeValue = 9)] = 'changeValue'),
-  (e[(e.changeText = 10)] = 'changeText'),
-  e
-))(i || {})
-const Oe = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        ChangeInstructionTypes: i,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  ),
-  $t = (e, t) => ({
-    source: e,
-    target: t,
-    type: i.changeText,
-    data: {},
-  }),
-  Ft = (e, t) => ({
-    source: e,
-    target: t,
-    type: i.replaceNode,
-    data: {},
-  }),
-  Dt = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.removeAttribute,
-  }),
-  Pt = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.addAttribute,
-  }),
-  Lt = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.updateAttribute,
-  }),
-  zt = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.removeEvent,
-  }),
-  Bt = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.addEvent,
-  }),
-  Ut = (e, t, s) => ({
-    source: e,
-    target: t,
-    data: s,
-    type: i.updateEvent,
-  }),
-  _ = (e) => ({
-    source: e,
-    target: e,
-    // for type crap only
-    type: i.removeNode,
-    data: {},
-  }),
-  v = (e, t) => ({
-    target: e,
-    source: e,
-    // for type crap only
-    type: i.insertNode,
-    data: t,
-  }),
-  Vt = (e, t, s) => ({
-    source: e,
-    target: t,
-    type: i.changeValue,
-    data: s,
-  }),
-  Kt = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
-  S = { index: -1 }
-class Rt {
+const Te = (e = {}) => {
+  const s = new Lt(e).setup();
+  return s.startNavigation(), s;
+};
+var i = /* @__PURE__ */ ((e) => (e[e.removeNode = 0] = "removeNode", e[e.insertNode = 1] = "insertNode", e[e.replaceNode = 2] = "replaceNode", e[e.removeAttribute = 3] = "removeAttribute", e[e.addAttribute = 4] = "addAttribute", e[e.updateAttribute = 5] = "updateAttribute", e[e.removeEvent = 6] = "removeEvent", e[e.addEvent = 7] = "addEvent", e[e.updateEvent = 8] = "updateEvent", e[e.changeValue = 9] = "changeValue", e[e.changeText = 10] = "changeText", e))(i || {});
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ChangeInstructionTypes: i
+}, Symbol.toStringTag, { value: "Module" })), Ft = (e, t) => ({
+  source: e,
+  target: t,
+  type: i.changeText,
+  data: {}
+}), Bt = (e, t) => ({
+  source: e,
+  target: t,
+  type: i.replaceNode,
+  data: {}
+}), zt = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.removeAttribute
+}), Vt = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.addAttribute
+}), Kt = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.updateAttribute
+}), Rt = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.removeEvent
+}), Ut = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.addEvent
+}), qt = (e, t, s) => ({
+  source: e,
+  target: t,
+  data: s,
+  type: i.updateEvent
+}), _ = (e) => ({
+  source: e,
+  target: e,
+  // for type crap only
+  type: i.removeNode,
+  data: {}
+}), b = (e, t) => ({
+  target: e,
+  source: e,
+  // for type crap only
+  type: i.insertNode,
+  data: t
+}), It = (e, t, s) => ({
+  source: e,
+  target: t,
+  type: i.changeValue,
+  data: s
+}), Jt = (e, t) => e.type > t.type ? 1 : e.type < t.type ? -1 : 0, w = { index: -1 };
+class Ht {
   constructor() {
-    this.map = {}
+    this.map = {};
   }
   populate(t) {
     t.forEach((s, r) => {
-      const n = s.__jsx
-      n &&
-        ((this.map[n] = this.map[n] || []),
-        this.map[n].push({
-          element: s,
-          index: r,
-        }))
-    })
+      const n = s.__jsx;
+      n && (this.map[n] = this.map[n] || [], this.map[n].push({
+        element: s,
+        index: r
+      }));
+    });
   }
   pullMatch(t) {
-    const s = t && t.__jsx
-    return !s || !(this.map[s] && this.map[s].length) ? S : this.map[s].shift()
+    const s = t && t.__jsx;
+    return !s || !(this.map[s] && this.map[s].length) ? w : this.map[s].shift();
   }
   clear(t) {
-    const s = t && t.__jsx
-    if (!(s && this.map[s] && this.map[s].length)) return
-    const r = this.map[s]
-    this.map[s] = r.reduce((n, o) => (o.element !== t && n.push(o), n), [])
+    const s = t && t.__jsx;
+    if (!(s && this.map[s] && this.map[s].length)) return;
+    const r = this.map[s];
+    this.map[s] = r.reduce((n, o) => (o.element !== t && n.push(o), n), []);
   }
   check(t) {
-    const s = t && t.__jsx
-    return s && this.map[s] ? this.map[s].length > 0 : !1
+    const s = t && t.__jsx;
+    return s && this.map[s] ? this.map[s].length > 0 : !1;
   }
   remaining() {
-    return Object.values(this.map).flat()
+    return Object.values(this.map).flat();
   }
 }
 const N = (e) => {
-    const t = new Rt()
-    return t.populate(e), t
-  },
-  X = (e, t, s = !1) => {
-    const r = [],
-      n = e.attributes,
-      o = n.length,
-      a = t.attributes,
-      h = a.length
-    let u, d, c
-    for (u = 0; u < o; u++) {
-      c = null
-      const l = n.item(u)
-      if (l) {
-        for (d = 0; d < h; d++) {
-          const p = a.item(d)
-          if (p && l.name == p.name) {
-            c = p
-            break
-          }
+  const t = new Ht();
+  return t.populate(e), t;
+}, X = (e, t, s = !1) => {
+  const r = [], n = e.attributes, o = n.length, a = t.attributes, l = a.length;
+  let u, d, c;
+  for (u = 0; u < o; u++) {
+    c = null;
+    const h = n.item(u);
+    if (h) {
+      for (d = 0; d < l; d++) {
+        const p = a.item(d);
+        if (p && h.name == p.name) {
+          c = p;
+          break;
         }
-        c
-          ? l.value !== c.value &&
-            r.push(
-              Lt(e, t, {
-                name: l.name,
-                value: c.value,
-                isSvg: s,
-              }),
-            )
-          : r.push(Dt(e, t, { name: l.name, isSvg: s }))
       }
+      c ? h.value !== c.value && r.push(
+        Kt(e, t, {
+          name: h.name,
+          value: c.value,
+          isSvg: s
+        })
+      ) : r.push(
+        zt(e, t, { name: h.name, isSvg: s })
+      );
     }
-    for (u = 0; u < h; u++) {
-      c = null
-      const l = a.item(u)
-      if (l) {
-        for (d = 0; d < o; d++) {
-          const p = n.item(d)
-          if (p && p.name == l.name) {
-            c = p
-            break
-          }
+  }
+  for (u = 0; u < l; u++) {
+    c = null;
+    const h = a.item(u);
+    if (h) {
+      for (d = 0; d < o; d++) {
+        const p = n.item(d);
+        if (p && p.name == h.name) {
+          c = p;
+          break;
         }
-        c ||
-          r.push(
-            Pt(e, t, {
-              name: l.name,
-              value: l.value,
-              isSvg: s,
-            }),
-          )
       }
+      c || r.push(
+        Vt(e, t, {
+          name: h.name,
+          value: h.value,
+          isSvg: s
+        })
+      );
     }
-    return r
-  },
-  qt = (e, t) => {
-    const s = [],
-      r = e.eventMaps,
-      n = t.eventMaps,
-      o = Object.keys(r),
-      a = Object.keys(n)
-    return (
-      o.forEach((h) => {
-        const u = r[h],
-          d = n[h]
-        d
-          ? d.busEvent !== u.busEvent &&
-            s.push(
-              Ut(e, t, {
-                name: h,
-                targetValue: d.listener,
-                sourceValue: u.listener,
-              }),
-            )
-          : s.push(
-              zt(e, t, {
-                name: u.domEvent,
-                value: u.listener,
-              }),
-            )
-      }),
-      a.forEach((h) => {
-        const u = r[h],
-          d = n[h]
-        u ||
-          s.push(
-            Bt(e, t, {
-              name: d.domEvent,
-              value: d.listener,
-            }),
-          )
-      }),
-      s
-    )
-  },
-  It = (e) => e.tagName !== 'INPUT',
-  Jt = (e, t) => e.value === t.value,
-  Ht = (e, t) => {
-    if (It(e) || Jt(e, t)) return []
-    const s = e,
-      r = t
-    return [Vt(s, r, { name: 'value', value: r.value })]
-  },
-  Gt = (e, t) => {
-    const s = X(e, t),
-      r = qt(e, t),
-      n = Ht(e, t)
-    return s.concat(r).concat(n)
-  },
-  Ct = (e, t) => X(e, t, !0),
-  Qt = (e, t) => (e.textContent !== t.textContent ? [$t(e, t)] : []),
-  Wt = (e, t, s) => {
-    let r = []
-    if (e.nodeType === 1 && at(e)) {
-      const n = e,
-        o = t,
-        a = Ct(n, o),
-        h = s(n.childNodes, o.childNodes, n)
-      r = a.concat(h)
-    } else if (e.nodeType === 1) {
-      const n = e,
-        o = t,
-        a = Gt(n, o),
-        h = s(n.childNodes, o.childNodes, n)
-      r = a.concat(h)
-    } else e.nodeType === 3 && (r = Qt(e, t))
-    return r
-  },
-  Y = (e, t, s) => {
-    const r = [],
-      n = Xt(e, t),
-      o = N(e),
-      a = N(t),
-      h = []
-    let u = 0
-    for (; u < n; u++) {
-      const c = e[u],
-        l = t[u]
-      if (l && a.check(l)) {
-        const p = o.pullMatch(l)
-        a.clear(l),
-          p.element
-            ? (p.index !== u &&
-                r.push(
-                  v(p.element, {
-                    parent: s,
-                    index: u,
-                  }),
-                ),
-              h.push({
-                source: p.element,
-                target: l,
-              }))
-            : c
-              ? a.check(c)
-                ? r.push(v(l, { parent: s, index: u }))
-                : (o.clear(c), r.push(Ft(c, l)))
-              : r.push(v(l, { parent: s, index: u }))
-      } else c && o.pullMatch(c).element && r.push(_(c))
-    }
-    o.remaining().forEach(({ element: c }) => {
-      r.push(_(c))
-    })
-    const d = h.reduce(
-      (c, { source: l, target: p }) => c.concat(Wt(l, p, Y)),
-      [],
-    )
-    return r.concat(d).sort(Kt)
-  },
-  Xt = (e, t) => {
-    const s = e.length,
-      r = t.length
-    return s > r ? s : r
-  },
-  Yt = (e, t, s) => {
-    const r = Y(e, t, s)
-    return (
-      r.forEach((n) => {
-        Zt(n)
-      }),
-      r
-    )
-  },
-  Zt = (e) => {
-    ;(le[e.type] || te)(e)
-  },
-  te = (e) => {},
-  ee = (e) => {
-    const { source: t, target: s } = e
-    t.nodeValue = s.textContent
-  },
-  se = (e) => {
-    const { source: t } = e
-    t.remove()
-  },
-  re = (e) => {
-    const { target: t, data: s } = e,
-      { parent: r, index: n } = s,
-      o = r.childNodes[n]
-    o ? o && o !== t && r.insertBefore(t, o) : r.appendChild(t)
-  },
-  ne = (e) => {
-    const { source: t, target: s } = e
-    t.replaceWith(s)
-  },
-  oe = (e) => {
-    const { source: t, data: s } = e,
-      { name: r, isSvg: n } = s
-    n ? t.removeAttributeNS(null, r) : t.removeAttribute(r)
-  },
-  Z = (e) => {
-    const { source: t, data: s } = e,
-      { name: r, value: n, isSvg: o } = s
-    o ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n)
-  },
-  ie = (e) => {
-    Z(e)
-  },
-  ue = (e) => {
-    const t = e.data,
-      s = e.source,
-      { name: r, value: n } = t
-    s.removeEventListener(r, n)
-  },
-  ae = (e) => {
-    const t = e.data,
-      s = e.source,
-      { name: r, value: n } = t
-    s.addEventListener(r, n)
-  },
-  ce = (e) => {
-    const t = e.data,
-      s = e.source,
-      { name: r, sourceValue: n, targetValue: o } = t
-    s.removeEventListener(r, n), s.addEventListener(r, o)
-  },
-  he = (e) => {
-    const t = e.data,
-      s = e.source,
-      { value: r } = t
-    s.value = r
-  },
-  le = {
-    [i.changeText]: ee,
-    [i.removeNode]: se,
-    [i.insertNode]: re,
-    [i.replaceNode]: ne,
-    [i.removeAttribute]: oe,
-    [i.addAttribute]: Z,
-    [i.updateAttribute]: ie,
-    [i.removeEvent]: ue,
-    [i.addEvent]: ae,
-    [i.updateEvent]: ce,
-    [i.changeValue]: he,
-  },
-  de = (e, t, s) => {
-    const r = [...t]
-    return (
-      e.forEach((n) => {
-        pe(n, r, s)
-      }),
-      r
-    )
-  },
-  pe = (e, t, s) => {
-    const r = ve[e.type]
-    r && r(e, t, s)
-  },
-  me = (e, t) => {
-    const { source: s } = e,
-      r = t.indexOf(s)
-    r >= 0 && t.splice(r, 1)
-  },
-  fe = (e, t, s) => {
-    const { target: r } = e,
-      n = e.data,
-      { index: o, parent: a } = n
-    s === a && t.splice(o, 0, r)
-  },
-  be = (e, t) => {
-    const { target: s, source: r } = e,
-      n = t.indexOf(r)
-    n >= 0 && (t[n] = s)
-  },
-  ve = {
-    [i.removeNode]: me,
-    [i.insertNode]: fe,
-    [i.replaceNode]: be,
-  }
-class ge {
+  }
+  return r;
+}, Gt = (e, t) => {
+  const s = [], r = e.eventMaps, n = t.eventMaps, o = Object.keys(r), a = Object.keys(n);
+  return o.forEach((l) => {
+    const u = r[l], d = n[l];
+    d ? d.busEvent !== u.busEvent && s.push(
+      qt(e, t, {
+        name: l,
+        targetValue: d.listener,
+        sourceValue: u.listener
+      })
+    ) : s.push(
+      Rt(e, t, {
+        name: u.domEvent,
+        value: u.listener
+      })
+    );
+  }), a.forEach((l) => {
+    const u = r[l], d = n[l];
+    u || s.push(
+      Ut(e, t, {
+        name: d.domEvent,
+        value: d.listener
+      })
+    );
+  }), s;
+}, Ct = (e) => e.tagName !== "INPUT", Qt = (e, t) => e.value === t.value, Wt = (e, t) => {
+  if (Ct(e) || Qt(e, t))
+    return [];
+  const s = e, r = t;
+  return [It(s, r, { name: "value", value: r.value })];
+}, Xt = (e, t) => {
+  const s = X(e, t), r = Gt(e, t), n = Wt(e, t);
+  return s.concat(r).concat(n);
+}, Yt = (e, t) => X(e, t, !0), Zt = (e, t) => e.textContent !== t.textContent ? [Ft(e, t)] : [], te = (e, t, s) => {
+  let r = [];
+  if (e.nodeType === 1 && at(e)) {
+    const n = e, o = t, a = Yt(n, o), l = s(
+      n.childNodes,
+      o.childNodes,
+      n
+    );
+    r = a.concat(l);
+  } else if (e.nodeType === 1) {
+    const n = e, o = t, a = Xt(n, o), l = s(
+      n.childNodes,
+      o.childNodes,
+      n
+    );
+    r = a.concat(l);
+  } else e.nodeType === 3 && (r = Zt(e, t));
+  return r;
+}, Y = (e, t, s) => {
+  const r = [], n = ee(e, t), o = N(e), a = N(t), l = [];
+  let u = 0;
+  for (; u < n; u++) {
+    const c = e[u], h = t[u];
+    if (h && a.check(h)) {
+      const p = o.pullMatch(h);
+      a.clear(h), p.element ? (p.index !== u && r.push(
+        b(p.element, {
+          parent: s,
+          index: u
+        })
+      ), l.push({
+        source: p.element,
+        target: h
+      })) : c ? a.check(c) ? r.push(
+        b(h, { parent: s, index: u })
+      ) : (o.clear(c), r.push(
+        Bt(c, h)
+      )) : r.push(
+        b(h, { parent: s, index: u })
+      );
+    } else c && o.pullMatch(c).element && r.push(_(c));
+  }
+  o.remaining().forEach(({ element: c }) => {
+    r.push(_(c));
+  });
+  const d = l.reduce(
+    (c, { source: h, target: p }) => c.concat(
+      te(h, p, Y)
+    ),
+    []
+  );
+  return r.concat(d).sort(Jt);
+}, ee = (e, t) => {
+  const s = e.length, r = t.length;
+  return s > r ? s : r;
+}, se = (e, t, s) => {
+  const r = Y(e, t, s);
+  return r.forEach((n) => {
+    re(n);
+  }), r;
+}, re = (e) => {
+  (fe[e.type] || ne)(e);
+}, ne = (e) => {
+}, oe = (e) => {
+  const { source: t, target: s } = e;
+  t.nodeValue = s.textContent;
+}, ie = (e) => {
+  const { source: t } = e;
+  t.remove();
+}, ue = (e) => {
+  const { target: t, data: s } = e, { parent: r, index: n } = s, o = r.childNodes[n];
+  o ? o && o !== t && r.insertBefore(t, o) : r.appendChild(t);
+}, ae = (e) => {
+  const { source: t, target: s } = e;
+  t.replaceWith(s);
+}, ce = (e) => {
+  const { source: t, data: s } = e, { name: r, isSvg: n } = s;
+  n ? t.removeAttributeNS(null, r) : t.removeAttribute(r);
+}, Z = (e) => {
+  const { source: t, data: s } = e, { name: r, value: n, isSvg: o } = s;
+  o ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n);
+}, le = (e) => {
+  Z(e);
+}, he = (e) => {
+  const t = e.data, s = e.source, { name: r, value: n } = t;
+  s.removeEventListener(r, n);
+}, de = (e) => {
+  const t = e.data, s = e.source, { name: r, value: n } = t;
+  s.addEventListener(r, n);
+}, pe = (e) => {
+  const t = e.data, s = e.source, { name: r, sourceValue: n, targetValue: o } = t;
+  s.removeEventListener(r, n), s.addEventListener(r, o);
+}, me = (e) => {
+  const t = e.data, s = e.source, { value: r } = t;
+  s.value = r;
+}, fe = {
+  [i.changeText]: oe,
+  [i.removeNode]: ie,
+  [i.insertNode]: ue,
+  [i.replaceNode]: ae,
+  [i.removeAttribute]: ce,
+  [i.addAttribute]: Z,
+  [i.updateAttribute]: le,
+  [i.removeEvent]: he,
+  [i.addEvent]: de,
+  [i.updateEvent]: pe,
+  [i.changeValue]: me
+}, be = (e, t, s) => {
+  const r = [...t];
+  return e.forEach((n) => {
+    ve(n, r, s);
+  }), r;
+}, ve = (e, t, s) => {
+  const r = xe[e.type];
+  r && r(e, t, s);
+}, ge = (e, t) => {
+  const { source: s } = e, r = t.indexOf(s);
+  r >= 0 && t.splice(r, 1);
+}, ye = (e, t, s) => {
+  const { target: r } = e, n = e.data, { index: o, parent: a } = n;
+  s === a && t.splice(o, 0, r);
+}, Ee = (e, t) => {
+  const { target: s, source: r } = e, n = t.indexOf(r);
+  n >= 0 && (t[n] = s);
+}, xe = {
+  [i.removeNode]: ge,
+  [i.insertNode]: ye,
+  [i.replaceNode]: Ee
+};
+class Ae {
   constructor({ Template: t, subscriptions: s, attributes: r, viewModel: n }) {
-    ;(this.Template = t),
-      (this.viewModel = n),
-      (this.attributes = r),
-      (this.subscriptions = s),
-      (this.dom = []),
-      (this.parentElement = null)
+    this.Template = t, this.viewModel = n, this.attributes = r, this.subscriptions = s, this.dom = [], this.parentElement = null;
   }
   render(t) {
-    return (
-      (this.parentElement = t.parent),
-      (this.renderKit = t),
-      this.subscribeForRerender(),
-      (this.dom = this.generateDom(t)),
-      this.dom
-    )
+    return this.parentElement = t.parent, this.renderKit = t, this.subscribeForRerender(), this.dom = this.generateDom(t), this.dom;
   }
   generateDom(t) {
     const s = {
-        ...this.attributes,
-        ...this.viewModel(t.state.getAll(this.subscriptions)),
-      },
-      r = this.Template(s)
-    return r ? r.render(t) : []
+      ...this.attributes,
+      ...this.viewModel(
+        t.state.getAll(this.subscriptions)
+      )
+    }, r = this.Template(s);
+    return r ? r.render(t) : [];
   }
   rerender() {
     if (!this.parentElement && this.dom[0]) {
-      const r = this.dom[0].parentElement
-      this.parentElement = r
+      const r = this.dom[0].parentElement;
+      this.parentElement = r;
     }
-    const t = this.generateDom(this.renderKit),
-      s = Yt(this.dom, t, this.parentElement)
-    this.dom = de(s, this.dom, this.parentElement)
+    const t = this.generateDom(this.renderKit), s = se(
+      this.dom,
+      t,
+      this.parentElement
+    );
+    this.dom = be(
+      s,
+      this.dom,
+      this.parentElement
+    );
   }
   subscribeForRerender() {
-    const { subscribe: t } = this.renderKit
+    const { subscribe: t } = this.renderKit;
     this.subscriptions.forEach((s) => {
-      t(this.eventName(s), () => this.rerender())
-    })
+      t(this.eventName(s), () => this.rerender());
+    });
   }
   eventName(t) {
-    return `${A}:${t}`
+    return `${A}:${t}`;
   }
 }
-const ye = (e) => e,
-  Ee = ({ Template: e, viewModel: t, subscriptions: s }) => (
-    (s = s || []),
-    (t = t || ye),
-    (r) =>
-      new ge({ Template: e, viewModel: t, subscriptions: s, attributes: r })
-  ),
-  ke = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        createRouteState: $,
-        events: St,
-        extractQueryParams: L,
-        findHref: F,
-        navigate: D,
-        onLinkClick: P,
-        onLocationChange: z,
-        start: Nt,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  ),
-  xe =
-    (e) =>
-    ({ path: t }) =>
-      t === e,
-  we = () => !0,
-  tt =
-    (e) =>
-    ({ route: t }) => {
-      const s = e.find((r) => r.match(t))
-      return s && s.Partial
-    },
-  Me = /* @__PURE__ */ Object.freeze(
-    /* @__PURE__ */ Object.defineProperty(
-      {
-        __proto__: null,
-        buildRouter: tt,
-        catchAll: we,
-        exactPathMatch: xe,
-      },
-      Symbol.toStringTag,
-      { value: 'Module' },
-    ),
-  ),
-  Ae = () => ({
-    render: (e, t) => [],
-  }),
-  Te = (e) => {
-    const t = tt(e)
-    return Ee({
-      Template: ({ route: r }) => (t({ route: r }) || Ae)(),
-      subscriptions: ['route'],
-    })
-  }
+const _e = (e) => e, we = ({
+  Template: e,
+  viewModel: t,
+  subscriptions: s
+}) => (s = s || [], t = t || _e, (r) => new Ae({ Template: e, viewModel: t, subscriptions: s, attributes: r })), De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createRouteState: T,
+  events: Nt,
+  extractQueryParams: L,
+  findHref: $,
+  navigate: D,
+  onLinkClick: P,
+  onLocationChange: F,
+  start: St
+}, Symbol.toStringTag, { value: "Module" })), Ne = (e) => ({ path: t }) => t === e, Se = () => !0, tt = (e) => ({ route: t }) => {
+  const s = e.find((r) => r.match(t));
+  return s && s.Partial;
+}, Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  buildRouter: tt,
+  catchAll: Se,
+  exactPathMatch: Ne
+}, Symbol.toStringTag, { value: "Module" })), je = () => ({
+  render: (e, t) => []
+}), Le = (e) => {
+  const t = tt(e);
+  return we({ Template: ({ route: r }) => (t({ route: r }) || je)(), subscriptions: ["route"] });
+};
 export {
-  Oe as JaxsTypes,
-  _e as appBuilding,
-  Ee as bind,
-  je as createApp,
-  wt as jsx,
-  Se as messageBus,
-  ke as navigation,
-  Te as routedView,
-  Me as routing,
-  Ne as state,
-}
+  $e as JaxsTypes,
+  Oe as appBuilding,
+  we as bind,
+  Te as createApp,
+  At as jsx,
+  Me as messageBus,
+  De as navigation,
+  Le as routedView,
+  Pe as routing,
+  ke as state
+};