@wsxjs/wsx-router 0.0.13 → 0.0.15

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("@wsxjs/wsx-core"),nt=":host{display:block;width:100%;height:100%}.router-outlet{width:100%;height:100%}";var ft;let pt,vt;function Y(r,t,e){return(t=mt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function xt(r,t,e,n,g,R){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function O(i,c){for(var u=0;u<i.length;u++)i[u].call(c);return c}function b(i,c,u,s){if(typeof i!="function"&&(s||i!==void 0))throw new TypeError(c+" must "+(u||"be")+" a function"+(s?"":" or undefined"));return i}function T(i,c,u,s,a,$,L,j,N,y,m,f,p){function w(l){if(!p(l))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],k=c[3],_=!j;if(!_){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(m||f?o={get:it(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,m||it(o[v],s,a===2?"":v)):m||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,P=x.length-1;P>=0;P-=u?2:1){var H=x[P],K=u?x[P-1]:void 0,Q={},W={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:$,addInitializer:(function(l,S){if(l.v)throw Error("attempted to call addInitializer after decoration was finished");b(S,"An initializer","be",!0),L.push(S)}).bind(null,Q)};try{if(_)(h=b(H.call(K,d,W),"class decorators","return"))&&(d=h);else{var A,z;W.static=N,W.private=y,y?a===2?A=function(l){return w(l),o.value}:(a<4&&(A=C(o,"get",w)),a!==3&&(z=C(o,"set",w))):(A=function(l){return l[s]},(a<2||a===4)&&(z=function(l,S){l[s]=S}));var J=W.access={has:y?p.bind():function(l){return s in l}};if(A&&(J.get=A),z&&(J.set=z),d=H.call(K,f?{get:o.get,set:o.set}:o[v],W),f){if(typeof d=="object"&&d)(h=b(d.get,"accessor.get"))&&(o.get=h),(h=b(d.set,"accessor.set"))&&(o.set=h),(h=b(d.init,"accessor.init"))&&E.push(h);else if(d!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(d,(m?"field":"method")+" decorators","return")&&(m?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(m||f)&&j.push(function(l,S){for(var V=E.length-1;V>=0;V--)S=E[V].call(l,S);return S}),m||_||(y?f?j.push(C(o,"get"),C(o,"set")):j.push(a===2?o[v]:C.call.bind(o[v])):Object.defineProperty(i,s,o)),d}function U(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var q=R[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(q??null),X=function(i,c,u,s){var a,$,L=[],j=function(v){return Et(v)===i},N=new Map;function y(v){v&&L.push(O.bind(null,v))}for(var m=0;m<c.length;m++){var f=c[m];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),_=(p&=7)==0,o=w+"/"+k;if(!_&&!h){var E=N.get(o);if(E===!0||E===3&&p!==4||E===4&&p!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(o,!(p>2)||p)}T(k?i:i.prototype,f,x,h?"#"+w:mt(w),p,s,k?$=$||[]:a=a||[],L,k,h,_,p===1,k&&h?j:u)}}return y(a),y($),L}(r,t,g,D);return e.length||U(r,D),{e:X,get c(){var i=[];return e.length&&[U(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function mt(r){var t=kt(r,"string");return typeof t=="symbol"?t:t+""}function kt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}function it(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function Et(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}const B=I.createLogger("WsxRouter");vt=[I.autoRegister({tagName:"wsx-router"})];exports.WsxRouter=void 0;class St extends I.LightComponent{constructor(){super({styles:nt,styleName:"wsx-router"}),Y(this,"_autoStyles",nt),Y(this,"views",new Map),Y(this,"currentView",null),Y(this,"handleRouteChange",()=>{const t=window.location.pathname;B.debug(`Route changed to: ${t}`),this.currentView&&(this.currentView.style.display="none",B.debug("Hiding previous view"));const e=this.matchRoute(t);if(e){e.style.display="block",this.currentView=e,B.debug(`Showing view for route: ${e.getAttribute("route")}`);const n=this.extractParams(e.getAttribute("route")||"/",t);n&&e.setAttribute("params",JSON.stringify(n))}else B.warn(`No view found for path: ${t}`);this.dispatchEvent(new CustomEvent("route-changed",{detail:{path:t,view:e},bubbles:!0,composed:!0}))}),Y(this,"interceptLinks",t=>{const e=t.target.closest("a");if(!e)return;const n=e.getAttribute("href");!n||n.startsWith("http")||n.startsWith("#")||(t.preventDefault(),this.navigate(n))})}render(){return I.jsx("div",{class:"router-outlet"})}onConnected(){B.debug("WsxRouter connected to DOM"),this.collectViews(),B.debug("WsxRouter collected views:",this.views.size),window.addEventListener("popstate",this.handleRouteChange),this.addEventListener("click",this.interceptLinks),this.handleRouteChange()}onDisconnected(){window.removeEventListener("popstate",this.handleRouteChange)}collectViews(){const t=Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="wsx-view");B.debug("WsxRouter found views:",t.length),t.forEach(e=>{const n=e.getAttribute("route")||"/";this.views.set(n,e),e.style.display="none",B.debug(`WsxRouter hiding view for route: ${n}`)})}matchRoute(t){if(this.views.has(t))return this.views.get(t);for(const[e,n]of this.views)if(e.includes(":")){const g=e.replace(/:[^/]+/g,"([^/]+)");if(new RegExp(`^${g}$`).test(t))return n}return this.views.get("*")||null}extractParams(t,e){var b;if(!t.includes(":"))return null;const n=((b=t.match(/:([^/]+)/g))==null?void 0:b.map(T=>T.slice(1)))||[],g=t.replace(/:[^/]+/g,"([^/]+)"),R=new RegExp(`^${g}$`),C=e.match(R);if(!C||!n.length)return null;const O={};return n.forEach((T,U)=>{O[T]=C[U+1]}),O}navigate(t){window.history.pushState(null,"",t),this.handleRouteChange()}}ft=St;[exports.WsxRouter,pt]=xt(ft,[],vt,0,void 0,I.LightComponent).c;pt();const ot=":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";var Z,F;let st,gt,at;function G(r,t,e){return(t=bt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function Ct(r,t,e,n,g,R){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function O(i,c){for(var u=0;u<i.length;u++)i[u].call(c);return c}function b(i,c,u,s){if(typeof i!="function"&&(s||i!==void 0))throw new TypeError(c+" must "+(u||"be")+" a function"+(s?"":" or undefined"));return i}function T(i,c,u,s,a,$,L,j,N,y,m,f,p){function w(l){if(!p(l))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],k=c[3],_=!j;if(!_){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(m||f?o={get:ct(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,m||ct(o[v],s,a===2?"":v)):m||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,P=x.length-1;P>=0;P-=u?2:1){var H=x[P],K=u?x[P-1]:void 0,Q={},W={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:$,addInitializer:(function(l,S){if(l.v)throw Error("attempted to call addInitializer after decoration was finished");b(S,"An initializer","be",!0),L.push(S)}).bind(null,Q)};try{if(_)(h=b(H.call(K,d,W),"class decorators","return"))&&(d=h);else{var A,z;W.static=N,W.private=y,y?a===2?A=function(l){return w(l),o.value}:(a<4&&(A=C(o,"get",w)),a!==3&&(z=C(o,"set",w))):(A=function(l){return l[s]},(a<2||a===4)&&(z=function(l,S){l[s]=S}));var J=W.access={has:y?p.bind():function(l){return s in l}};if(A&&(J.get=A),z&&(J.set=z),d=H.call(K,f?{get:o.get,set:o.set}:o[v],W),f){if(typeof d=="object"&&d)(h=b(d.get,"accessor.get"))&&(o.get=h),(h=b(d.set,"accessor.set"))&&(o.set=h),(h=b(d.init,"accessor.init"))&&E.push(h);else if(d!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(d,(m?"field":"method")+" decorators","return")&&(m?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(m||f)&&j.push(function(l,S){for(var V=E.length-1;V>=0;V--)S=E[V].call(l,S);return S}),m||_||(y?f?j.push(C(o,"get"),C(o,"set")):j.push(a===2?o[v]:C.call.bind(o[v])):Object.defineProperty(i,s,o)),d}function U(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var q=R[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(q??null),X=function(i,c,u,s){var a,$,L=[],j=function(v){return jt(v)===i},N=new Map;function y(v){v&&L.push(O.bind(null,v))}for(var m=0;m<c.length;m++){var f=c[m];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),_=(p&=7)==0,o=w+"/"+k;if(!_&&!h){var E=N.get(o);if(E===!0||E===3&&p!==4||E===4&&p!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(o,!(p>2)||p)}T(k?i:i.prototype,f,x,h?"#"+w:bt(w),p,s,k?$=$||[]:a=a||[],L,k,h,_,p===1,k&&h?j:u)}}return y(a),y($),L}(r,t,g,D);return e.length||U(r,D),{e:X,get c(){var i=[];return e.length&&[U(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function bt(r){var t=Rt(r,"string");return typeof t=="symbol"?t:t+""}function Rt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function ct(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function jt(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}function _t(r){return r}const tt=I.createLogger("WsxView");gt=[I.autoRegister({tagName:"wsx-view"})];exports.WsxView=void 0;new(at=(F=class extends I.LightComponent{constructor(){super({styles:ot,styleName:"wsx-view"}),G(this,"_autoStyles",ot),G(this,"component",null),G(this,"params",{}),G(this,"componentInstance",null)}render(){return I.jsx("div",{class:"route-view"})}onConnected(){const t=this.getAttribute("component");t&&!this.componentInstance&&this.loadComponent(t)}onAttributeChanged(t,e,n){if(t==="component"&&n&&!this.componentInstance)this.loadComponent(n);else if(t==="params"&&this.componentInstance)try{this.params=JSON.parse(n),Object.entries(this.params).forEach(([g,R])=>{this.componentInstance.setAttribute(g,R)})}catch(g){tt.error("Failed to parse params:",g)}}async loadComponent(t){if(this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null),!customElements.get(t)){tt.warn(`Component ${t} not found in customElements registry`);return}this.componentInstance=document.createElement(t),Object.keys(this.params).length>0&&Object.entries(this.params).forEach(([g,R])=>{this.componentInstance.setAttribute(g,R)});const n=this.querySelector(".route-view");n?n.appendChild(this.componentInstance):tt.error("Route view container not found")}onDisconnected(){this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null)}},[exports.WsxView,st]=Ct(F,[],gt,0,void 0,I.LightComponent).c,F),Z=class extends _t{constructor(){super(exports.WsxView),G(this,"observedAttributes",["route","component","params"]),st()}},G(Z,at,void 0),Z);const $t=':host{display:inline-block;min-width:fit-content;min-height:fit-content;width:auto;height:auto}.wsx-link{color:var(--link-color, #007bff);text-decoration:var(--link-decoration, underline);cursor:pointer;transition:color .2s ease;display:inline-block;min-height:1.2em;line-height:1.2}.wsx-link:hover{color:var(--link-hover-color, #0056b3);text-decoration:var(--link-hover-decoration, underline)}.wsx-link:focus{outline:2px solid var(--link-focus-color, #007bff);outline-offset:2px}.wsx-link.active{color:var(--link-active-color, #6c757d);font-weight:var(--link-active-weight, bold)}:host([disabled]) .wsx-link{color:var(--link-disabled-color, #6c757d);cursor:not-allowed;pointer-events:none}:host([external]) .wsx-link:after{content:"↗";font-size:.8em;margin-left:.2em;opacity:.7}:host([variant="button"]) .wsx-link{background-color:var(--button-bg, #007bff);color:var(--button-color, white);padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;display:inline-block}:host([variant="button"]) .wsx-link:hover{background-color:var(--button-hover-bg, #0056b3);color:var(--button-hover-color, white)}:host([variant="tab"]) .wsx-link{padding:.5rem 1rem;border-bottom:2px solid transparent;text-decoration:none}:host([variant="tab"]) .wsx-link.active{border-bottom-color:var(--tab-active-border, #007bff)}';var et,rt;let lt,yt,ut;function M(r,t,e){return(t=wt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function Lt(r,t,e,n,g,R){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function O(i,c){for(var u=0;u<i.length;u++)i[u].call(c);return c}function b(i,c,u,s){if(typeof i!="function"&&(s||i!==void 0))throw new TypeError(c+" must "+(u||"be")+" a function"+(s?"":" or undefined"));return i}function T(i,c,u,s,a,$,L,j,N,y,m,f,p){function w(l){if(!p(l))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],k=c[3],_=!j;if(!_){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(m||f?o={get:ht(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,m||ht(o[v],s,a===2?"":v)):m||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,P=x.length-1;P>=0;P-=u?2:1){var H=x[P],K=u?x[P-1]:void 0,Q={},W={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:$,addInitializer:(function(l,S){if(l.v)throw Error("attempted to call addInitializer after decoration was finished");b(S,"An initializer","be",!0),L.push(S)}).bind(null,Q)};try{if(_)(h=b(H.call(K,d,W),"class decorators","return"))&&(d=h);else{var A,z;W.static=N,W.private=y,y?a===2?A=function(l){return w(l),o.value}:(a<4&&(A=C(o,"get",w)),a!==3&&(z=C(o,"set",w))):(A=function(l){return l[s]},(a<2||a===4)&&(z=function(l,S){l[s]=S}));var J=W.access={has:y?p.bind():function(l){return s in l}};if(A&&(J.get=A),z&&(J.set=z),d=H.call(K,f?{get:o.get,set:o.set}:o[v],W),f){if(typeof d=="object"&&d)(h=b(d.get,"accessor.get"))&&(o.get=h),(h=b(d.set,"accessor.set"))&&(o.set=h),(h=b(d.init,"accessor.init"))&&E.push(h);else if(d!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else b(d,(m?"field":"method")+" decorators","return")&&(m?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(m||f)&&j.push(function(l,S){for(var V=E.length-1;V>=0;V--)S=E[V].call(l,S);return S}),m||_||(y?f?j.push(C(o,"get"),C(o,"set")):j.push(a===2?o[v]:C.call.bind(o[v])):Object.defineProperty(i,s,o)),d}function U(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var q=R[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(q??null),X=function(i,c,u,s){var a,$,L=[],j=function(v){return At(v)===i},N=new Map;function y(v){v&&L.push(O.bind(null,v))}for(var m=0;m<c.length;m++){var f=c[m];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),_=(p&=7)==0,o=w+"/"+k;if(!_&&!h){var E=N.get(o);if(E===!0||E===3&&p!==4||E===4&&p!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(o,!(p>2)||p)}T(k?i:i.prototype,f,x,h?"#"+w:wt(w),p,s,k?$=$||[]:a=a||[],L,k,h,_,p===1,k&&h?j:u)}}return y(a),y($),L}(r,t,g,D);return e.length||U(r,D),{e:X,get c(){var i=[];return e.length&&[U(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function wt(r){var t=Wt(r,"string");return typeof t=="symbol"?t:t+""}function Wt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function ht(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function At(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}function It(r){return r}const dt=I.createLogger("WsxLink");yt=[I.autoRegister({tagName:"wsx-link"})];exports.WsxLink=void 0;new(ut=(rt=class extends I.WebComponent{constructor(...t){super(...t),M(this,"_autoStyles",$t),M(this,"to",""),M(this,"replace",!1),M(this,"activeClass","active"),M(this,"exact",!1),M(this,"handleClick",e=>{if(e.preventDefault(),!this.to){dt.warn("No 'to' attribute specified");return}if(this.isExternalLink(this.to)){window.open(this.to,"_blank");return}this.replace?window.history.replaceState(null,"",this.to):window.history.pushState(null,"",this.to),window.dispatchEvent(new PopStateEvent("popstate")),dt.debug(`Navigated to: ${this.to}`)}),M(this,"updateActiveState",()=>{var R;const e=window.location.pathname,n=this.exact?e===this.to:e.startsWith(this.to)&&this.to!=="/",g=(R=this.shadowRoot)==null?void 0:R.querySelector("a");g&&(n?(g.classList.add(this.activeClass),this.setAttribute("active","")):(g.classList.remove(this.activeClass),this.removeAttribute("active")))})}render(){return I.jsx("a",{href:this.to,class:"wsx-link",onClick:this.handleClick,part:"link"},I.jsx("slot",null))}onConnected(){this.to=this.getAttribute("to")||"",this.replace=this.hasAttribute("replace"),this.activeClass=this.getAttribute("active-class")||"active",this.exact=this.hasAttribute("exact");const t=this.shadowRoot.querySelector(".wsx-link");t&&(t.href=this.to),window.addEventListener("popstate",this.updateActiveState),document.addEventListener("route-changed",this.updateActiveState),this.updateActiveState()}onDisconnected(){window.removeEventListener("popstate",this.updateActiveState),document.removeEventListener("route-changed",this.updateActiveState)}onAttributeChanged(t,e,n){switch(t){case"to":this.to=n||"",this.rerender(),this.updateActiveState();break;case"replace":this.replace=n!==null&&n!=="false";break;case"active-class":this.activeClass=n||"active",this.updateActiveState();break;case"exact":this.exact=n!==null&&n!=="false",this.updateActiveState();break}}isExternalLink(t){return t.startsWith("http://")||t.startsWith("https://")||t.startsWith("mailto:")||t.startsWith("tel:")}navigate(){this.to&&this.handleClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))}},[exports.WsxLink,lt]=Lt(rt,[],yt,0,void 0,I.WebComponent).c,rt),et=class extends It{constructor(){super(exports.WsxLink),M(this,"observedAttributes",["to","replace","active-class","exact"]),lt()}},M(et,ut,void 0),et);const Ot=I.createLogger("RouterUtils");class Tt{static navigate(t,e=!1){e?window.history.replaceState(null,"",t):window.history.pushState(null,"",t),window.dispatchEvent(new PopStateEvent("popstate")),Ot.debug(`Navigated to: ${t} (replace: ${e})`)}static getCurrentRoute(){const t=new URL(window.location.href);return{path:t.pathname,params:{},query:Object.fromEntries(t.searchParams.entries()),hash:t.hash.slice(1)}}static parseRoute(t,e){var n;if(t===e)return{route:t,params:{},exact:!0};if(t==="*")return{route:t,params:{},exact:!1};if(t.includes(":")){const g=((n=t.match(/:([^/]+)/g))==null?void 0:n.map(b=>b.slice(1)))||[],R=t.replace(/:[^/]+/g,"([^/]+)"),C=new RegExp(`^${R}$`),O=e.match(C);if(O&&g.length>0){const b={};return g.forEach((T,U)=>{b[T]=O[U+1]}),{route:t,params:b,exact:!0}}}if(t.endsWith("/*")){const g=t.slice(0,-2);if(e.startsWith(g))return{route:t,params:{},exact:!1}}return null}static buildPath(t,e={}){let n=t;return Object.entries(e).forEach(([g,R])=>{n=n.replace(`:${g}`,encodeURIComponent(R))}),n}static isRouteActive(t,e=!1){const n=window.location.pathname;return e?n===t:t==="/"?n==="/":n.startsWith(t)}static getRouteDepth(t){return t.split("/").filter(e=>e.length>0).length}static getParentRoute(t){const e=t.split("/").filter(n=>n.length>0);return e.length<=1?"/":(e.pop(),"/"+e.join("/"))}static joinPaths(...t){return t.map(e=>e.replace(/^\/+|\/+$/g,"")).filter(e=>e.length>0).join("/").replace(/^/,"/")}static isExternalUrl(t){return/^https?:\/\//.test(t)||/^mailto:/.test(t)||/^tel:/.test(t)}static getQueryParam(t){return new URL(window.location.href).searchParams.get(t)}static setQueryParam(t,e,n=!1){const g=new URL(window.location.href);g.searchParams.set(t,e);const R=g.pathname+g.search+g.hash;this.navigate(R,n)}static removeQueryParam(t,e=!1){const n=new URL(window.location.href);n.searchParams.delete(t);const g=n.pathname+n.search+n.hash;this.navigate(g,e)}static goBack(){window.history.back()}static goForward(){window.history.forward()}static replace(t){this.navigate(t,!0)}static getHistoryLength(){return window.history.length}static onRouteChange(t){const e=()=>{const n=this.getCurrentRoute();t(n)};return window.addEventListener("popstate",e),document.addEventListener("route-changed",e),()=>{window.removeEventListener("popstate",e),document.removeEventListener("route-changed",e)}}}exports.RouterUtils=Tt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("@wsxjs/wsx-core"),nt=":host{display:block;width:100%;height:100%}.router-outlet{width:100%;height:100%}";var ft;let pt,dt;function X(r,t,e){return(t=mt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function wt(r,t,e,n,v,j){function S(i,c,l){return function(a,o){return l&&l(a),i[c].call(a,o)}}function O(i,c){for(var l=0;l<i.length;l++)i[l].call(c);return c}function y(i,c,l,a){if(typeof i!="function"&&(a||i!==void 0))throw new TypeError(c+" must "+(l||"be")+" a function"+(a?"":" or undefined"));return i}function T(i,c,l,a,o,_,W,L,N,b,g,p,d){function w(u){if(!d(u))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],E=c[3],$=!L;if(!$){l||Array.isArray(x)||(x=[x]);var s={},C=[],m=o===3?"get":o===4||p?"set":"value";b?(g||p?s={get:it(function(){return E(this)},a,"get"),set:function(u){c[4](this,u)}}:s[m]=E,g||it(s[m],a,o===2?"":m)):g||(s=Object.getOwnPropertyDescriptor(i,a))}for(var f=i,P=x.length-1;P>=0;P-=l?2:1){var q=x[P],H=l?x[P-1]:void 0,K={},A={kind:["field","accessor","method","getter","setter","class"][o],name:a,metadata:_,addInitializer:(function(u,R){if(u.v)throw Error("attempted to call addInitializer after decoration was finished");y(R,"An initializer","be",!0),W.push(R)}).bind(null,K)};try{if($)(h=y(q.call(H,f,A),"class decorators","return"))&&(f=h);else{var k,U;A.static=N,A.private=b,b?o===2?k=function(u){return w(u),s.value}:(o<4&&(k=S(s,"get",w)),o!==3&&(U=S(s,"set",w))):(k=function(u){return u[a]},(o<2||o===4)&&(U=function(u,R){u[a]=R}));var Q=A.access={has:b?d.bind():function(u){return a in u}};if(k&&(Q.get=k),U&&(Q.set=U),f=q.call(H,p?{get:s.get,set:s.set}:s[m],A),p){if(typeof f=="object"&&f)(h=y(f.get,"accessor.get"))&&(s.get=h),(h=y(f.set,"accessor.set"))&&(s.set=h),(h=y(f.init,"accessor.init"))&&C.push(h);else if(f!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(f,(g?"field":"method")+" decorators","return")&&(g?C.push(f):s[m]=f)}}finally{K.v=!0}}return(g||p)&&L.push(function(u,R){for(var V=C.length-1;V>=0;V--)R=C[V].call(u,R);return R}),g||$||(b?p?L.push(S(s,"get"),S(s,"set")):L.push(o===2?s[m]:S.call.bind(s[m])):Object.defineProperty(i,a,s)),f}function z(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var M=j[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(M??null),G=function(i,c,l,a){var o,_,W=[],L=function(m){return Et(m)===i},N=new Map;function b(m){m&&W.push(O.bind(null,m))}for(var g=0;g<c.length;g++){var p=c[g];if(Array.isArray(p)){var d=p[1],w=p[2],h=p.length>3,x=16&d,E=!!(8&d),$=(d&=7)==0,s=w+"/"+E;if(!$&&!h){var C=N.get(s);if(C===!0||C===3&&d!==4||C===4&&d!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(s,!(d>2)||d)}T(E?i:i.prototype,p,x,h?"#"+w:mt(w),d,a,E?_=_||[]:o=o||[],W,E,h,$,d===1,E&&h?L:l)}}return b(o),b(_),W}(r,t,v,D);return e.length||z(r,D),{e:G,get c(){var i=[];return e.length&&[z(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function mt(r){var t=xt(r,"string");return typeof t=="symbol"?t:t+""}function xt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}function it(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function Et(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}const J=I.createLogger("WsxRouter");dt=[I.autoRegister({tagName:"wsx-router"})];exports.WsxRouter=void 0;class Ct extends I.LightComponent{constructor(){super({styles:nt,styleName:"wsx-router"}),X(this,"_autoStyles",nt),X(this,"views",new Map),X(this,"currentView",null),X(this,"handleRouteChange",()=>{const t=window.location.pathname;J.debug(`Route changed to: ${t}`),this.currentView&&(this.currentView.style.display="none",J.debug("Hiding previous view"));const e=this.matchRoute(t);if(e){e.style.display="block",this.currentView=e,J.debug(`Showing view for route: ${e.getAttribute("route")}`);const n=this.extractParams(e.getAttribute("route")||"/",t);n&&e.setAttribute("params",JSON.stringify(n))}else J.warn(`No view found for path: ${t}`);this.dispatchEvent(new CustomEvent("route-changed",{detail:{path:t,view:e},bubbles:!0,composed:!0}))}),X(this,"interceptLinks",t=>{const e=t.target.closest("a");if(!e)return;const n=e.getAttribute("href");!n||n.startsWith("http")||n.startsWith("#")||(t.preventDefault(),this.navigate(n))})}render(){return I.jsx("div",{class:"router-outlet"})}onConnected(){J.debug("WsxRouter connected to DOM"),this.collectViews(),J.debug("WsxRouter collected views:",this.views.size),window.addEventListener("popstate",this.handleRouteChange),this.addEventListener("click",this.interceptLinks),this.handleRouteChange()}onDisconnected(){window.removeEventListener("popstate",this.handleRouteChange)}collectViews(){const t=Array.from(this.children).filter(e=>e.tagName.toLowerCase()==="wsx-view");J.debug("WsxRouter found views:",t.length),t.forEach(e=>{const n=e.getAttribute("route")||"/";this.views.set(n,e),e.style.display="none",J.debug(`WsxRouter hiding view for route: ${n}`)})}matchRoute(t){if(this.views.has(t))return this.views.get(t);for(const[e,n]of this.views)if(e.includes(":")){const v=e.replace(/:[^/]+/g,"([^/]+)");if(new RegExp(`^${v}$`).test(t))return n}return this.views.get("*")||null}extractParams(t,e){var y;if(!t.includes(":"))return null;const n=((y=t.match(/:([^/]+)/g))==null?void 0:y.map(T=>T.slice(1)))||[],v=t.replace(/:[^/]+/g,"([^/]+)"),j=new RegExp(`^${v}$`),S=e.match(j);if(!S||!n.length)return null;const O={};return n.forEach((T,z)=>{O[T]=S[z+1]}),O}navigate(t){window.history.pushState(null,"",t),this.handleRouteChange()}}ft=Ct;[exports.WsxRouter,pt]=wt(ft,[],dt,0,void 0,I.LightComponent).c;pt();const Rt=":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";var Z,F;let st,gt,at;function Y(r,t,e){return(t=vt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function St(r,t,e,n,v,j){function S(i,c,l){return function(a,o){return l&&l(a),i[c].call(a,o)}}function O(i,c){for(var l=0;l<i.length;l++)i[l].call(c);return c}function y(i,c,l,a){if(typeof i!="function"&&(a||i!==void 0))throw new TypeError(c+" must "+(l||"be")+" a function"+(a?"":" or undefined"));return i}function T(i,c,l,a,o,_,W,L,N,b,g,p,d){function w(u){if(!d(u))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],E=c[3],$=!L;if(!$){l||Array.isArray(x)||(x=[x]);var s={},C=[],m=o===3?"get":o===4||p?"set":"value";b?(g||p?s={get:ot(function(){return E(this)},a,"get"),set:function(u){c[4](this,u)}}:s[m]=E,g||ot(s[m],a,o===2?"":m)):g||(s=Object.getOwnPropertyDescriptor(i,a))}for(var f=i,P=x.length-1;P>=0;P-=l?2:1){var q=x[P],H=l?x[P-1]:void 0,K={},A={kind:["field","accessor","method","getter","setter","class"][o],name:a,metadata:_,addInitializer:(function(u,R){if(u.v)throw Error("attempted to call addInitializer after decoration was finished");y(R,"An initializer","be",!0),W.push(R)}).bind(null,K)};try{if($)(h=y(q.call(H,f,A),"class decorators","return"))&&(f=h);else{var k,U;A.static=N,A.private=b,b?o===2?k=function(u){return w(u),s.value}:(o<4&&(k=S(s,"get",w)),o!==3&&(U=S(s,"set",w))):(k=function(u){return u[a]},(o<2||o===4)&&(U=function(u,R){u[a]=R}));var Q=A.access={has:b?d.bind():function(u){return a in u}};if(k&&(Q.get=k),U&&(Q.set=U),f=q.call(H,p?{get:s.get,set:s.set}:s[m],A),p){if(typeof f=="object"&&f)(h=y(f.get,"accessor.get"))&&(s.get=h),(h=y(f.set,"accessor.set"))&&(s.set=h),(h=y(f.init,"accessor.init"))&&C.push(h);else if(f!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(f,(g?"field":"method")+" decorators","return")&&(g?C.push(f):s[m]=f)}}finally{K.v=!0}}return(g||p)&&L.push(function(u,R){for(var V=C.length-1;V>=0;V--)R=C[V].call(u,R);return R}),g||$||(b?p?L.push(S(s,"get"),S(s,"set")):L.push(o===2?s[m]:S.call.bind(s[m])):Object.defineProperty(i,a,s)),f}function z(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var M=j[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(M??null),G=function(i,c,l,a){var o,_,W=[],L=function(m){return Lt(m)===i},N=new Map;function b(m){m&&W.push(O.bind(null,m))}for(var g=0;g<c.length;g++){var p=c[g];if(Array.isArray(p)){var d=p[1],w=p[2],h=p.length>3,x=16&d,E=!!(8&d),$=(d&=7)==0,s=w+"/"+E;if(!$&&!h){var C=N.get(s);if(C===!0||C===3&&d!==4||C===4&&d!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(s,!(d>2)||d)}T(E?i:i.prototype,p,x,h?"#"+w:vt(w),d,a,E?_=_||[]:o=o||[],W,E,h,$,d===1,E&&h?L:l)}}return b(o),b(_),W}(r,t,v,D);return e.length||z(r,D),{e:G,get c(){var i=[];return e.length&&[z(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function vt(r){var t=jt(r,"string");return typeof t=="symbol"?t:t+""}function jt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function ot(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function Lt(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}function $t(r){return r}const tt=I.createLogger("WsxView");gt=[I.autoRegister({tagName:"wsx-view"})];exports.WsxView=void 0;new(at=(F=class extends I.LightComponent{constructor(){super({styles:Rt,styleName:"wsx-view"}),Y(this,"component",null),Y(this,"params",{}),Y(this,"componentInstance",null)}render(){return I.jsx("div",{class:"route-view"})}onConnected(){const t=this.getAttribute("component");t&&!this.componentInstance&&this.loadComponent(t)}onAttributeChanged(t,e,n){if(t==="component"&&n&&!this.componentInstance)this.loadComponent(n);else if(t==="params"&&this.componentInstance)try{this.params=JSON.parse(n),Object.entries(this.params).forEach(([v,j])=>{this.componentInstance.setAttribute(v,j)})}catch(v){tt.error("Failed to parse params:",v)}}async loadComponent(t){if(this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null),!customElements.get(t)){tt.warn(`Component ${t} not found in customElements registry`);return}this.componentInstance=document.createElement(t),Object.keys(this.params).length>0&&Object.entries(this.params).forEach(([v,j])=>{this.componentInstance.setAttribute(v,j)});const n=this.querySelector(".route-view");n?n.appendChild(this.componentInstance):tt.error("Route view container not found")}onDisconnected(){this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null)}},[exports.WsxView,st]=St(F,[],gt,0,void 0,I.LightComponent).c,F),Z=class extends $t{constructor(){super(exports.WsxView),Y(this,"observedAttributes",["route","component","params"]),st()}},Y(Z,at,void 0),Z);var et,rt;let ct,yt,ut;function B(r,t,e){return(t=bt(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function _t(r,t,e,n,v,j){function S(i,c,l){return function(a,o){return l&&l(a),i[c].call(a,o)}}function O(i,c){for(var l=0;l<i.length;l++)i[l].call(c);return c}function y(i,c,l,a){if(typeof i!="function"&&(a||i!==void 0))throw new TypeError(c+" must "+(l||"be")+" a function"+(a?"":" or undefined"));return i}function T(i,c,l,a,o,_,W,L,N,b,g,p,d){function w(u){if(!d(u))throw new TypeError("Attempted to access private element on non-instance")}var h,x=c[0],E=c[3],$=!L;if(!$){l||Array.isArray(x)||(x=[x]);var s={},C=[],m=o===3?"get":o===4||p?"set":"value";b?(g||p?s={get:lt(function(){return E(this)},a,"get"),set:function(u){c[4](this,u)}}:s[m]=E,g||lt(s[m],a,o===2?"":m)):g||(s=Object.getOwnPropertyDescriptor(i,a))}for(var f=i,P=x.length-1;P>=0;P-=l?2:1){var q=x[P],H=l?x[P-1]:void 0,K={},A={kind:["field","accessor","method","getter","setter","class"][o],name:a,metadata:_,addInitializer:(function(u,R){if(u.v)throw Error("attempted to call addInitializer after decoration was finished");y(R,"An initializer","be",!0),W.push(R)}).bind(null,K)};try{if($)(h=y(q.call(H,f,A),"class decorators","return"))&&(f=h);else{var k,U;A.static=N,A.private=b,b?o===2?k=function(u){return w(u),s.value}:(o<4&&(k=S(s,"get",w)),o!==3&&(U=S(s,"set",w))):(k=function(u){return u[a]},(o<2||o===4)&&(U=function(u,R){u[a]=R}));var Q=A.access={has:b?d.bind():function(u){return a in u}};if(k&&(Q.get=k),U&&(Q.set=U),f=q.call(H,p?{get:s.get,set:s.set}:s[m],A),p){if(typeof f=="object"&&f)(h=y(f.get,"accessor.get"))&&(s.get=h),(h=y(f.set,"accessor.set"))&&(s.set=h),(h=y(f.init,"accessor.init"))&&C.push(h);else if(f!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(f,(g?"field":"method")+" decorators","return")&&(g?C.push(f):s[m]=f)}}finally{K.v=!0}}return(g||p)&&L.push(function(u,R){for(var V=C.length-1;V>=0;V--)R=C[V].call(u,R);return R}),g||$||(b?p?L.push(S(s,"get"),S(s,"set")):L.push(o===2?s[m]:S.call.bind(s[m])):Object.defineProperty(i,a,s)),f}function z(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var M=j[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(M??null),G=function(i,c,l,a){var o,_,W=[],L=function(m){return At(m)===i},N=new Map;function b(m){m&&W.push(O.bind(null,m))}for(var g=0;g<c.length;g++){var p=c[g];if(Array.isArray(p)){var d=p[1],w=p[2],h=p.length>3,x=16&d,E=!!(8&d),$=(d&=7)==0,s=w+"/"+E;if(!$&&!h){var C=N.get(s);if(C===!0||C===3&&d!==4||C===4&&d!==3)throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+w);N.set(s,!(d>2)||d)}T(E?i:i.prototype,p,x,h?"#"+w:bt(w),d,a,E?_=_||[]:o=o||[],W,E,h,$,d===1,E&&h?L:l)}}return b(o),b(_),W}(r,t,v,D);return e.length||z(r,D),{e:G,get c(){var i=[];return e.length&&[z(T(r,[e],n,r.name,5,D,i),D),O.bind(null,i,r)]}}}function bt(r){var t=Wt(r,"string");return typeof t=="symbol"?t:t+""}function Wt(r,t){if(typeof r!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var n=e.call(r,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function lt(r,t,e){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(r,"name",{configurable:!0,value:e?e+" "+t:t})}catch{}return r}function At(r){if(Object(r)!==r)throw TypeError("right-hand side of 'in' should be an object, got "+(r!==null?typeof r:"null"));return r}function kt(r){return r}const ht=I.createLogger("WsxLink");yt=[I.autoRegister({tagName:"wsx-link"})];exports.WsxLink=void 0;new(ut=(rt=class extends I.WebComponent{constructor(...t){super(...t),B(this,"to",""),B(this,"replace",!1),B(this,"activeClass","active"),B(this,"exact",!1),B(this,"handleClick",e=>{if(e.preventDefault(),!this.to){ht.warn("No 'to' attribute specified");return}if(this.isExternalLink(this.to)){window.open(this.to,"_blank");return}this.replace?window.history.replaceState(null,"",this.to):window.history.pushState(null,"",this.to),window.dispatchEvent(new PopStateEvent("popstate")),ht.debug(`Navigated to: ${this.to}`)}),B(this,"updateActiveState",()=>{var j;const e=window.location.pathname,n=this.exact?e===this.to:e.startsWith(this.to)&&this.to!=="/",v=(j=this.shadowRoot)==null?void 0:j.querySelector("a");v&&(n?(v.classList.add(this.activeClass),this.setAttribute("active","")):(v.classList.remove(this.activeClass),this.removeAttribute("active")))})}render(){return I.jsx("a",{href:this.to,class:"wsx-link",onClick:this.handleClick,part:"link"},I.jsx("slot",null))}onConnected(){this.to=this.getAttribute("to")||"",this.replace=this.hasAttribute("replace"),this.activeClass=this.getAttribute("active-class")||"active",this.exact=this.hasAttribute("exact");const t=this.shadowRoot.querySelector(".wsx-link");t&&(t.href=this.to),window.addEventListener("popstate",this.updateActiveState),document.addEventListener("route-changed",this.updateActiveState),this.updateActiveState()}onDisconnected(){window.removeEventListener("popstate",this.updateActiveState),document.removeEventListener("route-changed",this.updateActiveState)}onAttributeChanged(t,e,n){switch(t){case"to":this.to=n||"",this.rerender(),this.updateActiveState();break;case"replace":this.replace=n!==null&&n!=="false";break;case"active-class":this.activeClass=n||"active",this.updateActiveState();break;case"exact":this.exact=n!==null&&n!=="false",this.updateActiveState();break}}isExternalLink(t){return t.startsWith("http://")||t.startsWith("https://")||t.startsWith("mailto:")||t.startsWith("tel:")}navigate(){this.to&&this.handleClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))}},[exports.WsxLink,ct]=_t(rt,[],yt,0,void 0,I.WebComponent).c,rt),et=class extends kt{constructor(){super(exports.WsxLink),B(this,"observedAttributes",["to","replace","active-class","exact"]),ct()}},B(et,ut,void 0),et);const It=I.createLogger("RouterUtils");class Ot{static navigate(t,e=!1){e?window.history.replaceState(null,"",t):window.history.pushState(null,"",t),window.dispatchEvent(new PopStateEvent("popstate")),It.debug(`Navigated to: ${t} (replace: ${e})`)}static getCurrentRoute(){const t=new URL(window.location.href);return{path:t.pathname,params:{},query:Object.fromEntries(t.searchParams.entries()),hash:t.hash.slice(1)}}static parseRoute(t,e){var n;if(t===e)return{route:t,params:{},exact:!0};if(t==="*")return{route:t,params:{},exact:!1};if(t.includes(":")){const v=((n=t.match(/:([^/]+)/g))==null?void 0:n.map(y=>y.slice(1)))||[],j=t.replace(/:[^/]+/g,"([^/]+)"),S=new RegExp(`^${j}$`),O=e.match(S);if(O&&v.length>0){const y={};return v.forEach((T,z)=>{y[T]=O[z+1]}),{route:t,params:y,exact:!0}}}if(t.endsWith("/*")){const v=t.slice(0,-2);if(e.startsWith(v))return{route:t,params:{},exact:!1}}return null}static buildPath(t,e={}){let n=t;return Object.entries(e).forEach(([v,j])=>{n=n.replace(`:${v}`,encodeURIComponent(j))}),n}static isRouteActive(t,e=!1){const n=window.location.pathname;return e?n===t:t==="/"?n==="/":n.startsWith(t)}static getRouteDepth(t){return t.split("/").filter(e=>e.length>0).length}static getParentRoute(t){const e=t.split("/").filter(n=>n.length>0);return e.length<=1?"/":(e.pop(),"/"+e.join("/"))}static joinPaths(...t){return t.map(e=>e.replace(/^\/+|\/+$/g,"")).filter(e=>e.length>0).join("/").replace(/^/,"/")}static isExternalUrl(t){return/^https?:\/\//.test(t)||/^mailto:/.test(t)||/^tel:/.test(t)}static getQueryParam(t){return new URL(window.location.href).searchParams.get(t)}static setQueryParam(t,e,n=!1){const v=new URL(window.location.href);v.searchParams.set(t,e);const j=v.pathname+v.search+v.hash;this.navigate(j,n)}static removeQueryParam(t,e=!1){const n=new URL(window.location.href);n.searchParams.delete(t);const v=n.pathname+n.search+n.hash;this.navigate(v,e)}static goBack(){window.history.back()}static goForward(){window.history.forward()}static replace(t){this.navigate(t,!0)}static getHistoryLength(){return window.history.length}static onRouteChange(t){const e=()=>{const n=this.getCurrentRoute();t(n)};return window.addEventListener("popstate",e),document.addEventListener("route-changed",e),()=>{window.removeEventListener("popstate",e),document.removeEventListener("route-changed",e)}}}exports.RouterUtils=Ot;

package/dist/index.js

@@ -1,102 +1,102 @@
-import { createLogger as F, autoRegister as ot, LightComponent as Y, jsx as Z, WebComponent as st } from "@wsxjs/wsx-core";
-const at = ":host{display:block;width:100%;height:100%}.router-outlet{width:100%;height:100%}";
+import { createLogger as F, autoRegister as st, LightComponent as Y, jsx as Z, WebComponent as at } from "@wsxjs/wsx-core";
+const ot = ":host{display:block;width:100%;height:100%}.router-outlet{width:100%;height:100%}";
 var yt;
-let wt, xt;
-function X(r, t, e) {
-  return (t = kt(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
+let bt, wt;
+function G(r, t, e) {
+  return (t = xt(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
-function Ct(r, t, e, n, g, R) {
-  function _(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+function Ct(r, t, e, n, g, C) {
+  function _(i, c, l) {
+    return function(a, o) {
+      return l && l(a), i[c].call(a, o);
     };
   }
   function I(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+    for (var l = 0; l < i.length; l++) i[l].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
+  function y(i, c, l, a) {
+    if (typeof i != "function" && (a || i !== void 0)) throw new TypeError(c + " must " + (l || "be") + " a function" + (a ? "" : " or undefined"));
     return i;
   }
-  function O(i, c, u, s, a, j, A, C, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function O(i, c, l, a, o, A, W, $, D, b, v, p, d) {
+    function w(u) {
+      if (!d(u)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], $ = !C;
-    if (!$) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: ct(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || ct(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var h, x = c[0], E = c[3], j = !$;
+    if (!j) {
+      l || Array.isArray(x) || (x = [x]);
+      var s = {}, R = [], m = o === 3 ? "get" : o === 4 || p ? "set" : "value";
+      b ? (v || p ? s = { get: ct(function() {
+        return E(this);
+      }, a, "get"), set: function(u) {
+        c[4](this, u);
+      } } : s[m] = E, v || ct(s[m], a, o === 2 ? "" : m)) : v || (s = Object.getOwnPropertyDescriptor(i, a));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, W = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: j, addInitializer: (function(l, S) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(S, "An initializer", "be", !0), A.push(S);
-      }).bind(null, K) };
+    for (var f = i, N = x.length - 1; N >= 0; N -= l ? 2 : 1) {
+      var M = x[N], H = l ? x[N - 1] : void 0, q = {}, L = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: a, metadata: A, addInitializer: (function(u, S) {
+        if (u.v) throw Error("attempted to call addInitializer after decoration was finished");
+        y(S, "An initializer", "be", !0), W.push(S);
+      }).bind(null, q) };
       try {
-        if ($) (h = b(H.call(q, f, W), "class decorators", "return")) && (f = h);
+        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
         else {
-          var L, P;
-          W.static = D, W.private = y, y ? a === 2 ? L = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (L = _(o, "get", w)), a !== 3 && (P = _(o, "set", w))) : (L = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (P = function(l, S) {
-            l[s] = S;
+          var k, P;
+          L.static = D, L.private = b, b ? o === 2 ? k = function(u) {
+            return w(u), s.value;
+          } : (o < 4 && (k = _(s, "get", w)), o !== 3 && (P = _(s, "set", w))) : (k = function(u) {
+            return u[a];
+          }, (o < 2 || o === 4) && (P = function(u, S) {
+            u[a] = S;
           }));
-          var Q = W.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var K = L.access = { has: b ? d.bind() : function(u) {
+            return a in u;
           } };
-          if (L && (Q.get = L), P && (Q.set = P), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], W), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
+          if (k && (K.get = k), P && (K.set = P), f = M.call(H, p ? { get: s.get, set: s.set } : s[m], L), p) {
+            if (typeof f == "object" && f) (h = y(f.get, "accessor.get")) && (s.get = h), (h = y(f.set, "accessor.set")) && (s.set = h), (h = y(f.init, "accessor.init")) && R.push(h);
             else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          } else y(f, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
         }
       } finally {
-        K.v = !0;
+        q.v = !0;
       }
     }
-    return (m || d) && C.push(function(l, S) {
-      for (var U = E.length - 1; U >= 0; U--) S = E[U].call(l, S);
+    return (v || p) && $.push(function(u, S) {
+      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
       return S;
-    }), m || $ || (y ? d ? C.push(_(o, "get"), _(o, "set")) : C.push(a === 2 ? o[v] : _.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
+    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
   }
   function z(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  if (arguments.length >= 6) var M = R[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var T = Object.create(M ?? null), G = function(i, c, u, s) {
-    var a, j, A = [], C = function(v) {
-      return jt(v) === i;
+  if (arguments.length >= 6) var V = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var T = Object.create(V ?? null), B = function(i, c, l, a) {
+    var o, A, W = [], $ = function(m) {
+      return jt(m) === i;
     }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && A.push(I.bind(null, v));
+    function b(m) {
+      m && W.push(I.bind(null, m));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), $ = (p &= 7) == 0, o = w + "/" + k;
-        if (!$ && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var v = 0; v < c.length; v++) {
+      var p = c[v];
+      if (Array.isArray(p)) {
+        var d = p[1], w = p[2], h = p.length > 3, x = 16 & d, E = !!(8 & d), j = (d &= 7) == 0, s = w + "/" + E;
+        if (!j && !h) {
+          var R = D.get(s);
+          if (R === !0 || R === 3 && d !== 4 || R === 4 && d !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
+          D.set(s, !(d > 2) || d);
         }
-        O(k ? i : i.prototype, d, x, h ? "#" + w : kt(w), p, s, k ? j = j || [] : a = a || [], A, k, h, $, p === 1, k && h ? C : u);
+        O(E ? i : i.prototype, p, x, h ? "#" + w : xt(w), d, a, E ? A = A || [] : o = o || [], W, E, h, j, d === 1, E && h ? $ : l);
       }
     }
-    return y(a), y(j), A;
+    return b(o), b(A), W;
   }(r, t, g, T);
-  return e.length || z(r, T), { e: G, get c() {
+  return e.length || z(r, T), { e: B, get c() {
     var i = [];
     return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
   } };
 }
-function kt(r) {
+function xt(r) {
   var t = $t(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -122,26 +122,26 @@ function jt(r) {
   if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
   return r;
 }
-const J = F("WsxRouter");
-xt = [ot({
+const Q = F("WsxRouter");
+wt = [st({
   tagName: "wsx-router"
 })];
 let At;
 class Wt extends Y {
   constructor() {
     super({
-      styles: at,
+      styles: ot,
       styleName: "wsx-router"
-    }), X(this, "_autoStyles", at), X(this, "views", /* @__PURE__ */ new Map()), X(this, "currentView", null), X(this, "handleRouteChange", () => {
+    }), G(this, "_autoStyles", ot), G(this, "views", /* @__PURE__ */ new Map()), G(this, "currentView", null), G(this, "handleRouteChange", () => {
       const t = window.location.pathname;
-      J.debug(`Route changed to: ${t}`), this.currentView && (this.currentView.style.display = "none", J.debug("Hiding previous view"));
+      Q.debug(`Route changed to: ${t}`), this.currentView && (this.currentView.style.display = "none", Q.debug("Hiding previous view"));
       const e = this.matchRoute(t);
       if (e) {
-        e.style.display = "block", this.currentView = e, J.debug(`Showing view for route: ${e.getAttribute("route")}`);
+        e.style.display = "block", this.currentView = e, Q.debug(`Showing view for route: ${e.getAttribute("route")}`);
         const n = this.extractParams(e.getAttribute("route") || "/", t);
         n && e.setAttribute("params", JSON.stringify(n));
       } else
-        J.warn(`No view found for path: ${t}`);
+        Q.warn(`No view found for path: ${t}`);
       this.dispatchEvent(new CustomEvent("route-changed", {
         detail: {
           path: t,
@@ -150,7 +150,7 @@ class Wt extends Y {
         bubbles: !0,
         composed: !0
       }));
-    }), X(this, "interceptLinks", (t) => {
+    }), G(this, "interceptLinks", (t) => {
       const e = t.target.closest("a");
       if (!e) return;
       const n = e.getAttribute("href");
@@ -161,16 +161,16 @@ class Wt extends Y {
     return /* @__PURE__ */ Z("div", { class: "router-outlet" });
   }
   onConnected() {
-    J.debug("WsxRouter connected to DOM"), this.collectViews(), J.debug("WsxRouter collected views:", this.views.size), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), this.handleRouteChange();
+    Q.debug("WsxRouter connected to DOM"), this.collectViews(), Q.debug("WsxRouter collected views:", this.views.size), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), this.handleRouteChange();
   }
   onDisconnected() {
     window.removeEventListener("popstate", this.handleRouteChange);
   }
   collectViews() {
     const t = Array.from(this.children).filter((e) => e.tagName.toLowerCase() === "wsx-view");
-    J.debug("WsxRouter found views:", t.length), t.forEach((e) => {
+    Q.debug("WsxRouter found views:", t.length), t.forEach((e) => {
       const n = e.getAttribute("route") || "/";
-      this.views.set(n, e), e.style.display = "none", J.debug(`WsxRouter hiding view for route: ${n}`);
+      this.views.set(n, e), e.style.display = "none", Q.debug(`WsxRouter hiding view for route: ${n}`);
     });
   }
   matchRoute(t) {
@@ -185,9 +185,9 @@ class Wt extends Y {
     return this.views.get("*") || null;
   }
   extractParams(t, e) {
-    var b;
+    var y;
     if (!t.includes(":")) return null;
-    const n = ((b = t.match(/:([^/]+)/g)) == null ? void 0 : b.map((O) => O.slice(1))) || [], g = t.replace(/:[^/]+/g, "([^/]+)"), R = new RegExp(`^${g}$`), _ = e.match(R);
+    const n = ((y = t.match(/:([^/]+)/g)) == null ? void 0 : y.map((O) => O.slice(1))) || [], g = t.replace(/:[^/]+/g, "([^/]+)"), C = new RegExp(`^${g}$`), _ = e.match(C);
     if (!_ || !n.length) return null;
     const I = {};
     return n.forEach((O, z) => {
@@ -202,106 +202,106 @@ class Wt extends Y {
   }
 }
 yt = Wt;
-[At, wt] = Ct(yt, [], xt, 0, void 0, Y).c;
-wt();
-const lt = ":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";
+[At, bt] = Ct(yt, [], wt, 0, void 0, Y).c;
+bt();
+const Lt = ":host{display:block;width:100%;height:100%}.route-view{width:100%;height:100%;position:relative}:host([loading]) .route-view{opacity:.5;transition:opacity .3s ease}:host([error]) .route-view{border:1px solid var(--error-color, #ff0000);padding:1rem}.route-view.entering{animation:fadeIn .3s ease-out}.route-view.leaving{animation:fadeOut .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}";
 var tt, et;
-let ut, Et, ht;
-function B(r, t, e) {
-  return (t = St(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
+let ut, Et, lt;
+function X(r, t, e) {
+  return (t = Rt(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
-function Lt(r, t, e, n, g, R) {
-  function _(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+function kt(r, t, e, n, g, C) {
+  function _(i, c, l) {
+    return function(a, o) {
+      return l && l(a), i[c].call(a, o);
     };
   }
   function I(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+    for (var l = 0; l < i.length; l++) i[l].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
+  function y(i, c, l, a) {
+    if (typeof i != "function" && (a || i !== void 0)) throw new TypeError(c + " must " + (l || "be") + " a function" + (a ? "" : " or undefined"));
     return i;
   }
-  function O(i, c, u, s, a, j, A, C, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function O(i, c, l, a, o, A, W, $, D, b, v, p, d) {
+    function w(u) {
+      if (!d(u)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], $ = !C;
-    if (!$) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: ft(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || ft(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var h, x = c[0], E = c[3], j = !$;
+    if (!j) {
+      l || Array.isArray(x) || (x = [x]);
+      var s = {}, R = [], m = o === 3 ? "get" : o === 4 || p ? "set" : "value";
+      b ? (v || p ? s = { get: ht(function() {
+        return E(this);
+      }, a, "get"), set: function(u) {
+        c[4](this, u);
+      } } : s[m] = E, v || ht(s[m], a, o === 2 ? "" : m)) : v || (s = Object.getOwnPropertyDescriptor(i, a));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, W = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: j, addInitializer: (function(l, S) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(S, "An initializer", "be", !0), A.push(S);
-      }).bind(null, K) };
+    for (var f = i, N = x.length - 1; N >= 0; N -= l ? 2 : 1) {
+      var M = x[N], H = l ? x[N - 1] : void 0, q = {}, L = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: a, metadata: A, addInitializer: (function(u, S) {
+        if (u.v) throw Error("attempted to call addInitializer after decoration was finished");
+        y(S, "An initializer", "be", !0), W.push(S);
+      }).bind(null, q) };
       try {
-        if ($) (h = b(H.call(q, f, W), "class decorators", "return")) && (f = h);
+        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
         else {
-          var L, P;
-          W.static = D, W.private = y, y ? a === 2 ? L = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (L = _(o, "get", w)), a !== 3 && (P = _(o, "set", w))) : (L = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (P = function(l, S) {
-            l[s] = S;
+          var k, P;
+          L.static = D, L.private = b, b ? o === 2 ? k = function(u) {
+            return w(u), s.value;
+          } : (o < 4 && (k = _(s, "get", w)), o !== 3 && (P = _(s, "set", w))) : (k = function(u) {
+            return u[a];
+          }, (o < 2 || o === 4) && (P = function(u, S) {
+            u[a] = S;
           }));
-          var Q = W.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var K = L.access = { has: b ? d.bind() : function(u) {
+            return a in u;
           } };
-          if (L && (Q.get = L), P && (Q.set = P), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], W), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
+          if (k && (K.get = k), P && (K.set = P), f = M.call(H, p ? { get: s.get, set: s.set } : s[m], L), p) {
+            if (typeof f == "object" && f) (h = y(f.get, "accessor.get")) && (s.get = h), (h = y(f.set, "accessor.set")) && (s.set = h), (h = y(f.init, "accessor.init")) && R.push(h);
             else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          } else y(f, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
         }
       } finally {
-        K.v = !0;
+        q.v = !0;
       }
     }
-    return (m || d) && C.push(function(l, S) {
-      for (var U = E.length - 1; U >= 0; U--) S = E[U].call(l, S);
+    return (v || p) && $.push(function(u, S) {
+      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
       return S;
-    }), m || $ || (y ? d ? C.push(_(o, "get"), _(o, "set")) : C.push(a === 2 ? o[v] : _.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
+    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
   }
   function z(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  if (arguments.length >= 6) var M = R[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var T = Object.create(M ?? null), G = function(i, c, u, s) {
-    var a, j, A = [], C = function(v) {
-      return Ot(v) === i;
+  if (arguments.length >= 6) var V = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var T = Object.create(V ?? null), B = function(i, c, l, a) {
+    var o, A, W = [], $ = function(m) {
+      return Ot(m) === i;
     }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && A.push(I.bind(null, v));
+    function b(m) {
+      m && W.push(I.bind(null, m));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), $ = (p &= 7) == 0, o = w + "/" + k;
-        if (!$ && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var v = 0; v < c.length; v++) {
+      var p = c[v];
+      if (Array.isArray(p)) {
+        var d = p[1], w = p[2], h = p.length > 3, x = 16 & d, E = !!(8 & d), j = (d &= 7) == 0, s = w + "/" + E;
+        if (!j && !h) {
+          var R = D.get(s);
+          if (R === !0 || R === 3 && d !== 4 || R === 4 && d !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
+          D.set(s, !(d > 2) || d);
         }
-        O(k ? i : i.prototype, d, x, h ? "#" + w : St(w), p, s, k ? j = j || [] : a = a || [], A, k, h, $, p === 1, k && h ? C : u);
+        O(E ? i : i.prototype, p, x, h ? "#" + w : Rt(w), d, a, E ? A = A || [] : o = o || [], W, E, h, j, d === 1, E && h ? $ : l);
       }
     }
-    return y(a), y(j), A;
+    return b(o), b(A), W;
   }(r, t, g, T);
-  return e.length || z(r, T), { e: G, get c() {
+  return e.length || z(r, T), { e: B, get c() {
     var i = [];
     return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
   } };
 }
-function St(r) {
+function Rt(r) {
   var t = It(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -315,7 +315,7 @@ function It(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function ft(r, t, e) {
+function ht(r, t, e) {
   typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
   try {
     Object.defineProperty(r, "name", { configurable: !0, value: e ? e + " " + t : t });
@@ -331,16 +331,16 @@ function Tt(r) {
   return r;
 }
 const rt = F("WsxView");
-Et = [ot({
+Et = [st({
   tagName: "wsx-view"
 })];
-let dt;
-new (ht = (et = class extends Y {
+let ft;
+new (lt = (et = class extends Y {
   constructor() {
     super({
-      styles: lt,
+      styles: Lt,
       styleName: "wsx-view"
-    }), B(this, "_autoStyles", lt), B(this, "component", null), B(this, "params", {}), B(this, "componentInstance", null);
+    }), X(this, "component", null), X(this, "params", {}), X(this, "componentInstance", null);
   }
   render() {
     return /* @__PURE__ */ Z("div", { class: "route-view" });
@@ -354,8 +354,8 @@ new (ht = (et = class extends Y {
       this.loadComponent(n);
     else if (t === "params" && this.componentInstance)
       try {
-        this.params = JSON.parse(n), Object.entries(this.params).forEach(([g, R]) => {
-          this.componentInstance.setAttribute(g, R);
+        this.params = JSON.parse(n), Object.entries(this.params).forEach(([g, C]) => {
+          this.componentInstance.setAttribute(g, C);
         });
       } catch (g) {
         rt.error("Failed to parse params:", g);
@@ -366,8 +366,8 @@ new (ht = (et = class extends Y {
       rt.warn(`Component ${t} not found in customElements registry`);
       return;
     }
-    this.componentInstance = document.createElement(t), Object.keys(this.params).length > 0 && Object.entries(this.params).forEach(([g, R]) => {
-      this.componentInstance.setAttribute(g, R);
+    this.componentInstance = document.createElement(t), Object.keys(this.params).length > 0 && Object.entries(this.params).forEach(([g, C]) => {
+      this.componentInstance.setAttribute(g, C);
     });
     const n = this.querySelector(".route-view");
     n ? n.appendChild(this.componentInstance) : rt.error("Route view container not found");
@@ -375,113 +375,112 @@ new (ht = (et = class extends Y {
   onDisconnected() {
     this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
   }
-}, [dt, ut] = Lt(et, [], Et, 0, void 0, Y).c, et), tt = class extends Tt {
+}, [ft, ut] = kt(et, [], Et, 0, void 0, Y).c, et), tt = class extends Tt {
   constructor() {
-    super(dt), B(this, "observedAttributes", ["route", "component", "params"]), ut();
+    super(ft), X(this, "observedAttributes", ["route", "component", "params"]), ut();
   }
-}, B(tt, ht, void 0), tt)();
-const Dt = ':host{display:inline-block;min-width:fit-content;min-height:fit-content;width:auto;height:auto}.wsx-link{color:var(--link-color, #007bff);text-decoration:var(--link-decoration, underline);cursor:pointer;transition:color .2s ease;display:inline-block;min-height:1.2em;line-height:1.2}.wsx-link:hover{color:var(--link-hover-color, #0056b3);text-decoration:var(--link-hover-decoration, underline)}.wsx-link:focus{outline:2px solid var(--link-focus-color, #007bff);outline-offset:2px}.wsx-link.active{color:var(--link-active-color, #6c757d);font-weight:var(--link-active-weight, bold)}:host([disabled]) .wsx-link{color:var(--link-disabled-color, #6c757d);cursor:not-allowed;pointer-events:none}:host([external]) .wsx-link:after{content:"↗";font-size:.8em;margin-left:.2em;opacity:.7}:host([variant="button"]) .wsx-link{background-color:var(--button-bg, #007bff);color:var(--button-color, white);padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;display:inline-block}:host([variant="button"]) .wsx-link:hover{background-color:var(--button-hover-bg, #0056b3);color:var(--button-hover-color, white)}:host([variant="tab"]) .wsx-link{padding:.5rem 1rem;border-bottom:2px solid transparent;text-decoration:none}:host([variant="tab"]) .wsx-link.active{border-bottom-color:var(--tab-active-border, #007bff)}';
+}, X(tt, lt, void 0), tt)();
 var nt, it;
-let pt, _t, vt;
-function V(r, t, e) {
-  return (t = Rt(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
+let pt, St, dt;
+function J(r, t, e) {
+  return (t = _t(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
-function Nt(r, t, e, n, g, R) {
-  function _(i, c, u) {
-    return function(s, a) {
-      return u && u(s), i[c].call(s, a);
+function Dt(r, t, e, n, g, C) {
+  function _(i, c, l) {
+    return function(a, o) {
+      return l && l(a), i[c].call(a, o);
     };
   }
   function I(i, c) {
-    for (var u = 0; u < i.length; u++) i[u].call(c);
+    for (var l = 0; l < i.length; l++) i[l].call(c);
     return c;
   }
-  function b(i, c, u, s) {
-    if (typeof i != "function" && (s || i !== void 0)) throw new TypeError(c + " must " + (u || "be") + " a function" + (s ? "" : " or undefined"));
+  function y(i, c, l, a) {
+    if (typeof i != "function" && (a || i !== void 0)) throw new TypeError(c + " must " + (l || "be") + " a function" + (a ? "" : " or undefined"));
     return i;
   }
-  function O(i, c, u, s, a, j, A, C, D, y, m, d, p) {
-    function w(l) {
-      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
+  function O(i, c, l, a, o, A, W, $, D, b, v, p, d) {
+    function w(u) {
+      if (!d(u)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], k = c[3], $ = !C;
-    if (!$) {
-      u || Array.isArray(x) || (x = [x]);
-      var o = {}, E = [], v = a === 3 ? "get" : a === 4 || d ? "set" : "value";
-      y ? (m || d ? o = { get: mt(function() {
-        return k(this);
-      }, s, "get"), set: function(l) {
-        c[4](this, l);
-      } } : o[v] = k, m || mt(o[v], s, a === 2 ? "" : v)) : m || (o = Object.getOwnPropertyDescriptor(i, s));
+    var h, x = c[0], E = c[3], j = !$;
+    if (!j) {
+      l || Array.isArray(x) || (x = [x]);
+      var s = {}, R = [], m = o === 3 ? "get" : o === 4 || p ? "set" : "value";
+      b ? (v || p ? s = { get: mt(function() {
+        return E(this);
+      }, a, "get"), set: function(u) {
+        c[4](this, u);
+      } } : s[m] = E, v || mt(s[m], a, o === 2 ? "" : m)) : v || (s = Object.getOwnPropertyDescriptor(i, a));
     }
-    for (var f = i, N = x.length - 1; N >= 0; N -= u ? 2 : 1) {
-      var H = x[N], q = u ? x[N - 1] : void 0, K = {}, W = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: j, addInitializer: (function(l, S) {
-        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
-        b(S, "An initializer", "be", !0), A.push(S);
-      }).bind(null, K) };
+    for (var f = i, N = x.length - 1; N >= 0; N -= l ? 2 : 1) {
+      var M = x[N], H = l ? x[N - 1] : void 0, q = {}, L = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: a, metadata: A, addInitializer: (function(u, S) {
+        if (u.v) throw Error("attempted to call addInitializer after decoration was finished");
+        y(S, "An initializer", "be", !0), W.push(S);
+      }).bind(null, q) };
       try {
-        if ($) (h = b(H.call(q, f, W), "class decorators", "return")) && (f = h);
+        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
         else {
-          var L, P;
-          W.static = D, W.private = y, y ? a === 2 ? L = function(l) {
-            return w(l), o.value;
-          } : (a < 4 && (L = _(o, "get", w)), a !== 3 && (P = _(o, "set", w))) : (L = function(l) {
-            return l[s];
-          }, (a < 2 || a === 4) && (P = function(l, S) {
-            l[s] = S;
+          var k, P;
+          L.static = D, L.private = b, b ? o === 2 ? k = function(u) {
+            return w(u), s.value;
+          } : (o < 4 && (k = _(s, "get", w)), o !== 3 && (P = _(s, "set", w))) : (k = function(u) {
+            return u[a];
+          }, (o < 2 || o === 4) && (P = function(u, S) {
+            u[a] = S;
           }));
-          var Q = W.access = { has: y ? p.bind() : function(l) {
-            return s in l;
+          var K = L.access = { has: b ? d.bind() : function(u) {
+            return a in u;
           } };
-          if (L && (Q.get = L), P && (Q.set = P), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], W), d) {
-            if (typeof f == "object" && f) (h = b(f.get, "accessor.get")) && (o.get = h), (h = b(f.set, "accessor.set")) && (o.set = h), (h = b(f.init, "accessor.init")) && E.push(h);
+          if (k && (K.get = k), P && (K.set = P), f = M.call(H, p ? { get: s.get, set: s.set } : s[m], L), p) {
+            if (typeof f == "object" && f) (h = y(f.get, "accessor.get")) && (s.get = h), (h = y(f.set, "accessor.set")) && (s.set = h), (h = y(f.init, "accessor.init")) && R.push(h);
             else if (f !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
+          } else y(f, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
         }
       } finally {
-        K.v = !0;
+        q.v = !0;
       }
     }
-    return (m || d) && C.push(function(l, S) {
-      for (var U = E.length - 1; U >= 0; U--) S = E[U].call(l, S);
+    return (v || p) && $.push(function(u, S) {
+      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
       return S;
-    }), m || $ || (y ? d ? C.push(_(o, "get"), _(o, "set")) : C.push(a === 2 ? o[v] : _.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
+    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
   }
   function z(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  if (arguments.length >= 6) var M = R[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var T = Object.create(M ?? null), G = function(i, c, u, s) {
-    var a, j, A = [], C = function(v) {
-      return zt(v) === i;
+  if (arguments.length >= 6) var V = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var T = Object.create(V ?? null), B = function(i, c, l, a) {
+    var o, A, W = [], $ = function(m) {
+      return Pt(m) === i;
     }, D = /* @__PURE__ */ new Map();
-    function y(v) {
-      v && A.push(I.bind(null, v));
+    function b(m) {
+      m && W.push(I.bind(null, m));
     }
-    for (var m = 0; m < c.length; m++) {
-      var d = c[m];
-      if (Array.isArray(d)) {
-        var p = d[1], w = d[2], h = d.length > 3, x = 16 & p, k = !!(8 & p), $ = (p &= 7) == 0, o = w + "/" + k;
-        if (!$ && !h) {
-          var E = D.get(o);
-          if (E === !0 || E === 3 && p !== 4 || E === 4 && p !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
-          D.set(o, !(p > 2) || p);
+    for (var v = 0; v < c.length; v++) {
+      var p = c[v];
+      if (Array.isArray(p)) {
+        var d = p[1], w = p[2], h = p.length > 3, x = 16 & d, E = !!(8 & d), j = (d &= 7) == 0, s = w + "/" + E;
+        if (!j && !h) {
+          var R = D.get(s);
+          if (R === !0 || R === 3 && d !== 4 || R === 4 && d !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + w);
+          D.set(s, !(d > 2) || d);
         }
-        O(k ? i : i.prototype, d, x, h ? "#" + w : Rt(w), p, s, k ? j = j || [] : a = a || [], A, k, h, $, p === 1, k && h ? C : u);
+        O(E ? i : i.prototype, p, x, h ? "#" + w : _t(w), d, a, E ? A = A || [] : o = o || [], W, E, h, j, d === 1, E && h ? $ : l);
       }
     }
-    return y(a), y(j), A;
+    return b(o), b(A), W;
   }(r, t, g, T);
-  return e.length || z(r, T), { e: G, get c() {
+  return e.length || z(r, T), { e: B, get c() {
     var i = [];
     return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
   } };
 }
-function Rt(r) {
-  var t = Pt(r, "string");
+function _t(r) {
+  var t = Nt(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Pt(r, t) {
+function Nt(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -499,33 +498,33 @@ function mt(r, t, e) {
   }
   return r;
 }
-function zt(r) {
+function Pt(r) {
   if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
   return r;
 }
-function Ut(r) {
+function zt(r) {
   return r;
 }
-const gt = F("WsxLink");
-_t = [ot({
+const vt = F("WsxLink");
+St = [st({
   tagName: "wsx-link"
 })];
-let bt;
-new (vt = (it = class extends st {
+let gt;
+new (dt = (it = class extends at {
   constructor(...t) {
-    super(...t), V(this, "_autoStyles", Dt), V(this, "to", ""), V(this, "replace", !1), V(this, "activeClass", "active"), V(this, "exact", !1), V(this, "handleClick", (e) => {
+    super(...t), J(this, "to", ""), J(this, "replace", !1), J(this, "activeClass", "active"), J(this, "exact", !1), J(this, "handleClick", (e) => {
       if (e.preventDefault(), !this.to) {
-        gt.warn("No 'to' attribute specified");
+        vt.warn("No 'to' attribute specified");
         return;
       }
       if (this.isExternalLink(this.to)) {
         window.open(this.to, "_blank");
         return;
       }
-      this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), gt.debug(`Navigated to: ${this.to}`);
-    }), V(this, "updateActiveState", () => {
-      var R;
-      const e = window.location.pathname, n = this.exact ? e === this.to : e.startsWith(this.to) && this.to !== "/", g = (R = this.shadowRoot) == null ? void 0 : R.querySelector("a");
+      this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), vt.debug(`Navigated to: ${this.to}`);
+    }), J(this, "updateActiveState", () => {
+      var C;
+      const e = window.location.pathname, n = this.exact ? e === this.to : e.startsWith(this.to) && this.to !== "/", g = (C = this.shadowRoot) == null ? void 0 : C.querySelector("a");
       g && (n ? (g.classList.add(this.activeClass), this.setAttribute("active", "")) : (g.classList.remove(this.activeClass), this.removeAttribute("active")));
     });
   }
@@ -568,18 +567,18 @@ new (vt = (it = class extends st {
       cancelable: !0
     }));
   }
-}, [bt, pt] = Nt(it, [], _t, 0, void 0, st).c, it), nt = class extends Ut {
+}, [gt, pt] = Dt(it, [], St, 0, void 0, at).c, it), nt = class extends zt {
   constructor() {
-    super(bt), V(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), pt();
+    super(gt), J(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), pt();
   }
-}, V(nt, vt, void 0), nt)();
-const Vt = F("RouterUtils");
-class Kt {
+}, J(nt, dt, void 0), nt)();
+const Ut = F("RouterUtils");
+class qt {
   /**
    * 编程式导航
    */
   static navigate(t, e = !1) {
-    e ? window.history.replaceState(null, "", t) : window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate")), Vt.debug(`Navigated to: ${t} (replace: ${e})`);
+    e ? window.history.replaceState(null, "", t) : window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate")), Ut.debug(`Navigated to: ${t} (replace: ${e})`);
   }
   /**
    * 获取当前路由信息
@@ -613,14 +612,14 @@ class Kt {
         exact: !1
       };
     if (t.includes(":")) {
-      const g = ((n = t.match(/:([^/]+)/g)) == null ? void 0 : n.map((b) => b.slice(1))) || [], R = t.replace(/:[^/]+/g, "([^/]+)"), _ = new RegExp(`^${R}$`), I = e.match(_);
+      const g = ((n = t.match(/:([^/]+)/g)) == null ? void 0 : n.map((y) => y.slice(1))) || [], C = t.replace(/:[^/]+/g, "([^/]+)"), _ = new RegExp(`^${C}$`), I = e.match(_);
       if (I && g.length > 0) {
-        const b = {};
+        const y = {};
         return g.forEach((O, z) => {
-          b[O] = I[z + 1];
+          y[O] = I[z + 1];
         }), {
           route: t,
-          params: b,
+          params: y,
           exact: !0
         };
       }
@@ -641,8 +640,8 @@ class Kt {
    */
   static buildPath(t, e = {}) {
     let n = t;
-    return Object.entries(e).forEach(([g, R]) => {
-      n = n.replace(`:${g}`, encodeURIComponent(R));
+    return Object.entries(e).forEach(([g, C]) => {
+      n = n.replace(`:${g}`, encodeURIComponent(C));
     }), n;
   }
   /**
@@ -689,8 +688,8 @@ class Kt {
   static setQueryParam(t, e, n = !1) {
     const g = new URL(window.location.href);
     g.searchParams.set(t, e);
-    const R = g.pathname + g.search + g.hash;
-    this.navigate(R, n);
+    const C = g.pathname + g.search + g.hash;
+    this.navigate(C, n);
   }
   /**
    * 删除查询参数
@@ -739,8 +738,8 @@ class Kt {
   }
 }
 export {
-  Kt as RouterUtils,
-  bt as WsxLink,
+  qt as RouterUtils,
+  gt as WsxLink,
   At as WsxRouter,
-  dt as WsxView
+  ft as WsxView
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/wsx-router",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "WSX Router - Native History API-based routing for WSX Framework",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -18,7 +18,7 @@
     "!**/test"
   ],
   "dependencies": {
-    "@wsxjs/wsx-core": "0.0.13"
+    "@wsxjs/wsx-core": "0.0.15"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^8.37.0",
@@ -30,8 +30,8 @@
     "typescript": "^5.0.0",
     "vite": "^5.4.19",
     "vitest": "^2.1.8",
-    "@wsxjs/eslint-plugin-wsx": "0.0.13",
-    "@wsxjs/wsx-vite-plugin": "0.0.13"
+    "@wsxjs/eslint-plugin-wsx": "0.0.15",
+    "@wsxjs/wsx-vite-plugin": "0.0.15"
   },
   "keywords": [
     "wsx",

package/src/WsxLink.wsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource @wsxjs/wsx-core */
-import { WebComponent, autoRegister, createLogger } from "@wsxjs/wsx-core";
+import { WebComponent, autoRegister, createLogger, state } from "@wsxjs/wsx-core";
 
 const logger = createLogger("WsxLink");
 
@@ -23,10 +23,10 @@ const logger = createLogger("WsxLink");
 export default class WsxLink extends WebComponent {
     static observedAttributes = ["to", "replace", "active-class", "exact"];
 
-    private to: string = "";
-    private replace: boolean = false;
-    private activeClass: string = "active";
-    private exact: boolean = false;
+    @state private to: string = "";
+    @state private replace: boolean = false;
+    @state private activeClass: string = "active";
+    @state private exact: boolean = false;
 
     render() {
         return (
@@ -66,7 +66,6 @@ export default class WsxLink extends WebComponent {
         switch (name) {
             case "to":
                 this.to = newValue || "";
-                this.rerender(); // Re-render to update href in JSX
                 this.updateActiveState();
                 break;
             case "replace":