jaxs 0.6.0 → 0.7.0

package/dist/jaxs.d.ts

@@ -39,15 +39,14 @@ declare module "state/store-updater" {
         get value(): T;
     }
 }
-declare module "state/updaters/boolean" {
+declare module "state/updaters/object" {
     import { Store } from "types";
     import { StoreUpdaterBase } from "state/store-updater";
-    export class StoreUpdaterBoolean extends StoreUpdaterBase<boolean> {
-        toggle(): void;
-        setTrue(): void;
-        setFalse(): void;
+    export class StoreUpdaterObject<T> extends StoreUpdaterBase<T> {
+        updateAttribute(name: keyof T, value: T[keyof T]): void;
+        resetAttribute(name: keyof T): void;
     }
-    export const booleanUpdater: (store: Store<boolean>) => StoreUpdaterBoolean;
+    export const objectUpdater: <T>(store: Store<T>) => StoreUpdaterObject<T>;
 }
 declare module "state/updaters/list" {
     import { StoreListSorterFunction, Store } from "types";
@@ -65,14 +64,15 @@ declare module "state/updaters/list" {
     }
     export const listUpdater: <T>(store: Store<T[]>) => StoreUpdaterList<T>;
 }
-declare module "state/updaters/object" {
+declare module "state/updaters/boolean" {
     import { Store } from "types";
     import { StoreUpdaterBase } from "state/store-updater";
-    export class StoreUpdaterObject<T> extends StoreUpdaterBase<T> {
-        updateAttribute(name: keyof T, value: T[keyof T]): void;
-        resetAttribute(name: keyof T): void;
+    export class StoreUpdaterBoolean extends StoreUpdaterBase<boolean> {
+        toggle(): void;
+        setTrue(): void;
+        setFalse(): void;
     }
-    export const objectUpdater: <T>(store: Store<T>) => StoreUpdaterObject<T>;
+    export const booleanUpdater: (store: Store<boolean>) => StoreUpdaterBoolean;
 }
 declare module "state/updaters" {
     export const updaters: {
@@ -94,9 +94,6 @@ declare module "state/index" {
         inTransaction: boolean;
         constructor(publisher: StatePublisher);
         create<T>(name: string, initialState: T): Store<T>;
-        createBoolean(name: string, initialState: boolean): Store<boolean>;
-        createRecord<T>(name: string, initialState: T): Store<T>;
-        createList<T>(name: string, initialState: T[]): Store<T[]>;
         store<T>(name: string): Store<T>;
         get<T>(name: string): T;
         getAll(names: string[]): {};
@@ -131,10 +128,36 @@ declare module "bus/fuzzy-subscriptions" {
         matches(event: string): FuzzySubscriptionData<any>[];
     }
 }
+declare module "bus/custom-periodic-publisher" {
+    import { PeriodicPublisher, PublishFunction, PeriodicTimerFunction, CustomPeriodicPublisherOptions } from "types";
+    export class CustomPeriodicPublisher implements PeriodicPublisher {
+        publish: PublishFunction;
+        event: string;
+        payload: any;
+        stopped: boolean;
+        timer: PeriodicTimerFunction;
+        timeoutId: any;
+        stop: () => void;
+        callCount: number;
+        startedAt: number;
+        constructor({ publish, event, payload, timer, }: CustomPeriodicPublisherOptions);
+        start(): void;
+        setNewTimeout: () => void;
+        calculateNextTime: () => number;
+        diff(): number;
+        stopTimeout(): void;
+        publishEvent(): void;
+    }
+}
+declare module "bus/publish-periodically" {
+    import type { PublishPeriodicallyOptions } from "types";
+    export const publishPeriodically: (options: PublishPeriodicallyOptions) => () => void;
+}
 declare module "bus/index" {
     import { BusEventMatcher, BusListener, Unsubscribe, AppAdditionListenerOptions, ListenerKit } from "types";
     import { ExactSubscriptions } from "bus/exact-subscriptions";
     import { FuzzySubscriptions } from "bus/fuzzy-subscriptions";
+    import { publishPeriodically } from "bus/publish-periodically";
     class JaxsBus {
         options?: AppAdditionListenerOptions;
         exactSubscriptions: ExactSubscriptions;
@@ -151,7 +174,7 @@ declare module "bus/index" {
         publish: (event: string, payload: any) => void;
         subscribe: (matcher: BusEventMatcher, listener: BusListener<any>) => Unsubscribe;
     };
-    export { createBus, JaxsBus, ExactSubscriptions, FuzzySubscriptions };
+    export { createBus, JaxsBus, ExactSubscriptions, FuzzySubscriptions, publishPeriodically, };
 }
 declare module "rendering/templates/root" {
     import type { JaxsElement, JaxsNodes, RenderKit, Renderable, JaxsNode } from "types";
@@ -171,6 +194,7 @@ declare module "rendering/templates/root" {
 }
 declare module "navigation/events" {
     export const linkNavigationEvent = "go-to-href";
+    export const navigationEvent = "go-to";
     export const locationChangeEvent = "navigation:location-change";
     export const routeChangeEvent = "navigation:route-change";
 }
@@ -413,6 +437,34 @@ declare module "types" {
         Partial: StaticTemplate;
         match: RouteMatcher;
     };
+    export interface PeriodicPublisher {
+        event: string;
+        publish: PublishFunction;
+        payload?: any;
+        start: () => void;
+        stop: () => void;
+    }
+    export type RequiredPeriodicPublisherOptions = {
+        event: string;
+        publish: PublishFunction;
+        payload?: any;
+    };
+    export type GeneralPeriodicOptions = {
+        period: number;
+        offset?: number;
+    };
+    export type CustomPeriodicOptions = {
+        timer: PeriodicTimerFunction;
+    };
+    export type GeneralPeriodicPublisherOptions = RequiredPeriodicPublisherOptions & GeneralPeriodicOptions;
+    export type CustomPeriodicPublisherOptions = RequiredPeriodicPublisherOptions & CustomPeriodicOptions;
+    export type PublishPeriodicallyOptions = GeneralPeriodicPublisherOptions | CustomPeriodicPublisherOptions;
+    export type PeriodicTimerFunctionOptions = {
+        timeDiff: number;
+        callCount: number;
+        stop: () => void;
+    };
+    export type PeriodicTimerFunction = (options: PeriodicTimerFunctionOptions) => number;
 }
 declare module "rendering/dom/tag" {
     import type { JaxsElement, TagAttributes, TagEventAttributes, DomPublish, RenderKit } from "types";

package/dist/jaxs.js

@@ -1,4 +1,4 @@
-const et = (e, t) => t.createElement(e), st = (e, t) => {
+const Z = (e, t) => t.createElement(e), tt = (e, t) => {
   for (const s in t) {
     if (s === "__self") continue;
     const r = t[s].toString();
@@ -8,7 +8,7 @@ const et = (e, t) => t.createElement(e), st = (e, t) => {
     } else
       e.setAttribute(s, r);
   }
-}, rt = (e, t, s) => {
+}, et = (e, t, s) => {
   const r = {};
   for (const n in t) {
     const o = t[n], a = (l) => s(o, l);
@@ -19,10 +19,10 @@ const et = (e, t) => t.createElement(e), st = (e, t) => {
     };
   }
   e.eventMaps = r;
-}, nt = (e, t, s, r) => {
-  const n = et(e, r.document);
-  return st(n, t), rt(n, s, r.publish), n;
-}, y = "http://www.w3.org/2000/svg", ot = {
+}, st = (e, t, s, r) => {
+  const n = Z(e, r.document);
+  return tt(n, t), et(n, s, r.publish), n;
+}, y = "http://www.w3.org/2000/svg", rt = {
   animate: !0,
   animateMotion: !0,
   animateTransform: !0,
@@ -85,22 +85,22 @@ const et = (e, t) => t.createElement(e), st = (e, t) => {
   tspan: !0,
   use: !0,
   view: !0
-}, it = (e, t) => !!(ot[e] || e === "a" && t === y), ut = (e, t, s) => {
+}, nt = (e, t) => !!(rt[e] || e === "a" && t === y), ot = (e, t, s) => {
   const r = s.createElementNS(y, e);
   for (const n in t)
     n === "__self" || n === "xmlns" || r.setAttributeNS(null, n, t[n].toString());
   return r;
-}, at = (e) => e.namespaceURI === y, ct = (e, t) => t.createTextNode(e);
-class lt {
+}, it = (e) => e.namespaceURI === y, ut = (e, t) => t.createTextNode(e);
+class at {
   constructor(t) {
     this.value = t.toString();
   }
   render(t) {
-    const s = ct(this.value, t.document);
+    const s = ut(this.value, t.document);
     return s.__jsx = "TextNode", [s];
   }
 }
-const ht = (e) => typeof e == "string" || typeof e == "number", dt = (e) => new lt(e), pt = (e) => ht(e) ? dt(e) : e, mt = (e) => ft(e).map(pt).flat(), ft = (e) => Array.isArray(e) ? e.flat() : e ? [e] : [], S = (e, t = {}) => e || t.children || [], bt = (e, t = "") => {
+const ct = (e) => typeof e == "string" || typeof e == "number", lt = (e) => new at(e), ht = (e) => ct(e) ? lt(e) : e, dt = (e) => pt(e).map(ht).flat(), pt = (e) => Array.isArray(e) ? e.flat() : e ? [e] : [], T = (e, t = {}) => e || t.children || [], mt = (e, t = "") => {
   const s = {}, r = {};
   for (const n in e) {
     const o = e[n];
@@ -109,17 +109,17 @@ const ht = (e) => typeof e == "string" || typeof e == "number", dt = (e) => new
       r[a] = o ? o.toString() : "";
     } else {
       if (o === !1) continue;
-      n === "__source" ? s.__source = e.__source : s[n] = vt(n, o, t);
+      n === "__source" ? s.__source = e.__source : s[n] = ft(n, o, t);
     }
   }
   return {
     attributes: s,
     events: r
   };
-}, vt = (e, t, s = "") => t == null ? s : t.toString(), gt = (e, t) => {
-  const s = e || {}, r = S(t, s);
+}, ft = (e, t, s = "") => t == null ? s : t.toString(), bt = (e, t) => {
+  const s = e || {}, r = T(t, s);
   return s.children = s.children || r, s;
-}, j = (e, t, s, r = []) => e.reduce(yt(t, s), r).flat(), yt = (e, t) => (s, r) => r ? Array.isArray(r) ? j(
+}, j = (e, t, s, r = []) => e.reduce(vt(t, s), r).flat(), vt = (e, t) => (s, r) => r ? Array.isArray(r) ? j(
   r,
   e,
   t,
@@ -127,7 +127,7 @@ const ht = (e) => typeof e == "string" || typeof e == "number", dt = (e) => new
 ) : (r.render(e, t).forEach((n) => s.push(n)), s) : s;
 class O {
   constructor(t) {
-    this.collection = mt(t);
+    this.collection = dt(t);
   }
   render(t, s) {
     this.parentElement = s;
@@ -143,7 +143,7 @@ class O {
     t.forEach((r) => s.appendChild(r));
   }
 }
-class Et {
+class gt {
   constructor(t, s) {
     this.type = t, this.attributes = s;
   }
@@ -161,11 +161,11 @@ class Et {
     return `${this.type}${t}${s}${r}`;
   }
 }
-class xt {
+class yt {
   constructor(t, s, r = []) {
     this.type = t;
-    const { events: n, attributes: o } = bt(s);
-    this.events = n, this.attributes = o, this.isSvg = it(this.type, this.attributes.xmlns), this.children = new O(r);
+    const { events: n, attributes: o } = mt(s);
+    this.events = n, this.attributes = o, this.isSvg = nt(this.type, this.attributes.xmlns), this.children = new O(r);
   }
   render(t) {
     const s = this.generateDom(t);
@@ -175,7 +175,7 @@ class xt {
     return this.isSvg ? this.generateSvgDom(t) : this.generateHtmlDom(t);
   }
   generateHtmlDom(t) {
-    const s = nt(
+    const s = st(
       this.type,
       this.attributes,
       this.events,
@@ -184,19 +184,19 @@ class xt {
     return s.__jsx = this.jsxKey(), s;
   }
   generateSvgDom(t) {
-    const s = ut(this.type, this.attributes, t.document);
+    const s = ot(this.type, this.attributes, t.document);
     return s.__jsx = this.jsxKey(), s;
   }
   jsxKey() {
-    return new Et(this.type, this.attributes).generate();
+    return new gt(this.type, this.attributes).generate();
   }
 }
-const At = (e, t, ...s) => typeof e == "string" ? new xt(e, t, s) : e(gt(t, s));
-At.fragment = (e, t) => {
-  const s = S(t, e);
+const Et = (e, t, ...s) => typeof e == "string" ? new yt(e, t, s) : e(bt(t, s));
+Et.fragment = (e, t) => {
+  const s = T(t, e);
   return new O(s);
 };
-class _t {
+class xt {
   constructor(t, s, r) {
     this.template = t, this.selector = s, this.renderKit = r, this.dom = [];
   }
@@ -215,75 +215,78 @@ class _t {
     return this.renderKit.document.querySelector(this.selector);
   }
 }
-const wt = (e, t, s) => {
-  const r = new _t(e, t, s);
+const At = (e, t, s) => {
+  const r = new xt(e, t, s);
   return r.renderAndAttach(s), r;
-}, M = "go-to-href", m = "navigation:location-change", k = "navigation:route-change", Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, M = "go-to-href", k = "go-to", m = "navigation:location-change", $ = "navigation:route-change", wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   linkNavigationEvent: M,
   locationChangeEvent: m,
-  routeChangeEvent: k
-}, Symbol.toStringTag, { value: "Module" })), T = (e) => {
-  e.createRecord("route", {
+  navigationEvent: k,
+  routeChangeEvent: $
+}, Symbol.toStringTag, { value: "Module" })), D = (e) => {
+  e.create("route", {
     host: "",
     path: "",
     query: {}
   });
-}, $ = (e) => {
+}, P = (e) => {
   const t = e.closest("[href]");
   return t && t.getAttribute("href") || "";
-}, D = (e, { publish: t, window: s }) => {
+}, E = (e, { publish: t, window: s }) => {
   s.history.pushState(null, "", e), t(m, null);
-}, P = (e, t) => {
+}, F = (e, t) => {
   if (!e || !e.target) return;
   e.preventDefault();
-  const s = $(e.target);
-  D(s, t);
+  const s = P(e.target);
+  E(s, t);
 }, L = (e) => e.replace(/^\?/, "").split("&").reduce((t, s) => {
   if (!s) return t;
   const r = s.split("=");
   return t[r[0]] = r[1], t;
-}, {}), F = (e, t) => {
+}, {}), z = (e, t) => {
   const { state: s, publish: r, window: n } = t, { host: o, pathname: a, search: l } = n.location, u = a, d = L(l), c = {
     host: o,
     path: u,
     query: d
   };
-  s.store("route").update(c), r(k, c);
+  s.store("route").update(c), r($, c);
 }, B = (e) => {
   const { subscribe: t } = e;
-  t(M, P);
-}, z = (e) => {
-  const { publish: t, subscribe: s, state: r, window: n } = e;
-  T(r), n.addEventListener("popstate", () => t(m, null)), s(m, F);
+  t(M, F), t(k, (s, r) => {
+    E(s, r);
+  });
 }, V = (e) => {
-  setTimeout(() => e.publish(m, null), 0);
+  const { publish: t, subscribe: s, state: r, window: n } = e;
+  D(r), n.addEventListener("popstate", () => t(m, null)), s(m, z);
 }, K = (e) => {
-  z(e), B(e), V(e);
-}, St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  setTimeout(() => e.publish(m, null), 0);
+}, R = (e) => {
+  V(e), B(e), K(e);
+}, Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  publishLocation: V,
-  startNavigation: K,
-  subscribeToHistoryChange: z,
+  publishLocation: K,
+  startNavigation: R,
+  subscribeToHistoryChange: V,
   subscribeToNavigation: B
 }, Symbol.toStringTag, { value: "Module" }));
-class R {
+class U {
   constructor({ window: t, document: s, publish: r, subscribe: n, bus: o, state: a, renderKit: l }) {
     this.window = t, this.document = s, this.publish = r, this.subscribe = n, this.bus = o, this.state = a, this.renderKit = l, this.roots = [];
   }
   render(t, s) {
-    const r = wt(t, s, this.renderKit);
+    const r = At(t, s, this.renderKit);
     return this.roots.push(r), r;
   }
   startNavigation() {
-    K(this);
+    R(this);
   }
 }
-const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  App: R
+  App: U
 }, Symbol.toStringTag, { value: "Module" }));
-class U {
+class C {
   constructor() {
     this.lookup = {};
   }
@@ -306,7 +309,7 @@ class U {
     this.lookup[t] || (this.lookup[t] = []);
   }
 }
-class q {
+class I {
   constructor() {
     this.lookup = [];
   }
@@ -327,9 +330,55 @@ class q {
     );
   }
 }
-class I {
+class _t {
+  constructor({
+    publish: t,
+    event: s,
+    payload: r,
+    timer: n
+  }) {
+    this.setNewTimeout = () => {
+      this.stopped || setTimeout(() => {
+        this.publishEvent(), this.setNewTimeout();
+      }, this.calculateNextTime());
+    }, this.calculateNextTime = () => this.timer({
+      timeDiff: this.diff(),
+      callCount: this.callCount,
+      stop: this.stop
+    }), this.publish = t, this.event = s, this.payload = r || null, this.stop = this.stopTimeout.bind(this), this.stopped = !1, this.timer = n, this.startedAt = (/* @__PURE__ */ new Date()).getTime(), this.callCount = 0;
+  }
+  start() {
+    this.setNewTimeout();
+  }
+  diff() {
+    return (/* @__PURE__ */ new Date()).getTime() - this.startedAt;
+  }
+  stopTimeout() {
+    this.stopped = !0, this.timeoutId && clearTimeout(this.timeoutId);
+  }
+  publishEvent() {
+    this.stopped || (this.callCount += 1, this.publish(this.event, this.payload));
+  }
+}
+const St = (e) => {
+  const { offset: t, period: s } = e, r = ({ callCount: n }) => t && n == 0 ? t : s;
+  return {
+    event: e.event,
+    publish: e.publish,
+    payload: e.payload,
+    timer: r
+  };
+}, Tt = (e) => {
+  let t;
+  "timer" in e ? t = e : t = St(
+    e
+  );
+  const s = new _t(t);
+  return s.start(), s.stop;
+};
+class q {
   constructor() {
-    this.exactSubscriptions = new U(), this.fuzzySubscriptions = new q(), this.currentIndex = 0;
+    this.exactSubscriptions = new C(), this.fuzzySubscriptions = new I(), this.currentIndex = 0;
   }
   subscribe(t, s) {
     let r;
@@ -363,25 +412,26 @@ class I {
   }
 }
 const J = () => {
-  const e = new I();
+  const e = new q();
   return {
     bus: e,
     publish: (r, n) => e.publish(r, n),
     subscribe: (r, n) => e.subscribe(r, n)
   };
-}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ExactSubscriptions: U,
-  FuzzySubscriptions: q,
-  JaxsBus: I,
-  createBus: J
+  ExactSubscriptions: C,
+  FuzzySubscriptions: I,
+  JaxsBus: q,
+  createBus: J,
+  publishPeriodically: Tt
 }, Symbol.toStringTag, { value: "Module" })), f = (e) => Array.isArray(e), v = (e) => e !== null && !f(e) && typeof e == "object", jt = (e, t) => e === t, Ot = (e, t) => Object.keys(e).length === Object.keys(t).length, Mt = (e, t) => !(v(e) && v(t)) || !Ot(e, t) ? !1 : Object.keys(e).every((s) => {
   const r = e[s], n = t[s];
-  return E(r, n);
+  return x(r, n);
 }), kt = (e, t) => !(f(e) && f(t)) || e.length !== t.length ? !1 : e.every((s, r) => {
   const n = t[r];
-  return E(s, n);
-}), E = (e, t) => v(e) ? Mt(e, t) : f(e) ? kt(e, t) : jt(e, t);
+  return x(s, n);
+}), x = (e, t) => v(e) ? Mt(e, t) : f(e) ? kt(e, t) : jt(e, t);
 class g {
   constructor(t) {
     this.name = t.name, this.parent = t.parent, this._value = t.value, this.initialValue = structuredClone(t.value);
@@ -403,13 +453,13 @@ class g {
       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);
   }
 }
-class x {
+class A {
   constructor(t) {
     this.store = t;
   }
@@ -423,20 +473,18 @@ class x {
     return this.store.value;
   }
 }
-class H extends x {
-  toggle() {
-    const t = !this.value;
-    this.update(t);
-  }
-  setTrue() {
-    this.update(!0);
+class $t extends A {
+  updateAttribute(t, s) {
+    const r = { ...this.value };
+    r[t] = s, this.update(r);
   }
-  setFalse() {
-    this.update(!1);
+  resetAttribute(t) {
+    const s = { ...this.value }, r = this.store.initialValue[t];
+    s[t] = r, this.update(s);
   }
 }
-const Tt = (e) => new H(e);
-class G extends x {
+const Dt = (e) => new $t(e);
+class Pt extends A {
   push(t) {
     const s = [...this.value, t];
     this.update(s);
@@ -475,25 +523,27 @@ class G extends x {
     this.update(s);
   }
 }
-const $t = (e) => new G(e);
-class C extends x {
-  updateAttribute(t, s) {
-    const r = { ...this.value };
-    r[t] = s, this.update(r);
+const Ft = (e) => new Pt(e);
+class Lt extends A {
+  toggle() {
+    const t = !this.value;
+    this.update(t);
   }
-  resetAttribute(t) {
-    const s = { ...this.value }, r = this.store.initialValue[t];
-    s[t] = r, this.update(s);
+  setTrue() {
+    this.update(!0);
+  }
+  setFalse() {
+    this.update(!1);
   }
 }
-const Dt = (e) => new C(e), Pt = {
+const zt = (e) => new Lt(e), Bt = {
   object: Dt,
-  list: $t,
-  boolean: Tt
-}, A = "state";
-class Q {
+  list: Ft,
+  boolean: zt
+}, w = "state";
+class G {
   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 r = new g({
@@ -503,18 +553,6 @@ class Q {
     });
     return this.stores[t] = r, r;
   }
-  createBoolean(t, s) {
-    const r = this.create(t, s);
-    return r.updater = new H(r), r;
-  }
-  createRecord(t, s) {
-    const r = this.create(t, s);
-    return r.updater = new C(r), r;
-  }
-  createList(t, s) {
-    const r = this.create(t, s);
-    return r.updater = new G(r), r;
-  }
   store(t) {
     return this.stores[t] || new g({
       name: t,
@@ -552,20 +590,20 @@ class Q {
     return `${this.eventNamePrefix}:${t}`;
   }
 }
-const W = (e) => new Q(e), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const H = (e) => new G(e), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  State: Q,
+  State: G,
   Store: g,
-  createState: W,
-  eventName: A,
-  updaters: Pt
+  createState: H,
+  eventName: w,
+  updaters: Bt
 }, Symbol.toStringTag, { value: "Module" }));
-class Lt {
+class Vt {
   constructor(t) {
     this.setupDomEnvironment(t);
   }
   setup() {
-    return this.setupBus(), this.setupState(), this.addBusOptions(), this.setRenderKit(), new R({
+    return this.setupBus(), this.setupState(), this.addBusOptions(), this.setRenderKit(), new U({
       window: this.window,
       document: this.document,
       publish: this.publish,
@@ -583,7 +621,7 @@ class Lt {
     this.publish = t, this.subscribe = s, this.bus = r;
   }
   setupState() {
-    this.state = W(this.publish);
+    this.state = H(this.publish);
   }
   addBusOptions() {
     this.bus.addListenerOptions({
@@ -602,55 +640,55 @@ class Lt {
     };
   }
 }
-const Te = (e = {}) => {
-  const s = new Lt(e).setup();
+const Fe = (e = {}) => {
+  const s = new Vt(e).setup();
   return s.startNavigation(), s;
 };
 var i = /* @__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))(i || {});
-const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ChangeInstructionTypes: i
-}, Symbol.toStringTag, { value: "Module" })), Ft = (e, t) => ({
+}, Symbol.toStringTag, { value: "Module" })), Kt = (e, t) => ({
   source: e,
   target: t,
   type: i.changeText,
   data: {}
-}), Bt = (e, t) => ({
+}), Rt = (e, t) => ({
   source: e,
   target: t,
   type: i.replaceNode,
   data: {}
-}), zt = (e, t, s) => ({
+}), Ut = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.removeAttribute
-}), Vt = (e, t, s) => ({
+}), Ct = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.addAttribute
-}), Kt = (e, t, s) => ({
+}), It = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.updateAttribute
-}), Rt = (e, t, s) => ({
+}), qt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.removeEvent
-}), Ut = (e, t, s) => ({
+}), Jt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.addEvent
-}), qt = (e, t, s) => ({
+}), Gt = (e, t, s) => ({
   source: e,
   target: t,
   data: s,
   type: i.updateEvent
-}), _ = (e) => ({
+}), N = (e) => ({
   source: e,
   target: e,
   // for type crap only
@@ -662,13 +700,13 @@ const $e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   // for type crap only
   type: i.insertNode,
   data: t
-}), It = (e, t, s) => ({
+}), Ht = (e, t, s) => ({
   source: e,
   target: t,
   type: i.changeValue,
   data: s
-}), Jt = (e, t) => e.type > t.type ? 1 : e.type < t.type ? -1 : 0, w = { index: -1 };
-class Ht {
+}), Qt = (e, t) => e.type > t.type ? 1 : e.type < t.type ? -1 : 0, _ = { index: -1 };
+class Wt {
   constructor() {
     this.map = {};
   }
@@ -683,7 +721,7 @@ class Ht {
   }
   pullMatch(t) {
     const s = t && t.__jsx;
-    return !s || !(this.map[s] && this.map[s].length) ? w : this.map[s].shift();
+    return !s || !(this.map[s] && this.map[s].length) ? _ : this.map[s].shift();
   }
   clear(t) {
     const s = t && t.__jsx;
@@ -699,10 +737,10 @@ class Ht {
     return Object.values(this.map).flat();
   }
 }
-const N = (e) => {
-  const t = new Ht();
+const S = (e) => {
+  const t = new Wt();
   return t.populate(e), t;
-}, X = (e, t, s = !1) => {
+}, Q = (e, t, s = !1) => {
   const r = [], n = e.attributes, o = n.length, a = t.attributes, l = a.length;
   let u, d, c;
   for (u = 0; u < o; u++) {
@@ -717,13 +755,13 @@ const N = (e) => {
         }
       }
       c ? h.value !== c.value && r.push(
-        Kt(e, t, {
+        It(e, t, {
           name: h.name,
           value: c.value,
           isSvg: s
         })
       ) : r.push(
-        zt(e, t, { name: h.name, isSvg: s })
+        Ut(e, t, { name: h.name, isSvg: s })
       );
     }
   }
@@ -739,7 +777,7 @@ const N = (e) => {
         }
       }
       c || r.push(
-        Vt(e, t, {
+        Ct(e, t, {
           name: h.name,
           value: h.value,
           isSvg: s
@@ -748,18 +786,18 @@ const N = (e) => {
     }
   }
   return r;
-}, Gt = (e, t) => {
+}, Xt = (e, t) => {
   const s = [], r = e.eventMaps, n = t.eventMaps, o = Object.keys(r), a = Object.keys(n);
   return o.forEach((l) => {
     const u = r[l], d = n[l];
     d ? d.busEvent !== u.busEvent && s.push(
-      qt(e, t, {
+      Gt(e, t, {
         name: l,
         targetValue: d.listener,
         sourceValue: u.listener
       })
     ) : s.push(
-      Rt(e, t, {
+      qt(e, t, {
         name: u.domEvent,
         value: u.listener
       })
@@ -767,40 +805,40 @@ const N = (e) => {
   }), a.forEach((l) => {
     const u = r[l], d = n[l];
     u || s.push(
-      Ut(e, t, {
+      Jt(e, t, {
         name: d.domEvent,
         value: d.listener
       })
     );
   }), s;
-}, Ct = (e) => e.tagName !== "INPUT", Qt = (e, t) => e.value === t.value, Wt = (e, t) => {
-  if (Ct(e) || Qt(e, t))
+}, Yt = (e) => e.tagName !== "INPUT", Zt = (e, t) => e.value === t.value, te = (e, t) => {
+  if (Yt(e) || Zt(e, t))
     return [];
   const s = e, r = t;
-  return [It(s, r, { name: "value", value: r.value })];
-}, Xt = (e, t) => {
-  const s = X(e, t), r = Gt(e, t), n = Wt(e, t);
+  return [Ht(s, r, { name: "value", value: r.value })];
+}, ee = (e, t) => {
+  const s = Q(e, t), r = Xt(e, t), n = te(e, t);
   return s.concat(r).concat(n);
-}, Yt = (e, t) => X(e, t, !0), Zt = (e, t) => e.textContent !== t.textContent ? [Ft(e, t)] : [], te = (e, t, s) => {
+}, se = (e, t) => Q(e, t, !0), re = (e, t) => e.textContent !== t.textContent ? [Kt(e, t)] : [], ne = (e, t, s) => {
   let r = [];
-  if (e.nodeType === 1 && at(e)) {
-    const n = e, o = t, a = Yt(n, o), l = s(
+  if (e.nodeType === 1 && it(e)) {
+    const n = e, o = t, a = se(n, o), l = s(
       n.childNodes,
       o.childNodes,
       n
     );
     r = a.concat(l);
   } else if (e.nodeType === 1) {
-    const n = e, o = t, a = Xt(n, o), l = s(
+    const n = e, o = t, a = ee(n, o), l = s(
       n.childNodes,
       o.childNodes,
       n
     );
     r = a.concat(l);
-  } else e.nodeType === 3 && (r = Zt(e, t));
+  } else e.nodeType === 3 && (r = re(e, t));
   return r;
-}, Y = (e, t, s) => {
-  const r = [], n = ee(e, t), o = N(e), a = N(t), l = [];
+}, W = (e, t, s) => {
+  const r = [], n = oe(e, t), o = S(e), a = S(t), l = [];
   let u = 0;
   for (; u < n; u++) {
     const c = e[u], h = t[u];
@@ -817,100 +855,100 @@ const N = (e) => {
       })) : c ? a.check(c) ? r.push(
         b(h, { parent: s, index: u })
       ) : (o.clear(c), r.push(
-        Bt(c, h)
+        Rt(c, h)
       )) : r.push(
         b(h, { parent: s, index: u })
       );
-    } else c && o.pullMatch(c).element && r.push(_(c));
+    } else c && o.pullMatch(c).element && r.push(N(c));
   }
   o.remaining().forEach(({ element: c }) => {
-    r.push(_(c));
+    r.push(N(c));
   });
   const d = l.reduce(
     (c, { source: h, target: p }) => c.concat(
-      te(h, p, Y)
+      ne(h, p, W)
     ),
     []
   );
-  return r.concat(d).sort(Jt);
-}, ee = (e, t) => {
+  return r.concat(d).sort(Qt);
+}, oe = (e, t) => {
   const s = e.length, r = t.length;
   return s > r ? s : r;
-}, se = (e, t, s) => {
-  const r = Y(e, t, s);
+}, ie = (e, t, s) => {
+  const r = W(e, t, s);
   return r.forEach((n) => {
-    re(n);
+    ue(n);
   }), r;
-}, re = (e) => {
-  (fe[e.type] || ne)(e);
-}, ne = (e) => {
-}, oe = (e) => {
+}, ue = (e) => {
+  (ye[e.type] || ae)(e);
+}, ae = (e) => {
+}, ce = (e) => {
   const { source: t, target: s } = e;
   t.nodeValue = s.textContent;
-}, ie = (e) => {
+}, le = (e) => {
   const { source: t } = e;
   t.remove();
-}, ue = (e) => {
+}, he = (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);
-}, ae = (e) => {
+}, de = (e) => {
   const { source: t, target: s } = e;
   t.replaceWith(s);
-}, ce = (e) => {
+}, pe = (e) => {
   const { source: t, data: s } = e, { name: r, isSvg: n } = s;
   n ? t.removeAttributeNS(null, r) : t.removeAttribute(r);
-}, Z = (e) => {
+}, X = (e) => {
   const { source: t, data: s } = e, { name: r, value: n, isSvg: o } = s;
   o ? t.setAttributeNS(null, r, n) : t.setAttribute(r, n);
-}, le = (e) => {
-  Z(e);
-}, he = (e) => {
+}, me = (e) => {
+  X(e);
+}, fe = (e) => {
   const t = e.data, s = e.source, { name: r, value: n } = t;
   s.removeEventListener(r, n);
-}, de = (e) => {
+}, be = (e) => {
   const t = e.data, s = e.source, { name: r, value: n } = t;
   s.addEventListener(r, n);
-}, pe = (e) => {
+}, ve = (e) => {
   const t = e.data, s = e.source, { name: r, sourceValue: n, targetValue: o } = t;
   s.removeEventListener(r, n), s.addEventListener(r, o);
-}, me = (e) => {
+}, ge = (e) => {
   const t = e.data, s = e.source, { value: r } = t;
   s.value = r;
-}, fe = {
-  [i.changeText]: oe,
-  [i.removeNode]: ie,
-  [i.insertNode]: ue,
-  [i.replaceNode]: ae,
-  [i.removeAttribute]: ce,
-  [i.addAttribute]: Z,
-  [i.updateAttribute]: le,
-  [i.removeEvent]: he,
-  [i.addEvent]: de,
-  [i.updateEvent]: pe,
-  [i.changeValue]: me
-}, be = (e, t, s) => {
+}, ye = {
+  [i.changeText]: ce,
+  [i.removeNode]: le,
+  [i.insertNode]: he,
+  [i.replaceNode]: de,
+  [i.removeAttribute]: pe,
+  [i.addAttribute]: X,
+  [i.updateAttribute]: me,
+  [i.removeEvent]: fe,
+  [i.addEvent]: be,
+  [i.updateEvent]: ve,
+  [i.changeValue]: ge
+}, Ee = (e, t, s) => {
   const r = [...t];
   return e.forEach((n) => {
-    ve(n, r, s);
+    xe(n, r, s);
   }), r;
-}, ve = (e, t, s) => {
-  const r = xe[e.type];
+}, xe = (e, t, s) => {
+  const r = _e[e.type];
   r && r(e, t, s);
-}, ge = (e, t) => {
+}, Ae = (e, t) => {
   const { source: s } = e, r = t.indexOf(s);
   r >= 0 && t.splice(r, 1);
-}, ye = (e, t, s) => {
+}, we = (e, t, s) => {
   const { target: r } = e, n = e.data, { index: o, parent: a } = n;
   s === a && t.splice(o, 0, r);
-}, Ee = (e, t) => {
+}, Ne = (e, t) => {
   const { target: s, source: r } = e, n = t.indexOf(r);
   n >= 0 && (t[n] = s);
-}, xe = {
-  [i.removeNode]: ge,
-  [i.insertNode]: ye,
-  [i.replaceNode]: Ee
+}, _e = {
+  [i.removeNode]: Ae,
+  [i.insertNode]: we,
+  [i.replaceNode]: Ne
 };
-class Ae {
+class Se {
   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;
   }
@@ -931,12 +969,12 @@ class Ae {
       const r = this.dom[0].parentElement;
       this.parentElement = r;
     }
-    const t = this.generateDom(this.renderKit), s = se(
+    const t = this.generateDom(this.renderKit), s = ie(
       this.dom,
       t,
       this.parentElement
     );
-    this.dom = be(
+    this.dom = Ee(
       s,
       this.dom,
       this.parentElement
@@ -949,46 +987,46 @@ class Ae {
     });
   }
   eventName(t) {
-    return `${A}:${t}`;
+    return `${w}:${t}`;
   }
 }
-const _e = (e) => e, we = ({
+const Te = (e) => e, je = ({
   Template: e,
   viewModel: t,
   subscriptions: s
-}) => (s = s || [], t = t || _e, (r) => new Ae({ Template: e, viewModel: t, subscriptions: s, attributes: r })), De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}) => (s = s || [], t = t || Te, (r) => new Se({ Template: e, viewModel: t, subscriptions: s, attributes: r })), ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createRouteState: T,
-  events: Nt,
+  createRouteState: D,
+  events: wt,
   extractQueryParams: L,
-  findHref: $,
-  navigate: D,
-  onLinkClick: P,
-  onLocationChange: F,
-  start: St
-}, Symbol.toStringTag, { value: "Module" })), Ne = (e) => ({ path: t }) => t === e, Se = () => !0, tt = (e) => ({ route: t }) => {
+  findHref: P,
+  navigate: E,
+  onLinkClick: F,
+  onLocationChange: z,
+  start: Nt
+}, Symbol.toStringTag, { value: "Module" })), Oe = (e) => ({ path: t }) => t === e, Me = () => !0, Y = (e) => ({ route: t }) => {
   const s = e.find((r) => r.match(t));
   return s && s.Partial;
-}, Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  buildRouter: tt,
-  catchAll: Se,
-  exactPathMatch: Ne
-}, Symbol.toStringTag, { value: "Module" })), je = () => ({
+  buildRouter: Y,
+  catchAll: Me,
+  exactPathMatch: Oe
+}, Symbol.toStringTag, { value: "Module" })), ke = () => ({
   render: (e, t) => []
-}), Le = (e) => {
-  const t = tt(e);
-  return we({ Template: ({ route: r }) => (t({ route: r }) || je)(), subscriptions: ["route"] });
+}), Ve = (e) => {
+  const t = Y(e);
+  return je({ Template: ({ route: r }) => (t({ route: r }) || ke)(), subscriptions: ["route"] });
 };
 export {
-  $e as JaxsTypes,
-  Oe as appBuilding,
-  we as bind,
-  Te as createApp,
-  At as jsx,
-  Me as messageBus,
-  De as navigation,
-  Le as routedView,
-  Pe as routing,
-  ke as state
+  Le as JaxsTypes,
+  $e as appBuilding,
+  je as bind,
+  Fe as createApp,
+  Et as jsx,
+  De as messageBus,
+  ze as navigation,
+  Ve as routedView,
+  Be as routing,
+  Pe as state
 };

package/dist/jaxs.umd.cjs

@@ -1 +1 @@
-(function(p,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(p=typeof globalThis<"u"?globalThis:p||self,f(p.jaxs={}))})(this,function(p){"use strict";const f=(e,t)=>t.createElement(e),ot=(e,t)=>{for(const s in t){if(s==="__self")continue;const n=t[s].toString();if(s==="value"){const r=e;r.value!==n&&(r.value=n)}else e.setAttribute(s,n)}},it=(e,t,s)=>{const n={};for(const r in t){const o=t[r],a=l=>s(o,l);e.addEventListener(r,a),n[r]={domEvent:r,busEvent:o,listener:a}}e.eventMaps=n},ut=(e,t,s,n)=>{const r=f(e,n.document);return ot(r,t),it(r,s,n.publish),r},g="http://www.w3.org/2000/svg",at={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},ct=(e,t)=>!!(at[e]||e==="a"&&t===g),lt=(e,t,s)=>{const n=s.createElementNS(g,e);for(const r in t)r==="__self"||r==="xmlns"||n.setAttributeNS(null,r,t[r].toString());return n},ht=e=>e.namespaceURI===g,dt=(e,t)=>t.createTextNode(e);class pt{constructor(t){this.value=t.toString()}render(t){const s=dt(this.value,t.document);return s.__jsx="TextNode",[s]}}const mt=e=>typeof e=="string"||typeof e=="number",ft=e=>new pt(e),bt=e=>mt(e)?ft(e):e,vt=e=>gt(e).map(bt).flat(),gt=e=>Array.isArray(e)?e.flat():e?[e]:[],S=(e,t={})=>e||t.children||[],yt=(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():""}else{if(o===!1)continue;r==="__source"?s.__source=e.__source:s[r]=Et(r,o,t)}}return{attributes:s,events:n}},Et=(e,t,s="")=>t==null?s:t.toString(),xt=(e,t)=>{const s=e||{},n=S(t,s);return s.children=s.children||n,s},N=(e,t,s,n=[])=>e.reduce(At(t,s),n).flat(),At=(e,t)=>(s,n)=>n?Array.isArray(n)?N(n,e,t,s):(n.render(e,t).forEach(r=>s.push(r)),s):s;class j{constructor(t){this.collection=vt(t)}render(t,s){this.parentElement=s;const n=this.generateDom(t);return this.attachToParent(n),n}generateDom(t){return N(this.collection,t,this.parentElement)}attachToParent(t){if(this.parentElement===void 0)return;const s=this.parentElement;t.forEach(n=>s.appendChild(n))}}class _t{constructor(t,s){this.type=t,this.attributes=s}generate(){return this.attributes.key||this.sourceKey()||this.createKeyFromAttributes()}sourceKey(){if(this.attributes.__source){const{fileName:t,lineNumber:s,columnNumber:n}=this.attributes.__source;return`${t}:${s}:${n}`}}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}`}}class wt{constructor(t,s,n=[]){this.type=t;const{events:r,attributes:o}=yt(s);this.events=r,this.attributes=o,this.isSvg=ct(this.type,this.attributes.xmlns),this.children=new j(n)}render(t){const s=this.generateDom(t);return s?(this.children.render(t,s),[s]):[]}generateDom(t){return this.isSvg?this.generateSvgDom(t):this.generateHtmlDom(t)}generateHtmlDom(t){const s=ut(this.type,this.attributes,this.events,t);return s.__jsx=this.jsxKey(),s}generateSvgDom(t){const s=lt(this.type,this.attributes,t.document);return s.__jsx=this.jsxKey(),s}jsxKey(){return new _t(this.type,this.attributes).generate()}}const O=(e,t,...s)=>typeof e=="string"?new wt(e,t,s):e(xt(t,s));O.fragment=(e,t)=>{const s=S(t,e);return new j(s)};class St{constructor(t,s,n){this.template=t,this.selector=s,this.renderKit=n,this.dom=[]}renderAndAttach(t){this.parentElement=this.getParentElement(),this.dom=this.render({...t,parent:this.parentElement}),this.parentElement&&this.attach()}render(t){return this.template.render(t)}attach(){this.parentElement&&(this.parentElement.innerHTML=""),this.dom.forEach(t=>{this.parentElement&&this.parentElement.appendChild(t)})}getParentElement(){return this.renderKit.document.querySelector(this.selector)}}const Nt=(e,t,s)=>{const n=new St(e,t,s);return n.renderAndAttach(s),n},M="go-to-href",b="navigation:location-change",T="navigation:route-change",jt=Object.freeze(Object.defineProperty({__proto__:null,linkNavigationEvent:M,locationChangeEvent:b,routeChangeEvent:T},Symbol.toStringTag,{value:"Module"})),k=e=>{e.createRecord("route",{host:"",path:"",query:{}})},$=e=>{const t=e.closest("[href]");return t&&t.getAttribute("href")||""},P=(e,{publish:t,window:s})=>{s.history.pushState(null,"",e),t(b,null)},D=(e,t)=>{if(!e||!e.target)return;e.preventDefault();const s=$(e.target);P(s,t)},L=e=>e.replace(/^\?/,"").split("&").reduce((t,s)=>{if(!s)return t;const n=s.split("=");return t[n[0]]=n[1],t},{}),F=(e,t)=>{const{state:s,publish:n,window:r}=t,{host:o,pathname:a,search:l}=r.location,u=a,d=L(l),c={host:o,path:u,query:d};s.store("route").update(c),n(T,c)},B=e=>{const{subscribe:t}=e;t(M,D)},z=e=>{const{publish:t,subscribe:s,state:n,window:r}=e;k(n),r.addEventListener("popstate",()=>t(b,null)),s(b,F)},V=e=>{setTimeout(()=>e.publish(b,null),0)},K=e=>{z(e),B(e),V(e)},Ot=Object.freeze(Object.defineProperty({__proto__:null,publishLocation:V,startNavigation:K,subscribeToHistoryChange:z,subscribeToNavigation:B},Symbol.toStringTag,{value:"Module"}));class R{constructor({window:t,document:s,publish:n,subscribe:r,bus:o,state:a,renderKit:l}){this.window=t,this.document=s,this.publish=n,this.subscribe=r,this.bus=o,this.state=a,this.renderKit=l,this.roots=[]}render(t,s){const n=Nt(t,s,this.renderKit);return this.roots.push(n),n}startNavigation(){K(this)}}const Mt=Object.freeze(Object.defineProperty({__proto__:null,App:R},Symbol.toStringTag,{value:"Module"}));class U{constructor(){this.lookup={}}add(t,s,n){this.ensureArrayFor(t);const r={listener:s,index:n,matcher:t};return this.lookup[t].push(r),()=>this.remove(r)}remove(t){this.lookup[t.matcher]&&(this.lookup[t.matcher]=this.lookup[t.matcher].reduce((s,n)=>(n!==t&&s.push(n),s),[]))}matches(t){return this.lookup[t]||[]}ensureArrayFor(t){this.lookup[t]||(this.lookup[t]=[])}}class q{constructor(){this.lookup=[]}add(t,s,n){const r={listener:s,index:n,matcher:t};return this.lookup.push(r),()=>this.remove(r)}remove(t){this.lookup=this.lookup.reduce((s,n)=>(n!==t&&s.push(n),s),[])}matches(t){return this.lookup.filter(s=>s.matcher.test(t))}}class I{constructor(){this.exactSubscriptions=new U,this.fuzzySubscriptions=new q,this.currentIndex=0}subscribe(t,s){let n;return typeof t=="string"?n=this.exactSubscriptions.add(t,s,this.currentIndex):n=this.fuzzySubscriptions.add(t,s,this.currentIndex),this.currentIndex+=1,n}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))})}addListenerOptions(t){this.options=t}listenerOptions(t){return{eventName:t,...this.options,publish:this.publish.bind(this)}}}const J=()=>{const e=new I;return{bus:e,publish:(n,r)=>e.publish(n,r),subscribe:(n,r)=>e.subscribe(n,r)}},Tt=Object.freeze(Object.defineProperty({__proto__:null,ExactSubscriptions:U,FuzzySubscriptions:q,JaxsBus:I,createBus:J},Symbol.toStringTag,{value:"Module"})),v=e=>Array.isArray(e),y=e=>e!==null&&!v(e)&&typeof e=="object",kt=(e,t)=>e===t,$t=(e,t)=>Object.keys(e).length===Object.keys(t).length,Pt=(e,t)=>!(y(e)&&y(t))||!$t(e,t)?!1:Object.keys(e).every(s=>{const n=e[s],r=t[s];return E(n,r)}),Dt=(e,t)=>!(v(e)&&v(t))||e.length!==t.length?!1:e.every((s,n)=>{const r=t[n];return E(s,r)}),E=(e,t)=>y(e)?Pt(e,t):v(e)?Dt(e,t):kt(e,t);class x{constructor(t){this.name=t.name,this.parent=t.parent,this._value=t.value,this.initialValue=structuredClone(t.value)}get value(){return this._value}set value(t){throw new Error("Cannot set value directly. Use an updater!")}reset(){this._value=this.initialValue}update(t){if(typeof t=="function"){const s=this.getUpdatedValue(t);this.updateValue(s)}else this.updateValue(t)}updateValue(t){E(this._value,t)||(this._value=t,this.parent.notify(this.name))}getUpdatedValue(t){return t(this.value)}}class A{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 H extends A{toggle(){const t=!this.value;this.update(t)}setTrue(){this.update(!0)}setFalse(){this.update(!1)}}const Lt=e=>new H(e);class G extends A{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 Ft=e=>new G(e);class C extends A{updateAttribute(t,s){const n={...this.value};n[t]=s,this.update(n)}resetAttribute(t){const s={...this.value},n=this.store.initialValue[t];s[t]=n,this.update(s)}}const Bt={object:e=>new C(e),list:Ft,boolean:Lt},_="state";class Q{constructor(t){this.publisher=t,this.stores={},this.eventNamePrefix=_,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}createBoolean(t,s){const n=this.create(t,s);return n.updater=new H(n),n}createRecord(t,s){const n=this.create(t,s);return n.updater=new C(n),n}createList(t,s){const n=this.create(t,s);return n.updater=new G(n),n}store(t){return this.stores[t]||new x({name:t,parent:this,value:void 0})}get(t){return this.store(t).value}getAll(t){return t.reduce((s,n)=>(s[n]=this.get(n),s),{})}notify(t){this.inTransaction?this.notifications.add(t):this.publish(t)}update(t,s){this.store(t).update(s)}transaction(t){this.inTransaction=!0,t(this.stores),this.inTransaction=!1,this.publishAll()}publishAll(){this.notifications.forEach(t=>{this.publish(t)}),this.notifications.clear()}publish(t){this.publisher(this.event(t),{state:this,store:this.store(t)})}event(t){return`${this.eventNamePrefix}:${t}`}}const W=e=>new Q(e),zt=Object.freeze(Object.defineProperty({__proto__:null,State:Q,Store:x,createState:W,eventName:_,updaters:Bt},Symbol.toStringTag,{value:"Module"}));class Vt{constructor(t){this.setupDomEnvironment(t)}setup(){return this.setupBus(),this.setupState(),this.addBusOptions(),this.setRenderKit(),new R({window:this.window,document:this.document,publish:this.publish,subscribe:this.subscribe,bus:this.bus,state:this.state,renderKit:this.renderKit})}setupDomEnvironment(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}=J();this.publish=t,this.subscribe=s,this.bus=n}setupState(){this.state=W(this.publish)}addBusOptions(){this.bus.addListenerOptions({state:this.state,document:this.document,window:this.window})}setRenderKit(){this.renderKit={publish:this.publish,subscribe:this.subscribe,state:this.state,document:this.document,window:this.window}}}const Kt=(e={})=>{const s=new Vt(e).setup();return s.startNavigation(),s};var i=(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))(i||{});const Rt=Object.freeze(Object.defineProperty({__proto__:null,ChangeInstructionTypes:i},Symbol.toStringTag,{value:"Module"})),Ut=(e,t)=>({source:e,target:t,type:i.changeText,data:{}}),qt=(e,t)=>({source:e,target:t,type:i.replaceNode,data:{}}),It=(e,t,s)=>({source:e,target:t,data:s,type:i.removeAttribute}),Jt=(e,t,s)=>({source:e,target:t,data:s,type:i.addAttribute}),Ht=(e,t,s)=>({source:e,target:t,data:s,type:i.updateAttribute}),Gt=(e,t,s)=>({source:e,target:t,data:s,type:i.removeEvent}),Ct=(e,t,s)=>({source:e,target:t,data:s,type:i.addEvent}),Qt=(e,t,s)=>({source:e,target:t,data:s,type:i.updateEvent}),X=e=>({source:e,target:e,type:i.removeNode,data:{}}),w=(e,t)=>({target:e,source:e,type:i.insertNode,data:t}),Wt=(e,t,s)=>({source:e,target:t,type:i.changeValue,data:s}),Xt=(e,t)=>e.type>t.type?1:e.type<t.type?-1:0,Y={index:-1};class Yt{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}))})}pullMatch(t){const s=t&&t.__jsx;return!s||!(this.map[s]&&this.map[s].length)?Y: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,o)=>(o.element!==t&&r.push(o),r),[])}check(t){const s=t&&t.__jsx;return s&&this.map[s]?this.map[s].length>0:!1}remaining(){return Object.values(this.map).flat()}}const Z=e=>{const t=new Yt;return t.populate(e),t},tt=(e,t,s=!1)=>{const n=[],r=e.attributes,o=r.length,a=t.attributes,l=a.length;let u,d,c;for(u=0;u<o;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;break}}c?h.value!==c.value&&n.push(Ht(e,t,{name:h.name,value:c.value,isSvg:s})):n.push(It(e,t,{name:h.name,isSvg:s}))}}for(u=0;u<l;u++){c=null;const h=a.item(u);if(h){for(d=0;d<o;d++){const m=r.item(d);if(m&&m.name==h.name){c=m;break}}c||n.push(Jt(e,t,{name:h.name,value:h.value,isSvg:s}))}}return n},Zt=(e,t)=>{const s=[],n=e.eventMaps,r=t.eventMaps,o=Object.keys(n),a=Object.keys(r);return o.forEach(l=>{const u=n[l],d=r[l];d?d.busEvent!==u.busEvent&&s.push(Qt(e,t,{name:l,targetValue:d.listener,sourceValue:u.listener})):s.push(Gt(e,t,{name:u.domEvent,value:u.listener}))}),a.forEach(l=>{const u=n[l],d=r[l];u||s.push(Ct(e,t,{name:d.domEvent,value:d.listener}))}),s},te=e=>e.tagName!=="INPUT",ee=(e,t)=>e.value===t.value,se=(e,t)=>{if(te(e)||ee(e,t))return[];const s=e,n=t;return[Wt(s,n,{name:"value",value:n.value})]},ne=(e,t)=>{const s=tt(e,t),n=Zt(e,t),r=se(e,t);return s.concat(n).concat(r)},re=(e,t)=>tt(e,t,!0),oe=(e,t)=>e.textContent!==t.textContent?[Ut(e,t)]:[],ie=(e,t,s)=>{let n=[];if(e.nodeType===1&&ht(e)){const r=e,o=t,a=re(r,o),l=s(r.childNodes,o.childNodes,r);n=a.concat(l)}else if(e.nodeType===1){const r=e,o=t,a=ne(r,o),l=s(r.childNodes,o.childNodes,r);n=a.concat(l)}else e.nodeType===3&&(n=oe(e,t));return n},et=(e,t,s)=>{const n=[],r=ue(e,t),o=Z(e),a=Z(t),l=[];let u=0;for(;u<r;u++){const c=e[u],h=t[u];if(h&&a.check(h)){const m=o.pullMatch(h);a.clear(h),m.element?(m.index!==u&&n.push(w(m.element,{parent:s,index:u})),l.push({source:m.element,target:h})):c?a.check(c)?n.push(w(h,{parent:s,index:u})):(o.clear(c),n.push(qt(c,h))):n.push(w(h,{parent:s,index:u}))}else c&&o.pullMatch(c).element&&n.push(X(c))}o.remaining().forEach(({element:c})=>{n.push(X(c))});const d=l.reduce((c,{source:h,target:m})=>c.concat(ie(h,m,et)),[]);return n.concat(d).sort(Xt)},ue=(e,t)=>{const s=e.length,n=t.length;return s>n?s:n},ae=(e,t,s)=>{const n=et(e,t,s);return n.forEach(r=>{ce(r)}),n},ce=e=>{(xe[e.type]||le)(e)},le=e=>{},he=e=>{const{source:t,target:s}=e;t.nodeValue=s.textContent},de=e=>{const{source:t}=e;t.remove()},pe=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)},me=e=>{const{source:t,target:s}=e;t.replaceWith(s)},fe=e=>{const{source:t,data:s}=e,{name:n,isSvg:r}=s;r?t.removeAttributeNS(null,n):t.removeAttribute(n)},st=e=>{const{source:t,data:s}=e,{name:n,value:r,isSvg:o}=s;o?t.setAttributeNS(null,n,r):t.setAttribute(n,r)},be=e=>{st(e)},ve=e=>{const t=e.data,s=e.source,{name:n,value:r}=t;s.removeEventListener(n,r)},ge=e=>{const t=e.data,s=e.source,{name:n,value:r}=t;s.addEventListener(n,r)},ye=e=>{const t=e.data,s=e.source,{name:n,sourceValue:r,targetValue:o}=t;s.removeEventListener(n,r),s.addEventListener(n,o)},Ee=e=>{const t=e.data,s=e.source,{value:n}=t;s.value=n},xe={[i.changeText]:he,[i.removeNode]:de,[i.insertNode]:pe,[i.replaceNode]:me,[i.removeAttribute]:fe,[i.addAttribute]:st,[i.updateAttribute]:be,[i.removeEvent]:ve,[i.addEvent]:ge,[i.updateEvent]:ye,[i.changeValue]:Ee},Ae=(e,t,s)=>{const n=[...t];return e.forEach(r=>{_e(r,n,s)}),n},_e=(e,t,s)=>{const n=je[e.type];n&&n(e,t,s)},we=(e,t)=>{const{source:s}=e,n=t.indexOf(s);n>=0&&t.splice(n,1)},Se=(e,t,s)=>{const{target:n}=e,r=e.data,{index:o,parent:a}=r;s===a&&t.splice(o,0,n)},Ne=(e,t)=>{const{target:s,source:n}=e,r=t.indexOf(n);r>=0&&(t[r]=s)},je={[i.removeNode]:we,[i.insertNode]:Se,[i.replaceNode]:Ne};class Oe{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}render(t){return this.parentElement=t.parent,this.renderKit=t,this.subscribeForRerender(),this.dom=this.generateDom(t),this.dom}generateDom(t){const s={...this.attributes,...this.viewModel(t.state.getAll(this.subscriptions))},n=this.Template(s);return n?n.render(t):[]}rerender(){if(!this.parentElement&&this.dom[0]){const n=this.dom[0].parentElement;this.parentElement=n}const t=this.generateDom(this.renderKit),s=ae(this.dom,t,this.parentElement);this.dom=Ae(s,this.dom,this.parentElement)}subscribeForRerender(){const{subscribe:t}=this.renderKit;this.subscriptions.forEach(s=>{t(this.eventName(s),()=>this.rerender())})}eventName(t){return`${_}:${t}`}}const Me=e=>e,nt=({Template:e,viewModel:t,subscriptions:s})=>(s=s||[],t=t||Me,n=>new Oe({Template:e,viewModel:t,subscriptions:s,attributes:n})),Te=Object.freeze(Object.defineProperty({__proto__:null,createRouteState:k,events:jt,extractQueryParams:L,findHref:$,navigate:P,onLinkClick:D,onLocationChange:F,start:Ot},Symbol.toStringTag,{value:"Module"})),ke=e=>({path:t})=>t===e,$e=()=>!0,rt=e=>({route:t})=>{const s=e.find(n=>n.match(t));return s&&s.Partial},Pe=Object.freeze(Object.defineProperty({__proto__:null,buildRouter:rt,catchAll:$e,exactPathMatch:ke},Symbol.toStringTag,{value:"Module"})),De=()=>({render:(e,t)=>[]}),Le=e=>{const t=rt(e);return nt({Template:({route:n})=>(t({route:n})||De)(),subscriptions:["route"]})};p.JaxsTypes=Rt,p.appBuilding=Mt,p.bind=nt,p.createApp=Kt,p.jsx=O,p.messageBus=Tt,p.navigation=Te,p.routedView=Le,p.routing=Pe,p.state=zt,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(p,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(p=typeof globalThis<"u"?globalThis:p||self,f(p.jaxs={}))})(this,function(p){"use strict";const f=(e,t)=>t.createElement(e),nt=(e,t)=>{for(const s in t){if(s==="__self")continue;const n=t[s].toString();if(s==="value"){const r=e;r.value!==n&&(r.value=n)}else e.setAttribute(s,n)}},rt=(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}}e.eventMaps=n},it=(e,t,s,n)=>{const r=f(e,n.document);return nt(r,t),rt(r,s,n.publish),r},g="http://www.w3.org/2000/svg",ot={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},ut=(e,t)=>!!(ot[e]||e==="a"&&t===g),at=(e,t,s)=>{const n=s.createElementNS(g,e);for(const r in t)r==="__self"||r==="xmlns"||n.setAttributeNS(null,r,t[r].toString());return n},ct=e=>e.namespaceURI===g,lt=(e,t)=>t.createTextNode(e);class ht{constructor(t){this.value=t.toString()}render(t){const s=lt(this.value,t.document);return s.__jsx="TextNode",[s]}}const dt=e=>typeof e=="string"||typeof e=="number",pt=e=>new ht(e),mt=e=>dt(e)?pt(e):e,ft=e=>bt(e).map(mt).flat(),bt=e=>Array.isArray(e)?e.flat():e?[e]:[],S=(e,t={})=>e||t.children||[],vt=(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():""}else{if(i===!1)continue;r==="__source"?s.__source=e.__source:s[r]=gt(r,i,t)}}return{attributes:s,events:n}},gt=(e,t,s="")=>t==null?s:t.toString(),yt=(e,t)=>{const s=e||{},n=S(t,s);return s.children=s.children||n,s},T=(e,t,s,n=[])=>e.reduce(Et(t,s),n).flat(),Et=(e,t)=>(s,n)=>n?Array.isArray(n)?T(n,e,t,s):(n.render(e,t).forEach(r=>s.push(r)),s):s;class j{constructor(t){this.collection=ft(t)}render(t,s){this.parentElement=s;const n=this.generateDom(t);return this.attachToParent(n),n}generateDom(t){return T(this.collection,t,this.parentElement)}attachToParent(t){if(this.parentElement===void 0)return;const s=this.parentElement;t.forEach(n=>s.appendChild(n))}}class xt{constructor(t,s){this.type=t,this.attributes=s}generate(){return this.attributes.key||this.sourceKey()||this.createKeyFromAttributes()}sourceKey(){if(this.attributes.__source){const{fileName:t,lineNumber:s,columnNumber:n}=this.attributes.__source;return`${t}:${s}:${n}`}}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}`}}class At{constructor(t,s,n=[]){this.type=t;const{events:r,attributes:i}=vt(s);this.events=r,this.attributes=i,this.isSvg=ut(this.type,this.attributes.xmlns),this.children=new j(n)}render(t){const s=this.generateDom(t);return s?(this.children.render(t,s),[s]):[]}generateDom(t){return this.isSvg?this.generateSvgDom(t):this.generateHtmlDom(t)}generateHtmlDom(t){const s=it(this.type,this.attributes,this.events,t);return s.__jsx=this.jsxKey(),s}generateSvgDom(t){const s=at(this.type,this.attributes,t.document);return s.__jsx=this.jsxKey(),s}jsxKey(){return new xt(this.type,this.attributes).generate()}}const O=(e,t,...s)=>typeof e=="string"?new At(e,t,s):e(yt(t,s));O.fragment=(e,t)=>{const s=S(t,e);return new j(s)};class wt{constructor(t,s,n){this.template=t,this.selector=s,this.renderKit=n,this.dom=[]}renderAndAttach(t){this.parentElement=this.getParentElement(),this.dom=this.render({...t,parent:this.parentElement}),this.parentElement&&this.attach()}render(t){return this.template.render(t)}attach(){this.parentElement&&(this.parentElement.innerHTML=""),this.dom.forEach(t=>{this.parentElement&&this.parentElement.appendChild(t)})}getParentElement(){return this.renderKit.document.querySelector(this.selector)}}const Nt=(e,t,s)=>{const n=new wt(e,t,s);return n.renderAndAttach(s),n},M="go-to-href",k="go-to",b="navigation:location-change",$="navigation:route-change",_t=Object.freeze(Object.defineProperty({__proto__:null,linkNavigationEvent:M,locationChangeEvent:b,navigationEvent:k,routeChangeEvent:$},Symbol.toStringTag,{value:"Module"})),P=e=>{e.create("route",{host:"",path:"",query:{}})},D=e=>{const t=e.closest("[href]");return t&&t.getAttribute("href")||""},y=(e,{publish:t,window:s})=>{s.history.pushState(null,"",e),t(b,null)},F=(e,t)=>{if(!e||!e.target)return;e.preventDefault();const s=D(e.target);y(s,t)},L=e=>e.replace(/^\?/,"").split("&").reduce((t,s)=>{if(!s)return t;const n=s.split("=");return t[n[0]]=n[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($,c)},B=e=>{const{subscribe:t}=e;t(M,F),t(k,(s,n)=>{y(s,n)})},V=e=>{const{publish:t,subscribe:s,state:n,window:r}=e;P(n),r.addEventListener("popstate",()=>t(b,null)),s(b,z)},K=e=>{setTimeout(()=>e.publish(b,null),0)},R=e=>{V(e),B(e),K(e)},St=Object.freeze(Object.defineProperty({__proto__:null,publishLocation:K,startNavigation:R,subscribeToHistoryChange:V,subscribeToNavigation:B},Symbol.toStringTag,{value:"Module"}));class U{constructor({window:t,document:s,publish:n,subscribe:r,bus:i,state:a,renderKit:l}){this.window=t,this.document=s,this.publish=n,this.subscribe=r,this.bus=i,this.state=a,this.renderKit=l,this.roots=[]}render(t,s){const n=Nt(t,s,this.renderKit);return this.roots.push(n),n}startNavigation(){R(this)}}const Tt=Object.freeze(Object.defineProperty({__proto__:null,App:U},Symbol.toStringTag,{value:"Module"}));class C{constructor(){this.lookup={}}add(t,s,n){this.ensureArrayFor(t);const r={listener:s,index:n,matcher:t};return this.lookup[t].push(r),()=>this.remove(r)}remove(t){this.lookup[t.matcher]&&(this.lookup[t.matcher]=this.lookup[t.matcher].reduce((s,n)=>(n!==t&&s.push(n),s),[]))}matches(t){return this.lookup[t]||[]}ensureArrayFor(t){this.lookup[t]||(this.lookup[t]=[])}}class I{constructor(){this.lookup=[]}add(t,s,n){const r={listener:s,index:n,matcher:t};return this.lookup.push(r),()=>this.remove(r)}remove(t){this.lookup=this.lookup.reduce((s,n)=>(n!==t&&s.push(n),s),[])}matches(t){return this.lookup.filter(s=>s.matcher.test(t))}}class jt{constructor({publish:t,event:s,payload:n,timer:r}){this.setNewTimeout=()=>{this.stopped||setTimeout(()=>{this.publishEvent(),this.setNewTimeout()},this.calculateNextTime())},this.calculateNextTime=()=>this.timer({timeDiff:this.diff(),callCount:this.callCount,stop:this.stop}),this.publish=t,this.event=s,this.payload=n||null,this.stop=this.stopTimeout.bind(this),this.stopped=!1,this.timer=r,this.startedAt=new Date().getTime(),this.callCount=0}start(){this.setNewTimeout()}diff(){return new Date().getTime()-this.startedAt}stopTimeout(){this.stopped=!0,this.timeoutId&&clearTimeout(this.timeoutId)}publishEvent(){this.stopped||(this.callCount+=1,this.publish(this.event,this.payload))}}const Ot=e=>{const{offset:t,period:s}=e,n=({callCount:r})=>t&&r==0?t:s;return{event:e.event,publish:e.publish,payload:e.payload,timer:n}},Mt=e=>{let t;"timer"in e?t=e:t=Ot(e);const s=new jt(t);return s.start(),s.stop};class q{constructor(){this.exactSubscriptions=new C,this.fuzzySubscriptions=new I,this.currentIndex=0}subscribe(t,s){let n;return typeof t=="string"?n=this.exactSubscriptions.add(t,s,this.currentIndex):n=this.fuzzySubscriptions.add(t,s,this.currentIndex),this.currentIndex+=1,n}publish(t,s){[...this.exactSubscriptions.matches(t),...this.fuzzySubscriptions.matches(t)].sort((r,i)=>r.index-i.index).forEach(r=>{r.listener(s,this.listenerOptions(t))})}addListenerOptions(t){this.options=t}listenerOptions(t){return{eventName:t,...this.options,publish:this.publish.bind(this)}}}const J=()=>{const e=new q;return{bus:e,publish:(n,r)=>e.publish(n,r),subscribe:(n,r)=>e.subscribe(n,r)}},kt=Object.freeze(Object.defineProperty({__proto__:null,ExactSubscriptions:C,FuzzySubscriptions:I,JaxsBus:q,createBus:J,publishPeriodically:Mt},Symbol.toStringTag,{value:"Module"})),v=e=>Array.isArray(e),E=e=>e!==null&&!v(e)&&typeof e=="object",$t=(e,t)=>e===t,Pt=(e,t)=>Object.keys(e).length===Object.keys(t).length,Dt=(e,t)=>!(E(e)&&E(t))||!Pt(e,t)?!1:Object.keys(e).every(s=>{const n=e[s],r=t[s];return x(n,r)}),Ft=(e,t)=>!(v(e)&&v(t))||e.length!==t.length?!1:e.every((s,n)=>{const r=t[n];return x(s,r)}),x=(e,t)=>E(e)?Dt(e,t):v(e)?Ft(e,t):$t(e,t);class A{constructor(t){this.name=t.name,this.parent=t.parent,this._value=t.value,this.initialValue=structuredClone(t.value)}get value(){return this._value}set value(t){throw new Error("Cannot set value directly. Use an updater!")}reset(){this._value=this.initialValue}update(t){if(typeof t=="function"){const s=this.getUpdatedValue(t);this.updateValue(s)}else this.updateValue(t)}updateValue(t){x(this._value,t)||(this._value=t,this.parent.notify(this.name))}getUpdatedValue(t){return t(this.value)}}class 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)}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 Vt=e=>new Bt(e);class Kt extends w{toggle(){const t=!this.value;this.update(t)}setTrue(){this.update(!0)}setFalse(){this.update(!1)}}const Rt={object:zt,list:Vt,boolean:e=>new Kt(e)},N="state";class G{constructor(t){this.publisher=t,this.stores={},this.eventNamePrefix=N,this.notifications=new Set,this.inTransaction=!1}create(t,s){const n=new A({name:t,parent:this,value:s});return this.stores[t]=n,n}store(t){return this.stores[t]||new A({name:t,parent:this,value:void 0})}get(t){return this.store(t).value}getAll(t){return t.reduce((s,n)=>(s[n]=this.get(n),s),{})}notify(t){this.inTransaction?this.notifications.add(t):this.publish(t)}update(t,s){this.store(t).update(s)}transaction(t){this.inTransaction=!0,t(this.stores),this.inTransaction=!1,this.publishAll()}publishAll(){this.notifications.forEach(t=>{this.publish(t)}),this.notifications.clear()}publish(t){this.publisher(this.event(t),{state:this,store:this.store(t)})}event(t){return`${this.eventNamePrefix}:${t}`}}const H=e=>new G(e),Ut=Object.freeze(Object.defineProperty({__proto__:null,State:G,Store:A,createState:H,eventName:N,updaters:Rt},Symbol.toStringTag,{value:"Module"}));class Ct{constructor(t){this.setupDomEnvironment(t)}setup(){return this.setupBus(),this.setupState(),this.addBusOptions(),this.setRenderKit(),new U({window:this.window,document:this.document,publish:this.publish,subscribe:this.subscribe,bus:this.bus,state:this.state,renderKit:this.renderKit})}setupDomEnvironment(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}=J();this.publish=t,this.subscribe=s,this.bus=n}setupState(){this.state=H(this.publish)}addBusOptions(){this.bus.addListenerOptions({state:this.state,document:this.document,window:this.window})}setRenderKit(){this.renderKit={publish:this.publish,subscribe:this.subscribe,state:this.state,document:this.document,window:this.window}}}const It=(e={})=>{const s=new Ct(e).setup();return s.startNavigation(),s};var o=(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))(o||{});const qt=Object.freeze(Object.defineProperty({__proto__:null,ChangeInstructionTypes:o},Symbol.toStringTag,{value:"Module"})),Jt=(e,t)=>({source:e,target:t,type:o.changeText,data:{}}),Gt=(e,t)=>({source:e,target:t,type:o.replaceNode,data:{}}),Ht=(e,t,s)=>({source:e,target:t,data:s,type:o.removeAttribute}),Qt=(e,t,s)=>({source:e,target:t,data:s,type:o.addAttribute}),Wt=(e,t,s)=>({source:e,target:t,data:s,type:o.updateAttribute}),Xt=(e,t,s)=>({source:e,target:t,data:s,type:o.removeEvent}),Yt=(e,t,s)=>({source:e,target:t,data:s,type:o.addEvent}),Zt=(e,t,s)=>({source:e,target:t,data:s,type:o.updateEvent}),Q=e=>({source:e,target:e,type:o.removeNode,data:{}}),_=(e,t)=>({target:e,source:e,type:o.insertNode,data:t}),te=(e,t,s)=>({source:e,target:t,type:o.changeValue,data:s}),ee=(e,t)=>e.type>t.type?1:e.type<t.type?-1:0,W={index:-1};class se{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}))})}pullMatch(t){const s=t&&t.__jsx;return!s||!(this.map[s]&&this.map[s].length)?W: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),[])}check(t){const s=t&&t.__jsx;return s&&this.map[s]?this.map[s].length>0:!1}remaining(){return Object.values(this.map).flat()}}const X=e=>{const t=new se;return t.populate(e),t},Y=(e,t,s=!1)=>{const n=[],r=e.attributes,i=r.length,a=t.attributes,l=a.length;let u,d,c;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;break}}c?h.value!==c.value&&n.push(Wt(e,t,{name:h.name,value:c.value,isSvg:s})):n.push(Ht(e,t,{name:h.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;break}}c||n.push(Qt(e,t,{name:h.name,value:h.value,isSvg:s}))}}return n},ne=(e,t)=>{const s=[],n=e.eventMaps,r=t.eventMaps,i=Object.keys(n),a=Object.keys(r);return i.forEach(l=>{const u=n[l],d=r[l];d?d.busEvent!==u.busEvent&&s.push(Zt(e,t,{name:l,targetValue:d.listener,sourceValue:u.listener})):s.push(Xt(e,t,{name:u.domEvent,value:u.listener}))}),a.forEach(l=>{const u=n[l],d=r[l];u||s.push(Yt(e,t,{name:d.domEvent,value:d.listener}))}),s},re=e=>e.tagName!=="INPUT",ie=(e,t)=>e.value===t.value,oe=(e,t)=>{if(re(e)||ie(e,t))return[];const s=e,n=t;return[te(s,n,{name:"value",value:n.value})]},ue=(e,t)=>{const s=Y(e,t),n=ne(e,t),r=oe(e,t);return s.concat(n).concat(r)},ae=(e,t)=>Y(e,t,!0),ce=(e,t)=>e.textContent!==t.textContent?[Jt(e,t)]:[],le=(e,t,s)=>{let n=[];if(e.nodeType===1&&ct(e)){const r=e,i=t,a=ae(r,i),l=s(r.childNodes,i.childNodes,r);n=a.concat(l)}else if(e.nodeType===1){const r=e,i=t,a=ue(r,i),l=s(r.childNodes,i.childNodes,r);n=a.concat(l)}else e.nodeType===3&&(n=ce(e,t));return n},Z=(e,t,s)=>{const n=[],r=he(e,t),i=X(e),a=X(t),l=[];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),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(Gt(c,h))):n.push(_(h,{parent:s,index:u}))}else c&&i.pullMatch(c).element&&n.push(Q(c))}i.remaining().forEach(({element:c})=>{n.push(Q(c))});const d=l.reduce((c,{source:h,target:m})=>c.concat(le(h,m,Z)),[]);return n.concat(d).sort(ee)},he=(e,t)=>{const s=e.length,n=t.length;return s>n?s:n},de=(e,t,s)=>{const n=Z(e,t,s);return n.forEach(r=>{pe(r)}),n},pe=e=>{(_e[e.type]||me)(e)},me=e=>{},fe=e=>{const{source:t,target:s}=e;t.nodeValue=s.textContent},be=e=>{const{source:t}=e;t.remove()},ve=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)},ge=e=>{const{source:t,target:s}=e;t.replaceWith(s)},ye=e=>{const{source:t,data:s}=e,{name:n,isSvg:r}=s;r?t.removeAttributeNS(null,n):t.removeAttribute(n)},tt=e=>{const{source:t,data:s}=e,{name:n,value:r,isSvg:i}=s;i?t.setAttributeNS(null,n,r):t.setAttribute(n,r)},Ee=e=>{tt(e)},xe=e=>{const t=e.data,s=e.source,{name:n,value:r}=t;s.removeEventListener(n,r)},Ae=e=>{const t=e.data,s=e.source,{name:n,value:r}=t;s.addEventListener(n,r)},we=e=>{const t=e.data,s=e.source,{name:n,sourceValue:r,targetValue:i}=t;s.removeEventListener(n,r),s.addEventListener(n,i)},Ne=e=>{const t=e.data,s=e.source,{value:n}=t;s.value=n},_e={[o.changeText]:fe,[o.removeNode]:be,[o.insertNode]:ve,[o.replaceNode]:ge,[o.removeAttribute]:ye,[o.addAttribute]:tt,[o.updateAttribute]:Ee,[o.removeEvent]:xe,[o.addEvent]:Ae,[o.updateEvent]:we,[o.changeValue]:Ne},Se=(e,t,s)=>{const n=[...t];return e.forEach(r=>{Te(r,n,s)}),n},Te=(e,t,s)=>{const n=ke[e.type];n&&n(e,t,s)},je=(e,t)=>{const{source:s}=e,n=t.indexOf(s);n>=0&&t.splice(n,1)},Oe=(e,t,s)=>{const{target:n}=e,r=e.data,{index:i,parent:a}=r;s===a&&t.splice(i,0,n)},Me=(e,t)=>{const{target:s,source:n}=e,r=t.indexOf(n);r>=0&&(t[r]=s)},ke={[o.removeNode]:je,[o.insertNode]:Oe,[o.replaceNode]:Me};class $e{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}render(t){return this.parentElement=t.parent,this.renderKit=t,this.subscribeForRerender(),this.dom=this.generateDom(t),this.dom}generateDom(t){const s={...this.attributes,...this.viewModel(t.state.getAll(this.subscriptions))},n=this.Template(s);return n?n.render(t):[]}rerender(){if(!this.parentElement&&this.dom[0]){const n=this.dom[0].parentElement;this.parentElement=n}const t=this.generateDom(this.renderKit),s=de(this.dom,t,this.parentElement);this.dom=Se(s,this.dom,this.parentElement)}subscribeForRerender(){const{subscribe:t}=this.renderKit;this.subscriptions.forEach(s=>{t(this.eventName(s),()=>this.rerender())})}eventName(t){return`${N}:${t}`}}const Pe=e=>e,et=({Template:e,viewModel:t,subscriptions:s})=>(s=s||[],t=t||Pe,n=>new $e({Template:e,viewModel:t,subscriptions:s,attributes:n})),De=Object.freeze(Object.defineProperty({__proto__:null,createRouteState:P,events:_t,extractQueryParams:L,findHref:D,navigate:y,onLinkClick:F,onLocationChange:z,start:St},Symbol.toStringTag,{value:"Module"})),Fe=e=>({path:t})=>t===e,Le=()=>!0,st=e=>({route:t})=>{const s=e.find(n=>n.match(t));return s&&s.Partial},ze=Object.freeze(Object.defineProperty({__proto__:null,buildRouter:st,catchAll:Le,exactPathMatch:Fe},Symbol.toStringTag,{value:"Module"})),Be=()=>({render:(e,t)=>[]}),Ve=e=>{const t=st(e);return et({Template:({route:n})=>(t({route:n})||Be)(),subscriptions:["route"]})};p.JaxsTypes=qt,p.appBuilding=Tt,p.bind=et,p.createApp=It,p.jsx=O,p.messageBus=kt,p.navigation=De,p.routedView=Ve,p.routing=ze,p.state=Ut,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -2,7 +2,7 @@
   "name": "jaxs",
   "description": "Modular J/TSX application framework",
   "private": false,
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "scripts": {
     "build": "vite build && npm run build:types",
@@ -45,7 +45,7 @@
     "jsdom": "^24.1.1",
     "prettier": "^3.3.3",
     "typescript": "^5.5.4",
-    "vite": "^5.4.1",
-    "vitest": "^2.0.5"
+    "vite": "^6.3.5",
+    "vitest": "^3.1.4"
   }
 }