jaxs 0.9.1 → 0.9.3

package/dist/jaxs.d.ts

@@ -51,6 +51,12 @@ export declare const ArrayModifiers: {
   ) => T[]
   insertAt: <T>(originalCollection: T[], index: number, item: T) => T[]
   appendIfUnique: <T>(originalCollection: T[], item: T) => T[]
+  push: <T>(array: T[], item: T) => number
+  pop: <T>(array: T[]) => T
+  unshift: <T>(array: T[], item: T) => number
+  shift: <T>(array: T[]) => T
+  sortBy: <T>(array: T[], sorter: (a: T, b: T) => number) => T[]
+  includes: <T>(array: T[], item: T) => boolean
 }
 
 declare type AttributeInstructionData = {
@@ -454,6 +460,8 @@ export declare const ListStore: {
   reset: <T>(store: Store<T[]>) => void
   includes: <T>(store: Store<T[]>, value: T) => boolean
   appendIfUnique: <T>(store: Store<T[]>, item: T) => void
+  findBy: <T>(store: Store<T[]>, matcherFunction: (value: T) => boolean) => T
+  replace: <T>(store: Store<T[]>, original: T, replacement: T) => void
 }
 
 declare const locationChangeEvent = 'navigation:location-change'
@@ -735,6 +743,8 @@ declare class StoreUpdaterList<T> {
   removeBy(matcherFunction: (value: T) => boolean): void
   includes(value: T): boolean
   appendIfUnique(item: T): void
+  findBy(matcherFunction: (value: T) => boolean): T
+  replace(original: T, replacement: T): void
 }
 
 declare class StoreUpdaterObject<T extends object> {

package/dist/jaxs.js

@@ -1,5 +1,11 @@
-const O = (e, t) => e.reduce((s, r) => (r !== t && s.push(r), s), []),
-  M = (e, t) => e.reduce((s, r) => (t(r) || s.push(r), s), []),
+const O = (e, t) => {
+    for (let s = e.length - 1; s >= 0; s--) e[s] === t && e.splice(s, 1)
+    return e
+  },
+  M = (e, t) => {
+    for (let s = e.length - 1; s >= 0; s--) t(e[s]) && e.splice(s, 1)
+    return e
+  },
   k = (e, t, s) => (e.splice(t, 0, s), e),
   $ = (e, t) => (e.includes(t) || e.push(t), e),
   Ve = {
@@ -7,6 +13,18 @@ const O = (e, t) => e.reduce((s, r) => (r !== t && s.push(r), s), []),
     removeBy: M,
     insertAt: k,
     appendIfUnique: $,
+    push: (e, t) => e.push(t),
+    // mutates
+    pop: (e) => e.pop(),
+    // mutates
+    unshift: (e, t) => e.unshift(t),
+    // mutates
+    shift: (e) => e.shift(),
+    // mutates
+    sortBy: (e, t) => e.sort(t),
+    // mutates
+    includes: (e, t) => e.includes(t),
+    // reader
   }
 class ct {
   constructor(t) {
@@ -101,6 +119,14 @@ class lt {
     const s = this.value
     $(s, t), this.update(s)
   }
+  findBy(t) {
+    return this.value.find(t)
+  }
+  replace(t, s) {
+    const r = this.value,
+      n = r.indexOf(t)
+    n !== -1 && ((r[n] = s), this.update(r))
+  }
 }
 const m = (e) => new lt(e),
   ze = {
@@ -115,6 +141,8 @@ const m = (e) => new lt(e),
     reset: (e) => m(e).reset(),
     includes: (e, t) => m(e).includes(t),
     appendIfUnique: (e, t) => m(e).appendIfUnique(t),
+    findBy: (e, t) => m(e).findBy(t),
+    replace: (e, t, s) => m(e).replace(t, s),
   }
 class ht {
   constructor(t) {
@@ -165,15 +193,15 @@ const b = (e) => new ht(e),
   },
   dt = (e) => typeof e == 'boolean',
   pt = (e) => typeof e == 'number',
-  D = (e) => typeof e == 'string',
+  B = (e) => typeof e == 'string',
   v = (e) => Array.isArray(e),
-  y = (e) => e !== null && !v(e) && typeof e == 'object',
+  g = (e) => e !== null && !v(e) && typeof e == 'object',
   Re = {
     boolean: dt,
     number: pt,
-    string: D,
+    string: B,
     array: v,
-    object: y,
+    object: g,
   },
   mt = (e, t) => t.createElement(e),
   ft = (e, t) => {
@@ -184,7 +212,7 @@ const b = (e) => new ht(e),
         const n = e
         n.value !== r && (n.value = r)
       } else
-        D(r) && r.trim() === '' ? e.removeAttribute(s) : e.setAttribute(s, r)
+        B(r) && r.trim() === '' ? e.removeAttribute(s) : e.setAttribute(s, r)
     }
   },
   bt = (e, t, s) => {
@@ -206,7 +234,7 @@ const b = (e) => new ht(e),
     return ft(n, t), bt(n, s, r.publish), n
   },
   w = 'http://www.w3.org/2000/svg',
-  gt = {
+  yt = {
     animate: !0,
     animateMotion: !0,
     animateTransform: !0,
@@ -270,7 +298,7 @@ const b = (e) => new ht(e),
     use: !0,
     view: !0,
   },
-  yt = (e, t) => !!(gt[e] || (e === 'a' && t === w)),
+  gt = (e, t) => !!(yt[e] || (e === 'a' && t === w)),
   Et = (e, t, s) => {
     const r = s.createElementNS(w, e)
     for (const n in t)
@@ -293,9 +321,9 @@ class wt {
 const Nt = (e) => typeof e == 'string' || typeof e == 'number',
   _t = (e) => new wt(e),
   St = (e) => (Nt(e) ? _t(e) : e),
-  P = (e) => Tt(e).map(St).flat(),
+  D = (e) => Tt(e).map(St).flat(),
   Tt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
-  F = (e, t = {}) => P(e || t.children || []),
+  P = (e, t = {}) => D(e || t.children || []),
   jt = (e, t = '') => {
     const s = {},
       r = {}
@@ -317,19 +345,19 @@ const Nt = (e) => typeof e == 'string' || typeof e == 'number',
   Ot = (e, t, s = '') => (t == null ? s : t.toString()),
   Mt = (e, t) => {
     const s = e || {},
-      r = F(t, s)
+      r = P(t, s)
     return (s.children = s.children || r), s
   },
-  B = (e, t, s, r = []) => e.reduce(kt(t, s), r).flat(),
+  F = (e, t, s, r = []) => e.reduce(kt(t, s), r).flat(),
   kt = (e, t) => (s, r) =>
     r
       ? Array.isArray(r)
-        ? B(r, e, t, s)
+        ? F(r, e, t, s)
         : (r.render(e, t).forEach((n) => s.push(n)), s)
       : s
 class V {
   constructor(t) {
-    this.collection = P(t)
+    this.collection = D(t)
   }
   render(t, s) {
     this.parentElement = s
@@ -337,7 +365,7 @@ class V {
     return this.attachToParent(r), r
   }
   generateDom(t) {
-    return B(this.collection, t, this.parentElement)
+    return F(this.collection, t, this.parentElement)
   }
   attachToParent(t) {
     if (this.parentElement === void 0) return
@@ -371,13 +399,13 @@ class $t {
     return `${this.type}${t}${s}${r}`
   }
 }
-class Dt {
+class Bt {
   constructor(t, s, r = []) {
     this.type = t
     const { events: n, attributes: i } = jt(s)
     ;(this.events = n),
       (this.attributes = i),
-      (this.isSvg = yt(this.type, this.attributes.xmlns)),
+      (this.isSvg = gt(this.type, this.attributes.xmlns)),
       (this.children = new V(r))
   }
   render(t) {
@@ -399,13 +427,13 @@ class Dt {
     return new $t(this.type, this.attributes).generate()
   }
 }
-const Pt = (e, t, ...s) =>
-  typeof e == 'string' ? new Dt(e, t, s) : e(Mt(t, s))
-Pt.fragment = (e, t) => {
-  const s = F(t, e)
+const Dt = (e, t, ...s) =>
+  typeof e == 'string' ? new Bt(e, t, s) : e(Mt(t, s))
+Dt.fragment = (e, t) => {
+  const s = P(t, e)
   return new V(s)
 }
-class Ft {
+class Pt {
   constructor(t, s, r) {
     ;(this.template = t),
       (this.selector = s),
@@ -430,20 +458,20 @@ class Ft {
     return this.renderKit.document.querySelector(this.selector)
   }
 }
-const Bt = (e, t, s) => {
-    const r = new Ft(e, t, s)
+const Ft = (e, t, s) => {
+    const r = new Pt(e, t, s)
     return r.renderAndAttach(s), r
   },
   L = 'go-to-href',
   z = 'go-to',
-  g = 'navigation:location-change',
+  y = 'navigation:location-change',
   K = 'navigation:route-change',
   Vt = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
         linkNavigationEvent: L,
-        locationChangeEvent: g,
+        locationChangeEvent: y,
         navigationEvent: z,
         routeChangeEvent: K,
       },
@@ -463,7 +491,7 @@ const Bt = (e, t, s) => {
     return (t && t.getAttribute('href')) || ''
   },
   N = ({ payload: e, publish: t, window: s }) => {
-    s.history.pushState(null, '', e), t(g, null)
+    s.history.pushState(null, '', e), t(y, null)
   },
   q = (e) => {
     const t = e.payload
@@ -481,7 +509,7 @@ const Bt = (e, t, s) => {
         const r = s.split('=')
         return (t[r[0]] = r[1]), t
       }, {}),
-  C = (e) => {
+  J = (e) => {
     const { state: t, publish: s, window: r } = e,
       { host: n, pathname: i, search: a } = r.location,
       c = i,
@@ -493,31 +521,31 @@ const Bt = (e, t, s) => {
       }
     t.store('route').update(h), s(K, h)
   },
-  J = (e) => {
+  G = (e) => {
     const { subscribe: t } = e
     t(L, q),
       t(z, (s) => {
         N(s)
       })
   },
-  G = (e) => {
+  H = (e) => {
     const { publish: t, subscribe: s, state: r, window: n } = e
-    R(r), n.addEventListener('popstate', () => t(g, null)), s(g, C)
+    R(r), n.addEventListener('popstate', () => t(y, null)), s(y, J)
   },
-  H = (e) => {
-    setTimeout(() => e.publish(g, null), 0)
+  C = (e) => {
+    setTimeout(() => e.publish(y, null), 0)
   },
   Q = (e) => {
-    G(e), J(e), H(e)
+    H(e), G(e), C(e)
   },
   Lt = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
-        publishLocation: H,
+        publishLocation: C,
         startNavigation: Q,
-        subscribeToHistoryChange: G,
-        subscribeToNavigation: J,
+        subscribeToHistoryChange: H,
+        subscribeToNavigation: G,
       },
       Symbol.toStringTag,
       { value: 'Module' },
@@ -543,7 +571,7 @@ class W {
       (this.roots = [])
   }
   render(t, s) {
-    const r = Bt(t, s, this.renderKit)
+    const r = Ft(t, s, this.renderKit)
     return this.roots.push(r), r
   }
   startNavigation() {
@@ -722,7 +750,7 @@ const tt = () => {
   Ut = (e, t) => e === t,
   qt = (e, t) => Object.keys(e).length === Object.keys(t).length,
   et = (e, t) =>
-    !(y(e) && y(t)) || !qt(e, t)
+    !(g(e) && g(t)) || !qt(e, t)
       ? !1
       : Object.keys(e).every((s) => {
           const r = e[s],
@@ -736,7 +764,7 @@ const tt = () => {
           const n = t[r]
           return E(s, n)
         }),
-  E = (e, t) => (y(e) ? et(e, t) : v(e) ? st(e, t) : Ut(e, t)),
+  E = (e, t) => (g(e) ? et(e, t) : v(e) ? st(e, t) : Ut(e, t)),
   Ie = {
     objects: et,
     arrays: st,
@@ -833,7 +861,7 @@ class rt {
   }
 }
 const nt = (e) => new rt(e),
-  Ce = /* @__PURE__ */ Object.freeze(
+  Je = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
@@ -898,7 +926,7 @@ class It {
     }
   }
 }
-const Je = (e = {}) => {
+const Ge = (e = {}) => {
   const s = new It(e).setup()
   return s.startNavigation(), s
 }
@@ -916,7 +944,7 @@ var o = /* @__PURE__ */ ((e) => (
   (e[(e.changeText = 10)] = 'changeText'),
   e
 ))(o || {})
-const Ge = /* @__PURE__ */ Object.freeze(
+const He = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
@@ -926,25 +954,25 @@ const Ge = /* @__PURE__ */ Object.freeze(
       { value: 'Module' },
     ),
   ),
-  Ct = (e, t) => ({
+  Jt = (e, t) => ({
     source: e,
     target: t,
     type: o.changeText,
     data: {},
   }),
-  Jt = (e, t) => ({
+  Gt = (e, t) => ({
     source: e,
     target: t,
     type: o.replaceNode,
     data: {},
   }),
-  Gt = (e, t, s) => ({
+  Ht = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
     type: o.removeAttribute,
   }),
-  Ht = (e, t, s) => ({
+  Ct = (e, t, s) => ({
     source: e,
     target: t,
     data: s,
@@ -1060,7 +1088,7 @@ const j = (e) => {
                 isSvg: s,
               }),
             )
-          : r.push(Gt(e, t, { name: l.name, isSvg: s }))
+          : r.push(Ht(e, t, { name: l.name, isSvg: s }))
       }
     }
     for (u = 0; u < c; u++) {
@@ -1076,7 +1104,7 @@ const j = (e) => {
         }
         d ||
           r.push(
-            Ht(e, t, {
+            Ct(e, t, {
               name: l.name,
               value: l.value,
               isSvg: s,
@@ -1141,7 +1169,7 @@ const j = (e) => {
     return s.concat(r).concat(n)
   },
   ue = (e, t) => it(e, t, !0),
-  ae = (e, t) => (e.textContent !== t.textContent ? [Ct(e, t)] : []),
+  ae = (e, t) => (e.textContent !== t.textContent ? [Jt(e, t)] : []),
   ce = (e, t, s) => {
     let r = []
     if (e.nodeType === 1 && At(e)) {
@@ -1187,7 +1215,7 @@ const j = (e) => {
             : d
               ? a.check(d)
                 ? r.push(A(l, { parent: s, index: u }))
-                : (i.clear(d), r.push(Jt(d, l)))
+                : (i.clear(d), r.push(Gt(d, l)))
               : r.push(A(l, { parent: s, index: u }))
       } else d && i.pullMatch(d).element && r.push(S(d))
     }
@@ -1236,7 +1264,7 @@ const j = (e) => {
     const { source: t, target: s } = e
     t.replaceWith(s)
   },
-  ge = (e) => {
+  ye = (e) => {
     const { source: t, data: s } = e,
       { name: r, isSvg: n } = s
     n ? t.removeAttributeNS(null, r) : t.removeAttribute(r)
@@ -1246,7 +1274,7 @@ const j = (e) => {
       { name: r, value: n, isSvg: i } = s
     i ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n)
   },
-  ye = (e) => {
+  ge = (e) => {
     ut(e)
   },
   Ee = (e) => {
@@ -1278,9 +1306,9 @@ const j = (e) => {
     [o.removeNode]: fe,
     [o.insertNode]: be,
     [o.replaceNode]: ve,
-    [o.removeAttribute]: ge,
+    [o.removeAttribute]: ye,
     [o.addAttribute]: ut,
-    [o.updateAttribute]: ye,
+    [o.updateAttribute]: ge,
     [o.removeEvent]: Ee,
     [o.addEvent]: Ae,
     [o.updateEvent]: xe,
@@ -1366,42 +1394,42 @@ class ke {
   }
 }
 const $e = (e) => e,
-  De = ({ Template: e, viewModel: t, subscriptions: s }) => (
+  Be = ({ Template: e, viewModel: t, subscriptions: s }) => (
     (s = s || []),
     (t = t || $e),
     (r) =>
       new ke({ Template: e, viewModel: t, subscriptions: s, attributes: r })
   ),
-  Pe =
+  De =
     (e) =>
     ({ path: t }) =>
       t === e,
-  Fe = () => !0,
+  Pe = () => !0,
   at =
     (e) =>
     ({ route: t }) => {
       const s = e.find((r) => r.match(t))
       return s && s.Partial
     },
-  He = /* @__PURE__ */ Object.freeze(
+  Ce = /* @__PURE__ */ Object.freeze(
     /* @__PURE__ */ Object.defineProperty(
       {
         __proto__: null,
         buildRouter: at,
-        catchAll: Fe,
-        exactPathMatch: Pe,
+        catchAll: Pe,
+        exactPathMatch: De,
       },
       Symbol.toStringTag,
       { value: 'Module' },
     ),
   ),
-  Be = () => ({
+  Fe = () => ({
     render: (e, t) => [],
   }),
   Qe = (e) => {
     const t = at(e)
-    return De({
-      Template: ({ route: r }) => (t({ route: r }) || Be)(),
+    return Be({
+      Template: ({ route: r }) => (t({ route: r }) || Fe)(),
       subscriptions: ['route'],
     })
   },
@@ -1415,7 +1443,7 @@ const $e = (e) => e,
         findHref: U,
         navigate: N,
         onLinkClick: q,
-        onLocationChange: C,
+        onLocationChange: J,
         start: Lt,
       },
       Symbol.toStringTag,
@@ -1427,16 +1455,16 @@ export {
   Le as BooleanStore,
   Ie as Equality,
   Re as Is,
-  Ge as JaxsTypes,
+  He as JaxsTypes,
   ze as ListStore,
   Ke as RecordStore,
   Ue as appBuilding,
-  De as bind,
-  Je as createApp,
-  Pt as jsx,
+  Be as bind,
+  Ge as createApp,
+  Dt as jsx,
   qe as messageBus,
   We as navigation,
   Qe as routedView,
-  He as routing,
-  Ce as state,
+  Ce as routing,
+  Je as state,
 }

package/dist/jaxs.umd.cjs

@@ -7,11 +7,28 @@
         b((l.jaxs = {})))
 })(this, function (l) {
   'use strict'
-  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), []),
+  const b = (e, t) => {
+      for (let s = e.length - 1; s >= 0; s--) e[s] === t && e.splice(s, 1)
+      return e
+    },
+    j = (e, t) => {
+      for (let s = e.length - 1; s >= 0; s--) t(e[s]) && e.splice(s, 1)
+      return e
+    },
     O = (e, t, s) => (e.splice(t, 0, s), e),
     M = (e, t) => (e.includes(t) || e.push(t), e),
-    dt = { remove: b, removeBy: j, insertAt: O, appendIfUnique: M }
+    dt = {
+      remove: b,
+      removeBy: j,
+      insertAt: O,
+      appendIfUnique: M,
+      push: (e, t) => e.push(t),
+      pop: (e) => e.pop(),
+      unshift: (e, t) => e.unshift(t),
+      shift: (e) => e.shift(),
+      sortBy: (e, t) => e.sort(t),
+      includes: (e, t) => e.includes(t),
+    }
   class pt {
     constructor(t) {
       this.store = t
@@ -43,7 +60,7 @@
     }
   }
   const v = (e) => new pt(e),
-    mt = {
+    ft = {
       toggle: (e) => v(e).toggle(),
       setTrue: (e) => v(e).setTrue(),
       setFalse: (e) => v(e).setFalse(),
@@ -51,7 +68,7 @@
       isTrue: (e) => v(e).isTrue(),
       isFalse: (e) => v(e).isFalse(),
     }
-  class ft {
+  class mt {
     constructor(t) {
       this.store = t
     }
@@ -105,20 +122,30 @@
       const s = this.value
       M(s, t), this.update(s)
     }
+    findBy(t) {
+      return this.value.find(t)
+    }
+    replace(t, s) {
+      const r = this.value,
+        n = r.indexOf(t)
+      n !== -1 && ((r[n] = s), this.update(r))
+    }
   }
-  const f = (e) => new ft(e),
+  const m = (e) => new mt(e),
     bt = {
-      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(),
-      includes: (e, t) => f(e).includes(t),
-      appendIfUnique: (e, t) => f(e).appendIfUnique(t),
+      push: (e, t) => m(e).push(t),
+      pop: (e) => m(e).pop(),
+      unshift: (e, t) => m(e).unshift(t),
+      shift: (e) => m(e).shift(),
+      sortBy: (e, t) => m(e).sortBy(t),
+      insertAt: (e, t, s) => m(e).insertAt(t, s),
+      remove: (e, t) => m(e).remove(t),
+      removeBy: (e, t) => m(e).removeBy(t),
+      reset: (e) => m(e).reset(),
+      includes: (e, t) => m(e).includes(t),
+      appendIfUnique: (e, t) => m(e).appendIfUnique(t),
+      findBy: (e, t) => m(e).findBy(t),
+      replace: (e, t, s) => m(e).replace(t, s),
     }
   class vt {
     constructor(t) {
@@ -159,20 +186,20 @@
       return !!this.value[t]
     }
   }
-  const g = (e) => new vt(e),
-    gt = {
-      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),
-      attributeTruthy: (e, t) => g(e).attributeTruthy(t),
+  const y = (e) => new vt(e),
+    yt = {
+      reset: (e) => y(e).reset(),
+      resetAttribute: (e, t) => y(e).resetAttribute(t),
+      updateAttribute: (e, t, s) => y(e).updateAttribute(t, s),
+      updateAttributes: (e, t) => y(e).updateAttributes(t),
+      attributeTruthy: (e, t) => y(e).attributeTruthy(t),
     },
-    yt = (e) => typeof e == 'boolean',
+    gt = (e) => typeof e == 'boolean',
     Et = (e) => typeof e == 'number',
     k = (e) => typeof e == 'string',
-    y = (e) => Array.isArray(e),
-    A = (e) => e !== null && !y(e) && typeof e == 'object',
-    At = { boolean: yt, number: Et, string: k, array: y, object: A },
+    g = (e) => Array.isArray(e),
+    A = (e) => e !== null && !g(e) && typeof e == 'object',
+    At = { boolean: gt, number: Et, string: k, array: g, object: A },
     wt = (e, t) => t.createElement(e),
     Nt = (e, t) => {
       for (const s in t) {
@@ -285,11 +312,11 @@
     }
   }
   const $t = (e) => typeof e == 'string' || typeof e == 'number',
-    Dt = (e) => new kt(e),
-    Pt = (e) => ($t(e) ? Dt(e) : e),
-    $ = (e) => Bt(e).map(Pt).flat(),
-    Bt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
-    D = (e, t = {}) => $(e || t.children || []),
+    Bt = (e) => new kt(e),
+    Dt = (e) => ($t(e) ? Bt(e) : e),
+    $ = (e) => Pt(e).map(Dt).flat(),
+    Pt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
+    B = (e, t = {}) => $(e || t.children || []),
     Ft = (e, t = '') => {
       const s = {},
         r = {}
@@ -308,17 +335,17 @@
     Vt = (e, t, s = '') => (t == null ? s : t.toString()),
     Lt = (e, t) => {
       const s = e || {},
-        r = D(t, s)
+        r = B(t, s)
       return (s.children = s.children || r), s
     },
-    P = (e, t, s, r = []) => e.reduce(zt(t, s), r).flat(),
+    D = (e, t, s, r = []) => e.reduce(zt(t, s), r).flat(),
     zt = (e, t) => (s, r) =>
       r
         ? Array.isArray(r)
-          ? P(r, e, t, s)
+          ? D(r, e, t, s)
           : (r.render(e, t).forEach((n) => s.push(n)), s)
         : s
-  class B {
+  class P {
     constructor(t) {
       this.collection = $(t)
     }
@@ -328,7 +355,7 @@
       return this.attachToParent(r), r
     }
     generateDom(t) {
-      return P(this.collection, t, this.parentElement)
+      return D(this.collection, t, this.parentElement)
     }
     attachToParent(t) {
       if (this.parentElement === void 0) return
@@ -371,7 +398,7 @@
       ;(this.events = n),
         (this.attributes = i),
         (this.isSvg = Tt(this.type, this.attributes.xmlns)),
-        (this.children = new B(r))
+        (this.children = new P(r))
     }
     render(t) {
       const s = this.generateDom(t)
@@ -395,8 +422,8 @@
   const F = (e, t, ...s) =>
     typeof e == 'string' ? new Rt(e, t, s) : e(Lt(t, s))
   F.fragment = (e, t) => {
-    const s = D(t, e)
-    return new B(s)
+    const s = B(t, e)
+    return new P(s)
   }
   class Ut {
     constructor(t, s, r) {
@@ -478,31 +505,31 @@
         d = { host: n, path: c, query: u }
       t.store('route').update(d), s(z, d)
     },
-    C = (e) => {
+    J = (e) => {
       const { subscribe: t } = e
       t(V, U),
         t(L, (s) => {
           S(s)
         })
     },
-    J = (e) => {
+    G = (e) => {
       const { publish: t, subscribe: s, state: r, window: n } = e
       K(r), n.addEventListener('popstate', () => t(E, null)), s(E, I)
     },
-    G = (e) => {
+    H = (e) => {
       setTimeout(() => e.publish(E, null), 0)
     },
-    H = (e) => {
-      J(e), C(e), G(e)
+    C = (e) => {
+      G(e), J(e), H(e)
     },
-    Ct = Object.freeze(
+    Jt = Object.freeze(
       Object.defineProperty(
         {
           __proto__: null,
-          publishLocation: G,
-          startNavigation: H,
-          subscribeToHistoryChange: J,
-          subscribeToNavigation: C,
+          publishLocation: H,
+          startNavigation: C,
+          subscribeToHistoryChange: G,
+          subscribeToNavigation: J,
         },
         Symbol.toStringTag,
         { value: 'Module' },
@@ -532,10 +559,10 @@
       return this.roots.push(r), r
     }
     startNavigation() {
-      H(this)
+      C(this)
     }
   }
-  const Jt = Object.freeze(
+  const Gt = Object.freeze(
     Object.defineProperty({ __proto__: null, App: Q }, Symbol.toStringTag, {
       value: 'Module',
     }),
@@ -578,7 +605,7 @@
       return this.lookup.filter((s) => s.matcher.test(t))
     }
   }
-  class Gt {
+  class Ht {
     constructor({ publish: t, event: s, payload: r, timer: n }) {
       ;(this.setNewTimeout = () => {
         this.stopped ||
@@ -615,7 +642,7 @@
         ((this.callCount += 1), this.publish(this.event, this.payload))
     }
   }
-  const Ht = (e) => {
+  const Ct = (e) => {
       const { offset: t, period: s } = e,
         r = ({ callCount: n }) => (t && n == 0 ? t : s)
       return {
@@ -627,8 +654,8 @@
     },
     Qt = (e) => {
       let t
-      'timer' in e ? (t = e) : (t = Ht(e))
-      const s = new Gt(t)
+      'timer' in e ? (t = e) : (t = Ct(e))
+      const s = new Ht(t)
       return s.start(), s.stop
     }
   class Y {
@@ -702,13 +729,13 @@
             return w(r, n)
           }),
     et = (e, t) =>
-      !(y(e) && y(t)) || e.length !== t.length
+      !(g(e) && g(t)) || e.length !== t.length
         ? !1
         : e.every((s, r) => {
             const n = t[r]
             return w(s, n)
           }),
-    w = (e, t) => (A(e) ? tt(e, t) : y(e) ? et(e, t) : Xt(e, t)),
+    w = (e, t) => (A(e) ? tt(e, t) : g(e) ? et(e, t) : Xt(e, t)),
     Zt = { objects: tt, arrays: et, equal: w }
   class _ {
     constructor(t) {
@@ -895,7 +922,7 @@
     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),
     it = { index: -1 }
-  class me {
+  class fe {
     constructor() {
       this.map = {}
     }
@@ -928,7 +955,7 @@
     }
   }
   const ot = (e) => {
-      const t = new me()
+      const t = new fe()
       return t.populate(e), t
     },
     ut = (e, t, s = !1) => {
@@ -943,9 +970,9 @@
         const h = n.item(u)
         if (h) {
           for (d = 0; d < c; d++) {
-            const m = a.item(d)
-            if (m && h.name == m.name) {
-              p = m
+            const f = a.item(d)
+            if (f && h.name == f.name) {
+              p = f
               break
             }
           }
@@ -960,9 +987,9 @@
         const h = a.item(u)
         if (h) {
           for (d = 0; d < i; d++) {
-            const m = n.item(d)
-            if (m && m.name == h.name) {
-              p = m
+            const f = n.item(d)
+            if (f && f.name == h.name) {
+              p = f
               break
             }
           }
@@ -971,7 +998,7 @@
       }
       return r
     },
-    fe = (e, t) => {
+    me = (e, t) => {
       const s = [],
         r = e.eventMaps,
         n = t.eventMaps,
@@ -1002,16 +1029,16 @@
     },
     be = (e) => e.tagName !== 'INPUT',
     ve = (e, t) => e.value === t.value,
-    ge = (e, t) => {
+    ye = (e, t) => {
       if (be(e) || ve(e, t)) return []
       const s = e,
         r = t
       return [de(s, r, { name: 'value', value: r.value })]
     },
-    ye = (e, t) => {
+    ge = (e, t) => {
       const s = ut(e, t),
-        r = fe(e, t),
-        n = ge(e, t)
+        r = me(e, t),
+        n = ye(e, t)
       return s.concat(r).concat(n)
     },
     Ee = (e, t) => ut(e, t, !0),
@@ -1027,7 +1054,7 @@
       } else if (e.nodeType === 1) {
         const n = e,
           i = t,
-          a = ye(n, i),
+          a = ge(n, i),
           c = s(n.childNodes, i.childNodes, n)
         r = a.concat(c)
       } else e.nodeType === 3 && (r = Ae(e, t))
@@ -1044,11 +1071,11 @@
         const p = e[u],
           h = t[u]
         if (h && a.check(h)) {
-          const m = i.pullMatch(h)
+          const f = i.pullMatch(h)
           a.clear(h),
-            m.element
-              ? (m.index !== u && r.push(T(m.element, { parent: s, index: u })),
-                c.push({ source: m.element, target: h }))
+            f.element
+              ? (f.index !== u && r.push(T(f.element, { parent: s, index: u })),
+                c.push({ source: f.element, target: h }))
               : p
                 ? a.check(p)
                   ? r.push(T(h, { parent: s, index: u }))
@@ -1060,7 +1087,7 @@
         r.push(nt(p))
       })
       const d = c.reduce(
-        (p, { source: h, target: m }) => p.concat(we(h, m, at)),
+        (p, { source: h, target: f }) => p.concat(we(h, f, at)),
         [],
       )
       return r.concat(d).sort(pe)
@@ -1114,19 +1141,19 @@
     $e = (e) => {
       ct(e)
     },
-    De = (e) => {
+    Be = (e) => {
       const t = e.data,
         s = e.source,
         { name: r, value: n } = t
       s.removeEventListener(r, n)
     },
-    Pe = (e) => {
+    De = (e) => {
       const t = e.data,
         s = e.source,
         { name: r, value: n } = t
       s.addEventListener(r, n)
     },
-    Be = (e) => {
+    Pe = (e) => {
       const t = e.data,
         s = e.source,
         { name: r, sourceValue: n, targetValue: i } = t
@@ -1146,9 +1173,9 @@
       [o.removeAttribute]: ke,
       [o.addAttribute]: ct,
       [o.updateAttribute]: $e,
-      [o.removeEvent]: De,
-      [o.addEvent]: Pe,
-      [o.updateEvent]: Be,
+      [o.removeEvent]: Be,
+      [o.addEvent]: De,
+      [o.updateEvent]: Pe,
       [o.changeValue]: Fe,
     },
     Le = (e, t, s) => {
@@ -1231,27 +1258,27 @@
       return `${x}:${t}`
     }
   }
-  const Ce = (e) => e,
+  const Je = (e) => e,
     lt = ({ Template: e, viewModel: t, subscriptions: s }) => (
       (s = s || []),
-      (t = t || Ce),
+      (t = t || Je),
       (r) =>
         new Ie({ Template: e, viewModel: t, subscriptions: s, attributes: r })
     ),
-    Je =
+    Ge =
       (e) =>
       ({ path: t }) =>
         t === e,
-    Ge = () => !0,
+    He = () => !0,
     ht =
       (e) =>
       ({ route: t }) => {
         const s = e.find((r) => r.match(t))
         return s && s.Partial
       },
-    He = Object.freeze(
+    Ce = Object.freeze(
       Object.defineProperty(
-        { __proto__: null, buildRouter: ht, catchAll: Ge, exactPathMatch: Je },
+        { __proto__: null, buildRouter: ht, catchAll: He, exactPathMatch: Ge },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
@@ -1275,27 +1302,27 @@
           navigate: S,
           onLinkClick: U,
           onLocationChange: I,
-          start: Ct,
+          start: Jt,
         },
         Symbol.toStringTag,
         { value: 'Module' },
       ),
     )
   ;(l.ArrayModifiers = dt),
-    (l.BooleanStore = mt),
+    (l.BooleanStore = ft),
     (l.Equality = Zt),
     (l.Is = At),
     (l.JaxsTypes = re),
     (l.ListStore = bt),
-    (l.RecordStore = gt),
-    (l.appBuilding = Jt),
+    (l.RecordStore = yt),
+    (l.appBuilding = Gt),
     (l.bind = lt),
     (l.createApp = se),
     (l.jsx = F),
     (l.messageBus = Wt),
     (l.navigation = Xe),
     (l.routedView = We),
-    (l.routing = He),
+    (l.routing = Ce),
     (l.state = te),
     Object.defineProperty(l, Symbol.toStringTag, { value: 'Module' })
 })

package/package.json

@@ -2,7 +2,7 @@
   "name": "jaxs",
   "description": "Modular J/TSX application framework",
   "private": false,
-  "version": "0.9.1",
+  "version": "0.9.3",
   "type": "module",
   "scripts": {
     "build": "vite build; npm run lint",