jaxs 0.7.3 → 0.9.0

package/dist/jaxs.umd.cjs

@@ -1,43 +1,184 @@
-;(function (p, f) {
+;(function (p, b) {
   typeof exports == 'object' && typeof module < 'u'
-    ? f(exports)
+    ? b(exports)
     : typeof define == 'function' && define.amd
-      ? define(['exports'], f)
+      ? define(['exports'], b)
       : ((p = typeof globalThis < 'u' ? globalThis : p || self),
-        f((p.jaxs = {})))
+        b((p.jaxs = {})))
 })(this, function (p) {
   'use strict'
-  const f = (e) => typeof e == 'string',
-    v = (e) => Array.isArray(e),
-    g = (e) => e !== null && !v(e) && typeof e == 'object',
-    rt = (e, t) => t.createElement(e),
-    it = (e, t) => {
+  const b = (e, t) => e.reduce((s, r) => (r !== t && s.push(r), s), []),
+    j = (e, t) => e.reduce((s, r) => (t(r) || s.push(r), s), []),
+    O = (e, t, s) => (e.splice(t, 0, s), e),
+    ht = { remove: b, removeBy: j, insertAt: O }
+  class dt {
+    constructor(t) {
+      this.store = t
+    }
+    update(t) {
+      this.store.update(t)
+    }
+    get value() {
+      return this.store.value
+    }
+    reset() {
+      this.store.update(this.store.initialValue)
+    }
+    toggle() {
+      const t = !this.value
+      this.update(t)
+    }
+    setTrue() {
+      this.update(!0)
+    }
+    setFalse() {
+      this.update(!1)
+    }
+  }
+  const v = (e) => new dt(e),
+    pt = {
+      toggle: (e) => v(e).toggle(),
+      setTrue: (e) => v(e).setTrue(),
+      setFalse: (e) => v(e).setFalse(),
+      reset: (e) => v(e).reset(),
+    }
+  class mt {
+    constructor(t) {
+      this.store = t
+    }
+    update(t) {
+      this.store.update(t)
+    }
+    get value() {
+      return this.store.value
+    }
+    reset() {
+      this.store.update(this.store.initialValue)
+    }
+    push(t) {
+      const s = this.value
+      s.push(t), this.update(s)
+    }
+    pop() {
+      const t = this.value,
+        s = t.pop()
+      return this.update(t), s
+    }
+    unshift(t) {
+      const s = this.value
+      s.unshift(t), this.update(s)
+    }
+    shift() {
+      const t = this.value,
+        s = t.shift()
+      return this.update(t), s
+    }
+    sortBy(t) {
+      const s = this.value
+      s.sort(t), this.update(s)
+    }
+    insertAt(t, s) {
+      const r = this.value
+      O(r, t, s), this.update(r)
+    }
+    remove(t) {
+      const s = b(this.value, t)
+      this.update(s)
+    }
+    removeBy(t) {
+      const s = j(this.value, t)
+      this.update(s)
+    }
+  }
+  const f = (e) => new mt(e),
+    ft = {
+      push: (e, t) => f(e).push(t),
+      pop: (e) => f(e).pop(),
+      unshift: (e, t) => f(e).unshift(t),
+      shift: (e) => f(e).shift(),
+      sortBy: (e, t) => f(e).sortBy(t),
+      insertAt: (e, t, s) => f(e).insertAt(t, s),
+      remove: (e, t) => f(e).remove(t),
+      removeBy: (e, t) => f(e).removeBy(t),
+      reset: (e) => f(e).reset(),
+    }
+  class bt {
+    constructor(t) {
+      this.store = t
+    }
+    update(t) {
+      this.store.update(t)
+    }
+    get value() {
+      return this.store.value
+    }
+    reset() {
+      this.store.update(this.store.initialValue)
+    }
+    updateAttribute(t, s) {
+      const r = { ...this.value }
+      ;(r[t] = s), this.update(r)
+    }
+    updateDynamicAttribute(t, s) {
+      this.isKey(t) && this.isValueType(t, s) && this.updateAttribute(t, s)
+    }
+    isKey(t) {
+      return t in this.store.initialValue
+    }
+    isValueType(t, s) {
+      return typeof this.store.initialValue[t] == typeof s
+    }
+    resetAttribute(t) {
+      const s = { ...this.value },
+        r = this.store.initialValue[t]
+      ;(s[t] = r), this.update(s)
+    }
+    updateAttributes(t) {
+      const s = { ...this.value, ...t }
+      this.update(s)
+    }
+  }
+  const g = (e) => new bt(e),
+    vt = {
+      reset: (e) => g(e).reset(),
+      resetAttribute: (e, t) => g(e).resetAttribute(t),
+      updateAttribute: (e, t, s) => g(e).updateAttribute(t, s),
+      updateAttributes: (e, t) => g(e).updateAttributes(t),
+    },
+    gt = (e) => typeof e == 'boolean',
+    yt = (e) => typeof e == 'number',
+    M = (e) => typeof e == 'string',
+    y = (e) => Array.isArray(e),
+    A = (e) => e !== null && !y(e) && typeof e == 'object',
+    Et = { boolean: gt, number: yt, string: M, array: y, object: A },
+    At = (e, t) => t.createElement(e),
+    wt = (e, t) => {
       for (const s in t) {
         if (s === '__self') continue
-        const n = t[s].toString()
+        const r = t[s].toString()
         if (s === 'value') {
-          const r = e
-          r.value !== n && (r.value = n)
+          const n = e
+          n.value !== r && (n.value = r)
         } else
-          f(n) && n.trim() === '' ? e.removeAttribute(s) : e.setAttribute(s, n)
+          M(r) && r.trim() === '' ? e.removeAttribute(s) : e.setAttribute(s, r)
       }
     },
-    ot = (e, t, s) => {
-      const n = {}
-      for (const r in t) {
-        const i = t[r],
-          a = (l) => s(i, l)
-        e.addEventListener(r, a),
-          (n[r] = { domEvent: r, busEvent: i, listener: a })
+    Nt = (e, t, s) => {
+      const r = {}
+      for (const n in t) {
+        const i = t[n],
+          a = (c) => s(i, c)
+        e.addEventListener(n, a),
+          (r[n] = { domEvent: n, busEvent: i, listener: a })
       }
-      e.eventMaps = n
+      e.eventMaps = r
     },
-    ut = (e, t, s, n) => {
-      const r = rt(e, n.document)
-      return it(r, t), ot(r, s, n.publish), r
+    _t = (e, t, s, r) => {
+      const n = At(e, r.document)
+      return wt(n, t), Nt(n, s, r.publish), n
     },
-    y = 'http://www.w3.org/2000/svg',
-    at = {
+    N = 'http://www.w3.org/2000/svg',
+    xt = {
       animate: !0,
       animateMotion: !0,
       animateTransform: !0,
@@ -101,79 +242,79 @@
       use: !0,
       view: !0,
     },
-    ct = (e, t) => !!(at[e] || (e === 'a' && t === y)),
-    lt = (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
+    St = (e, t) => !!(xt[e] || (e === 'a' && t === N)),
+    Tt = (e, t, s) => {
+      const r = s.createElementNS(N, e)
+      for (const n in t)
+        n === '__self' ||
+          n === 'xmlns' ||
+          r.setAttributeNS(null, n, t[n].toString())
+      return r
     },
-    ht = (e) => e.namespaceURI === y,
-    dt = (e, t) => t.createTextNode(e)
-  class pt {
+    jt = (e) => e.namespaceURI === N,
+    Ot = (e, t) => t.createTextNode(e)
+  class Mt {
     constructor(t) {
       this.value = t.toString()
     }
     render(t) {
-      const s = dt(this.value, t.document)
+      const s = Ot(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),
-    S = (e) => vt(e).map(bt).flat(),
-    vt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
-    T = (e, t = {}) => S(e || t.children || []),
-    gt = (e, t = '') => {
+  const kt = (e) => typeof e == 'string' || typeof e == 'number',
+    $t = (e) => new Mt(e),
+    Dt = (e) => (kt(e) ? $t(e) : e),
+    k = (e) => Pt(e).map(Dt).flat(),
+    Pt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
+    $ = (e, t = {}) => k(e || t.children || []),
+    Bt = (e, t = '') => {
       const s = {},
-        n = {}
-      for (const r in e) {
-        const i = e[r]
-        if (r.match(/^on.+/i)) {
-          const a = r.slice(2).toLowerCase()
-          n[a] = i ? i.toString() : ''
+        r = {}
+      for (const n in e) {
+        const i = e[n]
+        if (n.match(/^on.+/i)) {
+          const a = n.slice(2).toLowerCase()
+          r[a] = i ? i.toString() : ''
         } else {
           if (i === !1) continue
-          r === '__source' ? (s.__source = e.__source) : (s[r] = yt(r, i, t))
+          n === '__source' ? (s.__source = e.__source) : (s[n] = Vt(n, i, t))
         }
       }
-      return { attributes: s, events: n }
+      return { attributes: s, events: r }
     },
-    yt = (e, t, s = '') => (t == null ? s : t.toString()),
-    Et = (e, t) => {
+    Vt = (e, t, s = '') => (t == null ? s : t.toString()),
+    Ft = (e, t) => {
       const s = e || {},
-        n = T(t, s)
-      return (s.children = s.children || n), s
+        r = $(t, s)
+      return (s.children = s.children || r), s
     },
-    j = (e, t, s, n = []) => e.reduce(At(t, s), n).flat(),
-    At = (e, t) => (s, n) =>
-      n
-        ? Array.isArray(n)
-          ? j(n, e, t, s)
-          : (n.render(e, t).forEach((r) => s.push(r)), s)
+    D = (e, t, s, r = []) => e.reduce(Lt(t, s), r).flat(),
+    Lt = (e, t) => (s, r) =>
+      r
+        ? Array.isArray(r)
+          ? D(r, e, t, s)
+          : (r.render(e, t).forEach((n) => s.push(n)), s)
         : s
-  class O {
+  class P {
     constructor(t) {
-      this.collection = S(t)
+      this.collection = k(t)
     }
     render(t, s) {
       this.parentElement = s
-      const n = this.generateDom(t)
-      return this.attachToParent(n), n
+      const r = this.generateDom(t)
+      return this.attachToParent(r), r
     }
     generateDom(t) {
-      return j(this.collection, t, this.parentElement)
+      return D(this.collection, t, this.parentElement)
     }
     attachToParent(t) {
       if (this.parentElement === void 0) return
       const s = this.parentElement
-      t.forEach((n) => s.appendChild(n))
+      t.forEach((r) => s.appendChild(r))
     }
   }
-  class xt {
+  class zt {
     constructor(t, s) {
       ;(this.type = t), (this.attributes = s)
     }
@@ -189,26 +330,26 @@
         const {
           fileName: t,
           lineNumber: s,
-          columnNumber: n,
+          columnNumber: r,
         } = this.attributes.__source
-        return `${t}:${s}:${n}`
+        return `${t}:${s}:${r}`
       }
     }
     createKeyFromAttributes() {
       const t = this.attributes.id ? `#${this.attributes.id}` : '',
         s = this.attributes.type ? `[type=${this.attributes.type}]` : '',
-        n = this.attributes.name ? `[name=${this.attributes.name}]` : ''
-      return `${this.type}${t}${s}${n}`
+        r = this.attributes.name ? `[name=${this.attributes.name}]` : ''
+      return `${this.type}${t}${s}${r}`
     }
   }
-  class wt {
-    constructor(t, s, n = []) {
+  class Kt {
+    constructor(t, s, r = []) {
       this.type = t
-      const { events: r, attributes: i } = gt(s)
-      ;(this.events = r),
+      const { events: n, attributes: i } = Bt(s)
+      ;(this.events = n),
         (this.attributes = i),
-        (this.isSvg = ct(this.type, this.attributes.xmlns)),
-        (this.children = new O(n))
+        (this.isSvg = St(this.type, this.attributes.xmlns)),
+        (this.children = new P(r))
     }
     render(t) {
       const s = this.generateDom(t)
@@ -218,28 +359,28 @@
       return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t)
     }
     generateHtmlDom(t) {
-      const s = ut(this.type, this.attributes, this.events, t)
+      const s = _t(this.type, this.attributes, this.events, t)
       return (s.__jsx = this.jsxKey()), s
     }
     generateSvgDom(t) {
-      const s = lt(this.type, this.attributes, t.document)
+      const s = Tt(this.type, this.attributes, t.document)
       return (s.__jsx = this.jsxKey()), s
     }
     jsxKey() {
-      return new xt(this.type, this.attributes).generate()
+      return new zt(this.type, this.attributes).generate()
     }
   }
-  const M = (e, t, ...s) =>
-    typeof e == 'string' ? new wt(e, t, s) : e(Et(t, s))
-  M.fragment = (e, t) => {
-    const s = T(t, e)
-    return new O(s)
+  const B = (e, t, ...s) =>
+    typeof e == 'string' ? new Kt(e, t, s) : e(Ft(t, s))
+  B.fragment = (e, t) => {
+    const s = $(t, e)
+    return new P(s)
   }
-  class Nt {
-    constructor(t, s, n) {
+  class Rt {
+    constructor(t, s, r) {
       ;(this.template = t),
         (this.selector = s),
-        (this.renderKit = n),
+        (this.renderKit = r),
         (this.dom = [])
     }
     renderAndAttach(t) {
@@ -260,135 +401,136 @@
       return this.renderKit.document.querySelector(this.selector)
     }
   }
-  const _t = (e, t, s) => {
-      const n = new Nt(e, t, s)
-      return n.renderAndAttach(s), n
+  const Ut = (e, t, s) => {
+      const r = new Rt(e, t, s)
+      return r.renderAndAttach(s), r
     },
-    k = 'go-to-href',
-    $ = 'go-to',
-    b = 'navigation:location-change',
-    D = 'navigation:route-change',
-    St = Object.freeze(
+    V = 'go-to-href',
+    F = 'go-to',
+    E = 'navigation:location-change',
+    L = 'navigation:route-change',
+    qt = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          linkNavigationEvent: k,
-          locationChangeEvent: b,
-          navigationEvent: $,
-          routeChangeEvent: D,
+          linkNavigationEvent: V,
+          locationChangeEvent: E,
+          navigationEvent: F,
+          routeChangeEvent: L,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    P = (e) => {
+    z = (e) => {
       e.create('route', { host: '', path: '', query: {} })
     },
-    V = (e) => {
+    K = (e) => {
       const t = e.closest('[href]')
       return (t && t.getAttribute('href')) || ''
     },
-    E = (e, { publish: t, window: s }) => {
-      s.history.pushState(null, '', e), t(b, null)
+    _ = ({ payload: e, publish: t, window: s }) => {
+      s.history.pushState(null, '', e), t(E, null)
     },
-    F = (e, t) => {
-      if (!e || !e.target) return
-      e.preventDefault()
-      const s = V(e.target)
-      E(s, t)
+    R = (e) => {
+      const t = e.payload
+      if (!t || !t.target) return
+      t.preventDefault()
+      const s = K(t.target)
+      _({ ...e, payload: s })
     },
-    L = (e) =>
+    U = (e) =>
       e
         .replace(/^\?/, '')
         .split('&')
         .reduce((t, s) => {
           if (!s) return t
-          const n = s.split('=')
-          return (t[n[0]] = n[1]), t
+          const r = s.split('=')
+          return (t[r[0]] = r[1]), t
         }, {}),
-    z = (e, t) => {
-      const { state: s, publish: n, window: r } = t,
-        { host: i, pathname: a, search: l } = r.location,
-        u = a,
-        d = L(l),
-        c = { host: i, path: u, query: d }
-      s.store('route').update(c), n(D, c)
+    q = (e) => {
+      const { state: t, publish: s, window: r } = e,
+        { host: n, pathname: i, search: a } = r.location,
+        c = i,
+        u = U(a),
+        h = { host: n, path: c, query: u }
+      t.store('route').update(h), s(L, h)
     },
-    B = (e) => {
+    C = (e) => {
       const { subscribe: t } = e
-      t(k, F),
-        t($, (s, n) => {
-          E(s, n)
+      t(V, R),
+        t(F, (s) => {
+          _(s)
         })
     },
-    K = (e) => {
-      const { publish: t, subscribe: s, state: n, window: r } = e
-      P(n), r.addEventListener('popstate', () => t(b, null)), s(b, z)
+    I = (e) => {
+      const { publish: t, subscribe: s, state: r, window: n } = e
+      z(r), n.addEventListener('popstate', () => t(E, null)), s(E, q)
     },
-    R = (e) => {
-      setTimeout(() => e.publish(b, null), 0)
+    J = (e) => {
+      setTimeout(() => e.publish(E, null), 0)
     },
-    U = (e) => {
-      K(e), B(e), R(e)
+    G = (e) => {
+      I(e), C(e), J(e)
     },
-    Tt = Object.freeze(
+    Ct = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          publishLocation: R,
-          startNavigation: U,
-          subscribeToHistoryChange: K,
-          subscribeToNavigation: B,
+          publishLocation: J,
+          startNavigation: G,
+          subscribeToHistoryChange: I,
+          subscribeToNavigation: C,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     )
-  class C {
+  class H {
     constructor({
       window: t,
       document: s,
-      publish: n,
-      subscribe: r,
+      publish: r,
+      subscribe: n,
       bus: i,
       state: a,
-      renderKit: l,
+      renderKit: c,
     }) {
       ;(this.window = t),
         (this.document = s),
-        (this.publish = n),
-        (this.subscribe = r),
+        (this.publish = r),
+        (this.subscribe = n),
         (this.bus = i),
         (this.state = a),
-        (this.renderKit = l),
+        (this.renderKit = c),
         (this.roots = [])
     }
     render(t, s) {
-      const n = _t(t, s, this.renderKit)
-      return this.roots.push(n), n
+      const r = Ut(t, s, this.renderKit)
+      return this.roots.push(r), r
     }
     startNavigation() {
-      U(this)
+      G(this)
     }
   }
-  const jt = Object.freeze(
-    Object.defineProperty({ __proto__: null, App: C }, Symbol.toStringTag, {
+  const It = Object.freeze(
+    Object.defineProperty({ __proto__: null, App: H }, Symbol.toStringTag, {
       value: 'Module',
     }),
   )
-  class I {
+  class Q {
     constructor() {
       this.lookup = {}
     }
-    add(t, s, n) {
+    add(t, s, r) {
       this.ensureArrayFor(t)
-      const r = { listener: s, index: n, matcher: t }
-      return this.lookup[t].push(r), () => this.remove(r)
+      const n = { listener: s, index: r, 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, n) => (n !== t && s.push(n), s),
+          (s, r) => (r !== t && s.push(r), s),
           [],
         ))
     }
@@ -399,23 +541,23 @@
       this.lookup[t] || (this.lookup[t] = [])
     }
   }
-  class q {
+  class W {
     constructor() {
       this.lookup = []
     }
-    add(t, s, n) {
-      const r = { listener: s, index: n, matcher: t }
-      return this.lookup.push(r), () => this.remove(r)
+    add(t, s, r) {
+      const n = { listener: s, index: r, matcher: t }
+      return this.lookup.push(n), () => this.remove(n)
     }
     remove(t) {
-      this.lookup = this.lookup.reduce((s, n) => (n !== t && s.push(n), 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))
     }
   }
-  class Ot {
-    constructor({ publish: t, event: s, payload: n, timer: r }) {
+  class Jt {
+    constructor({ publish: t, event: s, payload: r, timer: n }) {
       ;(this.setNewTimeout = () => {
         this.stopped ||
           setTimeout(() => {
@@ -430,10 +572,10 @@
           })),
         (this.publish = t),
         (this.event = s),
-        (this.payload = n || null),
+        (this.payload = r || null),
         (this.stop = this.stopTimeout.bind(this)),
         (this.stopped = !1),
-        (this.timer = r),
+        (this.timer = n),
         (this.startedAt = new Date().getTime()),
         (this.callCount = 0)
     }
@@ -451,36 +593,36 @@
         ((this.callCount += 1), this.publish(this.event, this.payload))
     }
   }
-  const Mt = (e) => {
+  const Gt = (e) => {
       const { offset: t, period: s } = e,
-        n = ({ callCount: r }) => (t && r == 0 ? t : s)
+        r = ({ callCount: n }) => (t && n == 0 ? t : s)
       return {
         event: e.event,
         publish: e.publish,
         payload: e.payload,
-        timer: n,
+        timer: r,
       }
     },
-    kt = (e) => {
+    Ht = (e) => {
       let t
-      'timer' in e ? (t = e) : (t = Mt(e))
-      const s = new Ot(t)
+      'timer' in e ? (t = e) : (t = Gt(e))
+      const s = new Jt(t)
       return s.start(), s.stop
     }
-  class J {
+  class X {
     constructor() {
-      ;(this.exactSubscriptions = new I()),
-        (this.fuzzySubscriptions = new q()),
+      ;(this.exactSubscriptions = new Q()),
+        (this.fuzzySubscriptions = new W()),
         (this.currentIndex = 0)
     }
     subscribe(t, s) {
-      let n
+      let r
       return (
         typeof t == 'string'
-          ? (n = this.exactSubscriptions.add(t, s, this.currentIndex))
-          : (n = this.fuzzySubscriptions.add(t, s, this.currentIndex)),
+          ? (r = this.exactSubscriptions.add(t, s, this.currentIndex))
+          : (r = this.fuzzySubscriptions.add(t, s, this.currentIndex)),
         (this.currentIndex += 1),
-        n
+        r
       )
     }
     publish(t, s) {
@@ -488,58 +630,64 @@
         ...this.exactSubscriptions.matches(t),
         ...this.fuzzySubscriptions.matches(t),
       ]
-        .sort((r, i) => r.index - i.index)
-        .forEach((r) => {
-          r.listener(s, this.listenerOptions(t))
+        .sort((n, i) => n.index - i.index)
+        .forEach((n) => {
+          n.listener(this.listenerOptions(t, s))
         })
     }
     addListenerOptions(t) {
       this.options = t
     }
-    listenerOptions(t) {
-      return { eventName: t, ...this.options, publish: this.publish.bind(this) }
+    listenerOptions(t, s) {
+      return {
+        eventName: t,
+        ...this.options,
+        publish: this.publish.bind(this),
+        payload: s,
+      }
     }
   }
-  const G = () => {
-      const e = new J()
+  const Y = () => {
+      const e = new X()
       return {
         bus: e,
-        publish: (n, r) => e.publish(n, r),
-        subscribe: (n, r) => e.subscribe(n, r),
+        publish: (r, n) => e.publish(r, n),
+        subscribe: (r, n) => e.subscribe(r, n),
       }
     },
-    $t = Object.freeze(
+    Qt = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          ExactSubscriptions: I,
-          FuzzySubscriptions: q,
-          JaxsBus: J,
-          createBus: G,
-          publishPeriodically: kt,
+          ExactSubscriptions: Q,
+          FuzzySubscriptions: W,
+          JaxsBus: X,
+          createBus: Y,
+          publishPeriodically: Ht,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    Dt = (e, t) => e === t,
-    Pt = (e, t) => Object.keys(e).length === Object.keys(t).length,
-    Vt = (e, t) =>
-      !(g(e) && g(t)) || !Pt(e, t)
+    Wt = (e, t) => e === t,
+    Xt = (e, t) => Object.keys(e).length === Object.keys(t).length,
+    Z = (e, t) =>
+      !(A(e) && A(t)) || !Xt(e, t)
         ? !1
         : Object.keys(e).every((s) => {
-            const n = e[s],
-              r = t[s]
-            return A(n, r)
+            const r = e[s],
+              n = t[s]
+            return w(r, n)
           }),
-    Ft = (e, t) =>
-      !(v(e) && v(t)) || e.length !== t.length
+    tt = (e, t) =>
+      !(y(e) && y(t)) || e.length !== t.length
         ? !1
-        : e.every((s, n) => {
-            const r = t[n]
-            return A(s, r)
+        : e.every((s, r) => {
+            const n = t[r]
+            return w(s, n)
           }),
-    A = (e, t) => (g(e) ? Vt(e, t) : v(e) ? Ft(e, t) : Dt(e, t))
+    w = (e, t) => (A(e) ? Z(e, t) : y(e) ? tt(e, t) : Wt(e, t)),
+    Yt = { objects: Z, arrays: tt, equal: w }
   class x {
     constructor(t) {
       ;(this.name = t.name),
@@ -548,7 +696,7 @@
         (this.initialValue = structuredClone(t.value))
     }
     get value() {
-      return this._value
+      return structuredClone(this._value)
     }
     set value(t) {
       throw new Error('Cannot set value directly. Use an updater!')
@@ -563,114 +711,25 @@
       } else this.updateValue(t)
     }
     updateValue(t) {
-      A(this._value, t) || ((this._value = t), this.parent.notify(this.name))
+      w(this._value, t) || ((this._value = t), this.parent.notify(this.name))
     }
     getUpdatedValue(t) {
-      return t(structuredClone(this.value))
+      return t(this.value)
     }
   }
-  class w {
-    constructor(t) {
-      this.store = t
-    }
-    update(t) {
-      this.store.update(t)
-    }
-    reset() {
-      this.store.update(this.store.initialValue)
-    }
-    get value() {
-      return this.store.value
-    }
-  }
-  class Lt extends w {
-    updateAttribute(t, s) {
-      const n = { ...this.value }
-      ;(n[t] = s), this.update(n)
-    }
-    updateDynamicAttribute(t, s) {
-      this.isKey(t) && this.isValueType(t, s) && this.updateAttribute(t, s)
-    }
-    isKey(t) {
-      return t in this.store.initialValue
-    }
-    isValueType(t, s) {
-      return typeof this.store.initialValue[t] == typeof s
-    }
-    resetAttribute(t) {
-      const s = { ...this.value },
-        n = this.store.initialValue[t]
-      ;(s[t] = n), this.update(s)
-    }
-  }
-  const zt = (e) => new Lt(e)
-  class Bt extends w {
-    push(t) {
-      const s = [...this.value, t]
-      this.update(s)
-    }
-    pop() {
-      const t = [...this.value],
-        s = t.pop()
-      return this.update(t), s
-    }
-    unshift(t) {
-      const s = [t, ...this.value]
-      this.update(s)
-    }
-    shift() {
-      const t = [...this.value],
-        s = t.shift()
-      return this.update(t), s
-    }
-    addSorter(t, s) {
-      this[t] = () => {
-        this.sortBy(s)
-      }
-    }
-    sortBy(t) {
-      const s = [...this.value]
-      s.sort(t), this.update(s)
-    }
-    insertAt(t, s) {
-      const n = [...this.value]
-      n.splice(t, 0, s), this.update(n)
-    }
-    remove(t) {
-      const s = this.value.reduce((n, r) => (r !== t && n.push(r), n), [])
-      this.update(s)
-    }
-    removeBy(t) {
-      const s = this.value.reduce((n, r) => (t(r) || n.push(r), n), [])
-      this.update(s)
-    }
-  }
-  const Kt = (e) => new Bt(e)
-  class Rt extends w {
-    toggle() {
-      const t = !this.value
-      this.update(t)
-    }
-    setTrue() {
-      this.update(!0)
-    }
-    setFalse() {
-      this.update(!1)
-    }
-  }
-  const Ut = { object: zt, list: Kt, boolean: (e) => new Rt(e) },
-    N = 'state'
-  class H {
+  const Zt = { object: g, list: f, boolean: v },
+    S = 'state'
+  class et {
     constructor(t) {
       ;(this.publisher = t),
         (this.stores = {}),
-        (this.eventNamePrefix = N),
+        (this.eventNamePrefix = S),
         (this.notifications = new Set()),
         (this.inTransaction = !1)
     }
     create(t, s) {
-      const n = new x({ name: t, parent: this, value: s })
-      return (this.stores[t] = n), n
+      const r = new x({ name: t, parent: this, value: s })
+      return (this.stores[t] = r), r
     }
     store(t) {
       return this.stores[t] || new x({ name: t, parent: this, value: void 0 })
@@ -679,7 +738,7 @@
       return this.store(t).value
     }
     getAll(t) {
-      return t.reduce((s, n) => ((s[n] = this.get(n)), s), {})
+      return t.reduce((s, r) => ((s[r] = this.get(r)), s), {})
     }
     notify(t) {
       this.inTransaction ? this.notifications.add(t) : this.publish(t)
@@ -706,22 +765,22 @@
       return `${this.eventNamePrefix}:${t}`
     }
   }
-  const Q = (e) => new H(e),
-    Ct = Object.freeze(
+  const st = (e) => new et(e),
+    te = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          State: H,
+          State: et,
           Store: x,
-          createState: Q,
-          eventName: N,
-          updaters: Ut,
+          createState: st,
+          eventName: S,
+          updaters: Zt,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     )
-  class It {
+  class ee {
     constructor(t) {
       this.setupDomEnvironment(t)
     }
@@ -731,7 +790,7 @@
         this.setupState(),
         this.addBusOptions(),
         this.setRenderKit(),
-        new C({
+        new H({
           window: this.window,
           document: this.document,
           publish: this.publish,
@@ -751,11 +810,11 @@
           : ((this.window = window), (this.document = document))
     }
     setupBus() {
-      const { publish: t, subscribe: s, bus: n } = G()
-      ;(this.publish = t), (this.subscribe = s), (this.bus = n)
+      const { publish: t, subscribe: s, bus: r } = Y()
+      ;(this.publish = t), (this.subscribe = s), (this.bus = r)
     }
     setupState() {
-      this.state = Q(this.publish)
+      this.state = st(this.publish)
     }
     addBusOptions() {
       this.bus.addListenerOptions({
@@ -774,8 +833,8 @@
       }
     }
   }
-  const qt = (e = {}) => {
-    const s = new It(e).setup()
+  const se = (e = {}) => {
+    const s = new ee(e).setup()
     return s.startNavigation(), s
   }
   var o = ((e) => (
@@ -792,59 +851,59 @@
     (e[(e.changeText = 10)] = 'changeText'),
     e
   ))(o || {})
-  const Jt = Object.freeze(
+  const re = Object.freeze(
       Object.defineProperty(
         { __proto__: null, ChangeInstructionTypes: o },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    Gt = (e, t) => ({ source: e, target: t, type: o.changeText, data: {} }),
-    Ht = (e, t) => ({ source: e, target: t, type: o.replaceNode, data: {} }),
-    Qt = (e, t, s) => ({
+    ne = (e, t) => ({ source: e, target: t, type: o.changeText, data: {} }),
+    ie = (e, t) => ({ source: e, target: t, type: o.replaceNode, data: {} }),
+    oe = (e, t, s) => ({
       source: e,
       target: t,
       data: s,
       type: o.removeAttribute,
     }),
-    Wt = (e, t, s) => ({ source: e, target: t, data: s, type: o.addAttribute }),
-    Xt = (e, t, s) => ({
+    ue = (e, t, s) => ({ source: e, target: t, data: s, type: o.addAttribute }),
+    ae = (e, t, s) => ({
       source: e,
       target: t,
       data: s,
       type: o.updateAttribute,
     }),
-    Yt = (e, t, s) => ({ source: e, target: t, data: s, type: o.removeEvent }),
-    Zt = (e, t, s) => ({ source: e, target: t, data: s, type: o.addEvent }),
-    te = (e, t, s) => ({ source: e, target: t, data: s, type: o.updateEvent }),
-    W = (e) => ({ source: e, target: e, type: o.removeNode, data: {} }),
-    _ = (e, t) => ({ target: e, source: e, type: o.insertNode, data: t }),
-    ee = (e, t, s) => ({ source: e, target: t, type: o.changeValue, data: s }),
-    se = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
-    X = { index: -1 }
-  class ne {
+    ce = (e, t, s) => ({ source: e, target: t, data: s, type: o.removeEvent }),
+    le = (e, t, s) => ({ source: e, target: t, data: s, type: o.addEvent }),
+    he = (e, t, s) => ({ source: e, target: t, data: s, type: o.updateEvent }),
+    rt = (e) => ({ source: e, target: e, type: o.removeNode, data: {} }),
+    T = (e, t) => ({ target: e, source: e, type: o.insertNode, data: t }),
+    de = (e, t, s) => ({ source: e, target: t, type: o.changeValue, data: s }),
+    pe = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
+    nt = { index: -1 }
+  class me {
     constructor() {
       this.map = {}
     }
     populate(t) {
-      t.forEach((s, n) => {
-        const r = s.__jsx
-        r &&
-          ((this.map[r] = this.map[r] || []),
-          this.map[r].push({ element: s, index: n }))
+      t.forEach((s, 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)
-        ? X
+        ? nt
         : this.map[s].shift()
     }
     clear(t) {
       const s = t && t.__jsx
       if (!(s && this.map[s] && this.map[s].length)) return
-      const n = this.map[s]
-      this.map[s] = n.reduce((r, i) => (i.element !== t && r.push(i), r), [])
+      const r = this.map[s]
+      this.map[s] = r.reduce((n, i) => (i.element !== t && n.push(i), n), [])
     }
     check(t) {
       const s = t && t.__jsx
@@ -854,270 +913,270 @@
       return Object.values(this.map).flat()
     }
   }
-  const Y = (e) => {
-      const t = new ne()
+  const it = (e) => {
+      const t = new me()
       return t.populate(e), t
     },
-    Z = (e, t, s = !1) => {
-      const n = [],
-        r = e.attributes,
-        i = r.length,
+    ot = (e, t, s = !1) => {
+      const r = [],
+        n = e.attributes,
+        i = n.length,
         a = t.attributes,
-        l = a.length
-      let u, d, c
+        c = a.length
+      let u, h, d
       for (u = 0; u < i; u++) {
-        c = null
-        const h = r.item(u)
-        if (h) {
-          for (d = 0; d < l; d++) {
-            const m = a.item(d)
-            if (m && h.name == m.name) {
-              c = m
+        d = null
+        const l = n.item(u)
+        if (l) {
+          for (h = 0; h < c; h++) {
+            const m = a.item(h)
+            if (m && l.name == m.name) {
+              d = m
               break
             }
           }
-          c
-            ? h.value !== c.value &&
-              n.push(Xt(e, t, { name: h.name, value: c.value, isSvg: s }))
-            : n.push(Qt(e, t, { name: h.name, isSvg: s }))
+          d
+            ? l.value !== d.value &&
+              r.push(ae(e, t, { name: l.name, value: d.value, isSvg: s }))
+            : r.push(oe(e, t, { name: l.name, isSvg: s }))
         }
       }
-      for (u = 0; u < l; u++) {
-        c = null
-        const h = a.item(u)
-        if (h) {
-          for (d = 0; d < i; d++) {
-            const m = r.item(d)
-            if (m && m.name == h.name) {
-              c = m
+      for (u = 0; u < c; u++) {
+        d = null
+        const l = a.item(u)
+        if (l) {
+          for (h = 0; h < i; h++) {
+            const m = n.item(h)
+            if (m && m.name == l.name) {
+              d = m
               break
             }
           }
-          c || n.push(Wt(e, t, { name: h.name, value: h.value, isSvg: s }))
+          d || r.push(ue(e, t, { name: l.name, value: l.value, isSvg: s }))
         }
       }
-      return n
+      return r
     },
-    re = (e, t) => {
+    fe = (e, t) => {
       const s = [],
-        n = e.eventMaps,
-        r = t.eventMaps,
-        i = Object.keys(n),
-        a = Object.keys(r)
+        r = e.eventMaps,
+        n = t.eventMaps,
+        i = Object.keys(r),
+        a = Object.keys(n)
       return (
-        i.forEach((l) => {
-          const u = n[l],
-            d = r[l]
-          d
-            ? d.busEvent !== u.busEvent &&
+        i.forEach((c) => {
+          const u = r[c],
+            h = n[c]
+          h
+            ? h.busEvent !== u.busEvent &&
               s.push(
-                te(e, t, {
-                  name: l,
-                  targetValue: d.listener,
+                he(e, t, {
+                  name: c,
+                  targetValue: h.listener,
                   sourceValue: u.listener,
                 }),
               )
-            : s.push(Yt(e, t, { name: u.domEvent, value: u.listener }))
+            : s.push(ce(e, t, { name: u.domEvent, value: u.listener }))
         }),
-        a.forEach((l) => {
-          const u = n[l],
-            d = r[l]
-          u || s.push(Zt(e, t, { name: d.domEvent, value: d.listener }))
+        a.forEach((c) => {
+          const u = r[c],
+            h = n[c]
+          u || s.push(le(e, t, { name: h.domEvent, value: h.listener }))
         }),
         s
       )
     },
-    ie = (e) => e.tagName !== 'INPUT',
-    oe = (e, t) => e.value === t.value,
-    ue = (e, t) => {
-      if (ie(e) || oe(e, t)) return []
+    be = (e) => e.tagName !== 'INPUT',
+    ve = (e, t) => e.value === t.value,
+    ge = (e, t) => {
+      if (be(e) || ve(e, t)) return []
       const s = e,
-        n = t
-      return [ee(s, n, { name: 'value', value: n.value })]
+        r = t
+      return [de(s, r, { name: 'value', value: r.value })]
     },
-    ae = (e, t) => {
-      const s = Z(e, t),
-        n = re(e, t),
-        r = ue(e, t)
-      return s.concat(n).concat(r)
+    ye = (e, t) => {
+      const s = ot(e, t),
+        r = fe(e, t),
+        n = ge(e, t)
+      return s.concat(r).concat(n)
     },
-    ce = (e, t) => Z(e, t, !0),
-    le = (e, t) => (e.textContent !== t.textContent ? [Gt(e, t)] : []),
-    he = (e, t, s) => {
-      let n = []
-      if (e.nodeType === 1 && ht(e)) {
-        const r = e,
+    Ee = (e, t) => ot(e, t, !0),
+    Ae = (e, t) => (e.textContent !== t.textContent ? [ne(e, t)] : []),
+    we = (e, t, s) => {
+      let r = []
+      if (e.nodeType === 1 && jt(e)) {
+        const n = e,
           i = t,
-          a = ce(r, i),
-          l = s(r.childNodes, i.childNodes, r)
-        n = a.concat(l)
+          a = Ee(n, i),
+          c = s(n.childNodes, i.childNodes, n)
+        r = a.concat(c)
       } else if (e.nodeType === 1) {
-        const r = e,
+        const n = e,
           i = t,
-          a = ae(r, i),
-          l = s(r.childNodes, i.childNodes, r)
-        n = a.concat(l)
-      } else e.nodeType === 3 && (n = le(e, t))
-      return n
+          a = ye(n, i),
+          c = s(n.childNodes, i.childNodes, n)
+        r = a.concat(c)
+      } else e.nodeType === 3 && (r = Ae(e, t))
+      return r
     },
-    tt = (e, t, s) => {
-      const n = [],
-        r = de(e, t),
-        i = Y(e),
-        a = Y(t),
-        l = []
+    ut = (e, t, s) => {
+      const r = [],
+        n = Ne(e, t),
+        i = it(e),
+        a = it(t),
+        c = []
       let u = 0
-      for (; u < r; u++) {
-        const c = e[u],
-          h = t[u]
-        if (h && a.check(h)) {
-          const m = i.pullMatch(h)
-          a.clear(h),
+      for (; u < n; u++) {
+        const d = e[u],
+          l = t[u]
+        if (l && a.check(l)) {
+          const m = i.pullMatch(l)
+          a.clear(l),
             m.element
-              ? (m.index !== u && n.push(_(m.element, { parent: s, index: u })),
-                l.push({ source: m.element, target: h }))
-              : c
-                ? a.check(c)
-                  ? n.push(_(h, { parent: s, index: u }))
-                  : (i.clear(c), n.push(Ht(c, h)))
-                : n.push(_(h, { parent: s, index: u }))
-        } else c && i.pullMatch(c).element && n.push(W(c))
+              ? (m.index !== u && r.push(T(m.element, { parent: s, index: u })),
+                c.push({ source: m.element, target: l }))
+              : d
+                ? a.check(d)
+                  ? r.push(T(l, { parent: s, index: u }))
+                  : (i.clear(d), r.push(ie(d, l)))
+                : r.push(T(l, { parent: s, index: u }))
+        } else d && i.pullMatch(d).element && r.push(rt(d))
       }
-      i.remaining().forEach(({ element: c }) => {
-        n.push(W(c))
+      i.remaining().forEach(({ element: d }) => {
+        r.push(rt(d))
       })
-      const d = l.reduce(
-        (c, { source: h, target: m }) => c.concat(he(h, m, tt)),
+      const h = c.reduce(
+        (d, { source: l, target: m }) => d.concat(we(l, m, ut)),
         [],
       )
-      return n.concat(d).sort(se)
+      return r.concat(h).sort(pe)
     },
-    de = (e, t) => {
+    Ne = (e, t) => {
       const s = e.length,
-        n = t.length
-      return s > n ? s : n
+        r = t.length
+      return s > r ? s : r
     },
-    pe = (e, t, s) => {
-      const n = tt(e, t, s)
+    _e = (e, t, s) => {
+      const r = ut(e, t, s)
       return (
-        n.forEach((r) => {
-          me(r)
+        r.forEach((n) => {
+          xe(n)
         }),
-        n
+        r
       )
     },
-    me = (e) => {
-      ;(Se[e.type] || fe)(e)
+    xe = (e) => {
+      ;(Fe[e.type] || Se)(e)
     },
-    fe = (e) => {},
-    be = (e) => {
+    Se = (e) => {},
+    Te = (e) => {
       const { source: t, target: s } = e
       t.nodeValue = s.textContent
     },
-    ve = (e) => {
+    je = (e) => {
       const { source: t } = e
       t.remove()
     },
-    ge = (e) => {
+    Oe = (e) => {
       const { target: t, data: s } = e,
-        { parent: n, index: r } = s,
-        i = n.childNodes[r]
-      i ? i && i !== t && n.insertBefore(t, i) : n.appendChild(t)
+        { parent: r, index: n } = s,
+        i = r.childNodes[n]
+      i ? i && i !== t && r.insertBefore(t, i) : r.appendChild(t)
     },
-    ye = (e) => {
+    Me = (e) => {
       const { source: t, target: s } = e
       t.replaceWith(s)
     },
-    Ee = (e) => {
+    ke = (e) => {
       const { source: t, data: s } = e,
-        { name: n, isSvg: r } = s
-      r ? t.removeAttributeNS(null, n) : t.removeAttribute(n)
+        { name: r, isSvg: n } = s
+      n ? t.removeAttributeNS(null, r) : t.removeAttribute(r)
     },
-    et = (e) => {
+    at = (e) => {
       const { source: t, data: s } = e,
-        { name: n, value: r, isSvg: i } = s
-      i ? t.setAttributeNS(null, n, r) : t.setAttribute(n, r)
+        { name: r, value: n, isSvg: i } = s
+      i ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n)
     },
-    Ae = (e) => {
-      et(e)
+    $e = (e) => {
+      at(e)
     },
-    xe = (e) => {
+    De = (e) => {
       const t = e.data,
         s = e.source,
-        { name: n, value: r } = t
-      s.removeEventListener(n, r)
+        { name: r, value: n } = t
+      s.removeEventListener(r, n)
     },
-    we = (e) => {
+    Pe = (e) => {
       const t = e.data,
         s = e.source,
-        { name: n, value: r } = t
-      s.addEventListener(n, r)
+        { name: r, value: n } = t
+      s.addEventListener(r, n)
     },
-    Ne = (e) => {
+    Be = (e) => {
       const t = e.data,
         s = e.source,
-        { name: n, sourceValue: r, targetValue: i } = t
-      s.removeEventListener(n, r), s.addEventListener(n, i)
+        { name: r, sourceValue: n, targetValue: i } = t
+      s.removeEventListener(r, n), s.addEventListener(r, i)
     },
-    _e = (e) => {
+    Ve = (e) => {
       const t = e.data,
         s = e.source,
-        { value: n } = t
-      s.value = n
+        { value: r } = t
+      s.value = r
     },
-    Se = {
-      [o.changeText]: be,
-      [o.removeNode]: ve,
-      [o.insertNode]: ge,
-      [o.replaceNode]: ye,
-      [o.removeAttribute]: Ee,
-      [o.addAttribute]: et,
-      [o.updateAttribute]: Ae,
-      [o.removeEvent]: xe,
-      [o.addEvent]: we,
-      [o.updateEvent]: Ne,
-      [o.changeValue]: _e,
+    Fe = {
+      [o.changeText]: Te,
+      [o.removeNode]: je,
+      [o.insertNode]: Oe,
+      [o.replaceNode]: Me,
+      [o.removeAttribute]: ke,
+      [o.addAttribute]: at,
+      [o.updateAttribute]: $e,
+      [o.removeEvent]: De,
+      [o.addEvent]: Pe,
+      [o.updateEvent]: Be,
+      [o.changeValue]: Ve,
     },
-    Te = (e, t, s) => {
-      const n = [...t]
+    Le = (e, t, s) => {
+      const r = [...t]
       return (
-        e.forEach((r) => {
-          je(r, n, s)
+        e.forEach((n) => {
+          ze(n, r, s)
         }),
-        n
+        r
       )
     },
-    je = (e, t, s) => {
-      const n = $e[e.type]
-      n && n(e, t, s)
+    ze = (e, t, s) => {
+      const r = qe[e.type]
+      r && r(e, t, s)
     },
-    Oe = (e, t) => {
+    Ke = (e, t) => {
       const { source: s } = e,
-        n = t.indexOf(s)
-      n >= 0 && t.splice(n, 1)
+        r = t.indexOf(s)
+      r >= 0 && t.splice(r, 1)
     },
-    Me = (e, t, s) => {
-      const { target: n } = e,
-        r = e.data,
-        { index: i, parent: a } = r
-      s === a && t.splice(i, 0, n)
+    Re = (e, t, s) => {
+      const { target: r } = e,
+        n = e.data,
+        { index: i, parent: a } = n
+      s === a && t.splice(i, 0, r)
     },
-    ke = (e, t) => {
-      const { target: s, source: n } = e,
-        r = t.indexOf(n)
-      r >= 0 && (t[r] = s)
+    Ue = (e, t) => {
+      const { target: s, source: r } = e,
+        n = t.indexOf(r)
+      n >= 0 && (t[n] = s)
     },
-    $e = { [o.removeNode]: Oe, [o.insertNode]: Me, [o.replaceNode]: ke }
-  class De {
+    qe = { [o.removeNode]: Ke, [o.insertNode]: Re, [o.replaceNode]: Ue }
+  class Ce {
     constructor({
       Template: t,
       subscriptions: s,
-      attributes: n,
-      viewModel: r,
+      attributes: r,
+      viewModel: n,
     }) {
       ;(this.Template = t),
-        (this.viewModel = r),
-        (this.attributes = n),
+        (this.viewModel = n),
+        (this.attributes = r),
         (this.subscriptions = s),
         (this.dom = []),
         (this.parentElement = null)
@@ -1136,17 +1195,17 @@
           ...this.attributes,
           ...this.viewModel(t.state.getAll(this.subscriptions)),
         },
-        n = this.Template(s)
-      return n ? n.render(t) : []
+        r = this.Template(s)
+      return r ? r.render(t) : []
     }
     rerender() {
       if (!this.parentElement && this.dom[0]) {
-        const n = this.dom[0].parentElement
-        this.parentElement = n
+        const r = this.dom[0].parentElement
+        this.parentElement = r
       }
       const t = this.generateDom(this.renderKit),
-        s = pe(this.dom, t, this.parentElement)
-      this.dom = Te(s, this.dom, this.parentElement)
+        s = _e(this.dom, t, this.parentElement)
+      this.dom = Le(s, this.dom, this.parentElement)
     }
     subscribeForRerender() {
       const { subscribe: t } = this.renderKit
@@ -1155,68 +1214,77 @@
       })
     }
     eventName(t) {
-      return `${N}:${t}`
+      return `${S}:${t}`
     }
   }
-  const Pe = (e) => e,
-    st = ({ Template: e, viewModel: t, subscriptions: s }) => (
+  const Ie = (e) => e,
+    ct = ({ Template: e, viewModel: t, subscriptions: s }) => (
       (s = s || []),
-      (t = t || Pe),
-      (n) =>
-        new De({ Template: e, viewModel: t, subscriptions: s, attributes: n })
+      (t = t || Ie),
+      (r) =>
+        new Ce({ Template: e, viewModel: t, subscriptions: s, attributes: r })
     ),
-    Ve =
+    Je =
       (e) =>
       ({ path: t }) =>
         t === e,
-    Fe = () => !0,
-    nt =
+    Ge = () => !0,
+    lt =
       (e) =>
       ({ route: t }) => {
-        const s = e.find((n) => n.match(t))
+        const s = e.find((r) => r.match(t))
         return s && s.Partial
       },
-    Le = Object.freeze(
+    He = Object.freeze(
       Object.defineProperty(
-        { __proto__: null, buildRouter: nt, catchAll: Fe, exactPathMatch: Ve },
+        { __proto__: null, buildRouter: lt, catchAll: Ge, exactPathMatch: Je },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     ),
-    ze = () => ({ render: (e, t) => [] }),
-    Be = (e) => {
-      const t = nt(e)
-      return st({
-        Template: ({ route: n }) => (t({ route: n }) || ze)(),
+    Qe = () => ({ render: (e, t) => [] }),
+    We = (e) => {
+      const t = lt(e)
+      return ct({
+        Template: ({ route: r }) => (t({ route: r }) || Qe)(),
         subscriptions: ['route'],
       })
     },
-    Ke = Object.freeze(
+    Xe = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          createRouteState: P,
-          events: St,
-          extractQueryParams: L,
-          findHref: V,
-          navigate: E,
-          onLinkClick: F,
-          onLocationChange: z,
-          start: Tt,
+          createRouteState: z,
+          events: qt,
+          extractQueryParams: U,
+          findHref: K,
+          navigate: _,
+          onLinkClick: R,
+          onLocationChange: q,
+          start: Ct,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
-    )
-  ;(p.JaxsTypes = Jt),
-    (p.appBuilding = jt),
-    (p.bind = st),
-    (p.createApp = qt),
-    (p.jsx = M),
-    (p.messageBus = $t),
-    (p.navigation = Ke),
-    (p.routedView = Be),
-    (p.routing = Le),
-    (p.state = Ct),
+    ),
+    Ye = {
+      RecordStore: vt,
+      BooleanStore: pt,
+      ListStore: ft,
+      ArrayModifiers: ht,
+    }
+  ;(p.Equality = Yt),
+    (p.Is = Et),
+    (p.JaxsTypes = re),
+    (p.Update = Ye),
+    (p.appBuilding = It),
+    (p.bind = ct),
+    (p.createApp = se),
+    (p.jsx = B),
+    (p.messageBus = Qt),
+    (p.navigation = Xe),
+    (p.routedView = We),
+    (p.routing = He),
+    (p.state = te),
     Object.defineProperty(p, Symbol.toStringTag, { value: 'Module' })
 })