@wsxjs/wsx-router 0.0.21 → 0.0.22

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@wsxjs/wsx-core");var _e=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Se(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var ge={exports:{}};(function(n){(function(e,t){n.exports?n.exports=t():e.log=t()})(_e,function(){var e=function(){},t="undefined",r=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),g=["trace","debug","info","warn","error"],v={},f=null;function _(o,c){var i=o[c];if(typeof i.bind=="function")return i.bind(o);try{return Function.prototype.bind.call(i,o)}catch{return function(){return Function.prototype.apply.apply(i,[o,arguments])}}}function y(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function T(o){return o==="debug"&&(o="log"),typeof console===t?!1:o==="trace"&&r?y:console[o]!==void 0?_(console,o):console.log!==void 0?_(console,"log"):e}function j(){for(var o=this.getLevel(),c=0;c<g.length;c++){var i=g[c];this[i]=c<o?e:this.methodFactory(i,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function V(o){return function(){typeof console!==t&&(j.call(this),this[o].apply(this,arguments))}}function P(o,c,i){return T(o)||V.apply(this,arguments)}function B(o,c){var i=this,u,A,k,R="loglevel";typeof o=="string"?R+=":"+o:typeof o=="symbol"&&(R=void 0);function D(h){var l=(g[h]||"silent").toUpperCase();if(!(typeof window===t||!R)){try{window.localStorage[R]=l;return}catch{}try{window.document.cookie=encodeURIComponent(R)+"="+l+";"}catch{}}}function E(){var h;if(!(typeof window===t||!R)){try{h=window.localStorage[R]}catch{}if(typeof h===t)try{var l=window.document.cookie,x=encodeURIComponent(R),C=l.indexOf(x+"=");C!==-1&&(h=/^([^;]+)/.exec(l.slice(C+x.length+1))[1])}catch{}return i.levels[h]===void 0&&(h=void 0),h}}function L(){if(!(typeof window===t||!R)){try{window.localStorage.removeItem(R)}catch{}try{window.document.cookie=encodeURIComponent(R)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch{}}}function p(h){var l=h;if(typeof l=="string"&&i.levels[l.toUpperCase()]!==void 0&&(l=i.levels[l.toUpperCase()]),typeof l=="number"&&l>=0&&l<=i.levels.SILENT)return l;throw new TypeError("log.setLevel() called with invalid level: "+h)}i.name=o,i.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},i.methodFactory=c||P,i.getLevel=function(){return k??A??u},i.setLevel=function(h,l){return k=p(h),l!==!1&&D(k),j.call(i)},i.setDefaultLevel=function(h){A=p(h),E()||i.setLevel(h,!1)},i.resetLevel=function(){k=null,L(),j.call(i)},i.enableAll=function(h){i.setLevel(i.levels.TRACE,h)},i.disableAll=function(h){i.setLevel(i.levels.SILENT,h)},i.rebuild=function(){if(f!==i&&(u=p(f.getLevel())),j.call(i),f===i)for(var h in v)v[h].rebuild()},u=p(f?f.getLevel():"WARN");var m=E();m!=null&&(k=p(m)),j.call(i)}f=new B,f.getLogger=function(c){if(typeof c!="symbol"&&typeof c!="string"||c==="")throw new TypeError("You must supply a name when creating a logger.");var i=v[c];return i||(i=v[c]=new B(c,f.methodFactory)),i};var s=typeof window!==t?window.log:void 0;return f.noConflict=function(){return typeof window!==t&&window.log===f&&(window.log=s),f},f.getLoggers=function(){return v},f.default=f,f})})(ge);var Ie=ge.exports;const ke=Se(Ie),pe={trace:"trace",debug:"debug",info:"info",warn:"warn",error:"error",silent:"silent"},We={0:"trace",1:"debug",2:"info",3:"warn",4:"error",5:"silent"};function se(){var n,e;if(typeof process<"u")return process.env.NODE_ENV==="production"||process.env.MODE==="production";try{const t=globalThis;if((e=(n=t.import)==null?void 0:n.meta)!=null&&e.env){const r=t.import.meta.env;return r.MODE==="production"||r.PROD===!0}}catch{}return!1}const te={name:"WSX",level:se()?"info":"debug",pretty:!se()};function Ae(n={}){const{name:e,level:t}={...te,...n},r=e||te.name,g=ke.getLogger(r),v=t||te.level;return g.setLevel(pe[v]),g}function Y(n,e){return n?`[${n}] ${e}`:e}class ve{constructor(e={}){this.isProd=se(),this.name=e.name||te.name,this.currentLevel=e.level||te.level,this.logInstance=Ae(e)}debug(e,...t){if(!this.isProd||this.shouldLog("debug")){const r=Y(this.name,e);t.length>0?this.logInstance.debug(r,...t):this.logInstance.debug(r)}}info(e,...t){if(this.shouldLog("info")){const r=Y(this.name,e);t.length>0?this.logInstance.info(r,...t):this.logInstance.info(r)}}warn(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.warn(r,...t):this.logInstance.warn(r)}error(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.error(r,...t):this.logInstance.error(r)}fatal(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.error(`[FATAL] ${r}`,...t):this.logInstance.error(`[FATAL] ${r}`)}trace(e,...t){if(!this.isProd||this.shouldLog("trace")){const r=Y(this.name,e);t.length>0?this.logInstance.trace(r,...t):this.logInstance.trace(r)}}shouldLog(e){const t=["trace","debug","info","warn","error","silent"],r=t.indexOf(this.currentLevel);return t.indexOf(e)>=r}getLoglevelLogger(){return this.logInstance}setLevel(e){this.currentLevel=e,this.logInstance.setLevel(pe[e])}getLevel(){const e=this.logInstance.getLevel();return We[e]||this.currentLevel}}new ve;function re(n,e={}){return new ve({...e,name:e.name||`WSX:${n}`})}const Te=re("RouterUtils"),Z=class Z{static _setCurrentRoute(e){Z._currentRoute=e}static navigate(e,t=!1){t?window.history.replaceState(null,"",e):window.history.pushState(null,"",e),window.dispatchEvent(new PopStateEvent("popstate")),Te.debug(`Navigated to: ${e} (replace: ${t})`)}static getCurrentRoute(){if(Z._currentRoute)return Z._currentRoute;const e=new URL(window.location.href);return{path:e.pathname,params:{},query:Object.fromEntries(e.searchParams.entries()),hash:e.hash.slice(1)}}static parseRoute(e,t){var r;if(e===t)return{route:e,params:{},exact:!0};if(e==="*")return{route:e,params:{},exact:!1};if(e.includes(":")){const g=((r=e.match(/:([^/]+)/g))==null?void 0:r.map(y=>y.slice(1)))||[],v=e.replace(/:[^/]+/g,"([^/]+)"),f=new RegExp(`^${v}$`),_=t.match(f);if(_&&g.length>0){const y={};return g.forEach((T,j)=>{y[T]=_[j+1]}),{route:e,params:y,exact:!0}}}if(e.endsWith("/*")){const g=e.slice(0,-2);if(t.startsWith(g))return{route:e,params:{},exact:!1}}return null}static buildPath(e,t={}){let r=e;return Object.entries(t).forEach(([g,v])=>{r=r.replace(`:${g}`,encodeURIComponent(v))}),r}static isRouteActive(e,t=!1){const r=window.location.pathname;return t?r===e:e==="/"?r==="/":r.startsWith(e)}static getRouteDepth(e){return e.split("/").filter(t=>t.length>0).length}static getParentRoute(e){const t=e.split("/").filter(r=>r.length>0);return t.length<=1?"/":(t.pop(),"/"+t.join("/"))}static joinPaths(...e){return e.map(t=>t.replace(/^\/+|\/+$/g,"")).filter(t=>t.length>0).join("/").replace(/^/,"/")}static isExternalUrl(e){return/^https?:\/\//.test(e)||/^mailto:/.test(e)||/^tel:/.test(e)}static getQueryParam(e){return new URL(window.location.href).searchParams.get(e)}static setQueryParam(e,t,r=!1){const g=new URL(window.location.href);g.searchParams.set(e,t);const v=g.pathname+g.search+g.hash;this.navigate(v,r)}static removeQueryParam(e,t=!1){const r=new URL(window.location.href);r.searchParams.delete(e);const g=r.pathname+r.search+r.hash;this.navigate(g,t)}static goBack(){window.history.back()}static goForward(){window.history.forward()}static replace(e){this.navigate(e,!0)}static getHistoryLength(){return window.history.length}static onRouteChange(e){const t=()=>{const r=this.getCurrentRoute();e(r)};return document.addEventListener("route-changed",t),()=>{document.removeEventListener("route-changed",t)}}};Z._currentRoute=null;let ne=Z;const ae=":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";var me;let be,ye;function q(n,e,t){return(e=we(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function je(n,e,t,r,g,v){function f(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,D,E,L,p,m){function h(d){if(!m(d))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],C=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";E?(L||p?a={get:ce(function(){return C(this)},i,"get"),set:function(d){o[4](this,d)}}:a[w]=C,L||ce(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(d,I){if(d.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=D,O.private=E,E?u===2?M=function(d){return h(d),a.value}:(u<4&&(M=f(a,"get",h)),u!==3&&(z=f(a,"set",h))):(M=function(d){return d[i]},(u<2||u===4)&&(z=function(d,I){d[i]=I}));var Q=O.access={has:E?m.bind():function(d){return i in d}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(d,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(d,I);return I}),L||W||(E?p?R.push(f(a,"get"),f(a,"set")):R.push(u===2?a[w]:f.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var P=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return Me(w)===s},D=new Map;function E(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,C=!!(8&m),W=(m&=7)==0,a=h+"/"+C;if(!W&&!l){var S=D.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);D.set(a,!(m>2)||m)}T(C?s:s.prototype,p,x,l?"#"+h:we(h),m,i,C?A=A||[]:u=u||[],k,C,l,W,m===1,C&&l?R:c)}}return E(u),E(A),k}(n,e,g,P);return t.length||j(n,P),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,P,s),P),_.bind(null,s,n)]}}}function we(n){var e=Oe(n,"string");return typeof e=="symbol"?e:e+""}function Oe(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}function ce(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function Me(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}const $=re("WsxRouter");ye=[N.autoRegister({tagName:"wsx-router"})];exports.WsxRouter=void 0;class Pe extends N.LightComponent{constructor(){super({styles:ae,styleName:"wsx-router"}),q(this,"_autoStyles",ae),q(this,"views",new Map),q(this,"currentView",null),q(this,"currentPath",""),q(this,"isHandlingRoute",!1),q(this,"compiledRoutes",new Map),q(this,"matchCache",new Map),q(this,"enableViewTransitions",!0),q(this,"scrollRestoration","manual"),q(this,"handleRouteChange",()=>{if(this.isHandlingRoute){$.debug("Route change already in progress, skipping");return}this.views.size===0&&(this.collectViews(),$.debug(`WsxRouter re-collected views: ${this.views.size}`)),this.isHandlingRoute=!0;try{const e=window.location.pathname;$.debug(`WsxRouter: Route changed to: ${e}`);const t=new CustomEvent("before-navigate",{detail:{to:e,from:this.currentPath},bubbles:!0,cancelable:!0});if(!this.dispatchEvent(t)){$.debug(`Navigation to ${e} was cancelled`);return}this.performNavigation(e)}finally{requestAnimationFrame(()=>{this.isHandlingRoute=!1})}}),q(this,"interceptLinks",e=>{const t=e.target.closest("a");if(!t)return;const r=t.getAttribute("href");!r||r.startsWith("http")||r.startsWith("#")||(e.preventDefault(),this.navigate(r))})}render(){return N.jsx("div",{class:"router-outlet"})}onRendered(){this.views.size===0&&(this.collectViews(),$.debug("WsxRouter collected views in onRendered:",this.views.size)),this.views.size>0&&!this.currentView&&requestAnimationFrame(()=>{this.handleRouteChange()})}onConnected(){$.debug("WsxRouter connected to DOM"),"scrollRestoration"in history&&(history.scrollRestoration=this.scrollRestoration),window.addEventListener("popstate",this.handleRouteChange),this.addEventListener("click",this.interceptLinks),requestAnimationFrame(()=>{this.views.size===0&&(this.collectViews(),$.debug(`WsxRouter collected views in onConnected: ${this.views.size}`)),requestAnimationFrame(()=>{$.debug(`WsxRouter handling initial route: ${window.location.pathname}`),this.handleRouteChange()})})}onDisconnected(){window.removeEventListener("popstate",this.handleRouteChange)}collectViews(){const e=Array.from(this.children).filter(t=>t.tagName.toLowerCase()==="wsx-view");$.debug(`WsxRouter found ${e.length} views`),this.views.clear(),this.compiledRoutes.clear(),this.matchCache.clear(),e.forEach(t=>{const r=t.getAttribute("route")||"/";if(this.views.set(r,t),$.debug(`WsxRouter registered route: ${r}`),r.includes(":")){const g=r.replace(/:[^/]+/g,"([^/]+)"),v=new RegExp(`^${g}$`);this.compiledRoutes.set(r,v),$.debug(`WsxRouter compiled regex for route: ${r} -> ${v}`)}t.style.display="none"})}performNavigation(e){const t=()=>{const r=this.matchRoute(e);if(r){r.style.display="block",r.style.visibility="visible";const g=r.getAttribute("route")||"/";$.debug(`Showing view for route: ${g}`);for(const[j,V]of this.views)V!==r&&(V.style.display="none",V.style.visibility="");this.currentView=r;const v=this.extractParams(g,e);$.debug(`Extracted params for route ${g} and path ${e}:`,v),v&&requestAnimationFrame(()=>{r.setAttribute("params",JSON.stringify(v)),$.debug(`Set params attribute on view: ${JSON.stringify(v)}`)});const f=window.location.href||`${window.location.pathname}${window.location.search}${window.location.hash}`,_=new URL(f,window.location.origin||"http://localhost"),y={path:e,params:v||{},query:Object.fromEntries(_.searchParams.entries()),hash:_.hash.slice(1)};ne._setCurrentRoute(y),$.debug("Updated RouterUtils._currentRoute:",y);const T=new CustomEvent("route-changed",{detail:y,bubbles:!0});document.dispatchEvent(T)}else{for(const[y,T]of this.views)T.style.display="none";this.currentView=null,$.warn(`No view found for path: ${e}`);const g=window.location.href||`${window.location.pathname}${window.location.search}${window.location.hash}`,v=new URL(g,window.location.origin||"http://localhost"),f={path:e,params:{},query:Object.fromEntries(v.searchParams.entries()),hash:v.hash.slice(1)};ne._setCurrentRoute(f);const _=new CustomEvent("route-changed",{detail:f,bubbles:!0});document.dispatchEvent(_)}this.handleScrollRestoration(e),this.dispatchEvent(new CustomEvent("after-navigate",{detail:{to:e,from:this.currentPath},bubbles:!0})),this.currentPath=e};this.enableViewTransitions&&"startViewTransition"in document?document.startViewTransition(t):t()}handleScrollRestoration(e){this.scrollRestoration==="manual"&&(this.isBackNavigation()||(window.scrollTo(0,0),$.debug("Scrolled to top for forward navigation")))}isBackNavigation(){var e;return"navigation"in performance&&performance.navigation?performance.navigation.type===2:((e=window.history.state)==null?void 0:e.navigationType)==="back"}matchRoute(e){if($.warn(`matchRoute called for path: ${e}, views count: ${this.views.size}`),this.matchCache.has(e)){const r=this.matchCache.get(e);return $.warn(`matchRoute: found in cache, route: ${r}`),this.views.get(r)||null}if(this.views.has(e))return this.matchCache.set(e,e),$.warn(`matchRoute: exact match found for ${e}`),this.views.get(e);$.warn(`matchRoute: checking parameter routes, compiledRoutes count: ${this.compiledRoutes.size}`);for(const[r,g]of this.views)if(r.includes(":")){const v=this.compiledRoutes.get(r);if(v){const f=v.test(e);if($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${f}`),f)return this.matchCache.set(e,r),$.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`),g}else $.warn(`matchRoute: route ${r} has ':' but no compiled regex found`)}const t=this.views.get("*")||null;return t?(this.matchCache.set(e,"*"),$.warn(`matchRoute: wildcard match found for ${e}`)):$.warn(`matchRoute: no match found for ${e}, no wildcard view available`),t}extractParams(e,t){var y;if(!e.includes(":"))return null;const r=((y=e.match(/:([^/]+)/g))==null?void 0:y.map(T=>T.slice(1)))||[],g=e.replace(/:[^/]+/g,"([^/]+)"),v=new RegExp(`^${g}$`),f=t.match(v);if(!f||!r.length)return null;const _={};return r.forEach((T,j)=>{_[T]=f[j+1]}),_}clearMatchCache(){this.matchCache.clear(),$.debug("WsxRouter cleared match cache")}setViewTransitions(e){this.enableViewTransitions=e,$.debug(`View Transitions ${e?"enabled":"disabled"}`)}setScrollRestoration(e){this.scrollRestoration=e,"scrollRestoration"in history&&(history.scrollRestoration=e),$.debug(`Scroll Restoration set to ${e}`)}navigate(e){window.history.pushState(null,"",e),this.handleRouteChange()}}me=Pe;[exports.WsxRouter,be]=je(me,[],ye,0,void 0,N.LightComponent).c;be();const De=":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 Le;let Re,xe;function ee(n,e,t){return(e=Ee(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function Ve(n,e,t,r,g,v){function f(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,D,E,L,p,m){function h(d){if(!m(d))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],C=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";E?(L||p?a={get:le(function(){return C(this)},i,"get"),set:function(d){o[4](this,d)}}:a[w]=C,L||le(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(d,I){if(d.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=D,O.private=E,E?u===2?M=function(d){return h(d),a.value}:(u<4&&(M=f(a,"get",h)),u!==3&&(z=f(a,"set",h))):(M=function(d){return d[i]},(u<2||u===4)&&(z=function(d,I){d[i]=I}));var Q=O.access={has:E?m.bind():function(d){return i in d}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(d,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(d,I);return I}),L||W||(E?p?R.push(f(a,"get"),f(a,"set")):R.push(u===2?a[w]:f.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var P=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return ze(w)===s},D=new Map;function E(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,C=!!(8&m),W=(m&=7)==0,a=h+"/"+C;if(!W&&!l){var S=D.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);D.set(a,!(m>2)||m)}T(C?s:s.prototype,p,x,l?"#"+h:Ee(h),m,i,C?A=A||[]:u=u||[],k,C,l,W,m===1,C&&l?R:c)}}return E(u),E(A),k}(n,e,g,P);return t.length||j(n,P),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,P,s),P),_.bind(null,s,n)]}}}function Ee(n){var e=Ue(n,"string");return typeof e=="symbol"?e:e+""}function Ue(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}function le(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function ze(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}const H=re("WsxView");xe=[N.autoRegister({tagName:"wsx-view"})];exports.WsxView=void 0;class Ne extends N.LightComponent{constructor(){super(),ee(this,"_autoStyles",De),ee(this,"_component",""),ee(this,"params",void 0),ee(this,"componentInstance",null),ee(this,"isLoading",!1);let e=this.reactive({});Object.defineProperty(this,"params",{get:()=>e,set:t=>{e=t!==null&&typeof t<"u"&&(Array.isArray(t)||typeof t=="object")?this.reactive(t):t,this.scheduleRerender()},enumerable:!0,configurable:!0})}get component(){return this._component}set component(e){this._component=e||"",this._component&&requestAnimationFrame(()=>{this.connected&&!this.componentInstance&&!this.isLoading&&this.loadComponent(this._component||"")})}render(){return N.jsx("div",{class:"route-view"})}onConnected(){requestAnimationFrame(()=>{!this.connected||this.isLoading||this.componentInstance||this.component&&this.loadComponent(this.component)})}async loadComponent(e){if(!(!this.connected||this.isLoading||this.componentInstance)){this.isLoading=!0;try{const t=this.componentInstance;if(t&&(t.remove(),this.componentInstance=null),!customElements.get(e)){H.warn(`Component ${e} not found in customElements registry`),this.isLoading=!1;return}H.warn(`WsxView: Creating instance of ${e}`),this.componentInstance=document.createElement(e),Object.keys(this.params).length>0&&(H.warn(`WsxView: Setting initial params on ${e}:`,this.params),Object.entries(this.params).forEach(([v,f])=>{this.componentInstance.setAttribute(v,f)}));const g=this.querySelector(".route-view");if(g){if(H.warn(`WsxView: Appending ${e} to container`),!customElements.get(e)){H.error(`WsxView: Component ${e} is not registered in customElements registry!`),this.isLoading=!1,this.componentInstance=null;return}g.appendChild(this.componentInstance),H.warn(`WsxView: Component ${e} appended successfully, waiting for connectedCallback...`),setTimeout(()=>{this.componentInstance&&this.componentInstance.isConnected?H.warn(`WsxView: Component ${e} is now connected to DOM`):H.error(`WsxView: Component ${e} was not connected to DOM!`)},0)}else H.error("WsxView: Route view container not found"),this.componentInstance=null}catch(t){H.warn(`Error loading component ${e}:`,t),this.componentInstance=null}finally{this.isLoading=!1,H.warn(`WsxView: loadComponent for ${e} completed, isLoading=${this.isLoading}`)}}}onDisconnected(){this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null)}}Le=Ne;[exports.WsxView,Re]=Ve(Le,[],xe,0,void 0,N.LightComponent).c;Re();const Fe=':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, var(--focus-color, #dc2626));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 ie,oe;let ue,Ce,he;function X(n,e,t){return(e=$e(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function qe(n,e,t,r,g,v){function f(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,D,E,L,p,m){function h(d){if(!m(d))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],C=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";E?(L||p?a={get:fe(function(){return C(this)},i,"get"),set:function(d){o[4](this,d)}}:a[w]=C,L||fe(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(d,I){if(d.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=D,O.private=E,E?u===2?M=function(d){return h(d),a.value}:(u<4&&(M=f(a,"get",h)),u!==3&&(z=f(a,"set",h))):(M=function(d){return d[i]},(u<2||u===4)&&(z=function(d,I){d[i]=I}));var Q=O.access={has:E?m.bind():function(d){return i in d}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(d,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(d,I);return I}),L||W||(E?p?R.push(f(a,"get"),f(a,"set")):R.push(u===2?a[w]:f.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var P=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return Be(w)===s},D=new Map;function E(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,C=!!(8&m),W=(m&=7)==0,a=h+"/"+C;if(!W&&!l){var S=D.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);D.set(a,!(m>2)||m)}T(C?s:s.prototype,p,x,l?"#"+h:$e(h),m,i,C?A=A||[]:u=u||[],k,C,l,W,m===1,C&&l?R:c)}}return E(u),E(A),k}(n,e,g,P);return t.length||j(n,P),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,P,s),P),_.bind(null,s,n)]}}}function $e(n){var e=He(n,"string");return typeof e=="symbol"?e:e+""}function He(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(n)}function fe(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function Be(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}function Ge(n){return n}const de=re("WsxLink");Ce=[N.autoRegister({tagName:"wsx-link"})];exports.WsxLink=void 0;new(he=(oe=class extends N.WebComponent{constructor(){super(),X(this,"_autoStyles",Fe),X(this,"to",void 0),X(this,"activeClass",void 0),X(this,"handleClick",v=>{if(v.preventDefault(),!this.to){de.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")),de.debug(`Navigated to: ${this.to}`)}),X(this,"updateActiveState",()=>{var y;const v=window.location.pathname,f=this.exact?v===this.to:v.startsWith(this.to)&&this.to!=="/",_=(y=this.shadowRoot)==null?void 0:y.querySelector("a");_&&(f?(_.classList.add(this.activeClass),this.setAttribute("active","")):(_.classList.remove(this.activeClass),this.removeAttribute("active")))});const[e,t]=this.useState("to","");Object.defineProperty(this,"to",{get:e,set:t,enumerable:!0,configurable:!0});const[r,g]=this.useState("activeClass","active");Object.defineProperty(this,"activeClass",{get:r,set:g,enumerable:!0,configurable:!0})}get replace(){return this.hasAttribute("replace")}get exact(){return this.hasAttribute("exact")}render(){return N.jsx("a",{href:this.to,class:"wsx-link",onClick:this.handleClick,part:"link"},N.jsx("slot",null))}onConnected(){this.to=this.to||"",this.activeClass=this.activeClass||"active";const e=this.shadowRoot.querySelector(".wsx-link");e&&(e.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(e,t,r){switch(e){case"to":this.to=r||"",this.updateActiveState();break;case"replace":this.replace=r!==null&&r!=="false";break;case"active-class":this.activeClass=r||"active",this.updateActiveState();break;case"exact":this.exact=r!==null&&r!=="false",this.updateActiveState();break}}isExternalLink(e){return e.startsWith("http://")||e.startsWith("https://")||e.startsWith("mailto:")||e.startsWith("tel:")}navigate(){this.to&&this.handleClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))}},[exports.WsxLink,ue]=qe(oe,[],Ce,0,void 0,N.WebComponent).c,oe),ie=class extends Ge{constructor(){super(exports.WsxLink),X(this,"observedAttributes",["to","replace","active-class","exact"]),ue()}},X(ie,he,void 0),ie);exports.RouterUtils=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("@wsxjs/wsx-core");var _e=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Se(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var ge={exports:{}};(function(n){(function(e,t){n.exports?n.exports=t():e.log=t()})(_e,function(){var e=function(){},t="undefined",r=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),g=["trace","debug","info","warn","error"],v={},d=null;function _(o,c){var i=o[c];if(typeof i.bind=="function")return i.bind(o);try{return Function.prototype.bind.call(i,o)}catch{return function(){return Function.prototype.apply.apply(i,[o,arguments])}}}function y(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function T(o){return o==="debug"&&(o="log"),typeof console===t?!1:o==="trace"&&r?y:console[o]!==void 0?_(console,o):console.log!==void 0?_(console,"log"):e}function j(){for(var o=this.getLevel(),c=0;c<g.length;c++){var i=g[c];this[i]=c<o?e:this.methodFactory(i,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function V(o){return function(){typeof console!==t&&(j.call(this),this[o].apply(this,arguments))}}function D(o,c,i){return T(o)||V.apply(this,arguments)}function B(o,c){var i=this,u,A,k,R="loglevel";typeof o=="string"?R+=":"+o:typeof o=="symbol"&&(R=void 0);function P(h){var l=(g[h]||"silent").toUpperCase();if(!(typeof window===t||!R)){try{window.localStorage[R]=l;return}catch{}try{window.document.cookie=encodeURIComponent(R)+"="+l+";"}catch{}}}function C(){var h;if(!(typeof window===t||!R)){try{h=window.localStorage[R]}catch{}if(typeof h===t)try{var l=window.document.cookie,x=encodeURIComponent(R),E=l.indexOf(x+"=");E!==-1&&(h=/^([^;]+)/.exec(l.slice(E+x.length+1))[1])}catch{}return i.levels[h]===void 0&&(h=void 0),h}}function L(){if(!(typeof window===t||!R)){try{window.localStorage.removeItem(R)}catch{}try{window.document.cookie=encodeURIComponent(R)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch{}}}function p(h){var l=h;if(typeof l=="string"&&i.levels[l.toUpperCase()]!==void 0&&(l=i.levels[l.toUpperCase()]),typeof l=="number"&&l>=0&&l<=i.levels.SILENT)return l;throw new TypeError("log.setLevel() called with invalid level: "+h)}i.name=o,i.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},i.methodFactory=c||D,i.getLevel=function(){return k??A??u},i.setLevel=function(h,l){return k=p(h),l!==!1&&P(k),j.call(i)},i.setDefaultLevel=function(h){A=p(h),C()||i.setLevel(h,!1)},i.resetLevel=function(){k=null,L(),j.call(i)},i.enableAll=function(h){i.setLevel(i.levels.TRACE,h)},i.disableAll=function(h){i.setLevel(i.levels.SILENT,h)},i.rebuild=function(){if(d!==i&&(u=p(d.getLevel())),j.call(i),d===i)for(var h in v)v[h].rebuild()},u=p(d?d.getLevel():"WARN");var m=C();m!=null&&(k=p(m)),j.call(i)}d=new B,d.getLogger=function(c){if(typeof c!="symbol"&&typeof c!="string"||c==="")throw new TypeError("You must supply a name when creating a logger.");var i=v[c];return i||(i=v[c]=new B(c,d.methodFactory)),i};var s=typeof window!==t?window.log:void 0;return d.noConflict=function(){return typeof window!==t&&window.log===d&&(window.log=s),d},d.getLoggers=function(){return v},d.default=d,d})})(ge);var Ie=ge.exports;const ke=Se(Ie),pe={trace:"trace",debug:"debug",info:"info",warn:"warn",error:"error",silent:"silent"},We={0:"trace",1:"debug",2:"info",3:"warn",4:"error",5:"silent"};function se(){var n,e;if(typeof process<"u")return process.env.NODE_ENV==="production"||process.env.MODE==="production";try{const t=globalThis;if((e=(n=t.import)==null?void 0:n.meta)!=null&&e.env){const r=t.import.meta.env;return r.MODE==="production"||r.PROD===!0}}catch{}return!1}const te={name:"WSX",level:se()?"info":"debug",pretty:!se()};function Ae(n={}){const{name:e,level:t}={...te,...n},r=e||te.name,g=ke.getLogger(r),v=t||te.level;return g.setLevel(pe[v]),g}function Y(n,e){return n?`[${n}] ${e}`:e}class ve{constructor(e={}){this.isProd=se(),this.name=e.name||te.name,this.currentLevel=e.level||te.level,this.logInstance=Ae(e)}debug(e,...t){if(!this.isProd||this.shouldLog("debug")){const r=Y(this.name,e);t.length>0?this.logInstance.debug(r,...t):this.logInstance.debug(r)}}info(e,...t){if(this.shouldLog("info")){const r=Y(this.name,e);t.length>0?this.logInstance.info(r,...t):this.logInstance.info(r)}}warn(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.warn(r,...t):this.logInstance.warn(r)}error(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.error(r,...t):this.logInstance.error(r)}fatal(e,...t){const r=Y(this.name,e);t.length>0?this.logInstance.error(`[FATAL] ${r}`,...t):this.logInstance.error(`[FATAL] ${r}`)}trace(e,...t){if(!this.isProd||this.shouldLog("trace")){const r=Y(this.name,e);t.length>0?this.logInstance.trace(r,...t):this.logInstance.trace(r)}}shouldLog(e){const t=["trace","debug","info","warn","error","silent"],r=t.indexOf(this.currentLevel);return t.indexOf(e)>=r}getLoglevelLogger(){return this.logInstance}setLevel(e){this.currentLevel=e,this.logInstance.setLevel(pe[e])}getLevel(){const e=this.logInstance.getLevel();return We[e]||this.currentLevel}}new ve;function re(n,e={}){return new ve({...e,name:e.name||`WSX:${n}`})}const Te=re("RouterUtils"),Z=class Z{static _setCurrentRoute(e){Z._currentRoute=e}static navigate(e,t=!1){t?window.history.replaceState(null,"",e):window.history.pushState(null,"",e),window.dispatchEvent(new PopStateEvent("popstate")),Te.debug(`Navigated to: ${e} (replace: ${t})`)}static getCurrentRoute(){if(Z._currentRoute)return Z._currentRoute;const e=new URL(window.location.href);return{path:e.pathname,params:{},query:Object.fromEntries(e.searchParams.entries()),hash:e.hash.slice(1)}}static parseRoute(e,t){var r;if(e===t)return{route:e,params:{},exact:!0};if(e==="*")return{route:e,params:{},exact:!1};if(e.includes(":")){const g=((r=e.match(/:([^/]+)/g))==null?void 0:r.map(y=>y.slice(1)))||[],v=e.replace(/:[^/]+/g,"([^/]+)"),d=new RegExp(`^${v}$`),_=t.match(d);if(_&&g.length>0){const y={};return g.forEach((T,j)=>{y[T]=_[j+1]}),{route:e,params:y,exact:!0}}}if(e.endsWith("/*")){const g=e.slice(0,-2);if(t.startsWith(g))return{route:e,params:{},exact:!1}}return null}static buildPath(e,t={}){let r=e;return Object.entries(t).forEach(([g,v])=>{r=r.replace(`:${g}`,encodeURIComponent(v))}),r}static isRouteActive(e,t=!1){const r=window.location.pathname;return t?r===e:e==="/"?r==="/":r.startsWith(e)}static getRouteDepth(e){return e.split("/").filter(t=>t.length>0).length}static getParentRoute(e){const t=e.split("/").filter(r=>r.length>0);return t.length<=1?"/":(t.pop(),"/"+t.join("/"))}static joinPaths(...e){return e.map(t=>t.replace(/^\/+|\/+$/g,"")).filter(t=>t.length>0).join("/").replace(/^/,"/")}static isExternalUrl(e){return/^https?:\/\//.test(e)||/^mailto:/.test(e)||/^tel:/.test(e)}static getQueryParam(e){return new URL(window.location.href).searchParams.get(e)}static setQueryParam(e,t,r=!1){const g=new URL(window.location.href);g.searchParams.set(e,t);const v=g.pathname+g.search+g.hash;this.navigate(v,r)}static removeQueryParam(e,t=!1){const r=new URL(window.location.href);r.searchParams.delete(e);const g=r.pathname+r.search+r.hash;this.navigate(g,t)}static goBack(){window.history.back()}static goForward(){window.history.forward()}static replace(e){this.navigate(e,!0)}static getHistoryLength(){return window.history.length}static onRouteChange(e){const t=()=>{const r=this.getCurrentRoute();e(r)};return document.addEventListener("route-changed",t),()=>{document.removeEventListener("route-changed",t)}}};Z._currentRoute=null;let ne=Z;const ae=":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";var me;let be,ye;function q(n,e,t){return(e=we(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function je(n,e,t,r,g,v){function d(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,P,C,L,p,m){function h(f){if(!m(f))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],E=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";C?(L||p?a={get:ce(function(){return E(this)},i,"get"),set:function(f){o[4](this,f)}}:a[w]=E,L||ce(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(f,I){if(f.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=P,O.private=C,C?u===2?M=function(f){return h(f),a.value}:(u<4&&(M=d(a,"get",h)),u!==3&&(z=d(a,"set",h))):(M=function(f){return f[i]},(u<2||u===4)&&(z=function(f,I){f[i]=I}));var Q=O.access={has:C?m.bind():function(f){return i in f}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(f,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(f,I);return I}),L||W||(C?p?R.push(d(a,"get"),d(a,"set")):R.push(u===2?a[w]:d.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return Me(w)===s},P=new Map;function C(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,E=!!(8&m),W=(m&=7)==0,a=h+"/"+E;if(!W&&!l){var S=P.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);P.set(a,!(m>2)||m)}T(E?s:s.prototype,p,x,l?"#"+h:we(h),m,i,E?A=A||[]:u=u||[],k,E,l,W,m===1,E&&l?R:c)}}return C(u),C(A),k}(n,e,g,D);return t.length||j(n,D),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,D,s),D),_.bind(null,s,n)]}}}function we(n){var e=Oe(n,"string");return typeof e=="symbol"?e:e+""}function Oe(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}function ce(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function Me(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}const $=re("WsxRouter");ye=[N.autoRegister({tagName:"wsx-router"})];exports.WsxRouter=void 0;class De extends N.LightComponent{constructor(){super({styles:ae,styleName:"wsx-router"}),q(this,"_autoStyles",ae),q(this,"views",new Map),q(this,"currentView",null),q(this,"currentPath",""),q(this,"isHandlingRoute",!1),q(this,"compiledRoutes",new Map),q(this,"matchCache",new Map),q(this,"enableViewTransitions",!0),q(this,"scrollRestoration","manual"),q(this,"handleRouteChange",()=>{if(this.isHandlingRoute){$.debug("Route change already in progress, skipping");return}this.views.size===0&&(this.collectViews(),$.debug(`WsxRouter re-collected views: ${this.views.size}`)),this.isHandlingRoute=!0;try{const e=window.location.pathname;$.debug(`WsxRouter: Route changed to: ${e}`);const t=new CustomEvent("before-navigate",{detail:{to:e,from:this.currentPath},bubbles:!0,cancelable:!0});if(!this.dispatchEvent(t)){$.debug(`Navigation to ${e} was cancelled`);return}this.performNavigation(e)}finally{requestAnimationFrame(()=>{this.isHandlingRoute=!1})}}),q(this,"interceptLinks",e=>{const t=e.target.closest("a");if(!t)return;const r=t.getAttribute("href");!r||r.startsWith("http")||r.startsWith("#")||(e.preventDefault(),this.navigate(r))})}render(){return N.jsx("div",{class:"router-outlet"})}onRendered(){var e;(e=super.onRendered)==null||e.call(this),this.views.size===0&&(this.collectViews(),$.debug("WsxRouter collected views in onRendered:",this.views.size)),this.views.size>0&&!this.currentView&&requestAnimationFrame(()=>{this.handleRouteChange()})}onConnected(){var e;(e=super.onConnected)==null||e.call(this),$.debug("WsxRouter connected to DOM"),"scrollRestoration"in history&&(history.scrollRestoration=this.scrollRestoration),window.addEventListener("popstate",this.handleRouteChange),this.addEventListener("click",this.interceptLinks),requestAnimationFrame(()=>{this.views.size===0&&(this.collectViews(),$.debug(`WsxRouter collected views in onConnected: ${this.views.size}`)),requestAnimationFrame(()=>{$.debug(`WsxRouter handling initial route: ${window.location.pathname}`),this.handleRouteChange()})})}onDisconnected(){var e;(e=super.onDisconnected)==null||e.call(this),window.removeEventListener("popstate",this.handleRouteChange)}collectViews(){const e=Array.from(this.children).filter(t=>t.tagName.toLowerCase()==="wsx-view");$.debug(`WsxRouter found ${e.length} views`),this.views.clear(),this.compiledRoutes.clear(),this.matchCache.clear(),e.forEach(t=>{const r=t.getAttribute("route")||"/";if(this.views.set(r,t),$.debug(`WsxRouter registered route: ${r}`),r.includes(":")){const g=r.replace(/:[^/]+/g,"([^/]+)"),v=new RegExp(`^${g}$`);this.compiledRoutes.set(r,v),$.debug(`WsxRouter compiled regex for route: ${r} -> ${v}`)}t.style.display="none"})}performNavigation(e){const t=()=>{const r=this.matchRoute(e);if(r){r.style.display="block",r.style.visibility="visible";const g=r.getAttribute("route")||"/";$.debug(`Showing view for route: ${g}`);for(const[j,V]of this.views)V!==r&&(V.style.display="none",V.style.visibility="");this.currentView=r;const v=this.extractParams(g,e);$.debug(`Extracted params for route ${g} and path ${e}:`,v),v&&requestAnimationFrame(()=>{r.setAttribute("params",JSON.stringify(v)),$.debug(`Set params attribute on view: ${JSON.stringify(v)}`)});const d=window.location.href||`${window.location.pathname}${window.location.search}${window.location.hash}`,_=new URL(d,window.location.origin||"http://localhost"),y={path:e,params:v||{},query:Object.fromEntries(_.searchParams.entries()),hash:_.hash.slice(1)};ne._setCurrentRoute(y),$.debug("Updated RouterUtils._currentRoute:",y);const T=new CustomEvent("route-changed",{detail:y,bubbles:!0});document.dispatchEvent(T)}else{for(const[y,T]of this.views)T.style.display="none";this.currentView=null,$.warn(`No view found for path: ${e}`);const g=window.location.href||`${window.location.pathname}${window.location.search}${window.location.hash}`,v=new URL(g,window.location.origin||"http://localhost"),d={path:e,params:{},query:Object.fromEntries(v.searchParams.entries()),hash:v.hash.slice(1)};ne._setCurrentRoute(d);const _=new CustomEvent("route-changed",{detail:d,bubbles:!0});document.dispatchEvent(_)}this.handleScrollRestoration(e),this.dispatchEvent(new CustomEvent("after-navigate",{detail:{to:e,from:this.currentPath},bubbles:!0})),this.currentPath=e};this.enableViewTransitions&&"startViewTransition"in document?document.startViewTransition(t):t()}handleScrollRestoration(e){this.scrollRestoration==="manual"&&(this.isBackNavigation()||(window.scrollTo(0,0),$.debug("Scrolled to top for forward navigation")))}isBackNavigation(){var e;return"navigation"in performance&&performance.navigation?performance.navigation.type===2:((e=window.history.state)==null?void 0:e.navigationType)==="back"}matchRoute(e){if($.warn(`matchRoute called for path: ${e}, views count: ${this.views.size}`),this.matchCache.has(e)){const r=this.matchCache.get(e);return $.warn(`matchRoute: found in cache, route: ${r}`),this.views.get(r)||null}if(this.views.has(e))return this.matchCache.set(e,e),$.warn(`matchRoute: exact match found for ${e}`),this.views.get(e);$.warn(`matchRoute: checking parameter routes, compiledRoutes count: ${this.compiledRoutes.size}`);for(const[r,g]of this.views)if(r.includes(":")){const v=this.compiledRoutes.get(r);if(v){const d=v.test(e);if($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${d}`),d)return this.matchCache.set(e,r),$.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`),g}else $.warn(`matchRoute: route ${r} has ':' but no compiled regex found`)}const t=this.views.get("*")||null;return t?(this.matchCache.set(e,"*"),$.warn(`matchRoute: wildcard match found for ${e}`)):$.warn(`matchRoute: no match found for ${e}, no wildcard view available`),t}extractParams(e,t){var y;if(!e.includes(":"))return null;const r=((y=e.match(/:([^/]+)/g))==null?void 0:y.map(T=>T.slice(1)))||[],g=e.replace(/:[^/]+/g,"([^/]+)"),v=new RegExp(`^${g}$`),d=t.match(v);if(!d||!r.length)return null;const _={};return r.forEach((T,j)=>{_[T]=d[j+1]}),_}clearMatchCache(){this.matchCache.clear(),$.debug("WsxRouter cleared match cache")}setViewTransitions(e){this.enableViewTransitions=e,$.debug(`View Transitions ${e?"enabled":"disabled"}`)}setScrollRestoration(e){this.scrollRestoration=e,"scrollRestoration"in history&&(history.scrollRestoration=e),$.debug(`Scroll Restoration set to ${e}`)}navigate(e){window.history.pushState(null,"",e),this.handleRouteChange()}}me=De;[exports.WsxRouter,be]=je(me,[],ye,0,void 0,N.LightComponent).c;be();const Pe=":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 Le;let Re,xe;function ee(n,e,t){return(e=Ce(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function Ve(n,e,t,r,g,v){function d(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,P,C,L,p,m){function h(f){if(!m(f))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],E=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";C?(L||p?a={get:le(function(){return E(this)},i,"get"),set:function(f){o[4](this,f)}}:a[w]=E,L||le(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(f,I){if(f.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=P,O.private=C,C?u===2?M=function(f){return h(f),a.value}:(u<4&&(M=d(a,"get",h)),u!==3&&(z=d(a,"set",h))):(M=function(f){return f[i]},(u<2||u===4)&&(z=function(f,I){f[i]=I}));var Q=O.access={has:C?m.bind():function(f){return i in f}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(f,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(f,I);return I}),L||W||(C?p?R.push(d(a,"get"),d(a,"set")):R.push(u===2?a[w]:d.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return ze(w)===s},P=new Map;function C(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,E=!!(8&m),W=(m&=7)==0,a=h+"/"+E;if(!W&&!l){var S=P.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);P.set(a,!(m>2)||m)}T(E?s:s.prototype,p,x,l?"#"+h:Ce(h),m,i,E?A=A||[]:u=u||[],k,E,l,W,m===1,E&&l?R:c)}}return C(u),C(A),k}(n,e,g,D);return t.length||j(n,D),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,D,s),D),_.bind(null,s,n)]}}}function Ce(n){var e=Ue(n,"string");return typeof e=="symbol"?e:e+""}function Ue(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}function le(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function ze(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}const H=re("WsxView");xe=[N.autoRegister({tagName:"wsx-view"})];exports.WsxView=void 0;class Ne extends N.LightComponent{constructor(){super(),ee(this,"_autoStyles",Pe),ee(this,"_component",""),ee(this,"params",void 0),ee(this,"componentInstance",null),ee(this,"isLoading",!1);let e=this.reactive({});Object.defineProperty(this,"params",{get:()=>e,set:t=>{e=t!==null&&typeof t<"u"&&(Array.isArray(t)||typeof t=="object")?this.reactive(t):t,this.scheduleRerender()},enumerable:!0,configurable:!0})}get component(){return this._component}set component(e){this._component=e||"",this._component&&requestAnimationFrame(()=>{this.connected&&!this.componentInstance&&!this.isLoading&&this.loadComponent(this._component||"")})}render(){return N.jsx("div",{class:"route-view"})}onConnected(){var e;(e=super.onConnected)==null||e.call(this),requestAnimationFrame(()=>{!this.connected||this.isLoading||this.componentInstance||this.component&&this.loadComponent(this.component)})}async loadComponent(e){if(!(!this.connected||this.isLoading||this.componentInstance)){this.isLoading=!0;try{const t=this.componentInstance;if(t&&(t.remove(),this.componentInstance=null),!customElements.get(e)){H.warn(`Component ${e} not found in customElements registry`),this.isLoading=!1;return}H.warn(`WsxView: Creating instance of ${e}`),this.componentInstance=document.createElement(e),Object.keys(this.params).length>0&&(H.warn(`WsxView: Setting initial params on ${e}:`,this.params),Object.entries(this.params).forEach(([v,d])=>{this.componentInstance.setAttribute(v,d)}));const g=this.querySelector(".route-view");if(g){if(H.warn(`WsxView: Appending ${e} to container`),!customElements.get(e)){H.error(`WsxView: Component ${e} is not registered in customElements registry!`),this.isLoading=!1,this.componentInstance=null;return}g.appendChild(this.componentInstance),H.warn(`WsxView: Component ${e} appended successfully, waiting for connectedCallback...`),setTimeout(()=>{this.componentInstance&&this.componentInstance.isConnected?H.warn(`WsxView: Component ${e} is now connected to DOM`):H.error(`WsxView: Component ${e} was not connected to DOM!`)},0)}else H.error("WsxView: Route view container not found"),this.componentInstance=null}catch(t){H.warn(`Error loading component ${e}:`,t),this.componentInstance=null}finally{this.isLoading=!1,H.warn(`WsxView: loadComponent for ${e} completed, isLoading=${this.isLoading}`)}}}onDisconnected(){var e;(e=super.onDisconnected)==null||e.call(this),this.componentInstance&&(this.componentInstance.remove(),this.componentInstance=null)}}Le=Ne;[exports.WsxView,Re]=Ve(Le,[],xe,0,void 0,N.LightComponent).c;Re();const Fe=':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, var(--focus-color, #dc2626));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 ie,oe;let ue,Ee,he;function X(n,e,t){return(e=$e(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function qe(n,e,t,r,g,v){function d(s,o,c){return function(i,u){return c&&c(i),s[o].call(i,u)}}function _(s,o){for(var c=0;c<s.length;c++)s[c].call(o);return o}function y(s,o,c,i){if(typeof s!="function"&&(i||s!==void 0))throw new TypeError(o+" must "+(c||"be")+" a function"+(i?"":" or undefined"));return s}function T(s,o,c,i,u,A,k,R,P,C,L,p,m){function h(f){if(!m(f))throw new TypeError("Attempted to access private element on non-instance")}var l,x=o[0],E=o[3],W=!R;if(!W){c||Array.isArray(x)||(x=[x]);var a={},S=[],w=u===3?"get":u===4||p?"set":"value";C?(L||p?a={get:de(function(){return E(this)},i,"get"),set:function(f){o[4](this,f)}}:a[w]=E,L||de(a[w],i,u===2?"":w)):L||(a=Object.getOwnPropertyDescriptor(s,i))}for(var b=s,U=x.length-1;U>=0;U-=c?2:1){var G=x[U],K=c?x[U-1]:void 0,J={},O={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:A,addInitializer:(function(f,I){if(f.v)throw Error("attempted to call addInitializer after decoration was finished");y(I,"An initializer","be",!0),k.push(I)}).bind(null,J)};try{if(W)(l=y(G.call(K,b,O),"class decorators","return"))&&(b=l);else{var M,z;O.static=P,O.private=C,C?u===2?M=function(f){return h(f),a.value}:(u<4&&(M=d(a,"get",h)),u!==3&&(z=d(a,"set",h))):(M=function(f){return f[i]},(u<2||u===4)&&(z=function(f,I){f[i]=I}));var Q=O.access={has:C?m.bind():function(f){return i in f}};if(M&&(Q.get=M),z&&(Q.set=z),b=G.call(K,p?{get:a.get,set:a.set}:a[w],O),p){if(typeof b=="object"&&b)(l=y(b.get,"accessor.get"))&&(a.get=l),(l=y(b.set,"accessor.set"))&&(a.set=l),(l=y(b.init,"accessor.init"))&&S.push(l);else if(b!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else y(b,(L?"field":"method")+" decorators","return")&&(L?S.push(b):a[w]=b)}}finally{J.v=!0}}return(L||p)&&R.push(function(f,I){for(var F=S.length-1;F>=0;F--)I=S[F].call(f,I);return I}),L||W||(C?p?R.push(d(a,"get"),d(a,"set")):R.push(u===2?a[w]:d.call.bind(a[w])):Object.defineProperty(s,i,a)),b}function j(s,o){return Object.defineProperty(s,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:o})}if(arguments.length>=6)var V=v[Symbol.metadata||Symbol.for("Symbol.metadata")];var D=Object.create(V??null),B=function(s,o,c,i){var u,A,k=[],R=function(w){return Be(w)===s},P=new Map;function C(w){w&&k.push(_.bind(null,w))}for(var L=0;L<o.length;L++){var p=o[L];if(Array.isArray(p)){var m=p[1],h=p[2],l=p.length>3,x=16&m,E=!!(8&m),W=(m&=7)==0,a=h+"/"+E;if(!W&&!l){var S=P.get(a);if(S===!0||S===3&&m!==4||S===4&&m!==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: "+h);P.set(a,!(m>2)||m)}T(E?s:s.prototype,p,x,l?"#"+h:$e(h),m,i,E?A=A||[]:u=u||[],k,E,l,W,m===1,E&&l?R:c)}}return C(u),C(A),k}(n,e,g,D);return t.length||j(n,D),{e:B,get c(){var s=[];return t.length&&[j(T(n,[t],r,n.name,5,D,s),D),_.bind(null,s,n)]}}}function $e(n){var e=He(n,"string");return typeof e=="symbol"?e:e+""}function He(n,e){if(typeof n!="object"||!n)return n;var t=n[Symbol.toPrimitive];if(t!==void 0){var r=t.call(n,e);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(n)}function de(n,e,t){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(n,"name",{configurable:!0,value:t?t+" "+e:e})}catch{}return n}function Be(n){if(Object(n)!==n)throw TypeError("right-hand side of 'in' should be an object, got "+(n!==null?typeof n:"null"));return n}function Ge(n){return n}const fe=re("WsxLink");Ee=[N.autoRegister({tagName:"wsx-link"})];exports.WsxLink=void 0;new(he=(oe=class extends N.WebComponent{constructor(){super(),X(this,"_autoStyles",Fe),X(this,"to",void 0),X(this,"activeClass",void 0),X(this,"handleClick",v=>{if(v.preventDefault(),!this.to){fe.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")),fe.debug(`Navigated to: ${this.to}`)}),X(this,"updateActiveState",()=>{var y;const v=window.location.pathname,d=this.exact?v===this.to:v.startsWith(this.to)&&this.to!=="/",_=(y=this.shadowRoot)==null?void 0:y.querySelector("a");_&&(d?(_.classList.add(this.activeClass),this.setAttribute("active","")):(_.classList.remove(this.activeClass),this.removeAttribute("active")))});const[e,t]=this.useState("to","");Object.defineProperty(this,"to",{get:e,set:t,enumerable:!0,configurable:!0});const[r,g]=this.useState("activeClass","active");Object.defineProperty(this,"activeClass",{get:r,set:g,enumerable:!0,configurable:!0})}get replace(){return this.hasAttribute("replace")}get exact(){return this.hasAttribute("exact")}render(){return N.jsx("a",{href:this.to,class:"wsx-link",onClick:this.handleClick,part:"link"},N.jsx("slot",null))}onConnected(){var t;(t=super.onConnected)==null||t.call(this),this.to=this.to||"",this.activeClass=this.activeClass||"active";const e=this.shadowRoot.querySelector(".wsx-link");e&&(e.href=this.to),window.addEventListener("popstate",this.updateActiveState),document.addEventListener("route-changed",this.updateActiveState),this.updateActiveState()}onDisconnected(){var e;(e=super.onDisconnected)==null||e.call(this),window.removeEventListener("popstate",this.updateActiveState),document.removeEventListener("route-changed",this.updateActiveState)}onAttributeChanged(e,t,r){switch(e){case"to":this.to=r||"",this.updateActiveState();break;case"replace":this.replace=r!==null&&r!=="false";break;case"active-class":this.activeClass=r||"active",this.updateActiveState();break;case"exact":this.exact=r!==null&&r!=="false",this.updateActiveState();break}}isExternalLink(e){return e.startsWith("http://")||e.startsWith("https://")||e.startsWith("mailto:")||e.startsWith("tel:")}navigate(){this.to&&this.handleClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))}},[exports.WsxLink,ue]=qe(oe,[],Ee,0,void 0,N.WebComponent).c,oe),ie=class extends Ge{constructor(){super(exports.WsxLink),X(this,"observedAttributes",["to","replace","active-class","exact"]),ue()}},X(ie,he,void 0),ie);exports.RouterUtils=ne;

package/dist/index.js

@@ -15,7 +15,7 @@ var ye = { exports: {} };
       "info",
       "warn",
       "error"
-    ], v = {}, f = null;
+    ], v = {}, d = null;
     function _(o, c) {
       var i = o[c];
       if (typeof i.bind == "function")
@@ -47,36 +47,36 @@ var ye = { exports: {} };
         typeof console !== t && (O.call(this), this[o].apply(this, arguments));
       };
     }
-    function D(o, c, i) {
+    function M(o, c, i) {
       return T(o) || V.apply(this, arguments);
     }
     function H(o, c) {
-      var i = this, u, A, k, R = "loglevel";
-      typeof o == "string" ? R += ":" + o : typeof o == "symbol" && (R = void 0);
+      var i = this, u, A, k, L = "loglevel";
+      typeof o == "string" ? L += ":" + o : typeof o == "symbol" && (L = void 0);
       function P(h) {
         var l = (g[h] || "silent").toUpperCase();
-        if (!(typeof window === t || !R)) {
+        if (!(typeof window === t || !L)) {
           try {
-            window.localStorage[R] = l;
+            window.localStorage[L] = l;
             return;
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(R) + "=" + l + ";";
+            window.document.cookie = encodeURIComponent(L) + "=" + l + ";";
           } catch {
           }
         }
       }
       function E() {
         var h;
-        if (!(typeof window === t || !R)) {
+        if (!(typeof window === t || !L)) {
           try {
-            h = window.localStorage[R];
+            h = window.localStorage[L];
           } catch {
           }
           if (typeof h === t)
             try {
-              var l = window.document.cookie, x = encodeURIComponent(R), C = l.indexOf(x + "=");
+              var l = window.document.cookie, x = encodeURIComponent(L), C = l.indexOf(x + "=");
               C !== -1 && (h = /^([^;]+)/.exec(
                 l.slice(C + x.length + 1)
               )[1]);
@@ -85,14 +85,14 @@ var ye = { exports: {} };
           return i.levels[h] === void 0 && (h = void 0), h;
         }
       }
-      function L() {
-        if (!(typeof window === t || !R)) {
+      function R() {
+        if (!(typeof window === t || !L)) {
           try {
-            window.localStorage.removeItem(R);
+            window.localStorage.removeItem(L);
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(R) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+            window.document.cookie = encodeURIComponent(L) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
           } catch {
           }
         }
@@ -110,43 +110,43 @@ var ye = { exports: {} };
         WARN: 3,
         ERROR: 4,
         SILENT: 5
-      }, i.methodFactory = c || D, i.getLevel = function() {
+      }, i.methodFactory = c || M, i.getLevel = function() {
         return k ?? A ?? u;
       }, i.setLevel = function(h, l) {
         return k = p(h), l !== !1 && P(k), O.call(i);
       }, i.setDefaultLevel = function(h) {
         A = p(h), E() || i.setLevel(h, !1);
       }, i.resetLevel = function() {
-        k = null, L(), O.call(i);
+        k = null, R(), O.call(i);
       }, i.enableAll = function(h) {
         i.setLevel(i.levels.TRACE, h);
       }, i.disableAll = function(h) {
         i.setLevel(i.levels.SILENT, h);
       }, i.rebuild = function() {
-        if (f !== i && (u = p(f.getLevel())), O.call(i), f === i)
+        if (d !== i && (u = p(d.getLevel())), O.call(i), d === i)
           for (var h in v)
             v[h].rebuild();
       }, u = p(
-        f ? f.getLevel() : "WARN"
+        d ? d.getLevel() : "WARN"
       );
       var m = E();
       m != null && (k = p(m)), O.call(i);
     }
-    f = new H(), f.getLogger = function(c) {
+    d = new H(), d.getLogger = function(c) {
       if (typeof c != "symbol" && typeof c != "string" || c === "")
         throw new TypeError("You must supply a name when creating a logger.");
       var i = v[c];
       return i || (i = v[c] = new H(
         c,
-        f.methodFactory
+        d.methodFactory
       )), i;
     };
     var s = typeof window !== t ? window.log : void 0;
-    return f.noConflict = function() {
-      return typeof window !== t && window.log === f && (window.log = s), f;
-    }, f.getLoggers = function() {
+    return d.noConflict = function() {
+      return typeof window !== t && window.log === d && (window.log = s), d;
+    }, d.getLoggers = function() {
       return v;
-    }, f.default = f, f;
+    }, d.default = d, d;
   });
 })(ye);
 var Te = ye.exports;
@@ -184,7 +184,7 @@ const ee = {
   level: ae() ? "info" : "debug",
   pretty: !ae()
 };
-function Me(n = {}) {
+function De(n = {}) {
   const { name: e, level: t } = { ...ee, ...n }, r = e || ee.name, g = Oe.getLogger(r), v = t || ee.level;
   return g.setLevel(be[v]), g;
 }
@@ -193,7 +193,7 @@ function X(n, e) {
 }
 class we {
   constructor(e = {}) {
-    this.isProd = ae(), this.name = e.name || ee.name, this.currentLevel = e.level || ee.level, this.logInstance = Me(e);
+    this.isProd = ae(), this.name = e.name || ee.name, this.currentLevel = e.level || ee.level, this.logInstance = De(e);
   }
   debug(e, ...t) {
     if (!this.isProd || this.shouldLog("debug")) {
@@ -259,7 +259,7 @@ function ie(n, e = {}) {
     name: e.name || `WSX:${n}`
   });
 }
-const De = ie("RouterUtils"), Y = class Y {
+const Me = ie("RouterUtils"), Y = class Y {
   /**
    * 设置当前路由信息（由 WsxRouter 内部调用）
    * @internal
@@ -271,7 +271,7 @@ const De = ie("RouterUtils"), Y = class Y {
    * 编程式导航
    */
   static navigate(e, t = !1) {
-    t ? window.history.replaceState(null, "", e) : window.history.pushState(null, "", e), window.dispatchEvent(new PopStateEvent("popstate")), De.debug(`Navigated to: ${e} (replace: ${t})`);
+    t ? window.history.replaceState(null, "", e) : window.history.pushState(null, "", e), window.dispatchEvent(new PopStateEvent("popstate")), Me.debug(`Navigated to: ${e} (replace: ${t})`);
   }
   /**
    * 获取当前路由信息
@@ -308,7 +308,7 @@ const De = ie("RouterUtils"), Y = class Y {
         exact: !1
       };
     if (e.includes(":")) {
-      const g = ((r = e.match(/:([^/]+)/g)) == null ? void 0 : r.map((b) => b.slice(1))) || [], v = e.replace(/:[^/]+/g, "([^/]+)"), f = new RegExp(`^${v}$`), _ = t.match(f);
+      const g = ((r = e.match(/:([^/]+)/g)) == null ? void 0 : r.map((b) => b.slice(1))) || [], v = e.replace(/:[^/]+/g, "([^/]+)"), d = new RegExp(`^${v}$`), _ = t.match(d);
       if (_ && g.length > 0) {
         const b = {};
         return g.forEach((T, O) => {
@@ -444,13 +444,13 @@ const De = ie("RouterUtils"), Y = class Y {
 Y._currentRoute = null;
 let ne = Y;
 const ue = ":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";
-var Le;
-let Re, xe;
+var Re;
+let Le, xe;
 function F(n, e, t) {
   return (e = Ee(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
 function Pe(n, e, t, r, g, v) {
-  function f(s, o, c) {
+  function d(s, o, c) {
     return function(i, u) {
       return c && c(i), s[o].call(i, u);
     };
@@ -463,66 +463,66 @@ function Pe(n, e, t, r, g, v) {
     if (typeof s != "function" && (i || s !== void 0)) throw new TypeError(o + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return s;
   }
-  function T(s, o, c, i, u, A, k, R, P, E, L, p, m) {
-    function h(d) {
-      if (!m(d)) throw new TypeError("Attempted to access private element on non-instance");
+  function T(s, o, c, i, u, A, k, L, P, E, R, p, m) {
+    function h(f) {
+      if (!m(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var l, x = o[0], C = o[3], W = !R;
+    var l, x = o[0], C = o[3], W = !L;
     if (!W) {
       c || Array.isArray(x) || (x = [x]);
       var a = {}, I = [], w = u === 3 ? "get" : u === 4 || p ? "set" : "value";
-      E ? (L || p ? a = { get: he(function() {
+      E ? (R || p ? a = { get: he(function() {
         return C(this);
-      }, i, "get"), set: function(d) {
-        o[4](this, d);
-      } } : a[w] = C, L || he(a[w], i, u === 2 ? "" : w)) : L || (a = Object.getOwnPropertyDescriptor(s, i));
+      }, i, "get"), set: function(f) {
+        o[4](this, f);
+      } } : a[w] = C, R || he(a[w], i, u === 2 ? "" : w)) : R || (a = Object.getOwnPropertyDescriptor(s, i));
     }
     for (var y = s, U = x.length - 1; U >= 0; U -= c ? 2 : 1) {
-      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(d, S) {
-        if (d.v) throw Error("attempted to call addInitializer after decoration was finished");
+      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(f, S) {
+        if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         b(S, "An initializer", "be", !0), k.push(S);
       }).bind(null, K) };
       try {
         if (W) (l = b(B.call(G, y, j), "class decorators", "return")) && (y = l);
         else {
-          var M, z;
-          j.static = P, j.private = E, E ? u === 2 ? M = function(d) {
-            return h(d), a.value;
-          } : (u < 4 && (M = f(a, "get", h)), u !== 3 && (z = f(a, "set", h))) : (M = function(d) {
-            return d[i];
-          }, (u < 2 || u === 4) && (z = function(d, S) {
-            d[i] = S;
+          var D, z;
+          j.static = P, j.private = E, E ? u === 2 ? D = function(f) {
+            return h(f), a.value;
+          } : (u < 4 && (D = d(a, "get", h)), u !== 3 && (z = d(a, "set", h))) : (D = function(f) {
+            return f[i];
+          }, (u < 2 || u === 4) && (z = function(f, S) {
+            f[i] = S;
           }));
-          var J = j.access = { has: E ? m.bind() : function(d) {
-            return i in d;
+          var J = j.access = { has: E ? m.bind() : function(f) {
+            return i in f;
           } };
-          if (M && (J.get = M), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
+          if (D && (J.get = D), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
             if (typeof y == "object" && y) (l = b(y.get, "accessor.get")) && (a.get = l), (l = b(y.set, "accessor.set")) && (a.set = l), (l = b(y.init, "accessor.init")) && I.push(l);
             else if (y !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(y, (L ? "field" : "method") + " decorators", "return") && (L ? I.push(y) : a[w] = y);
+          } else b(y, (R ? "field" : "method") + " decorators", "return") && (R ? I.push(y) : a[w] = y);
         }
       } finally {
         K.v = !0;
       }
     }
-    return (L || p) && R.push(function(d, S) {
-      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(d, S);
+    return (R || p) && L.push(function(f, S) {
+      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(f, S);
       return S;
-    }), L || W || (E ? p ? R.push(f(a, "get"), f(a, "set")) : R.push(u === 2 ? a[w] : f.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
+    }), R || W || (E ? p ? L.push(d(a, "get"), d(a, "set")) : L.push(u === 2 ? a[w] : d.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
   }
   function O(s, o) {
     return Object.defineProperty(s, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: o });
   }
   if (arguments.length >= 6) var V = v[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var D = Object.create(V ?? null), H = function(s, o, c, i) {
-    var u, A, k = [], R = function(w) {
+  var M = Object.create(V ?? null), H = function(s, o, c, i) {
+    var u, A, k = [], L = function(w) {
       return Ue(w) === s;
     }, P = /* @__PURE__ */ new Map();
     function E(w) {
       w && k.push(_.bind(null, w));
     }
-    for (var L = 0; L < o.length; L++) {
-      var p = o[L];
+    for (var R = 0; R < o.length; R++) {
+      var p = o[R];
       if (Array.isArray(p)) {
         var m = p[1], h = p[2], l = p.length > 3, x = 16 & m, C = !!(8 & m), W = (m &= 7) == 0, a = h + "/" + C;
         if (!W && !l) {
@@ -530,14 +530,14 @@ function Pe(n, e, t, r, g, v) {
           if (I === !0 || I === 3 && m !== 4 || I === 4 && m !== 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: " + h);
           P.set(a, !(m > 2) || m);
         }
-        T(C ? s : s.prototype, p, x, l ? "#" + h : Ee(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? R : c);
+        T(C ? s : s.prototype, p, x, l ? "#" + h : Ee(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? L : c);
       }
     }
     return E(u), E(A), k;
-  }(n, e, g, D);
-  return t.length || O(n, D), { e: H, get c() {
+  }(n, e, g, M);
+  return t.length || O(n, M), { e: H, get c() {
     var s = [];
-    return t.length && [O(T(n, [t], r, n.name, 5, D, s), D), _.bind(null, s, n)];
+    return t.length && [O(T(n, [t], r, n.name, 5, M, s), M), _.bind(null, s, n)];
   } };
 }
 function Ee(n) {
@@ -614,19 +614,22 @@ class Ne extends re {
     return /* @__PURE__ */ te("div", { class: "router-outlet" });
   }
   onRendered() {
-    this.views.size === 0 && (this.collectViews(), $.debug("WsxRouter collected views in onRendered:", this.views.size)), this.views.size > 0 && !this.currentView && requestAnimationFrame(() => {
+    var e;
+    (e = super.onRendered) == null || e.call(this), this.views.size === 0 && (this.collectViews(), $.debug("WsxRouter collected views in onRendered:", this.views.size)), this.views.size > 0 && !this.currentView && requestAnimationFrame(() => {
       this.handleRouteChange();
     });
   }
   onConnected() {
-    $.debug("WsxRouter connected to DOM"), "scrollRestoration" in history && (history.scrollRestoration = this.scrollRestoration), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), requestAnimationFrame(() => {
+    var e;
+    (e = super.onConnected) == null || e.call(this), $.debug("WsxRouter connected to DOM"), "scrollRestoration" in history && (history.scrollRestoration = this.scrollRestoration), window.addEventListener("popstate", this.handleRouteChange), this.addEventListener("click", this.interceptLinks), requestAnimationFrame(() => {
       this.views.size === 0 && (this.collectViews(), $.debug(`WsxRouter collected views in onConnected: ${this.views.size}`)), requestAnimationFrame(() => {
         $.debug(`WsxRouter handling initial route: ${window.location.pathname}`), this.handleRouteChange();
       });
     });
   }
   onDisconnected() {
-    window.removeEventListener("popstate", this.handleRouteChange);
+    var e;
+    (e = super.onDisconnected) == null || e.call(this), window.removeEventListener("popstate", this.handleRouteChange);
   }
   collectViews() {
     const e = Array.from(this.children).filter((t) => t.tagName.toLowerCase() === "wsx-view");
@@ -656,7 +659,7 @@ class Ne extends re {
         $.debug(`Extracted params for route ${g} and path ${e}:`, v), v && requestAnimationFrame(() => {
           r.setAttribute("params", JSON.stringify(v)), $.debug(`Set params attribute on view: ${JSON.stringify(v)}`);
         });
-        const f = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, _ = new URL(f, window.location.origin || "http://localhost"), b = {
+        const d = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, _ = new URL(d, window.location.origin || "http://localhost"), b = {
           path: e,
           params: v || {},
           query: Object.fromEntries(_.searchParams.entries()),
@@ -672,15 +675,15 @@ class Ne extends re {
         for (const [b, T] of this.views)
           T.style.display = "none";
         this.currentView = null, $.warn(`No view found for path: ${e}`);
-        const g = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, v = new URL(g, window.location.origin || "http://localhost"), f = {
+        const g = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, v = new URL(g, window.location.origin || "http://localhost"), d = {
           path: e,
           params: {},
           query: Object.fromEntries(v.searchParams.entries()),
           hash: v.hash.slice(1)
         };
-        ne._setCurrentRoute(f);
+        ne._setCurrentRoute(d);
         const _ = new CustomEvent("route-changed", {
-          detail: f,
+          detail: d,
           bubbles: !0
         });
         document.dispatchEvent(_);
@@ -720,8 +723,8 @@ class Ne extends re {
       if (r.includes(":")) {
         const v = this.compiledRoutes.get(r);
         if (v) {
-          const f = v.test(e);
-          if ($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${f}`), f)
+          const d = v.test(e);
+          if ($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${d}`), d)
             return this.matchCache.set(e, r), $.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`), g;
         } else
           $.warn(`matchRoute: route ${r} has ':' but no compiled regex found`);
@@ -732,11 +735,11 @@ class Ne extends re {
   extractParams(e, t) {
     var b;
     if (!e.includes(":")) return null;
-    const r = ((b = e.match(/:([^/]+)/g)) == null ? void 0 : b.map((T) => T.slice(1))) || [], g = e.replace(/:[^/]+/g, "([^/]+)"), v = new RegExp(`^${g}$`), f = t.match(v);
-    if (!f || !r.length) return null;
+    const r = ((b = e.match(/:([^/]+)/g)) == null ? void 0 : b.map((T) => T.slice(1))) || [], g = e.replace(/:[^/]+/g, "([^/]+)"), v = new RegExp(`^${g}$`), d = t.match(v);
+    if (!d || !r.length) return null;
     const _ = {};
     return r.forEach((T, O) => {
-      _[T] = f[O + 1];
+      _[T] = d[O + 1];
     }), _;
   }
   /**
@@ -765,9 +768,9 @@ class Ne extends re {
     window.history.pushState(null, "", e), this.handleRouteChange();
   }
 }
-Le = Ne;
-[ze, Re] = Pe(Le, [], xe, 0, void 0, re).c;
-Re();
+Re = Ne;
+[ze, Le] = Pe(Re, [], xe, 0, void 0, re).c;
+Le();
 const Fe = ":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 Ce;
 let $e, _e;
@@ -775,7 +778,7 @@ function Z(n, e, t) {
   return (e = Ie(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
 function qe(n, e, t, r, g, v) {
-  function f(s, o, c) {
+  function d(s, o, c) {
     return function(i, u) {
       return c && c(i), s[o].call(i, u);
     };
@@ -788,66 +791,66 @@ function qe(n, e, t, r, g, v) {
     if (typeof s != "function" && (i || s !== void 0)) throw new TypeError(o + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return s;
   }
-  function T(s, o, c, i, u, A, k, R, P, E, L, p, m) {
-    function h(d) {
-      if (!m(d)) throw new TypeError("Attempted to access private element on non-instance");
+  function T(s, o, c, i, u, A, k, L, P, E, R, p, m) {
+    function h(f) {
+      if (!m(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var l, x = o[0], C = o[3], W = !R;
+    var l, x = o[0], C = o[3], W = !L;
     if (!W) {
       c || Array.isArray(x) || (x = [x]);
       var a = {}, I = [], w = u === 3 ? "get" : u === 4 || p ? "set" : "value";
-      E ? (L || p ? a = { get: fe(function() {
+      E ? (R || p ? a = { get: de(function() {
         return C(this);
-      }, i, "get"), set: function(d) {
-        o[4](this, d);
-      } } : a[w] = C, L || fe(a[w], i, u === 2 ? "" : w)) : L || (a = Object.getOwnPropertyDescriptor(s, i));
+      }, i, "get"), set: function(f) {
+        o[4](this, f);
+      } } : a[w] = C, R || de(a[w], i, u === 2 ? "" : w)) : R || (a = Object.getOwnPropertyDescriptor(s, i));
     }
     for (var y = s, U = x.length - 1; U >= 0; U -= c ? 2 : 1) {
-      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(d, S) {
-        if (d.v) throw Error("attempted to call addInitializer after decoration was finished");
+      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(f, S) {
+        if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         b(S, "An initializer", "be", !0), k.push(S);
       }).bind(null, K) };
       try {
         if (W) (l = b(B.call(G, y, j), "class decorators", "return")) && (y = l);
         else {
-          var M, z;
-          j.static = P, j.private = E, E ? u === 2 ? M = function(d) {
-            return h(d), a.value;
-          } : (u < 4 && (M = f(a, "get", h)), u !== 3 && (z = f(a, "set", h))) : (M = function(d) {
-            return d[i];
-          }, (u < 2 || u === 4) && (z = function(d, S) {
-            d[i] = S;
+          var D, z;
+          j.static = P, j.private = E, E ? u === 2 ? D = function(f) {
+            return h(f), a.value;
+          } : (u < 4 && (D = d(a, "get", h)), u !== 3 && (z = d(a, "set", h))) : (D = function(f) {
+            return f[i];
+          }, (u < 2 || u === 4) && (z = function(f, S) {
+            f[i] = S;
           }));
-          var J = j.access = { has: E ? m.bind() : function(d) {
-            return i in d;
+          var J = j.access = { has: E ? m.bind() : function(f) {
+            return i in f;
           } };
-          if (M && (J.get = M), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
+          if (D && (J.get = D), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
             if (typeof y == "object" && y) (l = b(y.get, "accessor.get")) && (a.get = l), (l = b(y.set, "accessor.set")) && (a.set = l), (l = b(y.init, "accessor.init")) && I.push(l);
             else if (y !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(y, (L ? "field" : "method") + " decorators", "return") && (L ? I.push(y) : a[w] = y);
+          } else b(y, (R ? "field" : "method") + " decorators", "return") && (R ? I.push(y) : a[w] = y);
         }
       } finally {
         K.v = !0;
       }
     }
-    return (L || p) && R.push(function(d, S) {
-      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(d, S);
+    return (R || p) && L.push(function(f, S) {
+      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(f, S);
       return S;
-    }), L || W || (E ? p ? R.push(f(a, "get"), f(a, "set")) : R.push(u === 2 ? a[w] : f.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
+    }), R || W || (E ? p ? L.push(d(a, "get"), d(a, "set")) : L.push(u === 2 ? a[w] : d.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
   }
   function O(s, o) {
     return Object.defineProperty(s, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: o });
   }
   if (arguments.length >= 6) var V = v[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var D = Object.create(V ?? null), H = function(s, o, c, i) {
-    var u, A, k = [], R = function(w) {
+  var M = Object.create(V ?? null), H = function(s, o, c, i) {
+    var u, A, k = [], L = function(w) {
       return Be(w) === s;
     }, P = /* @__PURE__ */ new Map();
     function E(w) {
       w && k.push(_.bind(null, w));
     }
-    for (var L = 0; L < o.length; L++) {
-      var p = o[L];
+    for (var R = 0; R < o.length; R++) {
+      var p = o[R];
       if (Array.isArray(p)) {
         var m = p[1], h = p[2], l = p.length > 3, x = 16 & m, C = !!(8 & m), W = (m &= 7) == 0, a = h + "/" + C;
         if (!W && !l) {
@@ -855,14 +858,14 @@ function qe(n, e, t, r, g, v) {
           if (I === !0 || I === 3 && m !== 4 || I === 4 && m !== 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: " + h);
           P.set(a, !(m > 2) || m);
         }
-        T(C ? s : s.prototype, p, x, l ? "#" + h : Ie(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? R : c);
+        T(C ? s : s.prototype, p, x, l ? "#" + h : Ie(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? L : c);
       }
     }
     return E(u), E(A), k;
-  }(n, e, g, D);
-  return t.length || O(n, D), { e: H, get c() {
+  }(n, e, g, M);
+  return t.length || O(n, M), { e: H, get c() {
     var s = [];
-    return t.length && [O(T(n, [t], r, n.name, 5, D, s), D), _.bind(null, s, n)];
+    return t.length && [O(T(n, [t], r, n.name, 5, M, s), M), _.bind(null, s, n)];
   } };
 }
 function Ie(n) {
@@ -879,7 +882,7 @@ function He(n, e) {
   }
   return String(n);
 }
-function fe(n, e, t) {
+function de(n, e, t) {
   typeof e == "symbol" && (e = (e = e.description) ? "[" + e + "]" : "");
   try {
     Object.defineProperty(n, "name", { configurable: !0, value: t ? t + " " + e : e });
@@ -922,7 +925,8 @@ class Ke extends re {
     return /* @__PURE__ */ te("div", { class: "route-view" });
   }
   onConnected() {
-    requestAnimationFrame(() => {
+    var e;
+    (e = super.onConnected) == null || e.call(this), requestAnimationFrame(() => {
       !this.connected || this.isLoading || this.componentInstance || this.component && this.loadComponent(this.component);
     });
   }
@@ -935,8 +939,8 @@ class Ke extends re {
           q.warn(`Component ${e} not found in customElements registry`), this.isLoading = !1;
           return;
         }
-        q.warn(`WsxView: Creating instance of ${e}`), this.componentInstance = document.createElement(e), Object.keys(this.params).length > 0 && (q.warn(`WsxView: Setting initial params on ${e}:`, this.params), Object.entries(this.params).forEach(([v, f]) => {
-          this.componentInstance.setAttribute(v, f);
+        q.warn(`WsxView: Creating instance of ${e}`), this.componentInstance = document.createElement(e), Object.keys(this.params).length > 0 && (q.warn(`WsxView: Setting initial params on ${e}:`, this.params), Object.entries(this.params).forEach(([v, d]) => {
+          this.componentInstance.setAttribute(v, d);
         }));
         const g = this.querySelector(".route-view");
         if (g) {
@@ -957,7 +961,8 @@ class Ke extends re {
     }
   }
   onDisconnected() {
-    this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
+    var e;
+    (e = super.onDisconnected) == null || e.call(this), this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
   }
 }
 Ce = Ke;
@@ -965,12 +970,12 @@ Ce = Ke;
 $e();
 const Je = ':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, var(--focus-color, #dc2626));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 oe, se;
-let de, Se, ge;
+let fe, Se, ge;
 function Q(n, e, t) {
   return (e = ke(e)) in n ? Object.defineProperty(n, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : n[e] = t, n;
 }
 function Qe(n, e, t, r, g, v) {
-  function f(s, o, c) {
+  function d(s, o, c) {
     return function(i, u) {
       return c && c(i), s[o].call(i, u);
     };
@@ -983,66 +988,66 @@ function Qe(n, e, t, r, g, v) {
     if (typeof s != "function" && (i || s !== void 0)) throw new TypeError(o + " must " + (c || "be") + " a function" + (i ? "" : " or undefined"));
     return s;
   }
-  function T(s, o, c, i, u, A, k, R, P, E, L, p, m) {
-    function h(d) {
-      if (!m(d)) throw new TypeError("Attempted to access private element on non-instance");
+  function T(s, o, c, i, u, A, k, L, P, E, R, p, m) {
+    function h(f) {
+      if (!m(f)) throw new TypeError("Attempted to access private element on non-instance");
     }
-    var l, x = o[0], C = o[3], W = !R;
+    var l, x = o[0], C = o[3], W = !L;
     if (!W) {
       c || Array.isArray(x) || (x = [x]);
       var a = {}, I = [], w = u === 3 ? "get" : u === 4 || p ? "set" : "value";
-      E ? (L || p ? a = { get: pe(function() {
+      E ? (R || p ? a = { get: pe(function() {
         return C(this);
-      }, i, "get"), set: function(d) {
-        o[4](this, d);
-      } } : a[w] = C, L || pe(a[w], i, u === 2 ? "" : w)) : L || (a = Object.getOwnPropertyDescriptor(s, i));
+      }, i, "get"), set: function(f) {
+        o[4](this, f);
+      } } : a[w] = C, R || pe(a[w], i, u === 2 ? "" : w)) : R || (a = Object.getOwnPropertyDescriptor(s, i));
     }
     for (var y = s, U = x.length - 1; U >= 0; U -= c ? 2 : 1) {
-      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(d, S) {
-        if (d.v) throw Error("attempted to call addInitializer after decoration was finished");
+      var B = x[U], G = c ? x[U - 1] : void 0, K = {}, j = { kind: ["field", "accessor", "method", "getter", "setter", "class"][u], name: i, metadata: A, addInitializer: (function(f, S) {
+        if (f.v) throw Error("attempted to call addInitializer after decoration was finished");
         b(S, "An initializer", "be", !0), k.push(S);
       }).bind(null, K) };
       try {
         if (W) (l = b(B.call(G, y, j), "class decorators", "return")) && (y = l);
         else {
-          var M, z;
-          j.static = P, j.private = E, E ? u === 2 ? M = function(d) {
-            return h(d), a.value;
-          } : (u < 4 && (M = f(a, "get", h)), u !== 3 && (z = f(a, "set", h))) : (M = function(d) {
-            return d[i];
-          }, (u < 2 || u === 4) && (z = function(d, S) {
-            d[i] = S;
+          var D, z;
+          j.static = P, j.private = E, E ? u === 2 ? D = function(f) {
+            return h(f), a.value;
+          } : (u < 4 && (D = d(a, "get", h)), u !== 3 && (z = d(a, "set", h))) : (D = function(f) {
+            return f[i];
+          }, (u < 2 || u === 4) && (z = function(f, S) {
+            f[i] = S;
           }));
-          var J = j.access = { has: E ? m.bind() : function(d) {
-            return i in d;
+          var J = j.access = { has: E ? m.bind() : function(f) {
+            return i in f;
           } };
-          if (M && (J.get = M), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
+          if (D && (J.get = D), z && (J.set = z), y = B.call(G, p ? { get: a.get, set: a.set } : a[w], j), p) {
             if (typeof y == "object" && y) (l = b(y.get, "accessor.get")) && (a.get = l), (l = b(y.set, "accessor.set")) && (a.set = l), (l = b(y.init, "accessor.init")) && I.push(l);
             else if (y !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else b(y, (L ? "field" : "method") + " decorators", "return") && (L ? I.push(y) : a[w] = y);
+          } else b(y, (R ? "field" : "method") + " decorators", "return") && (R ? I.push(y) : a[w] = y);
         }
       } finally {
         K.v = !0;
       }
     }
-    return (L || p) && R.push(function(d, S) {
-      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(d, S);
+    return (R || p) && L.push(function(f, S) {
+      for (var N = I.length - 1; N >= 0; N--) S = I[N].call(f, S);
       return S;
-    }), L || W || (E ? p ? R.push(f(a, "get"), f(a, "set")) : R.push(u === 2 ? a[w] : f.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
+    }), R || W || (E ? p ? L.push(d(a, "get"), d(a, "set")) : L.push(u === 2 ? a[w] : d.call.bind(a[w])) : Object.defineProperty(s, i, a)), y;
   }
   function O(s, o) {
     return Object.defineProperty(s, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: o });
   }
   if (arguments.length >= 6) var V = v[Symbol.metadata || Symbol.for("Symbol.metadata")];
-  var D = Object.create(V ?? null), H = function(s, o, c, i) {
-    var u, A, k = [], R = function(w) {
+  var M = Object.create(V ?? null), H = function(s, o, c, i) {
+    var u, A, k = [], L = function(w) {
       return Ye(w) === s;
     }, P = /* @__PURE__ */ new Map();
     function E(w) {
       w && k.push(_.bind(null, w));
     }
-    for (var L = 0; L < o.length; L++) {
-      var p = o[L];
+    for (var R = 0; R < o.length; R++) {
+      var p = o[R];
       if (Array.isArray(p)) {
         var m = p[1], h = p[2], l = p.length > 3, x = 16 & m, C = !!(8 & m), W = (m &= 7) == 0, a = h + "/" + C;
         if (!W && !l) {
@@ -1050,14 +1055,14 @@ function Qe(n, e, t, r, g, v) {
           if (I === !0 || I === 3 && m !== 4 || I === 4 && m !== 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: " + h);
           P.set(a, !(m > 2) || m);
         }
-        T(C ? s : s.prototype, p, x, l ? "#" + h : ke(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? R : c);
+        T(C ? s : s.prototype, p, x, l ? "#" + h : ke(h), m, i, C ? A = A || [] : u = u || [], k, C, l, W, m === 1, C && l ? L : c);
       }
     }
     return E(u), E(A), k;
-  }(n, e, g, D);
-  return t.length || O(n, D), { e: H, get c() {
+  }(n, e, g, M);
+  return t.length || O(n, M), { e: H, get c() {
     var s = [];
-    return t.length && [O(T(n, [t], r, n.name, 5, D, s), D), _.bind(null, s, n)];
+    return t.length && [O(T(n, [t], r, n.name, 5, M, s), M), _.bind(null, s, n)];
   } };
 }
 function ke(n) {
@@ -1108,8 +1113,8 @@ new (ge = (se = class extends le {
       this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), ve.debug(`Navigated to: ${this.to}`);
     }), Q(this, "updateActiveState", () => {
       var b;
-      const v = window.location.pathname, f = this.exact ? v === this.to : v.startsWith(this.to) && this.to !== "/", _ = (b = this.shadowRoot) == null ? void 0 : b.querySelector("a");
-      _ && (f ? (_.classList.add(this.activeClass), this.setAttribute("active", "")) : (_.classList.remove(this.activeClass), this.removeAttribute("active")));
+      const v = window.location.pathname, d = this.exact ? v === this.to : v.startsWith(this.to) && this.to !== "/", _ = (b = this.shadowRoot) == null ? void 0 : b.querySelector("a");
+      _ && (d ? (_.classList.add(this.activeClass), this.setAttribute("active", "")) : (_.classList.remove(this.activeClass), this.removeAttribute("active")));
     });
     const [e, t] = this.useState("to", "");
     Object.defineProperty(this, "to", {
@@ -1136,12 +1141,14 @@ new (ge = (se = class extends le {
     return /* @__PURE__ */ te("a", { href: this.to, class: "wsx-link", onClick: this.handleClick, part: "link" }, /* @__PURE__ */ te("slot", null));
   }
   onConnected() {
-    this.to = this.to || "", this.activeClass = this.activeClass || "active";
+    var t;
+    (t = super.onConnected) == null || t.call(this), this.to = this.to || "", this.activeClass = this.activeClass || "active";
     const e = this.shadowRoot.querySelector(".wsx-link");
     e && (e.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);
+    var e;
+    (e = super.onDisconnected) == null || e.call(this), window.removeEventListener("popstate", this.updateActiveState), document.removeEventListener("route-changed", this.updateActiveState);
   }
   onAttributeChanged(e, t, r) {
     switch (e) {
@@ -1171,9 +1178,9 @@ new (ge = (se = class extends le {
       cancelable: !0
     }));
   }
-}, [me, de] = Qe(se, [], Se, 0, void 0, le).c, se), oe = class extends Ze {
+}, [me, fe] = Qe(se, [], Se, 0, void 0, le).c, se), oe = class extends Ze {
   constructor() {
-    super(me), Q(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), de();
+    super(me), Q(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), fe();
   }
 }, Q(oe, ge, void 0), oe)();
 export {

package/package.json

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

package/src/WsxLink.wsx

@@ -44,6 +44,7 @@ export default class WsxLink extends WebComponent {
     }
 
     protected onConnected() {
+        super.onConnected?.();
         // Initialize attributes from HTML when connected
         this.to = this.to || "";
         this.activeClass = this.activeClass || "active";
@@ -63,6 +64,7 @@ export default class WsxLink extends WebComponent {
     }
 
     protected onDisconnected() {
+        super.onDisconnected?.();
         window.removeEventListener("popstate", this.updateActiveState);
         document.removeEventListener("route-changed", this.updateActiveState);
     }

package/src/WsxRouter.wsx

@@ -53,6 +53,7 @@ export default class WsxRouter extends LightComponent {
     }
 
     protected onRendered() {
+        super.onRendered?.();
         // 在渲染完成后也收集视图和处理路由（作为备用）
         // 注意：onRendered 可能不会被调用（如果 hasActualContent 为 true）
         // 所以主要逻辑在 onConnected() 中
@@ -70,6 +71,7 @@ export default class WsxRouter extends LightComponent {
     }
 
     protected onConnected() {
+        super.onConnected?.();
         logger.debug("WsxRouter connected to DOM");
 
         // RFC 0033: 设置浏览器滚动恢复模式
@@ -103,6 +105,7 @@ export default class WsxRouter extends LightComponent {
     }
 
     protected onDisconnected() {
+        super.onDisconnected?.();
         window.removeEventListener("popstate", this.handleRouteChange);
     }
 

package/src/WsxView.wsx

@@ -48,6 +48,7 @@ export default class WsxView extends LightComponent {
     }
 
     protected onConnected() {
+        super.onConnected?.();
         // 延迟加载，避免在 connectedCallback 中同步执行
         requestAnimationFrame(() => {
             // 重新检查，防止在延迟期间已经加载
@@ -138,6 +139,7 @@ export default class WsxView extends LightComponent {
     }
 
     protected onDisconnected() {
+        super.onDisconnected?.();
         // 清理组件实例
         if (this.componentInstance) {
             this.componentInstance.remove();