@wsxjs/wsx-router 0.0.14 → 0.0.16

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,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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=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=gt(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,m,_){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function P(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 $(i,c,u,s,a,W,A,j,N,y,g,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],R=!j;if(!R){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(g||f?o={get:it(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,g||it(o[v],s,a===2?"":v)):g||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,z=x.length-1;z>=0;z-=u?2:1){var H=x[z],K=u?x[z-1]:void 0,Q={},O={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:W,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,Q)};try{if(R)(h=b(H.call(K,d,O),"class decorators","return"))&&(d=h);else{var I,U;O.static=N,O.private=y,y?a===2?I=function(l){return w(l),o.value}:(a<4&&(I=C(o,"get",w)),a!==3&&(U=C(o,"set",w))):(I=function(l){return l[s]},(a<2||a===4)&&(U=function(l,S){l[s]=S}));var J=O.access={has:y?p.bind():function(l){return s in l}};if(I&&(J.get=I),U&&(J.set=U),d=H.call(K,f?{get:o.get,set:o.set}:o[v],O),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,(g?"field":"method")+" decorators","return")&&(g?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(g||f)&&j.push(function(l,S){for(var M=E.length-1;M>=0;M--)S=E[M].call(l,S);return S}),g||R||(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 D(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var V=_[Symbol.metadata||Symbol.for("Symbol.metadata")];var L=Object.create(V??null),X=function(i,c,u,s){var a,W,A=[],j=function(v){return Et(v)===i},N=new Map;function y(v){v&&A.push(P.bind(null,v))}for(var g=0;g<c.length;g++){var f=c[g];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),R=(p&=7)==0,o=w+"/"+k;if(!R&&!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)}$(k?i:i.prototype,f,x,h?"#"+w:gt(w),p,s,k?W=W||[]:a=a||[],A,k,h,R,p===1,k&&h?j:u)}}return y(a),y(W),A}(r,t,m,L);return e.length||D(r,L),{e:X,get c(){var i=[];return e.length&&[D($(r,[e],n,r.name,5,L,i),L),P.bind(null,i,r)]}}}function gt(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=T.createLogger("WsxRouter");vt=[T.autoRegister({tagName:"wsx-router"})];exports.WsxRouter=void 0;class St extends T.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 T.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 m=e.replace(/:[^/]+/g,"([^/]+)");if(new RegExp(`^${m}$`).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($=>$.slice(1)))||[],m=t.replace(/:[^/]+/g,"([^/]+)"),_=new RegExp(`^${m}$`),C=e.match(_);if(!C||!n.length)return null;const P={};return n.forEach(($,D)=>{P[$]=C[D+1]}),P}navigate(t){window.history.pushState(null,"",t),this.handleRouteChange()}}ft=St;[exports.WsxRouter,pt]=xt(ft,[],vt,0,void 0,T.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,mt,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,m,_){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function P(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 $(i,c,u,s,a,W,A,j,N,y,g,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],R=!j;if(!R){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(g||f?o={get:ct(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,g||ct(o[v],s,a===2?"":v)):g||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,z=x.length-1;z>=0;z-=u?2:1){var H=x[z],K=u?x[z-1]:void 0,Q={},O={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:W,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,Q)};try{if(R)(h=b(H.call(K,d,O),"class decorators","return"))&&(d=h);else{var I,U;O.static=N,O.private=y,y?a===2?I=function(l){return w(l),o.value}:(a<4&&(I=C(o,"get",w)),a!==3&&(U=C(o,"set",w))):(I=function(l){return l[s]},(a<2||a===4)&&(U=function(l,S){l[s]=S}));var J=O.access={has:y?p.bind():function(l){return s in l}};if(I&&(J.get=I),U&&(J.set=U),d=H.call(K,f?{get:o.get,set:o.set}:o[v],O),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,(g?"field":"method")+" decorators","return")&&(g?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(g||f)&&j.push(function(l,S){for(var M=E.length-1;M>=0;M--)S=E[M].call(l,S);return S}),g||R||(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 D(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var V=_[Symbol.metadata||Symbol.for("Symbol.metadata")];var L=Object.create(V??null),X=function(i,c,u,s){var a,W,A=[],j=function(v){return jt(v)===i},N=new Map;function y(v){v&&A.push(P.bind(null,v))}for(var g=0;g<c.length;g++){var f=c[g];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),R=(p&=7)==0,o=w+"/"+k;if(!R&&!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)}$(k?i:i.prototype,f,x,h?"#"+w:bt(w),p,s,k?W=W||[]:a=a||[],A,k,h,R,p===1,k&&h?j:u)}}return y(a),y(W),A}(r,t,m,L);return e.length||D(r,L),{e:X,get c(){var i=[];return e.length&&[D($(r,[e],n,r.name,5,L,i),L),P.bind(null,i,r)]}}}function bt(r){var t=_t(r,"string");return typeof t=="symbol"?t:t+""}function _t(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 Rt(r){return r}const tt=T.createLogger("WsxView");mt=[T.autoRegister({tagName:"wsx-view"})];exports.WsxView=void 0;new(at=(F=class extends T.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 T.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(([m,_])=>{this.componentInstance.setAttribute(m,_)})}catch(m){tt.error("Failed to parse params:",m)}}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(([m,_])=>{this.componentInstance.setAttribute(m,_)});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,[],mt,0,void 0,T.LightComponent).c,F),Z=class extends Rt{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 q(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,m,_){function C(i,c,u){return function(s,a){return u&&u(s),i[c].call(s,a)}}function P(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 $(i,c,u,s,a,W,A,j,N,y,g,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],R=!j;if(!R){u||Array.isArray(x)||(x=[x]);var o={},E=[],v=a===3?"get":a===4||f?"set":"value";y?(g||f?o={get:ht(function(){return k(this)},s,"get"),set:function(l){c[4](this,l)}}:o[v]=k,g||ht(o[v],s,a===2?"":v)):g||(o=Object.getOwnPropertyDescriptor(i,s))}for(var d=i,z=x.length-1;z>=0;z-=u?2:1){var H=x[z],K=u?x[z-1]:void 0,Q={},O={kind:["field","accessor","method","getter","setter","class"][a],name:s,metadata:W,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,Q)};try{if(R)(h=b(H.call(K,d,O),"class decorators","return"))&&(d=h);else{var I,U;O.static=N,O.private=y,y?a===2?I=function(l){return w(l),o.value}:(a<4&&(I=C(o,"get",w)),a!==3&&(U=C(o,"set",w))):(I=function(l){return l[s]},(a<2||a===4)&&(U=function(l,S){l[s]=S}));var J=O.access={has:y?p.bind():function(l){return s in l}};if(I&&(J.get=I),U&&(J.set=U),d=H.call(K,f?{get:o.get,set:o.set}:o[v],O),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,(g?"field":"method")+" decorators","return")&&(g?E.push(d):o[v]=d)}}finally{Q.v=!0}}return(g||f)&&j.push(function(l,S){for(var M=E.length-1;M>=0;M--)S=E[M].call(l,S);return S}),g||R||(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 D(i,c){return Object.defineProperty(i,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:c})}if(arguments.length>=6)var V=_[Symbol.metadata||Symbol.for("Symbol.metadata")];var L=Object.create(V??null),X=function(i,c,u,s){var a,W,A=[],j=function(v){return At(v)===i},N=new Map;function y(v){v&&A.push(P.bind(null,v))}for(var g=0;g<c.length;g++){var f=c[g];if(Array.isArray(f)){var p=f[1],w=f[2],h=f.length>3,x=16&p,k=!!(8&p),R=(p&=7)==0,o=w+"/"+k;if(!R&&!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)}$(k?i:i.prototype,f,x,h?"#"+w:wt(w),p,s,k?W=W||[]:a=a||[],A,k,h,R,p===1,k&&h?j:u)}}return y(a),y(W),A}(r,t,m,L);return e.length||D(r,L),{e:X,get c(){var i=[];return e.length&&[D($(r,[e],n,r.name,5,L,i),L),P.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 Ot(r){return r}const dt=T.createLogger("WsxLink");yt=[T.autoRegister({tagName:"wsx-link"})];exports.WsxLink=void 0;new(ut=(rt=class extends T.WebComponent{constructor(){super(),q(this,"_autoStyles",$t),q(this,"to",void 0),q(this,"replace",void 0),q(this,"activeClass",void 0),q(this,"exact",void 0),q(this,"handleClick",$=>{if($.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}`)}),q(this,"updateActiveState",()=>{var L;const $=window.location.pathname,D=this.exact?$===this.to:$.startsWith(this.to)&&this.to!=="/",V=(L=this.shadowRoot)==null?void 0:L.querySelector("a");V&&(D?(V.classList.add(this.activeClass),this.setAttribute("active","")):(V.classList.remove(this.activeClass),this.removeAttribute("active")))});const[t,e]=this.useState("to","");Object.defineProperty(this,"to",{get:t,set:e,enumerable:!0,configurable:!0});const[n,m]=this.useState("replace",!1);Object.defineProperty(this,"replace",{get:n,set:m,enumerable:!0,configurable:!0});const[_,C]=this.useState("activeClass","active");Object.defineProperty(this,"activeClass",{get:_,set:C,enumerable:!0,configurable:!0});const[P,b]=this.useState("exact",!1);Object.defineProperty(this,"exact",{get:P,set:b,enumerable:!0,configurable:!0})}render(){return T.jsx("a",{href:this.to,class:"wsx-link",onClick:this.handleClick,part:"link"},T.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.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,T.WebComponent).c,rt),et=class extends Ot{constructor(){super(exports.WsxLink),q(this,"observedAttributes",["to","replace","active-class","exact"]),lt()}},q(et,ut,void 0),et);const It=T.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")),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 m=((n=t.match(/:([^/]+)/g))==null?void 0:n.map(b=>b.slice(1)))||[],_=t.replace(/:[^/]+/g,"([^/]+)"),C=new RegExp(`^${_}$`),P=e.match(C);if(P&&m.length>0){const b={};return m.forEach(($,D)=>{b[$]=P[D+1]}),{route:t,params:b,exact:!0}}}if(t.endsWith("/*")){const m=t.slice(0,-2);if(e.startsWith(m))return{route:t,params:{},exact:!1}}return null}static buildPath(t,e={}){let n=t;return Object.entries(e).forEach(([m,_])=>{n=n.replace(`:${m}`,encodeURIComponent(_))}),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 m=new URL(window.location.href);m.searchParams.set(t,e);const _=m.pathname+m.search+m.hash;this.navigate(_,n)}static removeQueryParam(t,e=!1){const n=new URL(window.location.href);n.searchParams.delete(t);const m=n.pathname+n.search+n.hash;this.navigate(m,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;

package/dist/index.js

@@ -1,106 +1,106 @@
-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%}";
+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%}";
 var yt;
-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;
+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;
 }
-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 Rt(r, t, e, n, g, C) {
+  function S(i, c, u) {
+    return function(s, a) {
+      return u && u(s), i[c].call(s, a);
     };
   }
-  function I(i, c) {
-    for (var l = 0; l < i.length; l++) i[l].call(c);
+  function T(i, c) {
+    for (var u = 0; u < i.length; u++) i[u].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"));
+  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 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");
+  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
+    function w(l) {
+      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], E = c[3], j = !$;
+    var h, x = c[0], k = c[3], j = !R;
     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));
+      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));
     }
-    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) };
+    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 = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
+        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
+        b(_, "An initializer", "be", !0), L.push(_);
+      }).bind(null, K) };
       try {
-        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
+        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
         else {
-          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 I, z;
+          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
+            return w(l), o.value;
+          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
+            return l[s];
+          }, (a < 2 || a === 4) && (z = function(l, _) {
+            l[s] = _;
           }));
-          var K = L.access = { has: b ? d.bind() : function(u) {
-            return a in u;
+          var Q = O.access = { has: y ? p.bind() : function(l) {
+            return s in l;
           } };
-          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);
+          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), 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);
             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, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
+          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
         }
       } finally {
-        q.v = !0;
+        K.v = !0;
       }
     }
-    return (v || p) && $.push(function(u, S) {
-      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
-      return S;
-    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
+    return (m || d) && R.push(function(l, _) {
+      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
+      return _;
+    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
   }
-  function z(i, c) {
+  function P(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  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;
+  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var A = Object.create(U ?? null), G = function(i, c, u, s) {
+    var a, W, L = [], R = function(v) {
+      return $t(v) === i;
     }, D = /* @__PURE__ */ new Map();
-    function b(m) {
-      m && W.push(I.bind(null, m));
+    function y(v) {
+      v && L.push(T.bind(null, v));
     }
-    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;
+    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), j = (p &= 7) == 0, o = w + "/" + k;
         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);
+          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);
         }
-        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);
+        $(k ? i : i.prototype, d, x, h ? "#" + w : kt(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
       }
     }
-    return b(o), b(A), W;
-  }(r, t, g, T);
-  return e.length || z(r, T), { e: B, get c() {
+    return y(a), y(W), L;
+  }(r, t, g, A);
+  return e.length || P(r, A), { e: G, get c() {
     var i = [];
-    return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
+    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
   } };
 }
-function xt(r) {
-  var t = $t(r, "string");
+function kt(r) {
+  var t = jt(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function $t(r, t) {
+function jt(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -118,30 +118,30 @@ function ct(r, t, e) {
   }
   return r;
 }
-function jt(r) {
+function $t(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 Q = F("WsxRouter");
-wt = [st({
+const J = F("WsxRouter");
+xt = [ot({
   tagName: "wsx-router"
 })];
 let At;
 class Wt extends Y {
   constructor() {
     super({
-      styles: ot,
+      styles: at,
       styleName: "wsx-router"
-    }), G(this, "_autoStyles", ot), G(this, "views", /* @__PURE__ */ new Map()), G(this, "currentView", null), G(this, "handleRouteChange", () => {
+    }), X(this, "_autoStyles", at), X(this, "views", /* @__PURE__ */ new Map()), X(this, "currentView", null), X(this, "handleRouteChange", () => {
       const t = window.location.pathname;
-      Q.debug(`Route changed to: ${t}`), this.currentView && (this.currentView.style.display = "none", Q.debug("Hiding previous view"));
+      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, Q.debug(`Showing view for route: ${e.getAttribute("route")}`);
+        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
-        Q.warn(`No view found for path: ${t}`);
+        J.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
       }));
-    }), G(this, "interceptLinks", (t) => {
+    }), X(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() {
-    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();
+    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");
-    Q.debug("WsxRouter found views:", t.length), t.forEach((e) => {
+    J.debug("WsxRouter found views:", t.length), t.forEach((e) => {
       const n = e.getAttribute("route") || "/";
-      this.views.set(n, e), e.style.display = "none", Q.debug(`WsxRouter hiding view for route: ${n}`);
+      this.views.set(n, e), e.style.display = "none", J.debug(`WsxRouter hiding view for route: ${n}`);
     });
   }
   matchRoute(t) {
@@ -185,14 +185,14 @@ class Wt extends Y {
     return this.views.get("*") || null;
   }
   extractParams(t, e) {
-    var y;
+    var b;
     if (!t.includes(":")) return null;
-    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) => {
-      I[O] = _[z + 1];
-    }), I;
+    const n = ((b = t.match(/:([^/]+)/g)) == null ? void 0 : b.map(($) => $.slice(1))) || [], g = t.replace(/:[^/]+/g, "([^/]+)"), C = new RegExp(`^${g}$`), S = e.match(C);
+    if (!S || !n.length) return null;
+    const T = {};
+    return n.forEach(($, P) => {
+      T[$] = S[P + 1];
+    }), T;
   }
   /**
    * 编程式导航 - 使用原生 History API
@@ -202,110 +202,110 @@ class Wt extends Y {
   }
 }
 yt = Wt;
-[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}}";
+[At, wt] = Rt(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}}";
 var tt, et;
-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;
+let ut, Et, ht;
+function B(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 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 Lt(r, t, e, n, g, C) {
+  function S(i, c, u) {
+    return function(s, a) {
+      return u && u(s), i[c].call(s, a);
     };
   }
-  function I(i, c) {
-    for (var l = 0; l < i.length; l++) i[l].call(c);
+  function T(i, c) {
+    for (var u = 0; u < i.length; u++) i[u].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"));
+  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 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");
+  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
+    function w(l) {
+      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], E = c[3], j = !$;
+    var h, x = c[0], k = c[3], j = !R;
     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));
+      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));
     }
-    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) };
+    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 = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
+        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
+        b(_, "An initializer", "be", !0), L.push(_);
+      }).bind(null, K) };
       try {
-        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
+        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
         else {
-          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 I, z;
+          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
+            return w(l), o.value;
+          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
+            return l[s];
+          }, (a < 2 || a === 4) && (z = function(l, _) {
+            l[s] = _;
           }));
-          var K = L.access = { has: b ? d.bind() : function(u) {
-            return a in u;
+          var Q = O.access = { has: y ? p.bind() : function(l) {
+            return s in l;
           } };
-          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);
+          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), 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);
             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, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
+          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
         }
       } finally {
-        q.v = !0;
+        K.v = !0;
       }
     }
-    return (v || p) && $.push(function(u, S) {
-      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
-      return S;
-    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
+    return (m || d) && R.push(function(l, _) {
+      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
+      return _;
+    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
   }
-  function z(i, c) {
+  function P(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  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;
+  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var A = Object.create(U ?? null), G = function(i, c, u, s) {
+    var a, W, L = [], R = function(v) {
+      return It(v) === i;
     }, D = /* @__PURE__ */ new Map();
-    function b(m) {
-      m && W.push(I.bind(null, m));
+    function y(v) {
+      v && L.push(T.bind(null, v));
     }
-    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;
+    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), j = (p &= 7) == 0, o = w + "/" + k;
         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);
+          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);
         }
-        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);
+        $(k ? i : i.prototype, d, x, h ? "#" + w : _t(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
       }
     }
-    return b(o), b(A), W;
-  }(r, t, g, T);
-  return e.length || z(r, T), { e: B, get c() {
+    return y(a), y(W), L;
+  }(r, t, g, A);
+  return e.length || P(r, A), { e: G, get c() {
     var i = [];
-    return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
+    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
   } };
 }
-function Rt(r) {
-  var t = It(r, "string");
+function _t(r) {
+  var t = Ot(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function It(r, t) {
+function Ot(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
@@ -315,7 +315,7 @@ function It(r, t) {
   }
   return (t === "string" ? String : Number)(r);
 }
-function ht(r, t, e) {
+function ft(r, t, e) {
   typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
   try {
     Object.defineProperty(r, "name", { configurable: !0, value: e ? e + " " + t : t });
@@ -323,7 +323,7 @@ function ht(r, t, e) {
   }
   return r;
 }
-function Ot(r) {
+function It(r) {
   if (Object(r) !== r) throw TypeError("right-hand side of 'in' should be an object, got " + (r !== null ? typeof r : "null"));
   return r;
 }
@@ -331,16 +331,16 @@ function Tt(r) {
   return r;
 }
 const rt = F("WsxView");
-Et = [st({
+Et = [ot({
   tagName: "wsx-view"
 })];
-let ft;
-new (lt = (et = class extends Y {
+let dt;
+new (ht = (et = class extends Y {
   constructor() {
     super({
-      styles: Lt,
+      styles: lt,
       styleName: "wsx-view"
-    }), X(this, "component", null), X(this, "params", {}), X(this, "componentInstance", null);
+    }), B(this, "_autoStyles", lt), B(this, "component", null), B(this, "params", {}), B(this, "componentInstance", null);
   }
   render() {
     return /* @__PURE__ */ Z("div", { class: "route-view" });
@@ -375,108 +375,109 @@ new (lt = (et = class extends Y {
   onDisconnected() {
     this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
   }
-}, [ft, ut] = kt(et, [], Et, 0, void 0, Y).c, et), tt = class extends Tt {
+}, [dt, ut] = Lt(et, [], Et, 0, void 0, Y).c, et), tt = class extends Tt {
   constructor() {
-    super(ft), X(this, "observedAttributes", ["route", "component", "params"]), ut();
+    super(dt), B(this, "observedAttributes", ["route", "component", "params"]), ut();
   }
-}, X(tt, lt, void 0), tt)();
+}, B(tt, ht, void 0), tt)();
+const Pt = ':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 nt, it;
-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;
+let pt, St, vt;
+function M(r, t, e) {
+  return (t = Ct(t)) in r ? Object.defineProperty(r, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : r[t] = e, r;
 }
 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 S(i, c, u) {
+    return function(s, a) {
+      return u && u(s), i[c].call(s, a);
     };
   }
-  function I(i, c) {
-    for (var l = 0; l < i.length; l++) i[l].call(c);
+  function T(i, c) {
+    for (var u = 0; u < i.length; u++) i[u].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"));
+  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 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");
+  function $(i, c, u, s, a, W, L, R, D, y, m, d, p) {
+    function w(l) {
+      if (!p(l)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var h, x = c[0], E = c[3], j = !$;
+    var h, x = c[0], k = c[3], j = !R;
     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));
+      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));
     }
-    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) };
+    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 = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][a], name: s, metadata: W, addInitializer: (function(l, _) {
+        if (l.v) throw Error("attempted to call addInitializer after decoration was finished");
+        b(_, "An initializer", "be", !0), L.push(_);
+      }).bind(null, K) };
       try {
-        if (j) (h = y(M.call(H, f, L), "class decorators", "return")) && (f = h);
+        if (j) (h = b(H.call(q, f, O), "class decorators", "return")) && (f = h);
         else {
-          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 I, z;
+          O.static = D, O.private = y, y ? a === 2 ? I = function(l) {
+            return w(l), o.value;
+          } : (a < 4 && (I = S(o, "get", w)), a !== 3 && (z = S(o, "set", w))) : (I = function(l) {
+            return l[s];
+          }, (a < 2 || a === 4) && (z = function(l, _) {
+            l[s] = _;
           }));
-          var K = L.access = { has: b ? d.bind() : function(u) {
-            return a in u;
+          var Q = O.access = { has: y ? p.bind() : function(l) {
+            return s in l;
           } };
-          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);
+          if (I && (Q.get = I), z && (Q.set = z), f = H.call(q, d ? { get: o.get, set: o.set } : o[v], O), 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);
             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, (v ? "field" : "method") + " decorators", "return") && (v ? R.push(f) : s[m] = f);
+          } else b(f, (m ? "field" : "method") + " decorators", "return") && (m ? E.push(f) : o[v] = f);
         }
       } finally {
-        q.v = !0;
+        K.v = !0;
       }
     }
-    return (v || p) && $.push(function(u, S) {
-      for (var U = R.length - 1; U >= 0; U--) S = R[U].call(u, S);
-      return S;
-    }), v || j || (b ? p ? $.push(_(s, "get"), _(s, "set")) : $.push(o === 2 ? s[m] : _.call.bind(s[m])) : Object.defineProperty(i, a, s)), f;
+    return (m || d) && R.push(function(l, _) {
+      for (var V = E.length - 1; V >= 0; V--) _ = E[V].call(l, _);
+      return _;
+    }), m || j || (y ? d ? R.push(S(o, "get"), S(o, "set")) : R.push(a === 2 ? o[v] : S.call.bind(o[v])) : Object.defineProperty(i, s, o)), f;
   }
-  function z(i, c) {
+  function P(i, c) {
     return Object.defineProperty(i, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
-  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;
+  if (arguments.length >= 6) var U = C[Symbol.metadata || Symbol.for("Symbol.metadata")];
+  var A = Object.create(U ?? null), G = function(i, c, u, s) {
+    var a, W, L = [], R = function(v) {
+      return zt(v) === i;
     }, D = /* @__PURE__ */ new Map();
-    function b(m) {
-      m && W.push(I.bind(null, m));
+    function y(v) {
+      v && L.push(T.bind(null, v));
     }
-    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;
+    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), j = (p &= 7) == 0, o = w + "/" + k;
         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);
+          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);
         }
-        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);
+        $(k ? i : i.prototype, d, x, h ? "#" + w : Ct(w), p, s, k ? W = W || [] : a = a || [], L, k, h, j, p === 1, k && h ? R : u);
       }
     }
-    return b(o), b(A), W;
-  }(r, t, g, T);
-  return e.length || z(r, T), { e: B, get c() {
+    return y(a), y(W), L;
+  }(r, t, g, A);
+  return e.length || P(r, A), { e: G, get c() {
     var i = [];
-    return e.length && [z(O(r, [e], n, r.name, 5, T, i), T), I.bind(null, i, r)];
+    return e.length && [P($(r, [e], n, r.name, 5, A, i), A), T.bind(null, i, r)];
   } };
 }
-function _t(r) {
+function Ct(r) {
   var t = Nt(r, "string");
   return typeof t == "symbol" ? t : t + "";
 }
@@ -498,34 +499,62 @@ function mt(r, t, e) {
   }
   return r;
 }
-function Pt(r) {
+function zt(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 zt(r) {
+function Ut(r) {
   return r;
 }
-const vt = F("WsxLink");
-St = [st({
+const gt = F("WsxLink");
+St = [ot({
   tagName: "wsx-link"
 })];
-let gt;
-new (dt = (it = class extends at {
-  constructor(...t) {
-    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) {
-        vt.warn("No 'to' attribute specified");
+let bt;
+new (vt = (it = class extends st {
+  constructor() {
+    super(), M(this, "_autoStyles", Pt), M(this, "to", void 0), M(this, "replace", void 0), M(this, "activeClass", void 0), M(this, "exact", void 0), M(this, "handleClick", ($) => {
+      if ($.preventDefault(), !this.to) {
+        gt.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")), 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")));
+      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}`);
+    }), M(this, "updateActiveState", () => {
+      var A;
+      const $ = window.location.pathname, P = this.exact ? $ === this.to : $.startsWith(this.to) && this.to !== "/", U = (A = this.shadowRoot) == null ? void 0 : A.querySelector("a");
+      U && (P ? (U.classList.add(this.activeClass), this.setAttribute("active", "")) : (U.classList.remove(this.activeClass), this.removeAttribute("active")));
+    });
+    const [t, e] = this.useState("to", "");
+    Object.defineProperty(this, "to", {
+      get: t,
+      set: e,
+      enumerable: !0,
+      configurable: !0
+    });
+    const [n, g] = this.useState("replace", !1);
+    Object.defineProperty(this, "replace", {
+      get: n,
+      set: g,
+      enumerable: !0,
+      configurable: !0
+    });
+    const [C, S] = this.useState("activeClass", "active");
+    Object.defineProperty(this, "activeClass", {
+      get: C,
+      set: S,
+      enumerable: !0,
+      configurable: !0
+    });
+    const [T, b] = this.useState("exact", !1);
+    Object.defineProperty(this, "exact", {
+      get: T,
+      set: b,
+      enumerable: !0,
+      configurable: !0
     });
   }
   render() {
@@ -542,7 +571,7 @@ new (dt = (it = class extends at {
   onAttributeChanged(t, e, n) {
     switch (t) {
       case "to":
-        this.to = n || "", this.rerender(), this.updateActiveState();
+        this.to = n || "", this.updateActiveState();
         break;
       case "replace":
         this.replace = n !== null && n !== "false";
@@ -567,18 +596,18 @@ new (dt = (it = class extends at {
       cancelable: !0
     }));
   }
-}, [gt, pt] = Dt(it, [], St, 0, void 0, at).c, it), nt = class extends zt {
+}, [bt, pt] = Dt(it, [], St, 0, void 0, st).c, it), nt = class extends Ut {
   constructor() {
-    super(gt), J(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), pt();
+    super(bt), M(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), pt();
   }
-}, J(nt, dt, void 0), nt)();
-const Ut = F("RouterUtils");
-class qt {
+}, M(nt, vt, void 0), nt)();
+const Vt = F("RouterUtils");
+class Kt {
   /**
    * 编程式导航
    */
   static navigate(t, e = !1) {
-    e ? window.history.replaceState(null, "", t) : window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate")), Ut.debug(`Navigated to: ${t} (replace: ${e})`);
+    e ? window.history.replaceState(null, "", t) : window.history.pushState(null, "", t), window.dispatchEvent(new PopStateEvent("popstate")), Vt.debug(`Navigated to: ${t} (replace: ${e})`);
   }
   /**
    * 获取当前路由信息
@@ -612,14 +641,14 @@ class qt {
         exact: !1
       };
     if (t.includes(":")) {
-      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 y = {};
-        return g.forEach((O, z) => {
-          y[O] = I[z + 1];
+      const g = ((n = t.match(/:([^/]+)/g)) == null ? void 0 : n.map((b) => b.slice(1))) || [], C = t.replace(/:[^/]+/g, "([^/]+)"), S = new RegExp(`^${C}$`), T = e.match(S);
+      if (T && g.length > 0) {
+        const b = {};
+        return g.forEach(($, P) => {
+          b[$] = T[P + 1];
         }), {
           route: t,
-          params: y,
+          params: b,
           exact: !0
         };
       }
@@ -738,8 +767,8 @@ class qt {
   }
 }
 export {
-  qt as RouterUtils,
-  gt as WsxLink,
+  Kt as RouterUtils,
+  bt as WsxLink,
   At as WsxRouter,
-  ft as WsxView
+  dt as WsxView
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsxjs/wsx-router",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "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.14"
+    "@wsxjs/wsx-core": "0.0.16"
   },
   "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/wsx-vite-plugin": "0.0.14",
-    "@wsxjs/eslint-plugin-wsx": "0.0.14"
+    "@wsxjs/eslint-plugin-wsx": "0.0.16",
+    "@wsxjs/wsx-vite-plugin": "0.0.16"
   },
   "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":

package/src/types/wsx.d.ts

@@ -0,0 +1,6 @@
+// Type declaration for .wsx files
+declare module "*.wsx" {
+    import { WebComponent, LightComponent } from "@wsxjs/wsx-core";
+    const component: new (...args: unknown[]) => WebComponent | LightComponent;
+    export default component;
+}