jaxs 0.5.0 → 0.6.2

package/dist/jaxs.umd.cjs

@@ -8,7 +8,7 @@
 })(this, function (p) {
   'use strict'
   const f = (e, t) => t.createElement(e),
-    ot = (e, t) => {
+    nt = (e, t) => {
       for (const s in t) {
         if (s === '__self') continue
         const n = t[s].toString()
@@ -18,22 +18,22 @@
         } else e.setAttribute(s, n)
       }
     },
-    it = (e, t, s) => {
+    rt = (e, t, s) => {
       const n = {}
       for (const r in t) {
         const o = t[r],
-          a = (h) => s(o, h)
+          a = (l) => s(o, l)
         e.addEventListener(r, a),
           (n[r] = { domEvent: r, busEvent: o, listener: a })
       }
       e.eventMaps = n
     },
-    ut = (e, t, s, n) => {
+    ot = (e, t, s, n) => {
       const r = f(e, n.document)
-      return ot(r, t), it(r, s, n.publish), r
+      return nt(r, t), rt(r, s, n.publish), r
     },
-    y = 'http://www.w3.org/2000/svg',
-    at = {
+    g = 'http://www.w3.org/2000/svg',
+    it = {
       animate: !0,
       animateMotion: !0,
       animateTransform: !0,
@@ -97,33 +97,33 @@
       use: !0,
       view: !0,
     },
-    ct = (e, t) => !!(at[e] || (e === 'a' && t === y)),
-    ht = (e, t, s) => {
-      const n = s.createElementNS(y, e)
+    ut = (e, t) => !!(it[e] || (e === 'a' && t === g)),
+    at = (e, t, s) => {
+      const n = s.createElementNS(g, e)
       for (const r in t)
         r === '__self' ||
           r === 'xmlns' ||
           n.setAttributeNS(null, r, t[r].toString())
       return n
     },
-    lt = (e) => e.namespaceURI === y,
-    dt = (e, t) => t.createTextNode(e)
-  class pt {
+    ct = (e) => e.namespaceURI === g,
+    lt = (e, t) => t.createTextNode(e)
+  class ht {
     constructor(t) {
       this.value = t.toString()
     }
     render(t) {
-      const s = dt(this.value, t.document)
+      const s = lt(this.value, t.document)
       return (s.__jsx = 'TextNode'), [s]
     }
   }
-  const mt = (e) => typeof e == 'string' || typeof e == 'number',
-    ft = (e) => new pt(e),
-    bt = (e) => (mt(e) ? ft(e) : e),
-    vt = (e) => gt(e).map(bt).flat(),
-    gt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
+  const dt = (e) => typeof e == 'string' || typeof e == 'number',
+    pt = (e) => new ht(e),
+    mt = (e) => (dt(e) ? pt(e) : e),
+    ft = (e) => bt(e).map(mt).flat(),
+    bt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
     N = (e, t = {}) => e || t.children || [],
-    yt = (e, t = '') => {
+    vt = (e, t = '') => {
       const s = {},
         n = {}
       for (const r in e) {
@@ -133,19 +133,19 @@
           n[a] = o ? o.toString() : ''
         } else {
           if (o === !1) continue
-          r === '__source' ? (s.__source = e.__source) : (s[r] = Et(r, o, t))
+          r === '__source' ? (s.__source = e.__source) : (s[r] = gt(r, o, t))
         }
       }
       return { attributes: s, events: n }
     },
-    Et = (e, t, s = '') => (t == null ? s : t.toString()),
-    xt = (e, t) => {
+    gt = (e, t, s = '') => (t == null ? s : t.toString()),
+    yt = (e, t) => {
       const s = e || {},
         n = N(t, s)
       return (s.children = s.children || n), s
     },
-    j = (e, t, s, n = []) => e.reduce(wt(t, s), n).flat(),
-    wt = (e, t) => (s, n) =>
+    j = (e, t, s, n = []) => e.reduce(Et(t, s), n).flat(),
+    Et = (e, t) => (s, n) =>
       n
         ? Array.isArray(n)
           ? j(n, e, t, s)
@@ -153,7 +153,7 @@
         : s
   class O {
     constructor(t) {
-      this.collection = vt(t)
+      this.collection = ft(t)
     }
     render(t, s) {
       this.parentElement = s
@@ -169,7 +169,7 @@
       t.forEach((n) => s.appendChild(n))
     }
   }
-  class At {
+  class xt {
     constructor(t, s) {
       ;(this.type = t), (this.attributes = s)
     }
@@ -197,13 +197,13 @@
       return `${this.type}${t}${s}${n}`
     }
   }
-  class St {
+  class At {
     constructor(t, s, n = []) {
       this.type = t
-      const { events: r, attributes: o } = yt(s)
+      const { events: r, attributes: o } = vt(s)
       ;(this.events = r),
         (this.attributes = o),
-        (this.isSvg = ct(this.type, this.attributes.xmlns)),
+        (this.isSvg = ut(this.type, this.attributes.xmlns)),
         (this.children = new O(n))
     }
     render(t) {
@@ -214,19 +214,19 @@
       return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t)
     }
     generateHtmlDom(t) {
-      const s = ut(this.type, this.attributes, this.events, t)
+      const s = ot(this.type, this.attributes, this.events, t)
       return (s.__jsx = this.jsxKey()), s
     }
     generateSvgDom(t) {
-      const s = ht(this.type, this.attributes, t.document)
+      const s = at(this.type, this.attributes, t.document)
       return (s.__jsx = this.jsxKey()), s
     }
     jsxKey() {
-      return new At(this.type, this.attributes).generate()
+      return new xt(this.type, this.attributes).generate()
     }
   }
   const M = (e, t, ...s) =>
-    typeof e == 'string' ? new St(e, t, s) : e(xt(t, s))
+    typeof e == 'string' ? new At(e, t, s) : e(yt(t, s))
   M.fragment = (e, t) => {
     const s = N(t, e)
     return new O(s)
@@ -256,40 +256,42 @@
       return this.renderKit.document.querySelector(this.selector)
     }
   }
-  const Nt = (e, t, s) => {
+  const wt = (e, t, s) => {
       const n = new _t(e, t, s)
       return n.renderAndAttach(s), n
     },
     T = 'go-to-href',
+    k = 'go-to',
     b = 'navigation:location-change',
-    k = 'navigation:route-change',
-    jt = Object.freeze(
+    $ = 'navigation:route-change',
+    St = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
           linkNavigationEvent: T,
           locationChangeEvent: b,
-          routeChangeEvent: k,
+          navigationEvent: k,
+          routeChangeEvent: $,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    $ = (e) => {
-      e.createRecord('route', { host: '', path: '', query: {} })
+    P = (e) => {
+      e.create('route', { host: '', path: '', query: {} })
     },
-    F = (e) => {
+    D = (e) => {
       const t = e.closest('[href]')
       return (t && t.getAttribute('href')) || ''
     },
-    P = (e, { publish: t, window: s }) => {
+    y = (e, { publish: t, window: s }) => {
       s.history.pushState(null, '', e), t(b, null)
     },
-    D = (e, t) => {
+    F = (e, t) => {
       if (!e || !e.target) return
       e.preventDefault()
-      const s = F(e.target)
-      P(s, t)
+      const s = D(e.target)
+      y(s, t)
     },
     L = (e) =>
       e
@@ -302,40 +304,43 @@
         }, {}),
     z = (e, t) => {
       const { state: s, publish: n, window: r } = t,
-        { host: o, pathname: a, search: h } = r.location,
+        { 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), n(k, c)
+      s.store('route').update(c), n($, c)
     },
     B = (e) => {
       const { subscribe: t } = e
-      t(T, D)
+      t(T, F),
+        t(k, (s, n) => {
+          y(s, n)
+        })
     },
-    U = (e) => {
+    V = (e) => {
       const { publish: t, subscribe: s, state: n, window: r } = e
-      $(n), r.addEventListener('popstate', () => t(b, null)), s(b, z)
+      P(n), r.addEventListener('popstate', () => t(b, null)), s(b, z)
     },
-    V = (e) => {
+    K = (e) => {
       setTimeout(() => e.publish(b, null), 0)
     },
-    K = (e) => {
-      U(e), B(e), V(e)
+    R = (e) => {
+      V(e), B(e), K(e)
     },
-    Ot = Object.freeze(
+    Nt = Object.freeze(
       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,
@@ -343,7 +348,7 @@
       subscribe: r,
       bus: o,
       state: a,
-      renderKit: h,
+      renderKit: l,
     }) {
       ;(this.window = t),
         (this.document = s),
@@ -351,19 +356,19 @@
         (this.subscribe = r),
         (this.bus = o),
         (this.state = a),
-        (this.renderKit = h),
+        (this.renderKit = l),
         (this.roots = [])
     }
     render(t, s) {
-      const n = Nt(t, s, this.renderKit)
+      const n = wt(t, s, this.renderKit)
       return this.roots.push(n), n
     }
     startNavigation() {
-      K(this)
+      R(this)
     }
   }
-  const Mt = Object.freeze(
-    Object.defineProperty({ __proto__: null, App: R }, Symbol.toStringTag, {
+  const jt = Object.freeze(
+    Object.defineProperty({ __proto__: null, App: U }, Symbol.toStringTag, {
       value: 'Module',
     }),
   )
@@ -446,7 +451,7 @@
         subscribe: (n, r) => e.subscribe(n, r),
       }
     },
-    Tt = Object.freeze(
+    Ot = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
@@ -461,25 +466,54 @@
     ),
     v = (e) => Array.isArray(e),
     E = (e) => e !== null && !v(e) && typeof e == 'object',
-    kt = (e, t) => e === t,
-    $t = (e, t) => Object.keys(e).length === Object.keys(t).length,
-    Ft = (e, t) =>
-      !(E(e) && E(t)) || !$t(e, t)
+    Mt = (e, t) => e === t,
+    Tt = (e, t) => Object.keys(e).length === Object.keys(t).length,
+    kt = (e, t) =>
+      !(E(e) && E(t)) || !Tt(e, t)
         ? !1
         : Object.keys(e).every((s) => {
             const n = e[s],
               r = t[s]
             return x(n, r)
           }),
-    Pt = (e, t) =>
+    $t = (e, t) =>
       !(v(e) && v(t)) || e.length !== t.length
         ? !1
         : e.every((s, n) => {
             const r = t[n]
             return x(s, r)
           }),
-    x = (e, t) => (E(e) ? Ft(e, t) : v(e) ? Pt(e, t) : kt(e, t))
-  class g {
+    x = (e, t) => (E(e) ? kt(e, t) : v(e) ? $t(e, t) : Mt(e, t))
+  class A {
+    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 _ {
     constructor(t) {
       this.store = t
     }
@@ -487,28 +521,25 @@
       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] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
+  }
+  class Pt extends _ {
+    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 g {
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
+  const Dt = (e) => new Pt(e)
+  class Ft extends _ {
     push(t) {
       const s = [...this.value, t]
       this.update(s)
@@ -540,44 +571,17 @@
       const n = [...this.value]
       n.splice(t, 0, s), this.update(n)
     }
-  }
-  class A {
-    constructor(t) {
-      ;(this.name = t.name),
-        (this.parent = t.parent),
-        (this._value = t.value),
-        (this.initialState = structuredClone(t.value)),
-        (this.updater = new g(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)
-    }
-    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 g {
+  const Lt = (e) => new Ft(e)
+  class zt extends _ {
     toggle() {
       const t = !this.value
       this.update(t)
@@ -588,31 +592,14 @@
     setFalse() {
       this.update(!1)
     }
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-  }
-  class C extends g {
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-    updateAttribute(t, s) {
-      const n = { ...this.value }
-      ;(n[t] = s), this.update(n)
-    }
   }
-  const S = 'state'
-  class Q {
+  const Bt = { object: Dt, list: Lt, boolean: (e) => new zt(e) },
+    w = 'state'
+  class G {
     constructor(t) {
       ;(this.publisher = t),
         (this.stores = {}),
-        (this.eventNamePrefix = S),
+        (this.eventNamePrefix = w),
         (this.notifications = new Set()),
         (this.inTransaction = !1)
     }
@@ -620,18 +607,6 @@
       const n = new A({ name: t, parent: this, value: s })
       return (this.stores[t] = n), n
     }
-    createBoolean(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new G(n)), n
-    }
-    createRecord(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new C(n)), n
-    }
-    createList(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new w(n)), n
-    }
     store(t) {
       return this.stores[t] || new A({ name: t, parent: this, value: void 0 })
     }
@@ -666,24 +641,22 @@
       return `${this.eventNamePrefix}:${t}`
     }
   }
-  const W = (e) => new Q(e),
-    Dt = Object.freeze(
+  const C = (e) => new G(e),
+    Vt = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          State: Q,
+          State: G,
           Store: A,
-          StoreUpdaterBoolean: G,
-          StoreUpdaterList: w,
-          StoreUpdaterObject: C,
-          createState: W,
-          eventName: S,
+          createState: C,
+          eventName: w,
+          updaters: Bt,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     )
-  class Lt {
+  class Kt {
     constructor(t) {
       this.setupDomEnvironment(t)
     }
@@ -693,7 +666,7 @@
         this.setupState(),
         this.addBusOptions(),
         this.setRenderKit(),
-        new R({
+        new U({
           window: this.window,
           document: this.document,
           publish: this.publish,
@@ -717,7 +690,7 @@
       ;(this.publish = t), (this.subscribe = s), (this.bus = n)
     }
     setupState() {
-      this.state = W(this.publish)
+      this.state = C(this.publish)
     }
     addBusOptions() {
       this.bus.addListenerOptions({
@@ -736,8 +709,8 @@
       }
     }
   }
-  const zt = (e = {}) => {
-    const s = new Lt(e).setup()
+  const Rt = (e = {}) => {
+    const s = new Kt(e).setup()
     return s.startNavigation(), s
   }
   var i = ((e) => (
@@ -754,37 +727,37 @@
     (e[(e.changeText = 10)] = 'changeText'),
     e
   ))(i || {})
-  const Bt = Object.freeze(
+  const Ut = Object.freeze(
       Object.defineProperty(
         { __proto__: null, ChangeInstructionTypes: i },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    Ut = (e, t) => ({ source: e, target: t, type: i.changeText, data: {} }),
-    Vt = (e, t) => ({ source: e, target: t, type: i.replaceNode, data: {} }),
-    Kt = (e, t, s) => ({
+    qt = (e, t) => ({ source: e, target: t, type: i.changeText, data: {} }),
+    It = (e, t) => ({ source: e, target: t, type: i.replaceNode, data: {} }),
+    Jt = (e, t, s) => ({
       source: e,
       target: t,
       data: s,
       type: i.removeAttribute,
     }),
-    Rt = (e, t, s) => ({ source: e, target: t, data: s, type: i.addAttribute }),
-    qt = (e, t, s) => ({
+    Ht = (e, t, s) => ({ source: e, target: t, data: s, type: i.addAttribute }),
+    Gt = (e, t, s) => ({
       source: e,
       target: t,
       data: s,
       type: i.updateAttribute,
     }),
-    It = (e, t, s) => ({ source: e, target: t, data: s, type: i.removeEvent }),
-    Jt = (e, t, s) => ({ source: e, target: t, data: s, type: i.addEvent }),
-    Ht = (e, t, s) => ({ source: e, target: t, data: s, type: i.updateEvent }),
-    X = (e) => ({ source: e, target: e, type: i.removeNode, data: {} }),
-    _ = (e, t) => ({ target: e, source: e, type: i.insertNode, data: t }),
-    Gt = (e, t, s) => ({ source: e, target: t, type: i.changeValue, data: s }),
-    Ct = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
-    Y = { index: -1 }
-  class Qt {
+    Ct = (e, t, s) => ({ source: e, target: t, data: s, type: i.removeEvent }),
+    Qt = (e, t, s) => ({ source: e, target: t, data: s, type: i.addEvent }),
+    Wt = (e, t, s) => ({ source: e, target: t, data: s, type: i.updateEvent }),
+    Q = (e) => ({ source: e, target: e, type: i.removeNode, data: {} }),
+    S = (e, t) => ({ target: e, source: e, type: i.insertNode, data: t }),
+    Xt = (e, t, s) => ({ source: e, target: t, type: i.changeValue, data: s }),
+    Yt = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
+    W = { index: -1 }
+  class Zt {
     constructor() {
       this.map = {}
     }
@@ -799,7 +772,7 @@
     pullMatch(t) {
       const s = t && t.__jsx
       return !s || !(this.map[s] && this.map[s].length)
-        ? Y
+        ? W
         : this.map[s].shift()
     }
     clear(t) {
@@ -816,261 +789,261 @@
       return Object.values(this.map).flat()
     }
   }
-  const Z = (e) => {
-      const t = new Qt()
+  const X = (e) => {
+      const t = new Zt()
       return t.populate(e), t
     },
-    tt = (e, t, s = !1) => {
+    Y = (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 = r.item(u)
-        if (l) {
-          for (d = 0; d < h; d++) {
+        const h = r.item(u)
+        if (h) {
+          for (d = 0; d < l; d++) {
             const m = a.item(d)
-            if (m && l.name == m.name) {
+            if (m && h.name == m.name) {
               c = m
               break
             }
           }
           c
-            ? l.value !== c.value &&
-              n.push(qt(e, t, { name: l.name, value: c.value, isSvg: s }))
-            : n.push(Kt(e, t, { name: l.name, isSvg: s }))
+            ? h.value !== c.value &&
+              n.push(Gt(e, t, { name: h.name, value: c.value, isSvg: s }))
+            : n.push(Jt(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 m = r.item(d)
-            if (m && m.name == l.name) {
+            if (m && m.name == h.name) {
               c = m
               break
             }
           }
-          c || n.push(Rt(e, t, { name: l.name, value: l.value, isSvg: s }))
+          c || n.push(Ht(e, t, { name: h.name, value: h.value, isSvg: s }))
         }
       }
       return n
     },
-    Wt = (e, t) => {
+    te = (e, t) => {
       const s = [],
         n = e.eventMaps,
         r = t.eventMaps,
         o = Object.keys(n),
         a = Object.keys(r)
       return (
-        o.forEach((h) => {
-          const u = n[h],
-            d = r[h]
+        o.forEach((l) => {
+          const u = n[l],
+            d = r[l]
           d
             ? d.busEvent !== u.busEvent &&
               s.push(
-                Ht(e, t, {
-                  name: h,
+                Wt(e, t, {
+                  name: l,
                   targetValue: d.listener,
                   sourceValue: u.listener,
                 }),
               )
-            : s.push(It(e, t, { name: u.domEvent, value: u.listener }))
+            : s.push(Ct(e, t, { name: u.domEvent, value: u.listener }))
         }),
-        a.forEach((h) => {
-          const u = n[h],
-            d = r[h]
-          u || s.push(Jt(e, t, { name: d.domEvent, value: d.listener }))
+        a.forEach((l) => {
+          const u = n[l],
+            d = r[l]
+          u || s.push(Qt(e, t, { name: d.domEvent, value: d.listener }))
         }),
         s
       )
     },
-    Xt = (e) => e.tagName !== 'INPUT',
-    Yt = (e, t) => e.value === t.value,
-    Zt = (e, t) => {
-      if (Xt(e) || Yt(e, t)) return []
+    ee = (e) => e.tagName !== 'INPUT',
+    se = (e, t) => e.value === t.value,
+    ne = (e, t) => {
+      if (ee(e) || se(e, t)) return []
       const s = e,
         n = t
-      return [Gt(s, n, { name: 'value', value: n.value })]
+      return [Xt(s, n, { name: 'value', value: n.value })]
     },
-    te = (e, t) => {
-      const s = tt(e, t),
-        n = Wt(e, t),
-        r = Zt(e, t)
+    re = (e, t) => {
+      const s = Y(e, t),
+        n = te(e, t),
+        r = ne(e, t)
       return s.concat(n).concat(r)
     },
-    ee = (e, t) => tt(e, t, !0),
-    se = (e, t) => (e.textContent !== t.textContent ? [Ut(e, t)] : []),
-    ne = (e, t, s) => {
+    oe = (e, t) => Y(e, t, !0),
+    ie = (e, t) => (e.textContent !== t.textContent ? [qt(e, t)] : []),
+    ue = (e, t, s) => {
       let n = []
-      if (e.nodeType === 1 && lt(e)) {
+      if (e.nodeType === 1 && ct(e)) {
         const r = e,
           o = t,
-          a = ee(r, o),
-          h = s(r.childNodes, o.childNodes, r)
-        n = a.concat(h)
+          a = oe(r, o),
+          l = s(r.childNodes, o.childNodes, r)
+        n = a.concat(l)
       } else if (e.nodeType === 1) {
         const r = e,
           o = t,
-          a = te(r, o),
-          h = s(r.childNodes, o.childNodes, r)
-        n = a.concat(h)
-      } else e.nodeType === 3 && (n = se(e, t))
+          a = re(r, o),
+          l = s(r.childNodes, o.childNodes, r)
+        n = a.concat(l)
+      } else e.nodeType === 3 && (n = ie(e, t))
       return n
     },
-    et = (e, t, s) => {
+    Z = (e, t, s) => {
       const n = [],
-        r = re(e, t),
-        o = Z(e),
-        a = Z(t),
-        h = []
+        r = ae(e, t),
+        o = X(e),
+        a = X(t),
+        l = []
       let u = 0
       for (; u < r; u++) {
         const c = e[u],
-          l = t[u]
-        if (l && a.check(l)) {
-          const m = o.pullMatch(l)
-          a.clear(l),
+          h = t[u]
+        if (h && a.check(h)) {
+          const m = o.pullMatch(h)
+          a.clear(h),
             m.element
-              ? (m.index !== u && n.push(_(m.element, { parent: s, index: u })),
-                h.push({ source: m.element, target: l }))
+              ? (m.index !== u && n.push(S(m.element, { parent: s, index: u })),
+                l.push({ source: m.element, target: h }))
               : c
                 ? a.check(c)
-                  ? n.push(_(l, { parent: s, index: u }))
-                  : (o.clear(c), n.push(Vt(c, l)))
-                : n.push(_(l, { parent: s, index: u }))
-        } else c && o.pullMatch(c).element && n.push(X(c))
+                  ? n.push(S(h, { parent: s, index: u }))
+                  : (o.clear(c), n.push(It(c, h)))
+                : n.push(S(h, { parent: s, index: u }))
+        } else c && o.pullMatch(c).element && n.push(Q(c))
       }
       o.remaining().forEach(({ element: c }) => {
-        n.push(X(c))
+        n.push(Q(c))
       })
-      const d = h.reduce(
-        (c, { source: l, target: m }) => c.concat(ne(l, m, et)),
+      const d = l.reduce(
+        (c, { source: h, target: m }) => c.concat(ue(h, m, Z)),
         [],
       )
-      return n.concat(d).sort(Ct)
+      return n.concat(d).sort(Yt)
     },
-    re = (e, t) => {
+    ae = (e, t) => {
       const s = e.length,
         n = t.length
       return s > n ? s : n
     },
-    oe = (e, t, s) => {
-      const n = et(e, t, s)
+    ce = (e, t, s) => {
+      const n = Z(e, t, s)
       return (
         n.forEach((r) => {
-          ie(r)
+          le(r)
         }),
         n
       )
     },
-    ie = (e) => {
-      ;(ge[e.type] || ue)(e)
+    le = (e) => {
+      ;(Ae[e.type] || he)(e)
     },
-    ue = (e) => {},
-    ae = (e) => {
+    he = (e) => {},
+    de = (e) => {
       const { source: t, target: s } = e
       t.nodeValue = s.textContent
     },
-    ce = (e) => {
+    pe = (e) => {
       const { source: t } = e
       t.remove()
     },
-    he = (e) => {
+    me = (e) => {
       const { target: t, data: s } = e,
         { parent: n, index: r } = s,
         o = n.childNodes[r]
       o ? o && o !== t && n.insertBefore(t, o) : n.appendChild(t)
     },
-    le = (e) => {
+    fe = (e) => {
       const { source: t, target: s } = e
       t.replaceWith(s)
     },
-    de = (e) => {
+    be = (e) => {
       const { source: t, data: s } = e,
         { name: n, isSvg: r } = s
       r ? t.removeAttributeNS(null, n) : t.removeAttribute(n)
     },
-    st = (e) => {
+    tt = (e) => {
       const { source: t, data: s } = e,
         { name: n, value: r, isSvg: o } = s
       o ? t.setAttributeNS(null, n, r) : t.setAttribute(n, r)
     },
-    pe = (e) => {
-      st(e)
+    ve = (e) => {
+      tt(e)
     },
-    me = (e) => {
+    ge = (e) => {
       const t = e.data,
         s = e.source,
         { name: n, value: r } = t
       s.removeEventListener(n, r)
     },
-    fe = (e) => {
+    ye = (e) => {
       const t = e.data,
         s = e.source,
         { name: n, value: r } = t
       s.addEventListener(n, r)
     },
-    be = (e) => {
+    Ee = (e) => {
       const t = e.data,
         s = e.source,
         { name: n, sourceValue: r, targetValue: o } = t
       s.removeEventListener(n, r), s.addEventListener(n, o)
     },
-    ve = (e) => {
+    xe = (e) => {
       const t = e.data,
         s = e.source,
         { value: n } = t
       s.value = n
     },
-    ge = {
-      [i.changeText]: ae,
-      [i.removeNode]: ce,
-      [i.insertNode]: he,
-      [i.replaceNode]: le,
-      [i.removeAttribute]: de,
-      [i.addAttribute]: st,
-      [i.updateAttribute]: pe,
-      [i.removeEvent]: me,
-      [i.addEvent]: fe,
-      [i.updateEvent]: be,
-      [i.changeValue]: ve,
+    Ae = {
+      [i.changeText]: de,
+      [i.removeNode]: pe,
+      [i.insertNode]: me,
+      [i.replaceNode]: fe,
+      [i.removeAttribute]: be,
+      [i.addAttribute]: tt,
+      [i.updateAttribute]: ve,
+      [i.removeEvent]: ge,
+      [i.addEvent]: ye,
+      [i.updateEvent]: Ee,
+      [i.changeValue]: xe,
     },
-    ye = (e, t, s) => {
+    _e = (e, t, s) => {
       const n = [...t]
       return (
         e.forEach((r) => {
-          Ee(r, n, s)
+          we(r, n, s)
         }),
         n
       )
     },
-    Ee = (e, t, s) => {
-      const n = Se[e.type]
+    we = (e, t, s) => {
+      const n = Oe[e.type]
       n && n(e, t, s)
     },
-    xe = (e, t) => {
+    Se = (e, t) => {
       const { source: s } = e,
         n = t.indexOf(s)
       n >= 0 && t.splice(n, 1)
     },
-    we = (e, t, s) => {
+    Ne = (e, t, s) => {
       const { target: n } = e,
         r = e.data,
         { index: o, parent: a } = r
       s === a && t.splice(o, 0, n)
     },
-    Ae = (e, t) => {
+    je = (e, t) => {
       const { target: s, source: n } = e,
         r = t.indexOf(n)
       r >= 0 && (t[r] = s)
     },
-    Se = { [i.removeNode]: xe, [i.insertNode]: we, [i.replaceNode]: Ae }
-  class _e {
+    Oe = { [i.removeNode]: Se, [i.insertNode]: Ne, [i.replaceNode]: je }
+  class Me {
     constructor({
       Template: t,
       subscriptions: s,
@@ -1107,8 +1080,8 @@
         this.parentElement = n
       }
       const t = this.generateDom(this.renderKit),
-        s = oe(this.dom, t, this.parentElement)
-      this.dom = ye(s, this.dom, this.parentElement)
+        s = ce(this.dom, t, this.parentElement)
+      this.dom = _e(s, this.dom, this.parentElement)
     }
     subscribeForRerender() {
       const { subscribe: t } = this.renderKit
@@ -1117,68 +1090,68 @@
       })
     }
     eventName(t) {
-      return `${S}:${t}`
+      return `${w}:${t}`
     }
   }
-  const Ne = (e) => e,
-    nt = ({ Template: e, viewModel: t, subscriptions: s }) => (
+  const Te = (e) => e,
+    et = ({ Template: e, viewModel: t, subscriptions: s }) => (
       (s = s || []),
-      (t = t || Ne),
+      (t = t || Te),
       (n) =>
-        new _e({ Template: e, viewModel: t, subscriptions: s, attributes: n })
+        new Me({ Template: e, viewModel: t, subscriptions: s, attributes: n })
     ),
-    je = Object.freeze(
+    ke = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          createRouteState: $,
-          events: jt,
+          createRouteState: P,
+          events: St,
           extractQueryParams: L,
-          findHref: F,
-          navigate: P,
-          onLinkClick: D,
+          findHref: D,
+          navigate: y,
+          onLinkClick: F,
           onLocationChange: z,
-          start: Ot,
+          start: Nt,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    Oe =
+    $e =
       (e) =>
       ({ path: t }) =>
         t === e,
-    Me = () => !0,
-    rt =
+    Pe = () => !0,
+    st =
       (e) =>
       ({ route: t }) => {
         const s = e.find((n) => n.match(t))
         return s && s.Partial
       },
-    Te = Object.freeze(
+    De = Object.freeze(
       Object.defineProperty(
-        { __proto__: null, buildRouter: rt, catchAll: Me, exactPathMatch: Oe },
+        { __proto__: null, buildRouter: st, catchAll: Pe, exactPathMatch: $e },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    ke = () => ({ render: (e, t) => [] }),
-    $e = (e) => {
-      const t = rt(e)
-      return nt({
-        Template: ({ route: n }) => (t({ route: n }) || ke)(),
+    Fe = () => ({ render: (e, t) => [] }),
+    Le = (e) => {
+      const t = st(e)
+      return et({
+        Template: ({ route: n }) => (t({ route: n }) || Fe)(),
         subscriptions: ['route'],
       })
     }
-  ;(p.JaxsTypes = Bt),
-    (p.appBuilding = Mt),
-    (p.bind = nt),
-    (p.createApp = zt),
+  ;(p.JaxsTypes = Ut),
+    (p.appBuilding = jt),
+    (p.bind = et),
+    (p.createApp = Rt),
     (p.jsx = M),
-    (p.messageBus = Tt),
-    (p.navigation = je),
-    (p.routedView = $e),
-    (p.routing = Te),
-    (p.state = Dt),
+    (p.messageBus = Ot),
+    (p.navigation = ke),
+    (p.routedView = Le),
+    (p.routing = De),
+    (p.state = Vt),
     Object.defineProperty(p, Symbol.toStringTag, { value: 'Module' })
 })