jaxs 0.4.0 → 0.4.3

package/dist/jaxs.js

@@ -1,66 +1,129 @@
 const tt = (e, t) => t.createElement(e), et = (e, t) => {
   for (const s in t) {
     if (s === "__self") continue;
-    const n = t[s].toString();
-    s === "value" ? e.value = n : e.setAttribute(s, n);
+    const r = t[s].toString();
+    s === "value" ? e.value = r : e.setAttribute(s, r);
   }
 }, st = (e, t, s) => {
-  const n = {};
-  for (const r in t) {
-    const o = t[r], a = (h) => s(o, h);
-    e.addEventListener(r, a), n[r] = {
-      domEvent: r,
+  const r = {};
+  for (const n in t) {
+    const o = t[n], c = (h) => s(o, h);
+    e.addEventListener(n, c), r[n] = {
+      domEvent: n,
       busEvent: o,
-      listener: a
+      listener: c
     };
   }
-  e.eventMaps = n;
-}, nt = (e, t, s, n) => {
-  const r = tt(e, n.document);
-  return et(r, t), st(r, s, n.publish), r;
-}, N = "http://www.w3.org/2000/svg", rt = (e) => e === "svg", ot = (e, t, s) => {
-  const n = s.createElementNS(N, e);
-  for (const r in t)
-    r === "__self" || r === "xmlns" || n.setAttributeNS(null, r, t[r].toString());
-  return n;
-}, it = (e) => e.namespaceURI === N, at = (e, t) => t.createTextNode(e);
+  e.eventMaps = r;
+}, rt = (e, t, s, r) => {
+  const n = tt(e, r.document);
+  return et(n, t), st(n, s, r.publish), n;
+}, E = "http://www.w3.org/2000/svg", nt = {
+  animate: !0,
+  animateMotion: !0,
+  animateTransform: !0,
+  circle: !0,
+  clipPath: !0,
+  defs: !0,
+  desc: !0,
+  ellipse: !0,
+  feBlend: !0,
+  feColorMatrix: !0,
+  feComponentTransfer: !0,
+  feComposite: !0,
+  feConvolveMatrix: !0,
+  feDiffuseLighting: !0,
+  feDisplacementMap: !0,
+  feDistantLight: !0,
+  feDropShadow: !0,
+  feFlood: !0,
+  feFuncA: !0,
+  feFuncB: !0,
+  feFuncG: !0,
+  feFuncR: !0,
+  feGaussianBlur: !0,
+  feImage: !0,
+  feMerge: !0,
+  feMergeNode: !0,
+  feMorphology: !0,
+  feOffset: !0,
+  fePointLight: !0,
+  feSpecularLighting: !0,
+  feSpotLight: !0,
+  feTile: !0,
+  feTurbulence: !0,
+  filter: !0,
+  foreignObject: !0,
+  g: !0,
+  image: !0,
+  line: !0,
+  linearGradient: !0,
+  marker: !0,
+  mask: !0,
+  metadata: !0,
+  mpath: !0,
+  path: !0,
+  pattern: !0,
+  polygon: !0,
+  polyline: !0,
+  radialGradient: !0,
+  rect: !0,
+  script: !0,
+  set: !0,
+  stop: !0,
+  style: !0,
+  svg: !0,
+  switch: !0,
+  symbol: !0,
+  text: !0,
+  textPath: !0,
+  title: !0,
+  tspan: !0,
+  use: !0,
+  view: !0
+}, ot = (e, t) => !!(nt[e] || e === "a" && t === E), it = (e, t, s) => {
+  const r = s.createElementNS(E, e);
+  for (const n in t)
+    n === "__self" || n === "xmlns" || r.setAttributeNS(null, n, t[n].toString());
+  return r;
+}, ut = (e) => e.namespaceURI === E, at = (e, t) => t.createTextNode(e);
 class ct {
   constructor(t) {
-    this.value = t.toString(), this.isSvg = !1;
+    this.value = t.toString();
   }
   render(t) {
     const s = at(this.value, t.document);
     return s.__jsx = "TextNode", [s];
   }
 }
-const ut = (e) => typeof e == "string" || typeof e == "number", ht = (e) => new ct(e), lt = (e) => ut(e) ? ht(e) : e, dt = (e) => (t) => (t && (t.isSvg = t.isSvg || e), t), pt = (e, t) => mt(e).map(lt).flat().map(dt(t)), mt = (e) => Array.isArray(e) ? e.flat() : e ? [e] : [], j = (e, t = {}) => e || t.children || [], bt = (e, t = "") => {
-  const s = {}, n = {};
-  for (const r in e) {
-    const o = e[r];
-    if (r.match(/^on.+/i)) {
-      const a = r.slice(2).toLowerCase();
-      n[a] = o ? o.toString() : "";
+const ht = (e) => typeof e == "string" || typeof e == "number", lt = (e) => new ct(e), dt = (e) => ht(e) ? lt(e) : e, pt = (e) => mt(e).map(dt).flat(), mt = (e) => Array.isArray(e) ? e.flat() : e ? [e] : [], j = (e, t = {}) => e || t.children || [], ft = (e, t = "") => {
+  const s = {}, r = {};
+  for (const n in e) {
+    const o = e[n];
+    if (n.match(/^on.+/i)) {
+      const c = n.slice(2).toLowerCase();
+      r[c] = o ? o.toString() : "";
     } else {
       if (o === !1) continue;
-      r === "__source" ? s.__source = e.__source : s[r] = ft(r, o, t);
+      n === "__source" ? s.__source = e.__source : s[n] = bt(n, o, t);
     }
   }
   return {
     attributes: s,
-    events: n
+    events: r
   };
-}, ft = (e, t, s = "") => t == null ? s : t.toString(), vt = (e, t) => {
-  const s = e || {}, n = j(t, s);
-  return s.children = s.children || n, s;
-}, k = (e, t, s = []) => e.reduce(gt(t), s).flat(), gt = (e) => (t, s) => s ? Array.isArray(s) ? k(s, e, t) : (s.render(e).forEach((n) => t.push(n)), t) : t;
-class O {
-  constructor(t, s = !1) {
-    this.collection = pt(t, s), this.isSvg = s;
+}, bt = (e, t, s = "") => t == null ? s : t.toString(), vt = (e, t) => {
+  const s = e || {}, r = j(t, s);
+  return s.children = s.children || r, s;
+}, k = (e, t, s = []) => e.reduce(gt(t), s).flat(), gt = (e) => (t, s) => s ? Array.isArray(s) ? k(s, e, t) : (s.render(e).forEach((r) => t.push(r)), t) : t;
+class M {
+  constructor(t) {
+    this.collection = pt(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 k(this.collection, t);
@@ -68,7 +131,7 @@ class O {
   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 yt {
@@ -80,20 +143,20 @@ class yt {
   }
   sourceKey() {
     if (this.attributes.__source) {
-      const { fileName: t, lineNumber: s, columnNumber: n } = this.attributes.__source;
-      return `${t}:${s}:${n}`;
+      const { fileName: t, lineNumber: s, columnNumber: r } = this.attributes.__source;
+      return `${t}:${s}:${r}`;
     }
   }
   createKeyFromAttributes() {
-    const t = this.attributes.id ? `#${this.attributes.id}` : "", s = this.attributes.type ? `[type=${this.attributes.type}]` : "", n = this.attributes.name ? `[name=${this.attributes.name}]` : "";
-    return `${this.type}${t}${s}${n}`;
+    const t = this.attributes.id ? `#${this.attributes.id}` : "", s = this.attributes.type ? `[type=${this.attributes.type}]` : "", r = this.attributes.name ? `[name=${this.attributes.name}]` : "";
+    return `${this.type}${t}${s}${r}`;
   }
 }
 class Et {
-  constructor(t, s, n = [], r = !1) {
+  constructor(t, s, r = []) {
     this.type = t;
-    const { events: o, attributes: a } = bt(s);
-    this.events = o, this.attributes = a, this.isSvg = r || rt(this.type), this.children = new O(n, this.isSvg);
+    const { events: n, attributes: o } = ft(s);
+    this.events = n, this.attributes = o, this.isSvg = ot(this.type, this.attributes.xmlns), this.children = new M(r);
   }
   render(t) {
     const s = this.generateDom(t);
@@ -103,7 +166,7 @@ class Et {
     return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t);
   }
   generateHtmlDom(t) {
-    const s = nt(
+    const s = rt(
       this.type,
       this.attributes,
       this.events,
@@ -112,7 +175,7 @@ class Et {
     return s.__jsx = this.jsxKey(), s;
   }
   generateSvgDom(t) {
-    const s = ot(this.type, this.attributes, t.document);
+    const s = it(this.type, this.attributes, t.document);
     return s.__jsx = this.jsxKey(), s;
   }
   jsxKey() {
@@ -122,11 +185,11 @@ class Et {
 const xt = (e, t, ...s) => typeof e == "string" ? new Et(e, t, s) : e(vt(t, s));
 xt.fragment = (e, t) => {
   const s = j(t, e);
-  return new O(s);
+  return new M(s);
 };
 class At {
-  constructor(t, s, n) {
-    this.template = t, this.selector = s, this.renderKit = n, this.dom = [];
+  constructor(t, s, r) {
+    this.template = t, this.selector = s, this.renderKit = r, this.dom = [];
   }
   renderAndAttach(t) {
     this.parentElement = this.getParentElement(), this.dom = this.render({ ...t, parent: this.parentElement }), this.parentElement && this.attach();
@@ -143,89 +206,89 @@ class At {
     return this.renderKit.document.querySelector(this.selector);
   }
 }
-const St = (e, t, s) => {
-  const n = new At(e, t, s);
-  return n.renderAndAttach(s), n;
-}, $ = "go-to-href", m = "navigation:location-change", M = "navigation:route-change", _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wt = (e, t, s) => {
+  const r = new At(e, t, s);
+  return r.renderAndAttach(s), r;
+}, O = "go-to-href", m = "navigation:location-change", F = "navigation:route-change", St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  linkNavigationEvent: $,
+  linkNavigationEvent: O,
   locationChangeEvent: m,
-  routeChangeEvent: M
-}, Symbol.toStringTag, { value: "Module" })), F = (e) => {
+  routeChangeEvent: F
+}, Symbol.toStringTag, { value: "Module" })), T = (e) => {
   e.createRecord("route", {
     host: "",
     path: "",
     query: {}
   });
-}, T = (e) => {
+}, $ = (e) => {
   const t = e.closest("[href]");
   return t && t.getAttribute("href") || "";
 }, D = (e, { publish: t, window: s }) => {
   s.history.pushState(null, "", e), t(m, null);
-}, z = (e, t) => {
+}, L = (e, t) => {
   if (!e || !e.target) return;
   e.preventDefault();
-  const s = T(e.target);
+  const s = $(e.target);
   D(s, t);
-}, L = (e) => e.replace(/^\?/, "").split("&").reduce((t, s) => {
+}, B = (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;
 }, {}), P = (e, t) => {
-  const { state: s, publish: n, window: r } = t, { host: o, pathname: a, search: h } = r.location, i = a, d = L(h), u = {
+  const { state: s, publish: r, window: n } = t, { host: o, pathname: c, search: h } = n.location, i = c, d = B(h), a = {
     host: o,
     path: i,
     query: d
   };
-  s.store("route").update(u), n(M, u);
+  s.store("route").update(a), r(F, a);
 }, U = (e) => {
   const { subscribe: t } = e;
-  t($, z);
-}, B = (e) => {
-  const { publish: t, subscribe: s, state: n, window: r } = e;
-  F(n), r.addEventListener("popstate", () => t(m, null)), s(m, P);
-}, K = (e) => {
-  setTimeout(() => e.publish(m, null), 0);
+  t(O, L);
+}, z = (e) => {
+  const { publish: t, subscribe: s, state: r, window: n } = e;
+  T(r), n.addEventListener("popstate", () => t(m, null)), s(m, P);
 }, V = (e) => {
-  B(e), U(e), K(e);
-}, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  setTimeout(() => e.publish(m, null), 0);
+}, K = (e) => {
+  z(e), U(e), V(e);
+}, _t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  publishLocation: K,
-  startNavigation: V,
-  subscribeToHistoryChange: B,
+  publishLocation: V,
+  startNavigation: K,
+  subscribeToHistoryChange: z,
   subscribeToNavigation: U
 }, Symbol.toStringTag, { value: "Module" }));
 class R {
-  constructor({ window: t, document: s, publish: n, subscribe: r, bus: o, state: a, renderKit: h }) {
-    this.window = t, this.document = s, this.publish = n, this.subscribe = r, this.bus = o, this.state = a, this.renderKit = h, this.roots = [];
+  constructor({ window: t, document: s, publish: r, subscribe: n, bus: o, state: c, renderKit: h }) {
+    this.window = t, this.document = s, this.publish = r, this.subscribe = n, this.bus = o, this.state = c, this.renderKit = h, this.roots = [];
   }
   render(t, s) {
-    const n = St(t, s, this.renderKit);
-    return this.roots.push(n), n;
+    const r = wt(t, s, this.renderKit);
+    return this.roots.push(r), r;
   }
   startNavigation() {
-    V(this);
+    K(this);
   }
 }
 const pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   App: R
 }, Symbol.toStringTag, { value: "Module" }));
-class J {
+class q {
   constructor() {
     this.lookup = {};
   }
-  add(t, s, n) {
+  add(t, s, r) {
     this.ensureArrayFor(t);
-    const r = {
+    const n = {
       listener: s,
-      index: n,
+      index: r,
       matcher: t
     };
-    return this.lookup[t].push(r), () => this.remove(r);
+    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), []));
+    this.lookup[t.matcher] && (this.lookup[t.matcher] = this.lookup[t.matcher].reduce((s, r) => (r !== t && s.push(r), s), []));
   }
   matches(t) {
     return this.lookup[t] || [];
@@ -234,20 +297,20 @@ class J {
     this.lookup[t] || (this.lookup[t] = []);
   }
 }
-class q {
+class J {
   constructor() {
     this.lookup = [];
   }
-  add(t, s, n) {
-    const r = {
+  add(t, s, r) {
+    const n = {
       listener: s,
-      index: n,
+      index: r,
       matcher: t
     };
-    return this.lookup.push(r), () => this.remove(r);
+    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(
@@ -257,26 +320,26 @@ class q {
 }
 class H {
   constructor() {
-    this.exactSubscriptions = new J(), this.fuzzySubscriptions = new q(), this.currentIndex = 0;
+    this.exactSubscriptions = new q(), this.fuzzySubscriptions = new J(), this.currentIndex = 0;
   }
   subscribe(t, s) {
-    let n;
-    return typeof t == "string" ? n = this.exactSubscriptions.add(
+    let r;
+    return typeof t == "string" ? r = this.exactSubscriptions.add(
       t,
       s,
       this.currentIndex
-    ) : n = this.fuzzySubscriptions.add(
+    ) : r = this.fuzzySubscriptions.add(
       t,
       s,
       this.currentIndex
-    ), this.currentIndex += 1, n;
+    ), this.currentIndex += 1, r;
   }
   publish(t, s) {
     [
       ...this.exactSubscriptions.matches(t),
       ...this.fuzzySubscriptions.matches(t)
-    ].sort((r, o) => r.index - o.index).forEach((r) => {
-      r.listener(s, this.listenerOptions(t));
+    ].sort((n, o) => n.index - o.index).forEach((n) => {
+      n.listener(s, this.listenerOptions(t));
     });
   }
   addListenerOptions(t) {
@@ -294,22 +357,22 @@ const I = () => {
   const e = new H();
   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)
   };
 }, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ExactSubscriptions: J,
-  FuzzySubscriptions: q,
+  ExactSubscriptions: q,
+  FuzzySubscriptions: J,
   JaxsBus: H,
   createBus: I
 }, Symbol.toStringTag, { value: "Module" })), f = (e) => Array.isArray(e), g = (e) => e !== null && !f(e) && typeof e == "object", Nt = (e, t) => e === t, jt = (e, t) => Object.keys(e).length === Object.keys(t).length, kt = (e, t) => !(g(e) && g(t)) || !jt(e, t) ? !1 : Object.keys(e).every((s) => {
-  const n = e[s], r = t[s];
-  return E(n, r);
-}), Ot = (e, t) => !(f(e) && f(t)) || e.length !== t.length ? !1 : e.every((s, n) => {
-  const r = t[n];
-  return E(s, r);
-}), E = (e, t) => g(e) ? kt(e, t) : f(e) ? Ot(e, t) : Nt(e, t);
+  const r = e[s], n = t[s];
+  return x(r, n);
+}), Mt = (e, t) => !(f(e) && f(t)) || e.length !== t.length ? !1 : e.every((s, r) => {
+  const n = t[r];
+  return x(s, n);
+}), x = (e, t) => g(e) ? kt(e, t) : f(e) ? Mt(e, t) : Nt(e, t);
 class b {
   constructor(t) {
     this.store = t;
@@ -324,9 +387,9 @@ class b {
     return this.store.value;
   }
   addUpdaterFunction(t, s) {
-    this.constructor.prototype[t] = (...n) => {
-      const r = s(this.value, ...n);
-      this.update(r);
+    this.constructor.prototype[t] = (...r) => {
+      const n = s(this.value, ...r);
+      this.update(n);
     };
   }
   addUpdaterFunctions(t) {
@@ -334,7 +397,13 @@ class b {
       this.addUpdaterFunction(s, t[s]);
   }
 }
-class x extends b {
+class A extends b {
+  addUpdaterFunction(t, s) {
+    this.constructor.prototype[t] = (...r) => {
+      const n = s(this.value, ...r);
+      this.update(n);
+    };
+  }
   push(t) {
     const s = [...this.value, t];
     this.update(s);
@@ -361,8 +430,8 @@ class x extends b {
     s.sort(t), this.update(s);
   }
   insertAt(t, s) {
-    const n = [...this.value];
-    n.splice(t, 0, s), this.update(n);
+    const r = [...this.value];
+    r.splice(t, 0, s), this.update(r);
   }
 }
 class y {
@@ -383,7 +452,7 @@ class y {
       this.updateValue(t);
   }
   updateValue(t) {
-    E(this._value, t) || (this._value = t, this.parent.notify(this.name));
+    x(this._value, t) || (this._value = t, this.parent.notify(this.name));
   }
   getUpdatedValue(t) {
     return t(this.value);
@@ -395,10 +464,10 @@ class y {
     this.updater.addUpdaterFunction(t, s);
   }
   addSorter(t, s) {
-    this.updater instanceof x && this.updater.addSorter(t, s);
+    this.updater instanceof A && this.updater.addSorter(t, s);
   }
 }
-class Q extends b {
+class G extends b {
   toggle() {
     const t = !this.value;
     this.update(t);
@@ -409,37 +478,49 @@ class Q extends b {
   setFalse() {
     this.update(!1);
   }
+  addUpdaterFunction(t, s) {
+    this.constructor.prototype[t] = (...r) => {
+      const n = s(this.value, ...r);
+      this.update(n);
+    };
+  }
 }
-class W extends b {
+class C extends b {
+  addUpdaterFunction(t, s) {
+    this.constructor.prototype[t] = (...r) => {
+      const n = s(this.value, ...r);
+      this.update(n);
+    };
+  }
   updateAttribute(t, s) {
-    const n = { ...this.value };
-    n[t] = s, this.update(n);
+    const r = { ...this.value };
+    r[t] = s, this.update(r);
   }
 }
-const A = "state";
-class G {
+const w = "state";
+class Q {
   constructor(t) {
-    this.publisher = t, this.stores = {}, this.eventNamePrefix = A, this.notifications = /* @__PURE__ */ new Set(), this.inTransaction = !1;
+    this.publisher = t, this.stores = {}, this.eventNamePrefix = w, this.notifications = /* @__PURE__ */ new Set(), this.inTransaction = !1;
   }
   create(t, s) {
-    const n = new y({
+    const r = new y({
       name: t,
       parent: this,
       value: s
     });
-    return this.stores[t] = n, n;
+    return this.stores[t] = r, r;
   }
   createBoolean(t, s) {
-    const n = this.create(t, s);
-    return n.updater = new Q(n), n;
+    const r = this.create(t, s);
+    return r.updater = new G(r), r;
   }
   createRecord(t, s) {
-    const n = this.create(t, s);
-    return n.updater = new W(n), n;
+    const r = this.create(t, s);
+    return r.updater = new C(r), r;
   }
   createList(t, s) {
-    const n = this.create(t, s);
-    return n.updater = new x(n), n;
+    const r = this.create(t, s);
+    return r.updater = new A(r), r;
   }
   store(t) {
     return this.stores[t] || new y({
@@ -452,7 +533,7 @@ class G {
     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);
@@ -478,18 +559,17 @@ class G {
     return `${this.eventNamePrefix}:${t}`;
   }
 }
-const X = (e) => new G(e), be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const W = (e) => new Q(e), fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BooleanUpdater: Q,
-  JaxsState: G,
-  JaxsStore: y,
-  JaxsStoreUpdater: b,
-  ListUpdater: x,
-  ObjectUpdater: W,
-  createState: X,
-  eventName: A
+  State: Q,
+  Store: y,
+  StoreUpdaterBoolean: G,
+  StoreUpdaterList: A,
+  StoreUpdaterObject: C,
+  createState: W,
+  eventName: w
 }, Symbol.toStringTag, { value: "Module" }));
-class $t {
+class Ot {
   constructor(t) {
     this.setupDomEnvironment(t);
   }
@@ -508,11 +588,11 @@ class $t {
     t.window ? (this.window = t.window, this.document = this.window.document) : t.document ? (this.window = t.document.defaultView, this.document = t.document) : (this.window = window, this.document = document);
   }
   setupBus() {
-    const { publish: t, subscribe: s, bus: n } = I();
-    this.publish = t, this.subscribe = s, this.bus = n;
+    const { publish: t, subscribe: s, bus: r } = I();
+    this.publish = t, this.subscribe = s, this.bus = r;
   }
   setupState() {
-    this.state = X(this.publish);
+    this.state = W(this.publish);
   }
   addBusOptions() {
     this.bus.addListenerOptions({
@@ -531,82 +611,82 @@ class $t {
     };
   }
 }
-const fe = (e = {}) => {
-  const s = new $t(e).setup();
+const be = (e = {}) => {
+  const s = new Ot(e).setup();
   return s.startNavigation(), s;
 };
-var c = /* @__PURE__ */ ((e) => (e[e.removeNode = 0] = "removeNode", e[e.insertNode = 1] = "insertNode", e[e.replaceNode = 2] = "replaceNode", e[e.removeAttribute = 3] = "removeAttribute", e[e.addAttribute = 4] = "addAttribute", e[e.updateAttribute = 5] = "updateAttribute", e[e.removeEvent = 6] = "removeEvent", e[e.addEvent = 7] = "addEvent", e[e.updateEvent = 8] = "updateEvent", e[e.changeValue = 9] = "changeValue", e[e.changeText = 10] = "changeText", e))(c || {});
+var u = /* @__PURE__ */ ((e) => (e[e.removeNode = 0] = "removeNode", e[e.insertNode = 1] = "insertNode", e[e.replaceNode = 2] = "replaceNode", e[e.removeAttribute = 3] = "removeAttribute", e[e.addAttribute = 4] = "addAttribute", e[e.updateAttribute = 5] = "updateAttribute", e[e.removeEvent = 6] = "removeEvent", e[e.addEvent = 7] = "addEvent", e[e.updateEvent = 8] = "updateEvent", e[e.changeValue = 9] = "changeValue", e[e.changeText = 10] = "changeText", e))(u || {});
 const ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ChangeInstructionTypes: c
-}, Symbol.toStringTag, { value: "Module" })), Mt = (e, t) => ({
+  ChangeInstructionTypes: u
+}, Symbol.toStringTag, { value: "Module" })), Ft = (e, t) => ({
   source: e,
   target: t,
-  type: c.changeText,
+  type: u.changeText,
   data: {}
-}), Ft = (e, t) => ({
+}), Tt = (e, t) => ({
   source: e,
   target: t,
-  type: c.replaceNode,
+  type: u.replaceNode,
   data: {}
-}), Tt = (e, t, s) => ({
+}), $t = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.removeAttribute
+  type: u.removeAttribute
 }), Dt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.addAttribute
-}), zt = (e, t, s) => ({
+  type: u.addAttribute
+}), Lt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.updateAttribute
-}), Lt = (e, t, s) => ({
+  type: u.updateAttribute
+}), Bt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.removeEvent
+  type: u.removeEvent
 }), Pt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.addEvent
+  type: u.addEvent
 }), Ut = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
-  type: c.updateEvent
+  type: u.updateEvent
 }), S = (e) => ({
   source: e,
   target: e,
   // for type crap only
-  type: c.removeNode,
+  type: u.removeNode,
   data: {}
 }), v = (e, t) => ({
   target: e,
   source: e,
   // for type crap only
-  type: c.insertNode,
+  type: u.insertNode,
   data: t
-}), Bt = (e, t, s) => ({
+}), zt = (e, t, s) => ({
   source: e,
   target: t,
-  type: c.changeValue,
+  type: u.changeValue,
   data: s
-}), Kt = (e, t) => e.type > t.type ? 1 : e.type < t.type ? -1 : 0, _ = { index: -1 };
-class Vt {
+}), Vt = (e, t) => e.type > t.type ? 1 : e.type < t.type ? -1 : 0, _ = { index: -1 };
+class Kt {
   constructor() {
     this.map = {};
   }
   populate(t) {
-    t.forEach((s, n) => {
-      const r = s.__jsx;
-      r && (this.map[r] = this.map[r] || [], this.map[r].push({
+    t.forEach((s, r) => {
+      const n = s.__jsx;
+      n && (this.map[n] = this.map[n] || [], this.map[n].push({
         element: s,
-        index: n
+        index: r
       }));
     });
   }
@@ -617,8 +697,8 @@ class Vt {
   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, o) => (o.element !== t && r.push(o), r), []);
+    const r = this.map[s];
+    this.map[s] = r.reduce((n, o) => (o.element !== t && n.push(o), n), []);
   }
   check(t) {
     const s = t && t.__jsx;
@@ -628,46 +708,46 @@ class Vt {
     return Object.values(this.map).flat();
   }
 }
-const w = (e) => {
-  const t = new Vt();
+const N = (e) => {
+  const t = new Kt();
   return t.populate(e), t;
-}, Y = (e, t, s = !1) => {
-  const n = [], r = e.attributes, o = r.length, a = t.attributes, h = a.length;
-  let i, d, u;
+}, X = (e, t, s = !1) => {
+  const r = [], n = e.attributes, o = n.length, c = t.attributes, h = c.length;
+  let i, d, a;
   for (i = 0; i < o; i++) {
-    u = null;
-    const l = r.item(i);
+    a = null;
+    const l = n.item(i);
     if (l) {
       for (d = 0; d < h; d++) {
-        const p = a.item(d);
+        const p = c.item(d);
         if (p && l.name == p.name) {
-          u = p;
+          a = p;
           break;
         }
       }
-      u ? l.value !== u.value && n.push(
-        zt(e, t, {
+      a ? l.value !== a.value && r.push(
+        Lt(e, t, {
           name: l.name,
-          value: u.value,
+          value: a.value,
           isSvg: s
         })
-      ) : n.push(
-        Tt(e, t, { name: l.name, isSvg: s })
+      ) : r.push(
+        $t(e, t, { name: l.name, isSvg: s })
       );
     }
   }
   for (i = 0; i < h; i++) {
-    u = null;
-    const l = a.item(i);
+    a = null;
+    const l = c.item(i);
     if (l) {
       for (d = 0; d < o; d++) {
-        const p = r.item(d);
+        const p = n.item(d);
         if (p && p.name == l.name) {
-          u = p;
+          a = p;
           break;
         }
       }
-      u || n.push(
+      a || r.push(
         Dt(e, t, {
           name: l.name,
           value: l.value,
@@ -676,11 +756,11 @@ const w = (e) => {
       );
     }
   }
-  return n;
+  return r;
 }, Rt = (e, t) => {
-  const s = [], n = e.eventMaps, r = t.eventMaps, o = Object.keys(n), a = Object.keys(r);
+  const s = [], r = e.eventMaps, n = t.eventMaps, o = Object.keys(r), c = Object.keys(n);
   return o.forEach((h) => {
-    const i = n[h], d = r[h];
+    const i = r[h], d = n[h];
     d ? d.busEvent !== i.busEvent && s.push(
       Ut(e, t, {
         name: h,
@@ -688,13 +768,13 @@ const w = (e) => {
         sourceValue: i.listener
       })
     ) : s.push(
-      Lt(e, t, {
+      Bt(e, t, {
         name: i.domEvent,
         value: i.listener
       })
     );
-  }), a.forEach((h) => {
-    const i = n[h], d = r[h];
+  }), c.forEach((h) => {
+    const i = r[h], d = n[h];
     i || s.push(
       Pt(e, t, {
         name: d.domEvent,
@@ -702,40 +782,40 @@ const w = (e) => {
       })
     );
   }), s;
-}, Jt = (e) => e.tagName !== "INPUT", qt = (e, t) => e.value === t.value, Ht = (e, t) => {
-  if (Jt(e) || qt(e, t))
+}, qt = (e) => e.tagName !== "INPUT", Jt = (e, t) => e.value === t.value, Ht = (e, t) => {
+  if (qt(e) || Jt(e, t))
     return [];
-  const s = e, n = t;
-  return [Bt(s, n, { name: "value", value: n.value })];
+  const s = e, r = t;
+  return [zt(s, r, { name: "value", value: r.value })];
 }, It = (e, t) => {
-  const s = Y(e, t), n = Rt(e, t), r = Ht(e, t);
-  return s.concat(n).concat(r);
-}, Qt = (e, t) => Y(e, t, !0), Wt = (e, t) => e.textContent !== t.textContent ? [Mt(e, t)] : [], Gt = (e, t, s) => {
-  let n = [];
-  if (e.nodeType === 1 && it(e)) {
-    const r = e, o = t, a = Qt(r, o), h = s(
-      r.childNodes,
+  const s = X(e, t), r = Rt(e, t), n = Ht(e, t);
+  return s.concat(r).concat(n);
+}, Gt = (e, t) => X(e, t, !0), Ct = (e, t) => e.textContent !== t.textContent ? [Ft(e, t)] : [], Qt = (e, t, s) => {
+  let r = [];
+  if (e.nodeType === 1 && ut(e)) {
+    const n = e, o = t, c = Gt(n, o), h = s(
+      n.childNodes,
       o.childNodes,
-      r
+      n
     );
-    n = a.concat(h);
+    r = c.concat(h);
   } else if (e.nodeType === 1) {
-    const r = e, o = t, a = It(r, o), h = s(
-      r.childNodes,
+    const n = e, o = t, c = It(n, o), h = s(
+      n.childNodes,
       o.childNodes,
-      r
+      n
     );
-    n = a.concat(h);
-  } else e.nodeType === 3 && (n = Wt(e, t));
-  return n;
-}, Z = (e, t, s) => {
-  const n = [], r = Xt(e, t), o = w(e), a = w(t), h = [];
+    r = c.concat(h);
+  } else e.nodeType === 3 && (r = Ct(e, t));
+  return r;
+}, Y = (e, t, s) => {
+  const r = [], n = Wt(e, t), o = N(e), c = N(t), h = [];
   let i = 0;
-  for (; i < r; i++) {
-    const u = e[i], l = t[i];
-    if (l && a.check(l)) {
+  for (; i < n; i++) {
+    const a = e[i], l = t[i];
+    if (l && c.check(l)) {
       const p = o.pullMatch(l);
-      a.clear(l), p.element ? (p.index !== i && n.push(
+      c.clear(l), p.element ? (p.index !== i && r.push(
         v(p.element, {
           parent: s,
           index: i
@@ -743,35 +823,35 @@ const w = (e) => {
       ), h.push({
         source: p.element,
         target: l
-      })) : u ? a.check(u) ? n.push(
+      })) : a ? c.check(a) ? r.push(
         v(l, { parent: s, index: i })
-      ) : (o.clear(u), n.push(
-        Ft(u, l)
-      )) : n.push(
+      ) : (o.clear(a), r.push(
+        Tt(a, l)
+      )) : r.push(
         v(l, { parent: s, index: i })
       );
-    } else u && o.pullMatch(u).element && n.push(S(u));
+    } else a && o.pullMatch(a).element && r.push(S(a));
   }
-  o.remaining().forEach(({ element: u }) => {
-    n.push(S(u));
+  o.remaining().forEach(({ element: a }) => {
+    r.push(S(a));
   });
   const d = h.reduce(
-    (u, { source: l, target: p }) => u.concat(
-      Gt(l, p, Z)
+    (a, { source: l, target: p }) => a.concat(
+      Qt(l, p, Y)
     ),
     []
   );
-  return n.concat(d).sort(Kt);
-}, Xt = (e, t) => {
-  const s = e.length, n = t.length;
-  return s > n ? s : n;
-}, Yt = (e, t, s) => {
-  Z(e, t, s).forEach((r) => {
-    Zt(r);
+  return r.concat(d).sort(Vt);
+}, Wt = (e, t) => {
+  const s = e.length, r = t.length;
+  return s > r ? s : r;
+}, Xt = (e, t, s) => {
+  Y(e, t, s).forEach((n) => {
+    Yt(n);
   });
+}, Yt = (e) => {
+  (he[e.type] || Zt)(e);
 }, Zt = (e) => {
-  (he[e.type] || Ct)(e);
-}, Ct = (e) => {
 }, te = (e) => {
   const { source: t, target: s } = e;
   t.nodeValue = s.textContent;
@@ -779,47 +859,47 @@ const w = (e) => {
   const { source: t } = e;
   t.remove();
 }, se = (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);
-}, ne = (e) => {
+  const { target: t, data: s } = e, { parent: r, index: n } = s, o = r.childNodes[n];
+  o ? o && o !== t && r.insertBefore(t, o) : r.appendChild(t);
+}, re = (e) => {
   const { source: t, target: s } = e;
   t.replaceWith(s);
-}, re = (e) => {
-  const { source: t, data: s } = e, { name: n, isSvg: r } = s;
-  r ? t.removeAttributeNS(null, n) : t.removeAttribute(n);
-}, C = (e) => {
-  const { source: t, data: s } = e, { name: n, value: r, isSvg: o } = s;
-  o ? t.setAttributeNS(null, n, r) : t.setAttribute(n, r);
+}, ne = (e) => {
+  const { source: t, data: s } = e, { name: r, isSvg: n } = s;
+  n ? t.removeAttributeNS(null, r) : t.removeAttribute(r);
+}, Z = (e) => {
+  const { source: t, data: s } = e, { name: r, value: n, isSvg: o } = s;
+  o ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n);
 }, oe = (e) => {
-  C(e);
+  Z(e);
 }, ie = (e) => {
-  const t = e.data, s = e.source, { name: n, value: r } = t;
-  s.removeEventListener(n, r);
+  const t = e.data, s = e.source, { name: r, value: n } = t;
+  s.removeEventListener(r, n);
+}, ue = (e) => {
+  const t = e.data, s = e.source, { name: r, value: n } = t;
+  s.addEventListener(r, n);
 }, ae = (e) => {
-  const t = e.data, s = e.source, { name: n, value: r } = t;
-  s.addEventListener(n, r);
+  const t = e.data, s = e.source, { name: r, sourceValue: n, targetValue: o } = t;
+  s.removeEventListener(r, n), s.addEventListener(r, o);
 }, ce = (e) => {
-  const t = e.data, s = e.source, { name: n, sourceValue: r, targetValue: o } = t;
-  s.removeEventListener(n, r), s.addEventListener(n, o);
-}, ue = (e) => {
-  const t = e.data, s = e.source, { value: n } = t;
-  s.value = n;
+  const t = e.data, s = e.source, { value: r } = t;
+  s.value = r;
 }, he = {
-  [c.changeText]: te,
-  [c.removeNode]: ee,
-  [c.insertNode]: se,
-  [c.replaceNode]: ne,
-  [c.removeAttribute]: re,
-  [c.addAttribute]: C,
-  [c.updateAttribute]: oe,
-  [c.removeEvent]: ie,
-  [c.addEvent]: ae,
-  [c.updateEvent]: ce,
-  [c.changeValue]: ue
+  [u.changeText]: te,
+  [u.removeNode]: ee,
+  [u.insertNode]: se,
+  [u.replaceNode]: re,
+  [u.removeAttribute]: ne,
+  [u.addAttribute]: Z,
+  [u.updateAttribute]: oe,
+  [u.removeEvent]: ie,
+  [u.addEvent]: ue,
+  [u.updateEvent]: ae,
+  [u.changeValue]: ce
 };
 class le {
-  constructor({ Template: t, subscriptions: s, attributes: n, viewModel: r }) {
-    this.Template = t, this.viewModel = r, this.attributes = n, this.subscriptions = s, this.dom = [], this.parentElement = null;
+  constructor({ Template: t, subscriptions: s, attributes: r, viewModel: n }) {
+    this.Template = t, this.viewModel = n, this.attributes = r, this.subscriptions = s, this.dom = [], this.parentElement = null;
   }
   render(t) {
     return this.parentElement = t.parent, this.renderKit = t, this.subscribeForRerender(), this.dom = this.generateDom(t), this.dom;
@@ -830,8 +910,8 @@ class le {
       ...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]) {
@@ -839,7 +919,7 @@ class le {
       this.parentElement = s;
     }
     const t = this.generateDom(this.renderKit);
-    Yt(this.dom, t, this.parentElement), this.parentElement && (this.dom = Array.from(this.parentElement.childNodes));
+    Xt(this.dom, t, this.parentElement), this.parentElement && (this.dom = Array.from(this.parentElement.childNodes));
   }
   subscribeForRerender() {
     const { subscribe: t } = this.renderKit;
@@ -848,31 +928,31 @@ class le {
     });
   }
   eventName(t) {
-    return `${A}:${t}`;
+    return `${w}:${t}`;
   }
 }
 const de = (e) => e, ge = ({
   Template: e,
   viewModel: t,
   subscriptions: s
-}) => (s = s || [], t = t || de, (n) => new le({ Template: e, viewModel: t, subscriptions: s, attributes: n })), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}) => (s = s || [], t = t || de, (r) => new le({ Template: e, viewModel: t, subscriptions: s, attributes: r })), ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createRouteState: F,
-  events: _t,
-  extractQueryParams: L,
-  findHref: T,
+  createRouteState: T,
+  events: St,
+  extractQueryParams: B,
+  findHref: $,
   navigate: D,
-  onLinkClick: z,
+  onLinkClick: L,
   onLocationChange: P,
-  start: wt
+  start: _t
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ve as JaxsTypes,
   pe as appBuilding,
   ge as bind,
-  fe as createApp,
+  be as createApp,
   xt as jsx,
   me as messageBus,
   ye as navigation,
-  be as state
+  fe as state
 };