jaxs 0.7.0 → 0.7.2

package/dist/jaxs.umd.cjs

@@ -1 +1,1220 @@
-(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"})});
+;(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 At {
+    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 xt {
+    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 At(this.type, this.attributes).generate()
+    }
+  }
+  const O = (e, t, ...s) =>
+    typeof e == 'string' ? new xt(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' },
+      ),
+    ),
+    D = (e) => {
+      e.create('route', { host: '', path: '', query: {} })
+    },
+    P = (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)
+    },
+    V = (e, t) => {
+      if (!e || !e.target) return
+      e.preventDefault()
+      const s = P(e.target)
+      y(s, t)
+    },
+    F = (e) =>
+      e
+        .replace(/^\?/, '')
+        .split('&')
+        .reduce((t, s) => {
+          if (!s) return t
+          const n = s.split('=')
+          return (t[n[0]] = n[1]), t
+        }, {}),
+    L = (e, t) => {
+      const { state: s, publish: n, window: r } = t,
+        { host: i, pathname: a, search: l } = r.location,
+        u = a,
+        d = F(l),
+        c = { host: i, path: u, query: d }
+      s.store('route').update(c), n($, c)
+    },
+    z = (e) => {
+      const { subscribe: t } = e
+      t(M, V),
+        t(k, (s, n) => {
+          y(s, n)
+        })
+    },
+    B = (e) => {
+      const { publish: t, subscribe: s, state: n, window: r } = e
+      D(n), r.addEventListener('popstate', () => t(b, null)), s(b, L)
+    },
+    K = (e) => {
+      setTimeout(() => e.publish(b, null), 0)
+    },
+    R = (e) => {
+      B(e), z(e), K(e)
+    },
+    St = Object.freeze(
+      Object.defineProperty(
+        {
+          __proto__: null,
+          publishLocation: K,
+          startNavigation: R,
+          subscribeToHistoryChange: B,
+          subscribeToNavigation: z,
+        },
+        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,
+    Dt = (e, t) => Object.keys(e).length === Object.keys(t).length,
+    Pt = (e, t) =>
+      !(E(e) && E(t)) || !Dt(e, t)
+        ? !1
+        : Object.keys(e).every((s) => {
+            const n = e[s],
+              r = t[s]
+            return A(n, r)
+          }),
+    Vt = (e, t) =>
+      !(v(e) && v(t)) || e.length !== t.length
+        ? !1
+        : e.every((s, n) => {
+            const r = t[n]
+            return A(s, r)
+          }),
+    A = (e, t) => (E(e) ? Pt(e, t) : v(e) ? Vt(e, t) : $t(e, t))
+  class x {
+    constructor(t) {
+      ;(this.name = t.name),
+        (this.parent = t.parent),
+        (this._value = structuredClone(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 = structuredClone(this.initialValue)
+    }
+    update(t) {
+      if (typeof t == 'function') {
+        const s = this.getUpdatedValue(t)
+        this.updateValue(s)
+      } else this.updateValue(t)
+    }
+    updateValue(t) {
+      A(this._value, t) || ((this._value = t), this.parent.notify(this.name))
+    }
+    getUpdatedValue(t) {
+      return t(structuredClone(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 Ft extends w {
+    updateAttribute(t, s) {
+      const n = { ...this.value }
+      ;(n[t] = s), this.update(n)
+    }
+    updateDynamicAttribute(t, s) {
+      this.isKey(t) && this.isValueType(t, s) && this.updateAttribute(t, s)
+    }
+    isKey(t) {
+      return t in this.store.initialValue
+    }
+    isValueType(t, s) {
+      return typeof this.store.initialValue[t] == typeof s
+    }
+    resetAttribute(t) {
+      const s = { ...this.value },
+        n = this.store.initialValue[t]
+      ;(s[t] = n), this.update(s)
+    }
+  }
+  const Lt = (e) => new Ft(e)
+  class zt 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 Bt = (e) => new zt(e)
+  class Kt extends w {
+    toggle() {
+      const t = !this.value
+      this.update(t)
+    }
+    setTrue() {
+      this.update(!0)
+    }
+    setFalse() {
+      this.update(!1)
+    }
+  }
+  const Rt = { object: Lt, list: Bt, 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 x({ name: t, parent: this, value: s })
+      return (this.stores[t] = 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 H = (e) => new G(e),
+    Ut = Object.freeze(
+      Object.defineProperty(
+        {
+          __proto__: null,
+          State: G,
+          Store: x,
+          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)
+    },
+    Ae = (e) => {
+      const t = e.data,
+        s = e.source,
+        { name: n, value: r } = t
+      s.removeEventListener(n, r)
+    },
+    xe = (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]: Ae,
+      [o.addEvent]: xe,
+      [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 De = (e) => e,
+    et = ({ Template: e, viewModel: t, subscriptions: s }) => (
+      (s = s || []),
+      (t = t || De),
+      (n) =>
+        new $e({ Template: e, viewModel: t, subscriptions: s, attributes: n })
+    ),
+    Pe = Object.freeze(
+      Object.defineProperty(
+        {
+          __proto__: null,
+          createRouteState: D,
+          events: _t,
+          extractQueryParams: F,
+          findHref: P,
+          navigate: y,
+          onLinkClick: V,
+          onLocationChange: L,
+          start: St,
+        },
+        Symbol.toStringTag,
+        { value: 'Module' },
+      ),
+    ),
+    Ve =
+      (e) =>
+      ({ path: t }) =>
+        t === e,
+    Fe = () => !0,
+    st =
+      (e) =>
+      ({ route: t }) => {
+        const s = e.find((n) => n.match(t))
+        return s && s.Partial
+      },
+    Le = Object.freeze(
+      Object.defineProperty(
+        { __proto__: null, buildRouter: st, catchAll: Fe, exactPathMatch: Ve },
+        Symbol.toStringTag,
+        { value: 'Module' },
+      ),
+    ),
+    ze = () => ({ render: (e, t) => [] }),
+    Be = (e) => {
+      const t = st(e)
+      return et({
+        Template: ({ route: n }) => (t({ route: n }) || ze)(),
+        subscriptions: ['route'],
+      })
+    }
+  ;(p.JaxsTypes = qt),
+    (p.appBuilding = Tt),
+    (p.bind = et),
+    (p.createApp = It),
+    (p.jsx = O),
+    (p.messageBus = kt),
+    (p.navigation = Pe),
+    (p.routedView = Be),
+    (p.routing = Le),
+    (p.state = Ut),
+    Object.defineProperty(p, Symbol.toStringTag, { value: 'Module' })
+})