jaxs 0.5.0 → 0.6.2

package/dist/jaxs.js

@@ -1,34 +1,34 @@
-const et = (e, t) => t.createElement(e),
-  st = (e, t) => {
+const Z = (e, t) => t.createElement(e),
+  tt = (e, t) => {
     for (const s in t) {
       if (s === '__self') continue
-      const r = t[s].toString()
+      const n = t[s].toString()
       if (s === 'value') {
-        const n = e
-        n.value !== r && (n.value = r)
-      } else e.setAttribute(s, r)
+        const r = e
+        r.value !== n && (r.value = n)
+      } else e.setAttribute(s, n)
     }
   },
-  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,
+  et = (e, t, s) => {
+    const n = {}
+    for (const r in t) {
+      const o = t[r],
+        a = (l) => s(o, l)
+      e.addEventListener(r, a),
+        (n[r] = {
+          domEvent: r,
           busEvent: o,
           listener: a,
         })
     }
-    e.eventMaps = r
+    e.eventMaps = n
   },
-  nt = (e, t, s, r) => {
-    const n = et(e, r.document)
-    return st(n, t), rt(n, s, r.publish), n
+  st = (e, t, s, n) => {
+    const r = Z(e, n.document)
+    return tt(r, t), et(r, s, n.publish), r
   },
-  E = 'http://www.w3.org/2000/svg',
-  ot = {
+  y = 'http://www.w3.org/2000/svg',
+  nt = {
     animate: !0,
     animateMotion: !0,
     animateTransform: !0,
@@ -92,71 +92,71 @@ const et = (e, t) => t.createElement(e),
     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
+  rt = (e, t) => !!(nt[e] || (e === 'a' && t === y)),
+  ot = (e, t, s) => {
+    const n = s.createElementNS(y, e)
+    for (const r in t)
+      r === '__self' ||
+        r === 'xmlns' ||
+        n.setAttributeNS(null, r, t[r].toString())
+    return n
   },
-  at = (e) => e.namespaceURI === E,
-  ct = (e, t) => t.createTextNode(e)
-class ht {
+  it = (e) => e.namespaceURI === y,
+  ut = (e, t) => t.createTextNode(e)
+class at {
   constructor(t) {
     this.value = t.toString()
   }
   render(t) {
-    const s = ct(this.value, t.document)
+    const s = ut(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] : []),
+const ct = (e) => typeof e == 'string' || typeof e == 'number',
+  lt = (e) => new at(e),
+  ht = (e) => (ct(e) ? lt(e) : e),
+  dt = (e) => pt(e).map(ht).flat(),
+  pt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
   j = (e, t = {}) => e || t.children || [],
-  bt = (e, t = '') => {
+  mt = (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() : ''
+      n = {}
+    for (const r in e) {
+      const o = e[r]
+      if (r.match(/^on.+/i)) {
+        const a = r.slice(2).toLowerCase()
+        n[a] = o ? o.toString() : ''
       } else {
         if (o === !1) continue
-        n === '__source' ? (s.__source = e.__source) : (s[n] = vt(n, o, t))
+        r === '__source' ? (s.__source = e.__source) : (s[r] = ft(r, o, t))
       }
     }
     return {
       attributes: s,
-      events: r,
+      events: n,
     }
   },
-  vt = (e, t, s = '') => (t == null ? s : t.toString()),
-  gt = (e, t) => {
+  ft = (e, t, s = '') => (t == null ? s : t.toString()),
+  bt = (e, t) => {
     const s = e || {},
-      r = j(t, s)
-    return (s.children = s.children || r), s
+      n = j(t, s)
+    return (s.children = s.children || n), 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)
+  O = (e, t, s, n = []) => e.reduce(vt(t, s), n).flat(),
+  vt = (e, t) => (s, n) =>
+    n
+      ? Array.isArray(n)
+        ? O(n, e, t, s)
+        : (n.render(e, t).forEach((r) => s.push(r)), s)
       : s
-class k {
+class M {
   constructor(t) {
-    this.collection = mt(t)
+    this.collection = dt(t)
   }
   render(t, s) {
     this.parentElement = s
-    const r = this.generateDom(t)
-    return this.attachToParent(r), r
+    const n = this.generateDom(t)
+    return this.attachToParent(n), n
   }
   generateDom(t) {
     return O(this.collection, t, this.parentElement)
@@ -164,10 +164,10 @@ class k {
   attachToParent(t) {
     if (this.parentElement === void 0) return
     const s = this.parentElement
-    t.forEach((r) => s.appendChild(r))
+    t.forEach((n) => s.appendChild(n))
   }
 }
-class Et {
+class gt {
   constructor(t, s) {
     ;(this.type = t), (this.attributes = s)
   }
@@ -181,26 +181,26 @@ class Et {
       const {
         fileName: t,
         lineNumber: s,
-        columnNumber: r,
+        columnNumber: n,
       } = this.attributes.__source
-      return `${t}:${s}:${r}`
+      return `${t}:${s}:${n}`
     }
   }
   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}`
+      n = this.attributes.name ? `[name=${this.attributes.name}]` : ''
+    return `${this.type}${t}${s}${n}`
   }
 }
-class xt {
-  constructor(t, s, r = []) {
+class yt {
+  constructor(t, s, n = []) {
     this.type = t
-    const { events: n, attributes: o } = bt(s)
-    ;(this.events = n),
+    const { events: r, attributes: o } = mt(s)
+    ;(this.events = r),
       (this.attributes = o),
-      (this.isSvg = it(this.type, this.attributes.xmlns)),
-      (this.children = new k(r))
+      (this.isSvg = rt(this.type, this.attributes.xmlns)),
+      (this.children = new M(n))
   }
   render(t) {
     const s = this.generateDom(t)
@@ -210,28 +210,28 @@ class xt {
     return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t)
   }
   generateHtmlDom(t) {
-    const s = nt(this.type, this.attributes, this.events, t)
+    const s = st(this.type, this.attributes, this.events, t)
     return (s.__jsx = this.jsxKey()), s
   }
   generateSvgDom(t) {
-    const s = ut(this.type, this.attributes, t.document)
+    const s = ot(this.type, this.attributes, t.document)
     return (s.__jsx = this.jsxKey()), s
   }
   jsxKey() {
-    return new Et(this.type, this.attributes).generate()
+    return new gt(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 Et = (e, t, ...s) =>
+  typeof e == 'string' ? new yt(e, t, s) : e(bt(t, s))
+Et.fragment = (e, t) => {
   const s = j(t, e)
-  return new k(s)
+  return new M(s)
 }
-class At {
-  constructor(t, s, r) {
+class xt {
+  constructor(t, s, n) {
     ;(this.template = t),
       (this.selector = s),
-      (this.renderKit = r),
+      (this.renderKit = n),
       (this.dom = [])
   }
   renderAndAttach(t) {
@@ -252,44 +252,46 @@ class At {
     return this.renderKit.document.querySelector(this.selector)
   }
 }
-const _t = (e, t, s) => {
-    const r = new At(e, t, s)
-    return r.renderAndAttach(s), r
+const At = (e, t, s) => {
+    const n = new xt(e, t, s)
+    return n.renderAndAttach(s), n
   },
-  M = 'go-to-href',
+  k = 'go-to-href',
+  T = 'go-to',
   m = 'navigation:location-change',
-  T = 'navigation:route-change',
-  St = /* @__PURE__ */ Object.freeze(
+  $ = 'navigation:route-change',
+  _t = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        linkNavigationEvent: M,
+        linkNavigationEvent: k,
         locationChangeEvent: m,
-        routeChangeEvent: T,
+        navigationEvent: T,
+        routeChangeEvent: $,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   ),
-  $ = (e) => {
-    e.createRecord('route', {
+  D = (e) => {
+    e.create('route', {
       host: '',
       path: '',
       query: {},
     })
   },
-  F = (e) => {
+  P = (e) => {
     const t = e.closest('[href]')
     return (t && t.getAttribute('href')) || ''
   },
-  D = (e, { publish: t, window: s }) => {
+  E = (e, { publish: t, window: s }) => {
     s.history.pushState(null, '', e), t(m, null)
   },
-  P = (e, t) => {
+  F = (e, t) => {
     if (!e || !e.target) return
     e.preventDefault()
-    const s = F(e.target)
-    D(s, t)
+    const s = P(e.target)
+    E(s, t)
   },
   L = (e) =>
     e
@@ -297,80 +299,83 @@ const _t = (e, t, s) => {
       .split('&')
       .reduce((t, s) => {
         if (!s) return t
-        const r = s.split('=')
-        return (t[r[0]] = r[1]), t
+        const n = s.split('=')
+        return (t[n[0]] = n[1]), t
       }, {}),
   z = (e, t) => {
-    const { state: s, publish: r, window: n } = t,
-      { host: o, pathname: a, search: h } = n.location,
+    const { state: s, publish: n, window: r } = t,
+      { host: o, pathname: a, search: l } = r.location,
       u = a,
-      d = L(h),
+      d = L(l),
       c = {
         host: o,
         path: u,
         query: d,
       }
-    s.store('route').update(c), r(T, c)
+    s.store('route').update(c), n($, 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)
+    t(k, F),
+      t(T, (s, n) => {
+        E(s, n)
+      })
   },
   V = (e) => {
-    setTimeout(() => e.publish(m, null), 0)
+    const { publish: t, subscribe: s, state: n, window: r } = e
+    D(n), r.addEventListener('popstate', () => t(m, null)), s(m, z)
   },
   K = (e) => {
-    U(e), B(e), V(e)
+    setTimeout(() => e.publish(m, null), 0)
+  },
+  R = (e) => {
+    V(e), B(e), K(e)
   },
-  Nt = /* @__PURE__ */ Object.freeze(
+  wt = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        publishLocation: V,
-        startNavigation: K,
-        subscribeToHistoryChange: U,
+        publishLocation: K,
+        startNavigation: R,
+        subscribeToHistoryChange: V,
         subscribeToNavigation: B,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   )
-class R {
+class U {
   constructor({
     window: t,
     document: s,
-    publish: r,
-    subscribe: n,
+    publish: n,
+    subscribe: r,
     bus: o,
     state: a,
-    renderKit: h,
+    renderKit: l,
   }) {
     ;(this.window = t),
       (this.document = s),
-      (this.publish = r),
-      (this.subscribe = n),
+      (this.publish = n),
+      (this.subscribe = r),
       (this.bus = o),
       (this.state = a),
-      (this.renderKit = h),
+      (this.renderKit = l),
       (this.roots = [])
   }
   render(t, s) {
-    const r = _t(t, s, this.renderKit)
-    return this.roots.push(r), r
+    const n = At(t, s, this.renderKit)
+    return this.roots.push(n), n
   }
   startNavigation() {
-    K(this)
+    R(this)
   }
 }
-const _e = /* @__PURE__ */ Object.freeze(
+const Me = /* @__PURE__ */ Object.freeze(
   /* @__PURE__ */ Object.defineProperty(
     {
       __proto__: null,
-      App: R,
+      App: U,
     },
     Symbol.toStringTag,
     { value: 'Module' },
@@ -380,19 +385,19 @@ class q {
   constructor() {
     this.lookup = {}
   }
-  add(t, s, r) {
+  add(t, s, n) {
     this.ensureArrayFor(t)
-    const n = {
+    const r = {
       listener: s,
-      index: r,
+      index: n,
       matcher: t,
     }
-    return this.lookup[t].push(n), () => this.remove(n)
+    return this.lookup[t].push(r), () => this.remove(r)
   }
   remove(t) {
     this.lookup[t.matcher] &&
       (this.lookup[t.matcher] = this.lookup[t.matcher].reduce(
-        (s, r) => (r !== t && s.push(r), s),
+        (s, n) => (n !== t && s.push(n), s),
         [],
       ))
   }
@@ -407,16 +412,16 @@ class I {
   constructor() {
     this.lookup = []
   }
-  add(t, s, r) {
-    const n = {
+  add(t, s, n) {
+    const r = {
       listener: s,
-      index: r,
+      index: n,
       matcher: t,
     }
-    return this.lookup.push(n), () => this.remove(n)
+    return this.lookup.push(r), () => this.remove(r)
   }
   remove(t) {
-    this.lookup = this.lookup.reduce((s, r) => (r !== t && s.push(r), s), [])
+    this.lookup = this.lookup.reduce((s, n) => (n !== t && s.push(n), s), [])
   }
   matches(t) {
     return this.lookup.filter((s) => s.matcher.test(t))
@@ -429,13 +434,13 @@ class J {
       (this.currentIndex = 0)
   }
   subscribe(t, s) {
-    let r
+    let n
     return (
       typeof t == 'string'
-        ? (r = this.exactSubscriptions.add(t, s, this.currentIndex))
-        : (r = this.fuzzySubscriptions.add(t, s, this.currentIndex)),
+        ? (n = this.exactSubscriptions.add(t, s, this.currentIndex))
+        : (n = this.fuzzySubscriptions.add(t, s, this.currentIndex)),
       (this.currentIndex += 1),
-      r
+      n
     )
   }
   publish(t, s) {
@@ -443,9 +448,9 @@ class J {
       ...this.exactSubscriptions.matches(t),
       ...this.fuzzySubscriptions.matches(t),
     ]
-      .sort((n, o) => n.index - o.index)
-      .forEach((n) => {
-        n.listener(s, this.listenerOptions(t))
+      .sort((r, o) => r.index - o.index)
+      .forEach((r) => {
+        r.listener(s, this.listenerOptions(t))
       })
   }
   addListenerOptions(t) {
@@ -463,11 +468,11 @@ const H = () => {
     const e = new J()
     return {
       bus: e,
-      publish: (r, n) => e.publish(r, n),
-      subscribe: (r, n) => e.subscribe(r, n),
+      publish: (n, r) => e.publish(n, r),
+      subscribe: (n, r) => e.subscribe(n, r),
     }
   },
-  Se = /* @__PURE__ */ Object.freeze(
+  ke = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
@@ -481,26 +486,55 @@ const H = () => {
     ),
   ),
   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)
+  v = (e) => e !== null && !f(e) && typeof e == 'object',
+  Nt = (e, t) => e === t,
+  St = (e, t) => Object.keys(e).length === Object.keys(t).length,
+  jt = (e, t) =>
+    !(v(e) && v(t)) || !St(e, t)
       ? !1
       : Object.keys(e).every((s) => {
-          const r = e[s],
-            n = t[s]
-          return x(r, n)
+          const n = e[s],
+            r = t[s]
+          return x(n, r)
         }),
-  Mt = (e, t) =>
+  Ot = (e, t) =>
     !(f(e) && f(t)) || e.length !== t.length
       ? !1
-      : e.every((s, r) => {
-          const n = t[r]
-          return x(s, n)
+      : e.every((s, n) => {
+          const r = t[n]
+          return x(s, r)
         }),
-  x = (e, t) => (g(e) ? kt(e, t) : f(e) ? Mt(e, t) : jt(e, t))
-class b {
+  x = (e, t) => (v(e) ? jt(e, t) : f(e) ? Ot(e, t) : Nt(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) {
+    x(this._value, t) || ((this._value = t), this.parent.notify(this.name))
+  }
+  getUpdatedValue(t) {
+    return t(this.value)
+  }
+}
+class A {
   constructor(t) {
     this.store = t
   }
@@ -508,28 +542,25 @@ class b {
     this.store.update(t)
   }
   reset() {
-    this.store.update(this.store.initialState)
+    this.store.update(this.store.initialValue)
   }
   get value() {
     return this.store.value
   }
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
+}
+class Mt extends A {
+  updateAttribute(t, s) {
+    const n = { ...this.value }
+    ;(n[t] = s), this.update(n)
   }
-  addUpdaterFunctions(t) {
-    for (const s in t) this.addUpdaterFunction(s, t[s])
+  resetAttribute(t) {
+    const s = { ...this.value },
+      n = this.store.initialValue[t]
+    ;(s[t] = n), this.update(s)
   }
 }
-class w extends b {
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
-  }
+const kt = (e) => new Mt(e)
+class Tt extends A {
   push(t) {
     const s = [...this.value, t]
     this.update(s)
@@ -558,47 +589,20 @@ class w extends b {
     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
-  }
-  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)
+    const n = [...this.value]
+    n.splice(t, 0, s), this.update(n)
   }
-  addUpdaters(t) {
-    this.updater.addUpdaterFunctions(t)
-  }
-  addUpdater(t, s) {
-    this.updater.addUpdaterFunction(t, s)
+  remove(t) {
+    const s = this.value.reduce((n, r) => (r !== t && n.push(r), n), [])
+    this.update(s)
   }
-  addSorter(t, s) {
-    this.updater instanceof w && this.updater.addSorter(t, s)
+  removeBy(t) {
+    const s = this.value.reduce((n, r) => (t(r) || n.push(r), n), [])
+    this.update(s)
   }
 }
-class G extends b {
+const $t = (e) => new Tt(e)
+class Dt extends A {
   toggle() {
     const t = !this.value
     this.update(t)
@@ -609,58 +613,34 @@ class G extends b {
   setFalse() {
     this.update(!1)
   }
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
-  }
-}
-class C extends b {
-  addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...r) => {
-      const n = s(this.value, ...r)
-      this.update(n)
-    }
-  }
-  updateAttribute(t, s) {
-    const r = { ...this.value }
-    ;(r[t] = s), this.update(r)
-  }
 }
-const A = 'state'
-class Q {
+const Pt = (e) => new Dt(e),
+  Ft = {
+    object: kt,
+    list: $t,
+    boolean: Pt,
+  },
+  _ = 'state'
+class G {
   constructor(t) {
     ;(this.publisher = t),
       (this.stores = {}),
-      (this.eventNamePrefix = A),
+      (this.eventNamePrefix = _),
       (this.notifications = /* @__PURE__ */ new Set()),
       (this.inTransaction = !1)
   }
   create(t, s) {
-    const r = new y({
+    const n = new g({
       name: t,
       parent: this,
       value: s,
     })
-    return (this.stores[t] = r), r
-  }
-  createBoolean(t, s) {
-    const r = this.create(t, s)
-    return (r.updater = new G(r)), r
-  }
-  createRecord(t, s) {
-    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
+    return (this.stores[t] = n), n
   }
   store(t) {
     return (
       this.stores[t] ||
-      new y({
+      new g({
         name: t,
         parent: this,
         value: void 0,
@@ -671,7 +651,7 @@ class Q {
     return this.store(t).value
   }
   getAll(t) {
-    return t.reduce((s, r) => ((s[r] = this.get(r)), s), {})
+    return t.reduce((s, n) => ((s[n] = this.get(n)), s), {})
   }
   notify(t) {
     this.inTransaction ? this.notifications.add(t) : this.publish(t)
@@ -701,24 +681,22 @@ class Q {
     return `${this.eventNamePrefix}:${t}`
   }
 }
-const W = (e) => new Q(e),
-  Ne = /* @__PURE__ */ Object.freeze(
+const C = (e) => new G(e),
+  Te = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        State: Q,
-        Store: y,
-        StoreUpdaterBoolean: G,
-        StoreUpdaterList: w,
-        StoreUpdaterObject: C,
-        createState: W,
-        eventName: A,
+        State: G,
+        Store: g,
+        createState: C,
+        eventName: _,
+        updaters: Ft,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   )
-class Tt {
+class Lt {
   constructor(t) {
     this.setupDomEnvironment(t)
   }
@@ -728,7 +706,7 @@ class Tt {
       this.setupState(),
       this.addBusOptions(),
       this.setRenderKit(),
-      new R({
+      new U({
         window: this.window,
         document: this.document,
         publish: this.publish,
@@ -747,11 +725,11 @@ class Tt {
         : ((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: n } = H()
+    ;(this.publish = t), (this.subscribe = s), (this.bus = n)
   }
   setupState() {
-    this.state = W(this.publish)
+    this.state = C(this.publish)
   }
   addBusOptions() {
     this.bus.addListenerOptions({
@@ -770,8 +748,8 @@ class Tt {
     }
   }
 }
-const je = (e = {}) => {
-  const s = new Tt(e).setup()
+const $e = (e = {}) => {
+  const s = new Lt(e).setup()
   return s.startNavigation(), s
 }
 var i = /* @__PURE__ */ ((e) => (
@@ -788,7 +766,7 @@ var i = /* @__PURE__ */ ((e) => (
   (e[(e.changeText = 10)] = 'changeText'),
   e
 ))(i || {})
-const Oe = /* @__PURE__ */ Object.freeze(
+const De = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
@@ -798,100 +776,100 @@ const Oe = /* @__PURE__ */ Object.freeze(
       { value: 'Module' },
     ),
   ),
-  $t = (e, t) => ({
+  zt = (e, t) => ({
     source: e,
     target: t,
     type: i.changeText,
     data: {},
   }),
-  Ft = (e, t) => ({
+  Bt = (e, t) => ({
     source: e,
     target: t,
     type: i.replaceNode,
     data: {},
   }),
-  Dt = (e, t, s) => ({
+  Vt = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.removeAttribute,
   }),
-  Pt = (e, t, s) => ({
+  Kt = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.addAttribute,
   }),
-  Lt = (e, t, s) => ({
+  Rt = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.updateAttribute,
   }),
-  zt = (e, t, s) => ({
+  Ut = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.removeEvent,
   }),
-  Bt = (e, t, s) => ({
+  qt = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.addEvent,
   }),
-  Ut = (e, t, s) => ({
+  It = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: i.updateEvent,
   }),
-  _ = (e) => ({
+  w = (e) => ({
     source: e,
     target: e,
     // for type crap only
     type: i.removeNode,
     data: {},
   }),
-  v = (e, t) => ({
+  b = (e, t) => ({
     target: e,
     source: e,
     // for type crap only
     type: i.insertNode,
     data: t,
   }),
-  Vt = (e, t, s) => ({
+  Jt = (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 {
+  Ht = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
+  N = { index: -1 }
+class Gt {
   constructor() {
     this.map = {}
   }
   populate(t) {
-    t.forEach((s, r) => {
-      const n = s.__jsx
-      n &&
-        ((this.map[n] = this.map[n] || []),
-        this.map[n].push({
+    t.forEach((s, n) => {
+      const r = s.__jsx
+      r &&
+        ((this.map[r] = this.map[r] || []),
+        this.map[r].push({
           element: s,
-          index: r,
+          index: n,
         }))
     })
   }
   pullMatch(t) {
     const s = t && t.__jsx
-    return !s || !(this.map[s] && this.map[s].length) ? S : this.map[s].shift()
+    return !s || !(this.map[s] && this.map[s].length) ? N : 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 n = this.map[s]
+    this.map[s] = n.reduce((r, o) => (o.element !== t && r.push(o), r), [])
   }
   check(t) {
     const s = t && t.__jsx
@@ -901,95 +879,95 @@ class Rt {
     return Object.values(this.map).flat()
   }
 }
-const N = (e) => {
-    const t = new Rt()
+const S = (e) => {
+    const t = new Gt()
     return t.populate(e), t
   },
-  X = (e, t, s = !1) => {
-    const r = [],
-      n = e.attributes,
-      o = n.length,
+  Q = (e, t, s = !1) => {
+    const n = [],
+      r = e.attributes,
+      o = r.length,
       a = t.attributes,
-      h = a.length
+      l = 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 h = r.item(u)
+      if (h) {
+        for (d = 0; d < l; d++) {
           const p = a.item(d)
-          if (p && l.name == p.name) {
+          if (p && h.name == p.name) {
             c = p
             break
           }
         }
         c
-          ? l.value !== c.value &&
-            r.push(
-              Lt(e, t, {
-                name: l.name,
+          ? h.value !== c.value &&
+            n.push(
+              Rt(e, t, {
+                name: h.name,
                 value: c.value,
                 isSvg: s,
               }),
             )
-          : r.push(Dt(e, t, { name: l.name, isSvg: s }))
+          : n.push(Vt(e, t, { name: h.name, isSvg: s }))
       }
     }
-    for (u = 0; u < h; u++) {
+    for (u = 0; u < l; u++) {
       c = null
-      const l = a.item(u)
-      if (l) {
+      const h = a.item(u)
+      if (h) {
         for (d = 0; d < o; d++) {
-          const p = n.item(d)
-          if (p && p.name == l.name) {
+          const p = r.item(d)
+          if (p && p.name == h.name) {
             c = p
             break
           }
         }
         c ||
-          r.push(
-            Pt(e, t, {
-              name: l.name,
-              value: l.value,
+          n.push(
+            Kt(e, t, {
+              name: h.name,
+              value: h.value,
               isSvg: s,
             }),
           )
       }
     }
-    return r
+    return n
   },
-  qt = (e, t) => {
+  Ct = (e, t) => {
     const s = [],
-      r = e.eventMaps,
-      n = t.eventMaps,
-      o = Object.keys(r),
-      a = Object.keys(n)
+      n = e.eventMaps,
+      r = t.eventMaps,
+      o = Object.keys(n),
+      a = Object.keys(r)
     return (
-      o.forEach((h) => {
-        const u = r[h],
-          d = n[h]
+      o.forEach((l) => {
+        const u = n[l],
+          d = r[l]
         d
           ? d.busEvent !== u.busEvent &&
             s.push(
-              Ut(e, t, {
-                name: h,
+              It(e, t, {
+                name: l,
                 targetValue: d.listener,
                 sourceValue: u.listener,
               }),
             )
           : s.push(
-              zt(e, t, {
+              Ut(e, t, {
                 name: u.domEvent,
                 value: u.listener,
               }),
             )
       }),
-      a.forEach((h) => {
-        const u = r[h],
-          d = n[h]
+      a.forEach((l) => {
+        const u = n[l],
+          d = r[l]
         u ||
           s.push(
-            Bt(e, t, {
+            qt(e, t, {
               name: d.domEvent,
               value: d.listener,
             }),
@@ -998,205 +976,205 @@ const N = (e) => {
       s
     )
   },
-  It = (e) => e.tagName !== 'INPUT',
-  Jt = (e, t) => e.value === t.value,
-  Ht = (e, t) => {
-    if (It(e) || Jt(e, t)) return []
+  Qt = (e) => e.tagName !== 'INPUT',
+  Wt = (e, t) => e.value === t.value,
+  Xt = (e, t) => {
+    if (Qt(e) || Wt(e, t)) return []
     const s = e,
-      r = t
-    return [Vt(s, r, { name: 'value', value: r.value })]
+      n = t
+    return [Jt(s, n, { name: 'value', value: n.value })]
   },
-  Gt = (e, t) => {
-    const s = X(e, t),
-      r = qt(e, t),
-      n = Ht(e, t)
-    return s.concat(r).concat(n)
+  Yt = (e, t) => {
+    const s = Q(e, t),
+      n = Ct(e, t),
+      r = Xt(e, t)
+    return s.concat(n).concat(r)
   },
-  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,
+  Zt = (e, t) => Q(e, t, !0),
+  te = (e, t) => (e.textContent !== t.textContent ? [zt(e, t)] : []),
+  ee = (e, t, s) => {
+    let n = []
+    if (e.nodeType === 1 && it(e)) {
+      const r = e,
         o = t,
-        a = Ct(n, o),
-        h = s(n.childNodes, o.childNodes, n)
-      r = a.concat(h)
+        a = Zt(r, o),
+        l = s(r.childNodes, o.childNodes, r)
+      n = a.concat(l)
     } else if (e.nodeType === 1) {
-      const n = e,
+      const r = 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
+        a = Yt(r, o),
+        l = s(r.childNodes, o.childNodes, r)
+      n = a.concat(l)
+    } else e.nodeType === 3 && (n = te(e, t))
+    return n
   },
-  Y = (e, t, s) => {
-    const r = [],
-      n = Xt(e, t),
-      o = N(e),
-      a = N(t),
-      h = []
+  W = (e, t, s) => {
+    const n = [],
+      r = se(e, t),
+      o = S(e),
+      a = S(t),
+      l = []
     let u = 0
-    for (; u < n; u++) {
+    for (; u < r; u++) {
       const c = e[u],
-        l = t[u]
-      if (l && a.check(l)) {
-        const p = o.pullMatch(l)
-        a.clear(l),
+        h = t[u]
+      if (h && a.check(h)) {
+        const p = o.pullMatch(h)
+        a.clear(h),
           p.element
             ? (p.index !== u &&
-                r.push(
-                  v(p.element, {
+                n.push(
+                  b(p.element, {
                     parent: s,
                     index: u,
                   }),
                 ),
-              h.push({
+              l.push({
                 source: p.element,
-                target: l,
+                target: h,
               }))
             : 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))
+                ? n.push(b(h, { parent: s, index: u }))
+                : (o.clear(c), n.push(Bt(c, h)))
+              : n.push(b(h, { parent: s, index: u }))
+      } else c && o.pullMatch(c).element && n.push(w(c))
     }
     o.remaining().forEach(({ element: c }) => {
-      r.push(_(c))
+      n.push(w(c))
     })
-    const d = h.reduce(
-      (c, { source: l, target: p }) => c.concat(Wt(l, p, Y)),
+    const d = l.reduce(
+      (c, { source: h, target: p }) => c.concat(ee(h, p, W)),
       [],
     )
-    return r.concat(d).sort(Kt)
+    return n.concat(d).sort(Ht)
   },
-  Xt = (e, t) => {
+  se = (e, t) => {
     const s = e.length,
-      r = t.length
-    return s > r ? s : r
+      n = t.length
+    return s > n ? s : n
   },
-  Yt = (e, t, s) => {
-    const r = Y(e, t, s)
+  ne = (e, t, s) => {
+    const n = W(e, t, s)
     return (
-      r.forEach((n) => {
-        Zt(n)
+      n.forEach((r) => {
+        re(r)
       }),
-      r
+      n
     )
   },
-  Zt = (e) => {
-    ;(le[e.type] || te)(e)
+  re = (e) => {
+    ;(be[e.type] || oe)(e)
   },
-  te = (e) => {},
-  ee = (e) => {
+  oe = (e) => {},
+  ie = (e) => {
     const { source: t, target: s } = e
     t.nodeValue = s.textContent
   },
-  se = (e) => {
+  ue = (e) => {
     const { source: t } = e
     t.remove()
   },
-  re = (e) => {
+  ae = (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)
+      { parent: n, index: r } = s,
+      o = n.childNodes[r]
+    o ? o && o !== t && n.insertBefore(t, o) : n.appendChild(t)
   },
-  ne = (e) => {
+  ce = (e) => {
     const { source: t, target: s } = e
     t.replaceWith(s)
   },
-  oe = (e) => {
+  le = (e) => {
     const { source: t, data: s } = e,
-      { name: r, isSvg: n } = s
-    n ? t.removeAttributeNS(null, r) : t.removeAttribute(r)
+      { name: n, isSvg: r } = s
+    r ? t.removeAttributeNS(null, n) : t.removeAttribute(n)
   },
-  Z = (e) => {
+  X = (e) => {
     const { source: t, data: s } = e,
-      { name: r, value: n, isSvg: o } = s
-    o ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n)
+      { name: n, value: r, isSvg: o } = s
+    o ? t.setAttributeNS(null, n, r) : t.setAttribute(n, r)
   },
-  ie = (e) => {
-    Z(e)
+  he = (e) => {
+    X(e)
   },
-  ue = (e) => {
+  de = (e) => {
     const t = e.data,
       s = e.source,
-      { name: r, value: n } = t
-    s.removeEventListener(r, n)
+      { name: n, value: r } = t
+    s.removeEventListener(n, r)
   },
-  ae = (e) => {
+  pe = (e) => {
     const t = e.data,
       s = e.source,
-      { name: r, value: n } = t
-    s.addEventListener(r, n)
+      { name: n, value: r } = t
+    s.addEventListener(n, r)
   },
-  ce = (e) => {
+  me = (e) => {
     const t = e.data,
       s = e.source,
-      { name: r, sourceValue: n, targetValue: o } = t
-    s.removeEventListener(r, n), s.addEventListener(r, o)
+      { name: n, sourceValue: r, targetValue: o } = t
+    s.removeEventListener(n, r), s.addEventListener(n, o)
   },
-  he = (e) => {
+  fe = (e) => {
     const t = e.data,
       s = e.source,
-      { value: r } = t
-    s.value = r
+      { value: n } = t
+    s.value = n
   },
-  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,
+  be = {
+    [i.changeText]: ie,
+    [i.removeNode]: ue,
+    [i.insertNode]: ae,
+    [i.replaceNode]: ce,
+    [i.removeAttribute]: le,
+    [i.addAttribute]: X,
+    [i.updateAttribute]: he,
+    [i.removeEvent]: de,
+    [i.addEvent]: pe,
+    [i.updateEvent]: me,
+    [i.changeValue]: fe,
   },
-  de = (e, t, s) => {
-    const r = [...t]
+  ve = (e, t, s) => {
+    const n = [...t]
     return (
-      e.forEach((n) => {
-        pe(n, r, s)
+      e.forEach((r) => {
+        ge(r, n, s)
       }),
-      r
+      n
     )
   },
-  pe = (e, t, s) => {
-    const r = ve[e.type]
-    r && r(e, t, s)
+  ge = (e, t, s) => {
+    const n = Ae[e.type]
+    n && n(e, t, s)
   },
-  me = (e, t) => {
+  ye = (e, t) => {
     const { source: s } = e,
-      r = t.indexOf(s)
-    r >= 0 && t.splice(r, 1)
+      n = t.indexOf(s)
+    n >= 0 && t.splice(n, 1)
   },
-  fe = (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, s) => {
+    const { target: n } = e,
+      r = e.data,
+      { index: o, parent: a } = r
+    s === a && t.splice(o, 0, n)
   },
-  be = (e, t) => {
-    const { target: s, source: r } = e,
-      n = t.indexOf(r)
-    n >= 0 && (t[n] = s)
+  xe = (e, t) => {
+    const { target: s, source: n } = e,
+      r = t.indexOf(n)
+    r >= 0 && (t[r] = s)
   },
-  ve = {
-    [i.removeNode]: me,
-    [i.insertNode]: fe,
-    [i.replaceNode]: be,
+  Ae = {
+    [i.removeNode]: ye,
+    [i.insertNode]: Ee,
+    [i.replaceNode]: xe,
   }
-class ge {
-  constructor({ Template: t, subscriptions: s, attributes: r, viewModel: n }) {
+class _e {
+  constructor({ Template: t, subscriptions: s, attributes: n, viewModel: r }) {
     ;(this.Template = t),
-      (this.viewModel = n),
-      (this.attributes = r),
+      (this.viewModel = r),
+      (this.attributes = n),
       (this.subscriptions = s),
       (this.dom = []),
       (this.parentElement = null)
@@ -1215,17 +1193,17 @@ class ge {
         ...this.attributes,
         ...this.viewModel(t.state.getAll(this.subscriptions)),
       },
-      r = this.Template(s)
-    return r ? r.render(t) : []
+      n = this.Template(s)
+    return n ? n.render(t) : []
   }
   rerender() {
     if (!this.parentElement && this.dom[0]) {
-      const r = this.dom[0].parentElement
-      this.parentElement = r
+      const n = this.dom[0].parentElement
+      this.parentElement = n
     }
     const t = this.generateDom(this.renderKit),
-      s = Yt(this.dom, t, this.parentElement)
-    this.dom = de(s, this.dom, this.parentElement)
+      s = ne(this.dom, t, this.parentElement)
+    this.dom = ve(s, this.dom, this.parentElement)
   }
   subscribeForRerender() {
     const { subscribe: t } = this.renderKit
@@ -1234,75 +1212,75 @@ class ge {
     })
   }
   eventName(t) {
-    return `${A}:${t}`
+    return `${_}:${t}`
   }
 }
-const ye = (e) => e,
-  Ee = ({ Template: e, viewModel: t, subscriptions: s }) => (
+const we = (e) => e,
+  Ne = ({ Template: e, viewModel: t, subscriptions: s }) => (
     (s = s || []),
-    (t = t || ye),
-    (r) =>
-      new ge({ Template: e, viewModel: t, subscriptions: s, attributes: r })
+    (t = t || we),
+    (n) =>
+      new _e({ Template: e, viewModel: t, subscriptions: s, attributes: n })
   ),
-  ke = /* @__PURE__ */ Object.freeze(
+  Pe = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        createRouteState: $,
-        events: St,
+        createRouteState: D,
+        events: _t,
         extractQueryParams: L,
-        findHref: F,
-        navigate: D,
-        onLinkClick: P,
+        findHref: P,
+        navigate: E,
+        onLinkClick: F,
         onLocationChange: z,
-        start: Nt,
+        start: wt,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   ),
-  xe =
+  Se =
     (e) =>
     ({ path: t }) =>
       t === e,
-  we = () => !0,
-  tt =
+  je = () => !0,
+  Y =
     (e) =>
     ({ route: t }) => {
-      const s = e.find((r) => r.match(t))
+      const s = e.find((n) => n.match(t))
       return s && s.Partial
     },
-  Me = /* @__PURE__ */ Object.freeze(
+  Fe = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        buildRouter: tt,
-        catchAll: we,
-        exactPathMatch: xe,
+        buildRouter: Y,
+        catchAll: je,
+        exactPathMatch: Se,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   ),
-  Ae = () => ({
+  Oe = () => ({
     render: (e, t) => [],
   }),
-  Te = (e) => {
-    const t = tt(e)
-    return Ee({
-      Template: ({ route: r }) => (t({ route: r }) || Ae)(),
+  Le = (e) => {
+    const t = Y(e)
+    return Ne({
+      Template: ({ route: n }) => (t({ route: n }) || Oe)(),
       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,
+  De as JaxsTypes,
+  Me as appBuilding,
+  Ne as bind,
+  $e as createApp,
+  Et as jsx,
+  ke as messageBus,
+  Pe as navigation,
+  Le as routedView,
+  Fe as routing,
+  Te as state,
 }