@wsxjs/wsx-router 0.0.18 → 0.0.19

package/dist/index.js

@@ -1,5 +1,5 @@
 import { autoRegister as we, LightComponent as oe, jsx as ae, WebComponent as Re } from "@wsxjs/wsx-core";
-function Ge(t) {
+function Qe(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ue = { exports: {} };
@@ -18,55 +18,55 @@ function Ze(t, e, n) {
     if (l === 1) return t;
     var m = new Array(l);
     m[0] = r(t);
-    for (var g = 1; g < l; g++)
-      m[g] = r(e[g]);
+    for (var p = 1; p < l; p++)
+      m[p] = r(e[p]);
     return m.join(" ");
   }
   if (typeof t != "string")
     return t;
   var u = e.length;
   if (u === 0) return t;
-  for (var i = "", p = 1 - s, v = -1, z = t && t.length || 0, x = 0; x < z; ) {
+  for (var i = "", g = 1 - s, v = -1, z = t && t.length || 0, x = 0; x < z; ) {
     if (t.charCodeAt(x) === 37 && x + 1 < z) {
       switch (v = v > -1 ? v : 0, t.charCodeAt(x + 1)) {
         case 100:
         // 'd'
         case 102:
-          if (p >= u || e[p] == null) break;
-          v < x && (i += t.slice(v, x)), i += Number(e[p]), v = x + 2, x++;
+          if (g >= u || e[g] == null) break;
+          v < x && (i += t.slice(v, x)), i += Number(e[g]), v = x + 2, x++;
           break;
         case 105:
-          if (p >= u || e[p] == null) break;
-          v < x && (i += t.slice(v, x)), i += Math.floor(Number(e[p])), v = x + 2, x++;
+          if (g >= u || e[g] == null) break;
+          v < x && (i += t.slice(v, x)), i += Math.floor(Number(e[g])), v = x + 2, x++;
           break;
         case 79:
         // 'O'
         case 111:
         // 'o'
         case 106:
-          if (p >= u || e[p] === void 0) break;
+          if (g >= u || e[g] === void 0) break;
           v < x && (i += t.slice(v, x));
-          var o = typeof e[p];
+          var o = typeof e[g];
           if (o === "string") {
-            i += "'" + e[p] + "'", v = x + 2, x++;
+            i += "'" + e[g] + "'", v = x + 2, x++;
             break;
           }
           if (o === "function") {
-            i += e[p].name || "<anonymous>", v = x + 2, x++;
+            i += e[g].name || "<anonymous>", v = x + 2, x++;
             break;
           }
-          i += r(e[p]), v = x + 2, x++;
+          i += r(e[g]), v = x + 2, x++;
           break;
         case 115:
-          if (p >= u)
+          if (g >= u)
             break;
-          v < x && (i += t.slice(v, x)), i += String(e[p]), v = x + 2, x++;
+          v < x && (i += t.slice(v, x)), i += String(e[g]), v = x + 2, x++;
           break;
         case 37:
-          v < x && (i += t.slice(v, x)), i += "%", v = x + 2, x++, p--;
+          v < x && (i += t.slice(v, x)), i += "%", v = x + 2, x++, g--;
           break;
       }
-      ++p;
+      ++g;
     }
     ++x;
   }
@@ -82,8 +82,8 @@ const re = mt().console || {}, et = {
   wrapErrorSerializer: fe,
   req: ie,
   res: ie,
-  err: _e,
-  errWithCause: _e
+  err: $e,
+  errWithCause: $e
 };
 function Y(t, e) {
   return t === "silent" ? 1 / 0 : e.levels.values[t];
@@ -96,7 +96,7 @@ const xe = Symbol("pino.logFuncs"), be = Symbol("pino.hierarchy"), tt = {
   debug: "log",
   trace: "log"
 };
-function ke(t, e) {
+function _e(t, e) {
   const n = {
     logger: e,
     parent: t[be]
@@ -124,24 +124,24 @@ function K(t) {
   const r = t.serializers || {}, s = rt(t.browser.serialize, r);
   let l = t.browser.serialize;
   Array.isArray(t.browser.serialize) && t.browser.serialize.indexOf("!stdSerializers.err") > -1 && (l = !1);
-  const m = Object.keys(t.customLevels || {}), g = ["error", "fatal", "warn", "info", "debug", "trace"].concat(m);
-  typeof n == "function" && g.forEach(function(c) {
+  const m = Object.keys(t.customLevels || {}), p = ["error", "fatal", "warn", "info", "debug", "trace"].concat(m);
+  typeof n == "function" && p.forEach(function(c) {
     n[c] = n;
   }), (t.enabled === !1 || t.browser.disabled) && (t.level = "silent");
   const u = t.level || "info", i = Object.create(n);
-  i.log || (i.log = ne), nt(i, g, n), ke({}, i), Object.defineProperty(i, "levelVal", {
+  i.log || (i.log = ne), nt(i, p, n), _e({}, i), Object.defineProperty(i, "levelVal", {
     get: v
   }), Object.defineProperty(i, "level", {
     get: z,
     set: x
   });
-  const p = {
+  const g = {
     transmit: e,
     serialize: s,
     asObject: t.browser.asObject,
     asObjectBindingsOnly: t.browser.asObjectBindingsOnly,
     formatters: t.browser.formatters,
-    levels: g,
+    levels: p,
     timestamp: ht(t),
     messageKey: t.messageKey || "msg",
     onChild: t.onChild || ne
@@ -149,7 +149,7 @@ function K(t) {
   i.levels = it(t), i.level = u, i.isLevelEnabled = function(c) {
     return this.levels.values[c] ? this.levels.values[c] >= this.levels.values[this.level] : !1;
   }, i.setMaxListeners = i.getMaxListeners = i.emit = i.addListener = i.on = i.prependListener = i.once = i.prependOnceListener = i.removeListener = i.removeAllListeners = i.listeners = i.listenerCount = i.eventNames = i.write = i.flush = ne, i.serializers = r, i._serialize = s, i._stdErrSerialize = l, i.child = function(...c) {
-    return o.call(this, p, ...c);
+    return o.call(this, g, ...c);
   }, e && (i._logEvent = ye());
   function v() {
     return Y(this.level, this);
@@ -160,8 +160,8 @@ function K(t) {
   function x(c) {
     if (c !== "silent" && !this.levels.values[c])
       throw Error("unknown level " + c);
-    this._level = c, Z(this, p, i, "error"), Z(this, p, i, "fatal"), Z(this, p, i, "warn"), Z(this, p, i, "info"), Z(this, p, i, "debug"), Z(this, p, i, "trace"), m.forEach((f) => {
-      Z(this, p, i, f);
+    this._level = c, Z(this, g, i, "error"), Z(this, g, i, "fatal"), Z(this, g, i, "warn"), Z(this, g, i, "info"), Z(this, g, i, "debug"), Z(this, g, i, "trace"), m.forEach((f) => {
+      Z(this, g, i, f);
     });
   }
   function o(c, f, h) {
@@ -173,15 +173,15 @@ function K(t) {
       var T = Object.assign({}, r, d), V = t.browser.serialize === !0 ? Object.keys(T) : s;
       delete f.serializers, Ee([f], V, T, this._stdErrSerialize);
     }
-    function A(_) {
-      this._childLevel = (_._childLevel | 0) + 1, this.bindings = f, T && (this.serializers = T, this._serialize = V), e && (this._logEvent = ye(
-        [].concat(_._logEvent.bindings, f)
+    function A($) {
+      this._childLevel = ($._childLevel | 0) + 1, this.bindings = f, T && (this.serializers = T, this._serialize = V), e && (this._logEvent = ye(
+        [].concat($._logEvent.bindings, f)
       ));
     }
     A.prototype = this;
     const I = new A(this);
-    return ke(this, I), I.child = function(..._) {
-      return o.call(this, c, ..._);
+    return _e(this, I), I.child = function(...$) {
+      return o.call(this, c, ...$);
     }, I.level = h.level || this.level, c.onChild(I), I;
   }
   return i;
@@ -218,7 +218,7 @@ K.levels = {
   }
 };
 K.stdSerializers = et;
-K.stdTimeFunctions = Object.assign({}, { nullTime: De, epochTime: Me, unixTime: ft, isoTime: dt });
+K.stdTimeFunctions = Object.assign({}, { nullTime: De, epochTime: Ne, unixTime: ft, isoTime: dt });
 function ot(t) {
   const e = [];
   t.bindings && e.push(t.bindings);
@@ -250,10 +250,10 @@ function at(t, e) {
 function ct(t, e, n, r) {
   return /* @__PURE__ */ function(s) {
     return function() {
-      const m = e.timestamp(), g = new Array(arguments.length), u = Object.getPrototypeOf && Object.getPrototypeOf(this) === re ? re : this;
-      for (var i = 0; i < g.length; i++) g[i] = arguments[i];
-      var p = !1;
-      if (e.serialize && (Ee(g, this._serialize, this.serializers, this._stdErrSerialize), p = !0), e.asObject || e.formatters ? s.call(u, ...lt(this, r, g, m, e)) : s.apply(u, g), e.transmit) {
+      const m = e.timestamp(), p = new Array(arguments.length), u = Object.getPrototypeOf && Object.getPrototypeOf(this) === re ? re : this;
+      for (var i = 0; i < p.length; i++) p[i] = arguments[i];
+      var g = !1;
+      if (e.serialize && (Ee(p, this._serialize, this.serializers, this._stdErrSerialize), g = !0), e.asObject || e.formatters ? s.call(u, ...lt(this, r, p, m, e)) : s.apply(u, p), e.transmit) {
         const v = e.transmit.level || t._level, z = Y(v, n), x = Y(r, n);
         if (x < z) return;
         ut(this, {
@@ -263,7 +263,7 @@ function ct(t, e, n, r) {
           transmitValue: n.levels.values[e.transmit.level || t._level],
           send: e.transmit.send,
           val: Y(t._level, n)
-        }, g, p);
+        }, p, g);
       }
     };
   }(t[xe][r]);
@@ -272,26 +272,26 @@ function lt(t, e, n, r, s) {
   const {
     level: l,
     log: m = (v) => v
-  } = s.formatters || {}, g = n.slice();
-  let u = g[0];
+  } = s.formatters || {}, p = n.slice();
+  let u = p[0];
   const i = {};
-  let p = (t._childLevel | 0) + 1;
-  if (p < 1 && (p = 1), r && (i.time = r), l) {
+  let g = (t._childLevel | 0) + 1;
+  if (g < 1 && (g = 1), r && (i.time = r), l) {
     const v = l(e, t.levels.values[e]);
     Object.assign(i, v);
   } else
     i.level = t.levels.values[e];
   if (s.asObjectBindingsOnly) {
     if (u !== null && typeof u == "object")
-      for (; p-- && typeof g[0] == "object"; )
-        Object.assign(i, g.shift());
-    return [m(i), ...g];
+      for (; g-- && typeof p[0] == "object"; )
+        Object.assign(i, p.shift());
+    return [m(i), ...p];
   } else {
     if (u !== null && typeof u == "object") {
-      for (; p-- && typeof g[0] == "object"; )
-        Object.assign(i, g.shift());
-      u = g.length ? Le(g.shift(), g) : void 0;
-    } else typeof u == "string" && (u = Le(g.shift(), g));
+      for (; g-- && typeof p[0] == "object"; )
+        Object.assign(i, p.shift());
+      u = p.length ? Le(p.shift(), p) : void 0;
+    } else typeof u == "string" && (u = Le(p.shift(), p));
     return u !== void 0 && (i[s.messageKey] = u), [m(i)];
   }
 }
@@ -304,15 +304,15 @@ function Ee(t, e, n, r) {
         e.indexOf(l) > -1 && l in n && (t[s][l] = n[l](t[s][l]));
 }
 function ut(t, e, n, r = !1) {
-  const s = e.send, l = e.ts, m = e.methodLevel, g = e.methodValue, u = e.val, i = t._logEvent.bindings;
+  const s = e.send, l = e.ts, m = e.methodLevel, p = e.methodValue, u = e.val, i = t._logEvent.bindings;
   r || Ee(
     n,
     t._serialize || Object.keys(t.serializers),
     t.serializers,
     t._stdErrSerialize === void 0 ? !0 : t._stdErrSerialize
-  ), t._logEvent.ts = l, t._logEvent.messages = n.filter(function(p) {
-    return i.indexOf(p) === -1;
-  }), t._logEvent.level.label = m, t._logEvent.level.value = g, s(m, t._logEvent, u), t._logEvent = ye(i);
+  ), t._logEvent.ts = l, t._logEvent.messages = n.filter(function(g) {
+    return i.indexOf(g) === -1;
+  }), t._logEvent.level.label = m, t._logEvent.level.value = p, s(m, t._logEvent, u), t._logEvent = ye(i);
 }
 function ye(t) {
   return {
@@ -322,7 +322,7 @@ function ye(t) {
     level: { label: "", value: 0 }
   };
 }
-function _e(t) {
+function $e(t) {
   const e = {
     type: t.constructor.name,
     msg: t.message,
@@ -333,7 +333,7 @@ function _e(t) {
   return e;
 }
 function ht(t) {
-  return typeof t.timestamp == "function" ? t.timestamp : t.timestamp === !1 ? De : Me;
+  return typeof t.timestamp == "function" ? t.timestamp : t.timestamp === !1 ? De : Ne;
 }
 function ie() {
   return {};
@@ -346,7 +346,7 @@ function ne() {
 function De() {
   return !1;
 }
-function Me() {
+function Ne() {
   return Date.now();
 }
 function ft() {
@@ -372,12 +372,12 @@ function mt() {
 }
 ue.exports.default = K;
 ue.exports.pino = K;
-var gt = ue.exports;
-const se = /* @__PURE__ */ Ge(gt);
+var pt = ue.exports;
+const se = /* @__PURE__ */ Qe(pt);
 function ce() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-function pt() {
+function gt() {
   var t;
   return typeof process < "u" && ((t = process.versions) == null ? void 0 : t.node) !== void 0;
 }
@@ -402,7 +402,7 @@ function bt(t = {}) {
     // Use default console write
     ...(s == null ? void 0 : s.browser) || {}
     // Allow override via pinoOptions
-  }), r && pt() && !ce())
+  }), r && gt() && !ce())
     try {
       return se(
         l,
@@ -421,7 +421,7 @@ function bt(t = {}) {
     }
   return se(l);
 }
-class Ne {
+class Fe {
   constructor(e = {}) {
     this.isProd = ce(), this.pinoLogger = bt(e);
   }
@@ -450,9 +450,9 @@ class Ne {
     return this.pinoLogger;
   }
 }
-new Ne();
+new Fe();
 function he(t, e = {}) {
-  return new Ne({
+  return new Fe({
     ...e,
     name: e.name || `WSX:${t}`
   });
@@ -506,11 +506,11 @@ const yt = he("RouterUtils"), te = class te {
         exact: !1
       };
     if (e.includes(":")) {
-      const s = ((r = e.match(/:([^/]+)/g)) == null ? void 0 : r.map((u) => u.slice(1))) || [], l = e.replace(/:[^/]+/g, "([^/]+)"), m = new RegExp(`^${l}$`), g = n.match(m);
-      if (g && s.length > 0) {
+      const s = ((r = e.match(/:([^/]+)/g)) == null ? void 0 : r.map((u) => u.slice(1))) || [], l = e.replace(/:[^/]+/g, "([^/]+)"), m = new RegExp(`^${l}$`), p = n.match(m);
+      if (p && s.length > 0) {
         const u = {};
-        return s.forEach((i, p) => {
-          u[i] = g[p + 1];
+        return s.forEach((i, g) => {
+          u[i] = p[g + 1];
         }), {
           route: e,
           params: u,
@@ -641,11 +641,11 @@ const yt = he("RouterUtils"), te = class te {
 };
 te._currentRoute = null;
 let le = te;
-const $e = ":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";
-var qe;
-let Fe, He;
-function U(t, e, n) {
-  return (e = Ue(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+const ke = ":host{display:grid;width:100%}.router-outlet{width:100%}:host>wsx-view{grid-area:1 / 1}";
+var Me;
+let qe, Ue;
+function B(t, e, n) {
+  return (e = Be(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
 function wt(t, e, n, r, s, l) {
   function m(o, c, f) {
@@ -653,7 +653,7 @@ function wt(t, e, n, r, s, l) {
       return f && f(h), o[c].call(h, d);
     };
   }
-  function g(o, c) {
+  function p(o, c) {
     for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
@@ -661,7 +661,7 @@ function wt(t, e, n, r, s, l) {
     if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
     return o;
   }
-  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+  function i(o, c, f, h, d, T, V, A, I, $, _, E, R) {
     function j(b) {
       if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
@@ -669,46 +669,46 @@ function wt(t, e, n, r, s, l) {
     if (!P) {
       f || Array.isArray(C) || (C = [C]);
       var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
-      _ ? (k || E ? a = { get: je(function() {
+      $ ? (_ || E ? a = { get: je(function() {
         return O(this);
       }, h, "get"), set: function(b) {
         c[4](this, b);
-      } } : a[L] = O, k || je(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
+      } } : a[L] = O, _ || je(a[L], h, d === 2 ? "" : L)) : _ || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
-      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+    for (var w = o, M = C.length - 1; M >= 0; M -= f ? 2 : 1) {
+      var J = C[M], G = f ? C[M - 1] : void 0, Q = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
         if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
         u(W, "An initializer", "be", !0), V.push(W);
-      }).bind(null, G) };
+      }).bind(null, Q) };
       try {
-        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
+        if (P) (y = u(J.call(G, w, D), "class decorators", "return")) && (w = y);
         else {
-          var M, F;
-          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+          var N, q;
+          D.static = I, D.private = $, $ ? d === 2 ? N = function(b) {
             return j(b), a.value;
-          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+          } : (d < 4 && (N = m(a, "get", j)), d !== 3 && (q = m(a, "set", j))) : (N = function(b) {
             return b[h];
-          }, (d < 2 || d === 4) && (F = function(b, W) {
+          }, (d < 2 || d === 4) && (q = function(b, W) {
             b[h] = W;
           }));
-          var X = D.access = { has: _ ? R.bind() : function(b) {
+          var X = D.access = { has: $ ? R.bind() : function(b) {
             return h in b;
           } };
-          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+          if (N && (X.get = N), q && (X.set = q), w = J.call(G, E ? { get: a.get, set: a.set } : a[L], D), E) {
             if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
+          } else u(w, (_ ? "field" : "method") + " decorators", "return") && (_ ? S.push(w) : a[L] = w);
         }
       } finally {
-        G.v = !0;
+        Q.v = !0;
       }
     }
-    return (k || E) && A.push(function(b, W) {
-      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+    return (_ || E) && A.push(function(b, W) {
+      for (var U = S.length - 1; U >= 0; U--) W = S[U].call(b, W);
       return W;
-    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+    }), _ || P || ($ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
   }
-  function p(o, c) {
+  function g(o, c) {
     return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
   if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
@@ -716,11 +716,11 @@ function wt(t, e, n, r, s, l) {
     var d, T, V = [], A = function(L) {
       return Et(L) === o;
     }, I = /* @__PURE__ */ new Map();
-    function _(L) {
-      L && V.push(g.bind(null, L));
+    function $(L) {
+      L && V.push(p.bind(null, L));
     }
-    for (var k = 0; k < c.length; k++) {
-      var E = c[k];
+    for (var _ = 0; _ < c.length; _++) {
+      var E = c[_];
       if (Array.isArray(E)) {
         var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
         if (!P && !y) {
@@ -728,17 +728,17 @@ function wt(t, e, n, r, s, l) {
           if (S === !0 || S === 3 && R !== 4 || S === 4 && R !== 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: " + j);
           I.set(a, !(R > 2) || R);
         }
-        i(O ? o : o.prototype, E, C, y ? "#" + j : Ue(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
+        i(O ? o : o.prototype, E, C, y ? "#" + j : Be(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return _(d), _(T), V;
+    return $(d), $(T), V;
   }(t, e, s, z);
-  return n.length || p(t, z), { e: x, get c() {
+  return n.length || g(t, z), { e: x, get c() {
     var o = [];
-    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
+    return n.length && [g(i(t, [n], r, t.name, 5, z, o), z), p.bind(null, o, t)];
   } };
 }
-function Ue(t) {
+function Be(t) {
   var e = xt(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
@@ -764,25 +764,25 @@ function Et(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
-const $ = he("WsxRouter");
-He = [we({
+const k = he("WsxRouter");
+Ue = [we({
   tagName: "wsx-router"
 })];
 let Rt;
 class Lt extends oe {
   constructor() {
     super({
-      styles: $e,
+      styles: ke,
       styleName: "wsx-router"
-    }), U(this, "_autoStyles", $e), U(this, "views", /* @__PURE__ */ new Map()), U(this, "currentView", null), U(this, "currentPath", ""), U(this, "isHandlingRoute", !1), U(this, "compiledRoutes", /* @__PURE__ */ new Map()), U(this, "matchCache", /* @__PURE__ */ new Map()), U(this, "enableViewTransitions", !0), U(this, "scrollRestoration", "manual"), U(this, "handleRouteChange", () => {
+    }), B(this, "_autoStyles", ke), B(this, "views", /* @__PURE__ */ new Map()), B(this, "currentView", null), B(this, "currentPath", ""), B(this, "isHandlingRoute", !1), B(this, "compiledRoutes", /* @__PURE__ */ new Map()), B(this, "matchCache", /* @__PURE__ */ new Map()), B(this, "enableViewTransitions", !0), B(this, "scrollRestoration", "manual"), B(this, "handleRouteChange", () => {
       if (this.isHandlingRoute) {
-        $.debug("Route change already in progress, skipping");
+        k.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;
+      this.views.size === 0 && (this.collectViews(), k.debug(`WsxRouter re-collected views: ${this.views.size}`)), this.isHandlingRoute = !0;
       try {
         const e = window.location.pathname;
-        $.debug(`WsxRouter: Route changed to: ${e}`);
+        k.debug(`WsxRouter: Route changed to: ${e}`);
         const n = new CustomEvent("before-navigate", {
           detail: {
             to: e,
@@ -792,7 +792,7 @@ class Lt extends oe {
           cancelable: !0
         });
         if (!this.dispatchEvent(n)) {
-          $.debug(`Navigation to ${e} was cancelled`);
+          k.debug(`Navigation to ${e} was cancelled`);
           return;
         }
         this.performNavigation(e);
@@ -801,7 +801,7 @@ class Lt extends oe {
           this.isHandlingRoute = !1;
         });
       }
-    }), U(this, "interceptLinks", (e) => {
+    }), B(this, "interceptLinks", (e) => {
       const n = e.target.closest("a");
       if (!n) return;
       const r = n.getAttribute("href");
@@ -812,14 +812,14 @@ class Lt extends oe {
     return /* @__PURE__ */ ae("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.views.size === 0 && (this.collectViews(), k.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();
+    k.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(), k.debug(`WsxRouter collected views in onConnected: ${this.views.size}`)), requestAnimationFrame(() => {
+        k.debug(`WsxRouter handling initial route: ${window.location.pathname}`), this.handleRouteChange();
       });
     });
   }
@@ -828,11 +828,11 @@ class Lt extends oe {
   }
   collectViews() {
     const e = Array.from(this.children).filter((n) => n.tagName.toLowerCase() === "wsx-view");
-    $.debug(`WsxRouter found ${e.length} views`), this.views.clear(), this.compiledRoutes.clear(), this.matchCache.clear(), e.forEach((n) => {
+    k.debug(`WsxRouter found ${e.length} views`), this.views.clear(), this.compiledRoutes.clear(), this.matchCache.clear(), e.forEach((n) => {
       const r = n.getAttribute("route") || "/";
-      if (this.views.set(r, n), $.debug(`WsxRouter registered route: ${r}`), r.includes(":")) {
+      if (this.views.set(r, n), k.debug(`WsxRouter registered route: ${r}`), r.includes(":")) {
         const s = r.replace(/:[^/]+/g, "([^/]+)"), l = new RegExp(`^${s}$`);
-        this.compiledRoutes.set(r, l), $.debug(`WsxRouter compiled regex for route: ${r} -> ${l}`);
+        this.compiledRoutes.set(r, l), k.debug(`WsxRouter compiled regex for route: ${r} -> ${l}`);
       }
       n.style.display = "none";
     });
@@ -846,21 +846,21 @@ class Lt extends oe {
       if (r) {
         r.style.display = "block", r.style.visibility = "visible";
         const s = r.getAttribute("route") || "/";
-        $.debug(`Showing view for route: ${s}`);
-        for (const [p, v] of this.views)
+        k.debug(`Showing view for route: ${s}`);
+        for (const [g, v] of this.views)
           v !== r && (v.style.display = "none", v.style.visibility = "");
         this.currentView = r;
         const l = this.extractParams(s, e);
-        $.debug(`Extracted params for route ${s} and path ${e}:`, l), l && requestAnimationFrame(() => {
-          r.setAttribute("params", JSON.stringify(l)), $.debug(`Set params attribute on view: ${JSON.stringify(l)}`);
+        k.debug(`Extracted params for route ${s} and path ${e}:`, l), l && requestAnimationFrame(() => {
+          r.setAttribute("params", JSON.stringify(l)), k.debug(`Set params attribute on view: ${JSON.stringify(l)}`);
         });
-        const m = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, g = new URL(m, window.location.origin || "http://localhost"), u = {
+        const m = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, p = new URL(m, window.location.origin || "http://localhost"), u = {
           path: e,
           params: l || {},
-          query: Object.fromEntries(g.searchParams.entries()),
-          hash: g.hash.slice(1)
+          query: Object.fromEntries(p.searchParams.entries()),
+          hash: p.hash.slice(1)
         };
-        le._setCurrentRoute(u), $.debug("Updated RouterUtils._currentRoute:", u);
+        le._setCurrentRoute(u), k.debug("Updated RouterUtils._currentRoute:", u);
         const i = new CustomEvent("route-changed", {
           detail: u,
           bubbles: !0
@@ -869,7 +869,7 @@ class Lt extends oe {
       } else {
         for (const [u, i] of this.views)
           i.style.display = "none";
-        this.currentView = null, $.warn(`No view found for path: ${e}`);
+        this.currentView = null, k.warn(`No view found for path: ${e}`);
         const s = window.location.href || `${window.location.pathname}${window.location.search}${window.location.hash}`, l = new URL(s, window.location.origin || "http://localhost"), m = {
           path: e,
           params: {},
@@ -877,11 +877,11 @@ class Lt extends oe {
           hash: l.hash.slice(1)
         };
         le._setCurrentRoute(m);
-        const g = new CustomEvent("route-changed", {
+        const p = new CustomEvent("route-changed", {
           detail: m,
           bubbles: !0
         });
-        document.dispatchEvent(g);
+        document.dispatchEvent(p);
       }
       this.handleScrollRestoration(e), this.dispatchEvent(new CustomEvent("after-navigate", {
         detail: {
@@ -897,7 +897,7 @@ class Lt extends oe {
    * RFC 0033: 滚动恢复处理
    */
   handleScrollRestoration(e) {
-    this.scrollRestoration === "manual" && (this.isBackNavigation() || (window.scrollTo(0, 0), $.debug("Scrolled to top for forward navigation")));
+    this.scrollRestoration === "manual" && (this.isBackNavigation() || (window.scrollTo(0, 0), k.debug("Scrolled to top for forward navigation")));
   }
   /**
    * RFC 0033: 检测是否是后退导航
@@ -907,54 +907,54 @@ class Lt extends oe {
     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)) {
+    if (k.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;
+      return k.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}`);
+      return this.matchCache.set(e, e), k.warn(`matchRoute: exact match found for ${e}`), this.views.get(e);
+    k.warn(`matchRoute: checking parameter routes, compiledRoutes count: ${this.compiledRoutes.size}`);
     for (const [r, s] of this.views)
       if (r.includes(":")) {
         const l = this.compiledRoutes.get(r);
         if (l) {
           const m = l.test(e);
-          if ($.warn(`matchRoute: testing route ${r} against ${e}, matches: ${m}`), m)
-            return this.matchCache.set(e, r), $.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`), s;
+          if (k.warn(`matchRoute: testing route ${r} against ${e}, matches: ${m}`), m)
+            return this.matchCache.set(e, r), k.warn(`matchRoute: parameter match found, route: ${r}, path: ${e}`), s;
         } else
-          $.warn(`matchRoute: route ${r} has ':' but no compiled regex found`);
+          k.warn(`matchRoute: route ${r} has ':' but no compiled regex found`);
       }
     const n = this.views.get("*") || null;
-    return n ? (this.matchCache.set(e, "*"), $.warn(`matchRoute: wildcard match found for ${e}`)) : $.warn(`matchRoute: no match found for ${e}, no wildcard view available`), n;
+    return n ? (this.matchCache.set(e, "*"), k.warn(`matchRoute: wildcard match found for ${e}`)) : k.warn(`matchRoute: no match found for ${e}, no wildcard view available`), n;
   }
   extractParams(e, n) {
     var u;
     if (!e.includes(":")) return null;
     const r = ((u = e.match(/:([^/]+)/g)) == null ? void 0 : u.map((i) => i.slice(1))) || [], s = e.replace(/:[^/]+/g, "([^/]+)"), l = new RegExp(`^${s}$`), m = n.match(l);
     if (!m || !r.length) return null;
-    const g = {};
-    return r.forEach((i, p) => {
-      g[i] = m[p + 1];
-    }), g;
+    const p = {};
+    return r.forEach((i, g) => {
+      p[i] = m[g + 1];
+    }), p;
   }
   /**
    * RFC 0032: 清除匹配缓存
    * 当路由配置变更时调用，确保使用最新的路由规则
    */
   clearMatchCache() {
-    this.matchCache.clear(), $.debug("WsxRouter cleared match cache");
+    this.matchCache.clear(), k.debug("WsxRouter cleared match cache");
   }
   /**
    * RFC 0033: 配置 View Transitions
    */
   setViewTransitions(e) {
-    this.enableViewTransitions = e, $.debug(`View Transitions ${e ? "enabled" : "disabled"}`);
+    this.enableViewTransitions = e, k.debug(`View Transitions ${e ? "enabled" : "disabled"}`);
   }
   /**
    * RFC 0033: 配置 Scroll Restoration
    */
   setScrollRestoration(e) {
-    this.scrollRestoration = e, "scrollRestoration" in history && (history.scrollRestoration = e), $.debug(`Scroll Restoration set to ${e}`);
+    this.scrollRestoration = e, "scrollRestoration" in history && (history.scrollRestoration = e), k.debug(`Scroll Restoration set to ${e}`);
   }
   /**
    * 编程式导航 - 使用原生 History API
@@ -963,22 +963,22 @@ class Lt extends oe {
     window.history.pushState(null, "", e), this.handleRouteChange();
   }
 }
-qe = Lt;
-[Rt, Fe] = wt(qe, [], He, 0, void 0, oe).c;
-Fe();
+Me = Lt;
+[Rt, qe] = wt(Me, [], Ue, 0, void 0, oe).c;
+qe();
 const Ce = ":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 me, ge;
-let Oe, Be, Se;
+var me, pe;
+let Oe, He, Se;
 function ee(t, e, n) {
   return (e = Ke(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function kt(t, e, n, r, s, l) {
+function _t(t, e, n, r, s, l) {
   function m(o, c, f) {
     return function(h, d) {
       return f && f(h), o[c].call(h, d);
     };
   }
-  function g(o, c) {
+  function p(o, c) {
     for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
@@ -986,7 +986,7 @@ function kt(t, e, n, r, s, l) {
     if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
     return o;
   }
-  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+  function i(o, c, f, h, d, T, V, A, I, $, _, E, R) {
     function j(b) {
       if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
@@ -994,58 +994,58 @@ function kt(t, e, n, r, s, l) {
     if (!P) {
       f || Array.isArray(C) || (C = [C]);
       var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
-      _ ? (k || E ? a = { get: We(function() {
+      $ ? (_ || E ? a = { get: We(function() {
         return O(this);
       }, h, "get"), set: function(b) {
         c[4](this, b);
-      } } : a[L] = O, k || We(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
+      } } : a[L] = O, _ || We(a[L], h, d === 2 ? "" : L)) : _ || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
-      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+    for (var w = o, M = C.length - 1; M >= 0; M -= f ? 2 : 1) {
+      var J = C[M], G = f ? C[M - 1] : void 0, Q = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
         if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
         u(W, "An initializer", "be", !0), V.push(W);
-      }).bind(null, G) };
+      }).bind(null, Q) };
       try {
-        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
+        if (P) (y = u(J.call(G, w, D), "class decorators", "return")) && (w = y);
         else {
-          var M, F;
-          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+          var N, q;
+          D.static = I, D.private = $, $ ? d === 2 ? N = function(b) {
             return j(b), a.value;
-          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+          } : (d < 4 && (N = m(a, "get", j)), d !== 3 && (q = m(a, "set", j))) : (N = function(b) {
             return b[h];
-          }, (d < 2 || d === 4) && (F = function(b, W) {
+          }, (d < 2 || d === 4) && (q = function(b, W) {
             b[h] = W;
           }));
-          var X = D.access = { has: _ ? R.bind() : function(b) {
+          var X = D.access = { has: $ ? R.bind() : function(b) {
             return h in b;
           } };
-          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+          if (N && (X.get = N), q && (X.set = q), w = J.call(G, E ? { get: a.get, set: a.set } : a[L], D), E) {
             if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
+          } else u(w, (_ ? "field" : "method") + " decorators", "return") && (_ ? S.push(w) : a[L] = w);
         }
       } finally {
-        G.v = !0;
+        Q.v = !0;
       }
     }
-    return (k || E) && A.push(function(b, W) {
-      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+    return (_ || E) && A.push(function(b, W) {
+      for (var U = S.length - 1; U >= 0; U--) W = S[U].call(b, W);
       return W;
-    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+    }), _ || P || ($ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
   }
-  function p(o, c) {
+  function g(o, c) {
     return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
   if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
   var z = Object.create(v ?? null), x = function(o, c, f, h) {
     var d, T, V = [], A = function(L) {
-      return $t(L) === o;
+      return kt(L) === o;
     }, I = /* @__PURE__ */ new Map();
-    function _(L) {
-      L && V.push(g.bind(null, L));
+    function $(L) {
+      L && V.push(p.bind(null, L));
     }
-    for (var k = 0; k < c.length; k++) {
-      var E = c[k];
+    for (var _ = 0; _ < c.length; _++) {
+      var E = c[_];
       if (Array.isArray(E)) {
         var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
         if (!P && !y) {
@@ -1056,18 +1056,18 @@ function kt(t, e, n, r, s, l) {
         i(O ? o : o.prototype, E, C, y ? "#" + j : Ke(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return _(d), _(T), V;
+    return $(d), $(T), V;
   }(t, e, s, z);
-  return n.length || p(t, z), { e: x, get c() {
+  return n.length || g(t, z), { e: x, get c() {
     var o = [];
-    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
+    return n.length && [g(i(t, [n], r, t.name, 5, z, o), z), p.bind(null, o, t)];
   } };
 }
 function Ke(t) {
-  var e = _t(t, "string");
+  var e = $t(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function _t(t, e) {
+function $t(t, e) {
   if (typeof t != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -1085,19 +1085,19 @@ function We(t, e, n) {
   }
   return t;
 }
-function $t(t) {
+function kt(t) {
   if (Object(t) !== t) throw TypeError("right-hand side of 'in' should be an object, got " + (t !== null ? typeof t : "null"));
   return t;
 }
 function jt(t) {
   return t;
 }
-const N = he("WsxView");
-Be = [we({
+const F = he("WsxView");
+He = [we({
   tagName: "wsx-view"
 })];
 let ze;
-new (Se = (ge = class extends oe {
+new (Se = (pe = class extends oe {
   // 防止重复加载的标志
   constructor() {
     super({
@@ -1124,59 +1124,59 @@ new (Se = (ge = class extends oe {
         });
       else if (e === "params" && this.componentInstance)
         try {
-          this.params = JSON.parse(r), N.debug("WsxView: params attribute changed, setting on component:", this.params), Object.entries(this.params).forEach(([s, l]) => {
+          this.params = JSON.parse(r), F.debug("WsxView: params attribute changed, setting on component:", this.params), Object.entries(this.params).forEach(([s, l]) => {
             this.componentInstance.setAttribute(s, l);
-          }), N.debug(`WsxView: params set on component ${this.componentInstance.tagName}`);
+          }), F.debug(`WsxView: params set on component ${this.componentInstance.tagName}`);
         } catch (s) {
-          N.warn("Failed to parse params:", s);
+          F.warn("Failed to parse params:", s);
         }
     }
   }
   async loadComponent(e) {
     if (!this.connected || this.isLoading || this.componentInstance) {
-      N.debug(`Skipping loadComponent for ${e}: connected=${this.connected}, isLoading=${this.isLoading}, hasInstance=${!!this.componentInstance}`);
+      F.debug(`Skipping loadComponent for ${e}: connected=${this.connected}, isLoading=${this.isLoading}, hasInstance=${!!this.componentInstance}`);
       return;
     }
-    N.debug(`WsxView: Loading component ${e}`), this.isLoading = !0;
+    F.debug(`WsxView: Loading component ${e}`), this.isLoading = !0;
     try {
       const n = this.componentInstance;
       if (n && (n.remove(), this.componentInstance = null), !customElements.get(e)) {
-        N.warn(`Component ${e} not found in customElements registry`), this.isLoading = !1;
+        F.warn(`Component ${e} not found in customElements registry`), this.isLoading = !1;
         return;
       }
-      N.warn(`WsxView: Creating instance of ${e}`), this.componentInstance = document.createElement(e), Object.keys(this.params).length > 0 && (N.warn(`WsxView: Setting initial params on ${e}:`, this.params), Object.entries(this.params).forEach(([l, m]) => {
+      F.warn(`WsxView: Creating instance of ${e}`), this.componentInstance = document.createElement(e), Object.keys(this.params).length > 0 && (F.warn(`WsxView: Setting initial params on ${e}:`, this.params), Object.entries(this.params).forEach(([l, m]) => {
         this.componentInstance.setAttribute(l, m);
       }));
       const s = this.querySelector(".route-view");
       if (s) {
-        if (N.warn(`WsxView: Appending ${e} to container`), !customElements.get(e)) {
-          N.error(`WsxView: Component ${e} is not registered in customElements registry!`), this.isLoading = !1, this.componentInstance = null;
+        if (F.warn(`WsxView: Appending ${e} to container`), !customElements.get(e)) {
+          F.error(`WsxView: Component ${e} is not registered in customElements registry!`), this.isLoading = !1, this.componentInstance = null;
           return;
         }
-        s.appendChild(this.componentInstance), N.warn(`WsxView: Component ${e} appended successfully, waiting for connectedCallback...`), setTimeout(() => {
-          this.componentInstance && this.componentInstance.isConnected ? N.warn(`WsxView: Component ${e} is now connected to DOM`) : N.error(`WsxView: Component ${e} was not connected to DOM!`);
+        s.appendChild(this.componentInstance), F.warn(`WsxView: Component ${e} appended successfully, waiting for connectedCallback...`), setTimeout(() => {
+          this.componentInstance && this.componentInstance.isConnected ? F.warn(`WsxView: Component ${e} is now connected to DOM`) : F.error(`WsxView: Component ${e} was not connected to DOM!`);
         }, 0);
       } else
-        N.error("WsxView: Route view container not found"), this.componentInstance = null;
+        F.error("WsxView: Route view container not found"), this.componentInstance = null;
     } catch (n) {
-      N.warn(`Error loading component ${e}:`, n), this.componentInstance = null;
+      F.warn(`Error loading component ${e}:`, n), this.componentInstance = null;
     } finally {
-      this.isLoading = !1, N.warn(`WsxView: loadComponent for ${e} completed, isLoading=${this.isLoading}`);
+      this.isLoading = !1, F.warn(`WsxView: loadComponent for ${e} completed, isLoading=${this.isLoading}`);
     }
   }
   onDisconnected() {
     this.componentInstance && (this.componentInstance.remove(), this.componentInstance = null);
   }
-}, [ze, Oe] = kt(ge, [], Be, 0, void 0, oe).c, ge), me = class extends jt {
+}, [ze, Oe] = _t(pe, [], He, 0, void 0, oe).c, pe), me = class extends jt {
   constructor() {
     super(ze), ee(this, "observedAttributes", ["route", "component", "params"]), Oe();
   }
 }, ee(me, Se, void 0), me)();
 const Ct = ':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 pe, ve;
+var ge, ve;
 let Ae, Je, Te;
-function B(t, e, n) {
-  return (e = Qe(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function H(t, e, n) {
+  return (e = Ge(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
 function Ot(t, e, n, r, s, l) {
   function m(o, c, f) {
@@ -1184,7 +1184,7 @@ function Ot(t, e, n, r, s, l) {
       return f && f(h), o[c].call(h, d);
     };
   }
-  function g(o, c) {
+  function p(o, c) {
     for (var f = 0; f < o.length; f++) o[f].call(c);
     return c;
   }
@@ -1192,7 +1192,7 @@ function Ot(t, e, n, r, s, l) {
     if (typeof o != "function" && (h || o !== void 0)) throw new TypeError(c + " must " + (f || "be") + " a function" + (h ? "" : " or undefined"));
     return o;
   }
-  function i(o, c, f, h, d, T, V, A, I, _, k, E, R) {
+  function i(o, c, f, h, d, T, V, A, I, $, _, E, R) {
     function j(b) {
       if (!R(b)) throw new TypeError("Attempted to access private element on non-instance");
     }
@@ -1200,46 +1200,46 @@ function Ot(t, e, n, r, s, l) {
     if (!P) {
       f || Array.isArray(C) || (C = [C]);
       var a = {}, S = [], L = d === 3 ? "get" : d === 4 || E ? "set" : "value";
-      _ ? (k || E ? a = { get: Ve(function() {
+      $ ? (_ || E ? a = { get: Ve(function() {
         return O(this);
       }, h, "get"), set: function(b) {
         c[4](this, b);
-      } } : a[L] = O, k || Ve(a[L], h, d === 2 ? "" : L)) : k || (a = Object.getOwnPropertyDescriptor(o, h));
+      } } : a[L] = O, _ || Ve(a[L], h, d === 2 ? "" : L)) : _ || (a = Object.getOwnPropertyDescriptor(o, h));
     }
-    for (var w = o, q = C.length - 1; q >= 0; q -= f ? 2 : 1) {
-      var J = C[q], Q = f ? C[q - 1] : void 0, G = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
+    for (var w = o, M = C.length - 1; M >= 0; M -= f ? 2 : 1) {
+      var J = C[M], G = f ? C[M - 1] : void 0, Q = {}, D = { kind: ["field", "accessor", "method", "getter", "setter", "class"][d], name: h, metadata: T, addInitializer: (function(b, W) {
         if (b.v) throw Error("attempted to call addInitializer after decoration was finished");
         u(W, "An initializer", "be", !0), V.push(W);
-      }).bind(null, G) };
+      }).bind(null, Q) };
       try {
-        if (P) (y = u(J.call(Q, w, D), "class decorators", "return")) && (w = y);
+        if (P) (y = u(J.call(G, w, D), "class decorators", "return")) && (w = y);
         else {
-          var M, F;
-          D.static = I, D.private = _, _ ? d === 2 ? M = function(b) {
+          var N, q;
+          D.static = I, D.private = $, $ ? d === 2 ? N = function(b) {
             return j(b), a.value;
-          } : (d < 4 && (M = m(a, "get", j)), d !== 3 && (F = m(a, "set", j))) : (M = function(b) {
+          } : (d < 4 && (N = m(a, "get", j)), d !== 3 && (q = m(a, "set", j))) : (N = function(b) {
             return b[h];
-          }, (d < 2 || d === 4) && (F = function(b, W) {
+          }, (d < 2 || d === 4) && (q = function(b, W) {
             b[h] = W;
           }));
-          var X = D.access = { has: _ ? R.bind() : function(b) {
+          var X = D.access = { has: $ ? R.bind() : function(b) {
             return h in b;
           } };
-          if (M && (X.get = M), F && (X.set = F), w = J.call(Q, E ? { get: a.get, set: a.set } : a[L], D), E) {
+          if (N && (X.get = N), q && (X.set = q), w = J.call(G, E ? { get: a.get, set: a.set } : a[L], D), E) {
             if (typeof w == "object" && w) (y = u(w.get, "accessor.get")) && (a.get = y), (y = u(w.set, "accessor.set")) && (a.set = y), (y = u(w.init, "accessor.init")) && S.push(y);
             else if (w !== void 0) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
-          } else u(w, (k ? "field" : "method") + " decorators", "return") && (k ? S.push(w) : a[L] = w);
+          } else u(w, (_ ? "field" : "method") + " decorators", "return") && (_ ? S.push(w) : a[L] = w);
         }
       } finally {
-        G.v = !0;
+        Q.v = !0;
       }
     }
-    return (k || E) && A.push(function(b, W) {
-      for (var H = S.length - 1; H >= 0; H--) W = S[H].call(b, W);
+    return (_ || E) && A.push(function(b, W) {
+      for (var U = S.length - 1; U >= 0; U--) W = S[U].call(b, W);
       return W;
-    }), k || P || (_ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
+    }), _ || P || ($ ? E ? A.push(m(a, "get"), m(a, "set")) : A.push(d === 2 ? a[L] : m.call.bind(a[L])) : Object.defineProperty(o, h, a)), w;
   }
-  function p(o, c) {
+  function g(o, c) {
     return Object.defineProperty(o, Symbol.metadata || Symbol.for("Symbol.metadata"), { configurable: !0, enumerable: !0, value: c });
   }
   if (arguments.length >= 6) var v = l[Symbol.metadata || Symbol.for("Symbol.metadata")];
@@ -1247,11 +1247,11 @@ function Ot(t, e, n, r, s, l) {
     var d, T, V = [], A = function(L) {
       return Wt(L) === o;
     }, I = /* @__PURE__ */ new Map();
-    function _(L) {
-      L && V.push(g.bind(null, L));
+    function $(L) {
+      L && V.push(p.bind(null, L));
     }
-    for (var k = 0; k < c.length; k++) {
-      var E = c[k];
+    for (var _ = 0; _ < c.length; _++) {
+      var E = c[_];
       if (Array.isArray(E)) {
         var R = E[1], j = E[2], y = E.length > 3, C = 16 & R, O = !!(8 & R), P = (R &= 7) == 0, a = j + "/" + O;
         if (!P && !y) {
@@ -1259,17 +1259,17 @@ function Ot(t, e, n, r, s, l) {
           if (S === !0 || S === 3 && R !== 4 || S === 4 && R !== 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: " + j);
           I.set(a, !(R > 2) || R);
         }
-        i(O ? o : o.prototype, E, C, y ? "#" + j : Qe(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
+        i(O ? o : o.prototype, E, C, y ? "#" + j : Ge(j), R, h, O ? T = T || [] : d = d || [], V, O, y, P, R === 1, O && y ? A : f);
       }
     }
-    return _(d), _(T), V;
+    return $(d), $(T), V;
   }(t, e, s, z);
-  return n.length || p(t, z), { e: x, get c() {
+  return n.length || g(t, z), { e: x, get c() {
     var o = [];
-    return n.length && [p(i(t, [n], r, t.name, 5, z, o), z), g.bind(null, o, t)];
+    return n.length && [g(i(t, [n], r, t.name, 5, z, o), z), p.bind(null, o, t)];
   } };
 }
-function Qe(t) {
+function Ge(t) {
   var e = St(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
@@ -1305,7 +1305,7 @@ Je = [we({
 let Pe;
 new (Te = (ve = class extends Re {
   constructor() {
-    super(), B(this, "_autoStyles", Ct), B(this, "to", void 0), B(this, "replace", void 0), B(this, "activeClass", void 0), B(this, "exact", void 0), B(this, "handleClick", (i) => {
+    super(), H(this, "_autoStyles", Ct), H(this, "to", void 0), H(this, "replace", void 0), H(this, "activeClass", void 0), H(this, "exact", void 0), H(this, "handleClick", (i) => {
       if (i.preventDefault(), !this.to) {
         Ie.warn("No 'to' attribute specified");
         return;
@@ -1315,10 +1315,10 @@ new (Te = (ve = class extends Re {
         return;
       }
       this.replace ? window.history.replaceState(null, "", this.to) : window.history.pushState(null, "", this.to), window.dispatchEvent(new PopStateEvent("popstate")), Ie.debug(`Navigated to: ${this.to}`);
-    }), B(this, "updateActiveState", () => {
+    }), H(this, "updateActiveState", () => {
       var z;
-      const i = window.location.pathname, p = this.exact ? i === this.to : i.startsWith(this.to) && this.to !== "/", v = (z = this.shadowRoot) == null ? void 0 : z.querySelector("a");
-      v && (p ? (v.classList.add(this.activeClass), this.setAttribute("active", "")) : (v.classList.remove(this.activeClass), this.removeAttribute("active")));
+      const i = window.location.pathname, g = this.exact ? i === this.to : i.startsWith(this.to) && this.to !== "/", v = (z = this.shadowRoot) == null ? void 0 : z.querySelector("a");
+      v && (g ? (v.classList.add(this.activeClass), this.setAttribute("active", "")) : (v.classList.remove(this.activeClass), this.removeAttribute("active")));
     });
     const [e, n] = this.useState("to", "");
     Object.defineProperty(this, "to", {
@@ -1341,9 +1341,9 @@ new (Te = (ve = class extends Re {
       enumerable: !0,
       configurable: !0
     });
-    const [g, u] = this.useState("exact", !1);
+    const [p, u] = this.useState("exact", !1);
     Object.defineProperty(this, "exact", {
-      get: g,
+      get: p,
       set: u,
       enumerable: !0,
       configurable: !0
@@ -1388,11 +1388,11 @@ new (Te = (ve = class extends Re {
       cancelable: !0
     }));
   }
-}, [Pe, Ae] = Ot(ve, [], Je, 0, void 0, Re).c, ve), pe = class extends zt {
+}, [Pe, Ae] = Ot(ve, [], Je, 0, void 0, Re).c, ve), ge = class extends zt {
   constructor() {
-    super(Pe), B(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), Ae();
+    super(Pe), H(this, "observedAttributes", ["to", "replace", "active-class", "exact"]), Ae();
   }
-}, B(pe, Te, void 0), pe)();
+}, H(ge, Te, void 0), ge)();
 export {
   le as RouterUtils,
   Pe as WsxLink,