jaxs 0.4.4 → 0.6.0

package/dist/jaxs.umd.cjs

@@ -1,1153 +1 @@
-;(function (m, f) {
-  typeof exports == 'object' && typeof module < 'u'
-    ? f(exports)
-    : typeof define == 'function' && define.amd
-      ? define(['exports'], f)
-      : ((m = typeof globalThis < 'u' ? globalThis : m || self),
-        f((m.jaxs = {})))
-})(this, function (m) {
-  '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()
-        s === 'value' ? (e.value = n) : e.setAttribute(s, n)
-      }
-    },
-    rt = (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, busEvent: o, listener: a })
-      }
-      e.eventMaps = n
-    },
-    ot = (e, t, s, n) => {
-      const r = f(e, n.document)
-      return nt(r, t), rt(r, s, n.publish), r
-    },
-    y = 'http://www.w3.org/2000/svg',
-    it = {
-      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) => !!(it[e] || (e === 'a' && t === y)),
-    at = (e, t, s) => {
-      const n = s.createElementNS(y, e)
-      for (const r in t)
-        r === '__self' ||
-          r === 'xmlns' ||
-          n.setAttributeNS(null, r, t[r].toString())
-      return n
-    },
-    ct = (e) => e.namespaceURI === y,
-    ht = (e, t) => t.createTextNode(e)
-  class lt {
-    constructor(t) {
-      this.value = t.toString()
-    }
-    render(t) {
-      const s = ht(this.value, t.document)
-      return (s.__jsx = 'TextNode'), [s]
-    }
-  }
-  const dt = (e) => typeof e == 'string' || typeof e == 'number',
-    pt = (e) => new lt(e),
-    mt = (e) => (dt(e) ? pt(e) : e),
-    ft = (e) => bt(e).map(mt).flat(),
-    bt = (e) => (Array.isArray(e) ? e.flat() : e ? [e] : []),
-    N = (e, t = {}) => e || t.children || [],
-    vt = (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] = gt(r, o, t))
-        }
-      }
-      return { attributes: s, events: n }
-    },
-    gt = (e, t, s = '') => (t == null ? s : t.toString()),
-    yt = (e, t) => {
-      const s = e || {},
-        n = N(t, s)
-      return (s.children = s.children || n), s
-    },
-    j = (e, t, s, n = []) => e.reduce(Et(t, s), n).flat(),
-    Et = (e, t) => (s, n) =>
-      n
-        ? Array.isArray(n)
-          ? j(n, e, t, s)
-          : (n.render(e, t).forEach((r) => s.push(r)), s)
-        : s
-  class O {
-    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 j(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: o } = vt(s)
-      ;(this.events = r),
-        (this.attributes = o),
-        (this.isSvg = ut(this.type, this.attributes.xmlns)),
-        (this.children = new O(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 = ot(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 k = (e, t, ...s) =>
-    typeof e == 'string' ? new At(e, t, s) : e(yt(t, s))
-  k.fragment = (e, t) => {
-    const s = N(t, e)
-    return new O(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 St = (e, t, s) => {
-      const n = new wt(e, t, s)
-      return n.renderAndAttach(s), n
-    },
-    M = 'go-to-href',
-    b = 'navigation:location-change',
-    $ = 'navigation:route-change',
-    _t = Object.freeze(
-      Object.defineProperty(
-        {
-          __proto__: null,
-          linkNavigationEvent: M,
-          locationChangeEvent: b,
-          routeChangeEvent: $,
-        },
-        Symbol.toStringTag,
-        { value: 'Module' },
-      ),
-    ),
-    T = (e) => {
-      e.createRecord('route', { host: '', path: '', query: {} })
-    },
-    F = (e) => {
-      const t = e.closest('[href]')
-      return (t && t.getAttribute('href')) || ''
-    },
-    D = (e, { publish: t, window: s }) => {
-      s.history.pushState(null, '', e), t(b, null)
-    },
-    L = (e, t) => {
-      if (!e || !e.target) return
-      e.preventDefault()
-      const s = F(e.target)
-      D(s, t)
-    },
-    P = (e) =>
-      e
-        .replace(/^\?/, '')
-        .split('&')
-        .reduce((t, s) => {
-          if (!s) return t
-          const n = s.split('=')
-          return (t[n[0]] = n[1]), t
-        }, {}),
-    B = (e, t) => {
-      const { state: s, publish: n, window: r } = t,
-        { host: o, pathname: a, search: h } = r.location,
-        u = a,
-        d = P(h),
-        c = { host: o, path: u, query: d }
-      s.store('route').update(c), n($, c)
-    },
-    U = (e) => {
-      const { subscribe: t } = e
-      t(M, L)
-    },
-    z = (e) => {
-      const { publish: t, subscribe: s, state: n, window: r } = e
-      T(n), r.addEventListener('popstate', () => t(b, null)), s(b, B)
-    },
-    V = (e) => {
-      setTimeout(() => e.publish(b, null), 0)
-    },
-    K = (e) => {
-      z(e), U(e), V(e)
-    },
-    Nt = Object.freeze(
-      Object.defineProperty(
-        {
-          __proto__: null,
-          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 = [])
-    }
-    render(t, s) {
-      const n = St(t, s, this.renderKit)
-      return this.roots.push(n), n
-    }
-    startNavigation() {
-      K(this)
-    }
-  }
-  const jt = Object.freeze(
-    Object.defineProperty({ __proto__: null, App: R }, Symbol.toStringTag, {
-      value: 'Module',
-    }),
-  )
-  class q {
-    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 J {
-    constructor() {
-      ;(this.exactSubscriptions = new q()),
-        (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, 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 H = () => {
-      const e = new J()
-      return {
-        bus: e,
-        publish: (n, r) => e.publish(n, r),
-        subscribe: (n, r) => e.subscribe(n, r),
-      }
-    },
-    Ot = Object.freeze(
-      Object.defineProperty(
-        {
-          __proto__: null,
-          ExactSubscriptions: q,
-          FuzzySubscriptions: I,
-          JaxsBus: J,
-          createBus: H,
-        },
-        Symbol.toStringTag,
-        { value: 'Module' },
-      ),
-    ),
-    v = (e) => Array.isArray(e),
-    E = (e) => e !== null && !v(e) && typeof e == 'object',
-    kt = (e, t) => e === t,
-    Mt = (e, t) => Object.keys(e).length === Object.keys(t).length,
-    $t = (e, t) =>
-      !(E(e) && E(t)) || !Mt(e, t)
-        ? !1
-        : Object.keys(e).every((s) => {
-            const n = e[s],
-              r = t[s]
-            return x(n, r)
-          }),
-    Tt = (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) ? $t(e, t) : v(e) ? Tt(e, t) : kt(e, t))
-  class g {
-    constructor(t) {
-      this.store = t
-    }
-    update(t) {
-      this.store.update(t)
-    }
-    reset() {
-      this.store.update(this.store.initialState)
-    }
-    get value() {
-      return this.store.value
-    }
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-    addUpdaterFunctions(t) {
-      for (const s in t) this.addUpdaterFunction(s, t[s])
-    }
-  }
-  class A extends g {
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-    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)
-    }
-  }
-  class w {
-    constructor(t) {
-      ;(this.name = t.name),
-        (this.parent = t.parent),
-        (this._value = t.value),
-        (this.initialState = structuredClone(t.value)),
-        (this.updater = new g(this))
-    }
-    get value() {
-      return this._value
-    }
-    set value(t) {
-      throw new Error('Cannot set value directly. Use an updater!')
-    }
-    update(t) {
-      if (typeof t == 'function') {
-        const s = this.getUpdatedValue(t)
-        this.updateValue(s)
-      } else this.updateValue(t)
-    }
-    updateValue(t) {
-      x(this._value, t) || ((this._value = t), this.parent.notify(this.name))
-    }
-    getUpdatedValue(t) {
-      return t(this.value)
-    }
-    addUpdaters(t) {
-      this.updater.addUpdaterFunctions(t)
-    }
-    addUpdater(t, s) {
-      this.updater.addUpdaterFunction(t, s)
-    }
-    addSorter(t, s) {
-      this.updater instanceof A && this.updater.addSorter(t, s)
-    }
-  }
-  class G extends g {
-    toggle() {
-      const t = !this.value
-      this.update(t)
-    }
-    setTrue() {
-      this.update(!0)
-    }
-    setFalse() {
-      this.update(!1)
-    }
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-  }
-  class C extends g {
-    addUpdaterFunction(t, s) {
-      this.constructor.prototype[t] = (...n) => {
-        const r = s(this.value, ...n)
-        this.update(r)
-      }
-    }
-    updateAttribute(t, s) {
-      const n = { ...this.value }
-      ;(n[t] = s), this.update(n)
-    }
-  }
-  const S = 'state'
-  class Q {
-    constructor(t) {
-      ;(this.publisher = t),
-        (this.stores = {}),
-        (this.eventNamePrefix = S),
-        (this.notifications = new Set()),
-        (this.inTransaction = !1)
-    }
-    create(t, s) {
-      const n = new w({ name: t, parent: this, value: s })
-      return (this.stores[t] = n), n
-    }
-    createBoolean(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new G(n)), n
-    }
-    createRecord(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new C(n)), n
-    }
-    createList(t, s) {
-      const n = this.create(t, s)
-      return (n.updater = new A(n)), n
-    }
-    store(t) {
-      return this.stores[t] || new w({ 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),
-    Ft = Object.freeze(
-      Object.defineProperty(
-        {
-          __proto__: null,
-          State: Q,
-          Store: w,
-          StoreUpdaterBoolean: G,
-          StoreUpdaterList: A,
-          StoreUpdaterObject: C,
-          createState: W,
-          eventName: S,
-        },
-        Symbol.toStringTag,
-        { value: 'Module' },
-      ),
-    )
-  class Dt {
-    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 } = H()
-      ;(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 Lt = (e = {}) => {
-    const s = new Dt(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 Pt = Object.freeze(
-      Object.defineProperty(
-        { __proto__: null, ChangeInstructionTypes: i },
-        Symbol.toStringTag,
-        { value: 'Module' },
-      ),
-    ),
-    Bt = (e, t) => ({ source: e, target: t, type: i.changeText, data: {} }),
-    Ut = (e, t) => ({ source: e, target: t, type: i.replaceNode, data: {} }),
-    zt = (e, t, s) => ({
-      source: e,
-      target: t,
-      data: s,
-      type: i.removeAttribute,
-    }),
-    Vt = (e, t, s) => ({ source: e, target: t, data: s, type: i.addAttribute }),
-    Kt = (e, t, s) => ({
-      source: e,
-      target: t,
-      data: s,
-      type: i.updateAttribute,
-    }),
-    Rt = (e, t, s) => ({ source: e, target: t, data: s, type: i.removeEvent }),
-    qt = (e, t, s) => ({ source: e, target: t, data: s, type: i.addEvent }),
-    It = (e, t, s) => ({ source: e, target: t, data: s, type: i.updateEvent }),
-    X = (e) => ({ source: e, target: e, type: i.removeNode, data: {} }),
-    _ = (e, t) => ({ target: e, source: e, type: i.insertNode, data: t }),
-    Jt = (e, t, s) => ({ source: e, target: t, type: i.changeValue, data: s }),
-    Ht = (e, t) => (e.type > t.type ? 1 : e.type < t.type ? -1 : 0),
-    Y = { index: -1 }
-  class Gt {
-    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 Gt()
-      return t.populate(e), t
-    },
-    tt = (e, t, s = !1) => {
-      const n = [],
-        r = e.attributes,
-        o = r.length,
-        a = t.attributes,
-        h = a.length
-      let u, d, c
-      for (u = 0; u < o; u++) {
-        c = null
-        const l = r.item(u)
-        if (l) {
-          for (d = 0; d < h; d++) {
-            const p = a.item(d)
-            if (p && l.name == p.name) {
-              c = p
-              break
-            }
-          }
-          c
-            ? l.value !== c.value &&
-              n.push(Kt(e, t, { name: l.name, value: c.value, isSvg: s }))
-            : n.push(zt(e, t, { name: l.name, isSvg: s }))
-        }
-      }
-      for (u = 0; u < h; u++) {
-        c = null
-        const l = a.item(u)
-        if (l) {
-          for (d = 0; d < o; d++) {
-            const p = r.item(d)
-            if (p && p.name == l.name) {
-              c = p
-              break
-            }
-          }
-          c || n.push(Vt(e, t, { name: l.name, value: l.value, isSvg: s }))
-        }
-      }
-      return n
-    },
-    Ct = (e, t) => {
-      const s = [],
-        n = e.eventMaps,
-        r = t.eventMaps,
-        o = Object.keys(n),
-        a = Object.keys(r)
-      return (
-        o.forEach((h) => {
-          const u = n[h],
-            d = r[h]
-          d
-            ? d.busEvent !== u.busEvent &&
-              s.push(
-                It(e, t, {
-                  name: h,
-                  targetValue: d.listener,
-                  sourceValue: u.listener,
-                }),
-              )
-            : s.push(Rt(e, t, { name: u.domEvent, value: u.listener }))
-        }),
-        a.forEach((h) => {
-          const u = n[h],
-            d = r[h]
-          u || s.push(qt(e, t, { name: d.domEvent, value: d.listener }))
-        }),
-        s
-      )
-    },
-    Qt = (e) => e.tagName !== 'INPUT',
-    Wt = (e, t) => e.value === t.value,
-    Xt = (e, t) => {
-      if (Qt(e) || Wt(e, t)) return []
-      const s = e,
-        n = t
-      return [Jt(s, n, { name: 'value', value: n.value })]
-    },
-    Yt = (e, t) => {
-      const s = tt(e, t),
-        n = Ct(e, t),
-        r = Xt(e, t)
-      return s.concat(n).concat(r)
-    },
-    Zt = (e, t) => tt(e, t, !0),
-    te = (e, t) => (e.textContent !== t.textContent ? [Bt(e, t)] : []),
-    ee = (e, t, s) => {
-      let n = []
-      if (e.nodeType === 1 && ct(e)) {
-        const r = e,
-          o = t,
-          a = Zt(r, o),
-          h = s(r.childNodes, o.childNodes, r)
-        n = a.concat(h)
-      } else if (e.nodeType === 1) {
-        const r = e,
-          o = t,
-          a = Yt(r, o),
-          h = s(r.childNodes, o.childNodes, r)
-        n = a.concat(h)
-      } else e.nodeType === 3 && (n = te(e, t))
-      return n
-    },
-    et = (e, t, s) => {
-      const n = [],
-        r = se(e, t),
-        o = Z(e),
-        a = Z(t),
-        h = []
-      let u = 0
-      for (; u < r; u++) {
-        const c = e[u],
-          l = t[u]
-        if (l && a.check(l)) {
-          const p = o.pullMatch(l)
-          a.clear(l),
-            p.element
-              ? (p.index !== u && n.push(_(p.element, { parent: s, index: u })),
-                h.push({ source: p.element, target: l }))
-              : c
-                ? a.check(c)
-                  ? n.push(_(l, { parent: s, index: u }))
-                  : (o.clear(c), n.push(Ut(c, l)))
-                : n.push(_(l, { 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 = h.reduce(
-        (c, { source: l, target: p }) => c.concat(ee(l, p, et)),
-        [],
-      )
-      return n.concat(d).sort(Ht)
-    },
-    se = (e, t) => {
-      const s = e.length,
-        n = t.length
-      return s > n ? s : n
-    },
-    ne = (e, t, s) => {
-      const n = et(e, t, s)
-      return (
-        n.forEach((r) => {
-          re(r)
-        }),
-        n
-      )
-    },
-    re = (e) => {
-      ;(be[e.type] || oe)(e)
-    },
-    oe = (e) => {},
-    ie = (e) => {
-      const { source: t, target: s } = e
-      t.nodeValue = s.textContent
-    },
-    ue = (e) => {
-      const { source: t } = e
-      t.remove()
-    },
-    ae = (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)
-    },
-    ce = (e) => {
-      const { source: t, target: s } = e
-      t.replaceWith(s)
-    },
-    he = (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)
-    },
-    le = (e) => {
-      st(e)
-    },
-    de = (e) => {
-      const t = e.data,
-        s = e.source,
-        { name: n, value: r } = t
-      s.removeEventListener(n, r)
-    },
-    pe = (e) => {
-      const t = e.data,
-        s = e.source,
-        { name: n, value: r } = t
-      s.addEventListener(n, r)
-    },
-    me = (e) => {
-      const t = e.data,
-        s = e.source,
-        { name: n, sourceValue: r, targetValue: o } = t
-      s.removeEventListener(n, r), s.addEventListener(n, o)
-    },
-    fe = (e) => {
-      const t = e.data,
-        s = e.source,
-        { value: n } = t
-      s.value = n
-    },
-    be = {
-      [i.changeText]: ie,
-      [i.removeNode]: ue,
-      [i.insertNode]: ae,
-      [i.replaceNode]: ce,
-      [i.removeAttribute]: he,
-      [i.addAttribute]: st,
-      [i.updateAttribute]: le,
-      [i.removeEvent]: de,
-      [i.addEvent]: pe,
-      [i.updateEvent]: me,
-      [i.changeValue]: fe,
-    },
-    ve = (e, t, s) => {
-      const n = [...t]
-      return (
-        e.forEach((r) => {
-          ge(r, n, s)
-        }),
-        n
-      )
-    },
-    ge = (e, t, s) => {
-      const n = Ae[e.type]
-      n && n(e, t, s)
-    },
-    ye = (e, t) => {
-      const { source: s } = e,
-        n = t.indexOf(s)
-      n >= 0 && t.splice(n, 1)
-    },
-    Ee = (e, t, s) => {
-      const { target: n } = e,
-        r = e.data,
-        { index: o, parent: a } = r
-      s === a && t.splice(o, 0, n)
-    },
-    xe = (e, t) => {
-      const { target: s, source: n } = e,
-        r = t.indexOf(n)
-      r >= 0 && (t[r] = s)
-    },
-    Ae = { [i.removeNode]: ye, [i.insertNode]: Ee, [i.replaceNode]: xe }
-  class we {
-    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 = ne(this.dom, t, this.parentElement)
-      this.dom = ve(s, this.dom, this.parentElement)
-    }
-    subscribeForRerender() {
-      const { subscribe: t } = this.renderKit
-      this.subscriptions.forEach((s) => {
-        t(this.eventName(s), () => this.rerender())
-      })
-    }
-    eventName(t) {
-      return `${S}:${t}`
-    }
-  }
-  const Se = (e) => e,
-    _e = ({ Template: e, viewModel: t, subscriptions: s }) => (
-      (s = s || []),
-      (t = t || Se),
-      (n) =>
-        new we({ Template: e, viewModel: t, subscriptions: s, attributes: n })
-    ),
-    Ne = Object.freeze(
-      Object.defineProperty(
-        {
-          __proto__: null,
-          createRouteState: T,
-          events: _t,
-          extractQueryParams: P,
-          findHref: F,
-          navigate: D,
-          onLinkClick: L,
-          onLocationChange: B,
-          start: Nt,
-        },
-        Symbol.toStringTag,
-        { value: 'Module' },
-      ),
-    )
-  ;(m.JaxsTypes = Pt),
-    (m.appBuilding = jt),
-    (m.bind = _e),
-    (m.createApp = Lt),
-    (m.jsx = k),
-    (m.messageBus = Ot),
-    (m.navigation = Ne),
-    (m.state = Ft),
-    Object.defineProperty(m, 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),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"})});