wj-elements 0.0.9 → 0.0.11

package/dist/wj-router-link.js

@@ -1,16 +1,16 @@
 var i = Object.defineProperty;
-var a = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var o = (e, t, r) => (a(e, typeof t != "symbol" ? t + "" : t, r), r);
-import c from "./wj-element.js";
+var c = (e, t, s) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var n = (e, t, s) => (c(e, typeof t != "symbol" ? t + "" : t, s), s);
+import a from "./wj-element.js";
 import { b as u } from "./router-links-e0087f84.js";
 import "./wj-store.js";
 const l = `:host{display:block;background:transparent!important}:host(.active){cursor:pointer;font-weight:700}
 `;
-class m extends c {
+class m extends a {
   constructor() {
     super();
-    o(this, "className", "RouterLink");
-    u(this, { selector: !1 });
+    n(this, "className", "RouterLink");
+    this.unbindRouterLinks = u(this, { selector: !1 });
   }
   static get cssStyleSheet() {
     return l;
@@ -21,9 +21,12 @@ class m extends c {
   setupAttributes() {
     this.isShadowRoot = "open", this.setAttribute("active-class", "active");
   }
-  draw(r, p, d) {
-    let s = document.createDocumentFragment(), n = document.createElement("slot");
-    return s.appendChild(n), s;
+  draw(s, d, p) {
+    let r = document.createDocumentFragment(), o = document.createElement("slot");
+    return r.appendChild(o), r;
+  }
+  beforeDisconnect() {
+    this.unbindRouterLinks();
   }
 }
 customElements.get("wj-router-link") || window.customElements.define("wj-router-link", m);

package/dist/wj-routerx.js

@@ -267,7 +267,7 @@ class Ct {
     if (t == null)
       if (this._hasPushState || !this._wantsHashChange || e) {
         t = decodeURI(this.location.pathname + this.location.search);
-        const n = this.root.replace(St, "");
+        const n = this.root.replace(Ut, "");
         t.indexOf(n) || (t = t.slice(n.length));
       } else
         t = this.getHash();
@@ -326,7 +326,7 @@ class Ct {
       return !1;
     (!e || e === !0) && (e = { trigger: !!e });
     let n = this.root + (t = this.getFragment(t || ""));
-    if (t = t.replace(Ut, ""), this.fragment !== t) {
+    if (t = t.replace(St, ""), this.fragment !== t) {
       if (this.fragment = t, t === "" && n !== "/" && (n = n.slice(0, -1)), this._hasPushState)
         this.history[e.replace ? "replaceState" : "pushState"]({}, document.title, n);
       else if (this._wantsHashChange)
@@ -358,7 +358,7 @@ class Ct {
     return this._hasPushState;
   }
 }
-const B = /^[#\/]|\s+$/g, $t = /^\/+|\/+$/g, St = /\/$/, Ut = /#.*$/;
+const B = /^[#\/]|\s+$/g, $t = /^\/+|\/+$/g, Ut = /\/$/, St = /#.*$/;
 class xt {
   constructor(t = {}) {
     this.path = t.path || "", this.options = C({
@@ -523,13 +523,13 @@ function k(r) {
     if (!w)
       if (l < t.middleware.length) {
         E = t.middleware[l], b = E.name || "anonymous", e("Transition #" + h, "resolving middleware:", b);
-        let S;
+        let U;
         try {
-          S = E.resolve ? E.resolve(p, v) : v, q(p !== S, "Middleware %s returned a transition which resulted in a deadlock", b);
+          U = E.resolve ? E.resolve(p, v) : v, q(p !== U, "Middleware %s returned a transition which resulted in a deadlock", b);
         } catch (T) {
           return t.state.activeTransition = null, W(t, p, T), f(T);
         }
-        Promise.resolve(S).then(function(T) {
+        Promise.resolve(U).then(function(T) {
           y(l + 1, T);
         }).catch(function(T) {
           e("Transition #" + h, "resolving middleware:", b, "FAILED"), t.state.activeTransition = null, W(t, p, T), f(T);
@@ -542,8 +542,8 @@ function k(r) {
           pathname: u,
           params: o,
           query: a
-        }, t.middleware.forEach((S) => {
-          S.done && S.done(p);
+        }, t.middleware.forEach((U) => {
+          U.done && U.done(p);
         }), m();
   }
   return r.noop ? m() : Promise.resolve().then(() => y(0)), r.noop && (p.noop = !0), p;
@@ -586,7 +586,7 @@ function It(r, t) {
 function qt(r) {
   return r = r || window.event, r.which === null ? r.button : r.which;
 }
-function Q(r, t, e) {
+function V(r, t, e) {
   e !== !0 && (r[t] = typeof e == "function" ? e : () => {
   });
 }
@@ -607,7 +607,7 @@ class Mt {
       location: "browser",
       logError: !0,
       qs: Dt
-    }, t), Q(this, "log", this.options.log), Q(this, "logError", this.options.logError), t.routes && this.map(t.routes);
+    }, t), V(this, "log", this.options.log), V(this, "logError", this.options.logError), t.routes && this.map(t.routes);
   }
   /**
    * Add a middleware
@@ -842,7 +842,7 @@ function Ft(r, t = document, e = jt) {
   return _t(t, (n, i) => e(n, i, r));
 }
 const Ht = Promise.resolve();
-let $ = /* @__PURE__ */ Object.create(null), M = /* @__PURE__ */ Object.create(null), j, U, x;
+let $ = /* @__PURE__ */ Object.create(null), M = /* @__PURE__ */ Object.create(null), j, S, x;
 function Bt(r) {
   const t = parseFloat(r);
   return r == t ? t : r;
@@ -861,12 +861,12 @@ class Wt {
   }
 }
 function kt(r) {
-  j = r, U = r.options.outlet;
+  j = r, S = r.options.outlet;
 }
-function Qt() {
+function Vt() {
   j = null, $ = /* @__PURE__ */ Object.create(null), M = /* @__PURE__ */ Object.create(null), x = null;
 }
-function Vt(r, t) {
+function Qt(r, t) {
   const e = Object.keys(r);
   return e.length === Object.keys(t).length && e.every((n) => t[n] === r[n]);
 }
@@ -876,10 +876,10 @@ function Kt(r) {
 function zt() {
   if (x)
     return x;
-  if (!U)
+  if (!S)
     return document.body;
-  if (x = typeof U == "string" ? document.querySelector(U) : U, !x)
-    throw new Error(`slick-router(wc): Invalid outlet option ${U}`);
+  if (x = typeof S == "string" ? document.querySelector(S) : S, !x)
+    throw new Error(`slick-router(wc): Invalid outlet option ${S}`);
   return x;
 }
 function Jt(r, t) {
@@ -893,7 +893,7 @@ function Jt(r, t) {
 function Zt(r, t) {
   let e, n, i;
   const s = Math.max(r.length, t.length);
-  for (e = 0; e < s && (n = r[e], i = t[e], !(!(n && i) || n.name !== i.name || !Vt(n.params, i.params))); e++)
+  for (e = 0; e < s && (n = r[e], i = t[e], !(!(n && i) || n.name !== i.name || !Qt(n.params, i.params))); e++)
     ;
   return e;
 }
@@ -919,7 +919,7 @@ async function Xt(r) {
   }
   return t;
 }
-function V(r, t, e) {
+function Q(r, t, e) {
   e && Object.keys(e).forEach((n) => {
     const i = e[n];
     t[n] = i instanceof Wt ? i.value(r) : i;
@@ -930,7 +930,7 @@ async function Yt(r, t, e) {
   const { path: n, pathname: i, routes: s, params: c, query: o } = r, u = { path: n, pathname: i, routes: s, params: c, query: o };
   for (let a = 0; a < e; a++) {
     const h = r.routes[a], g = $[h.name];
-    g && (g.$route = u, V(r, g, h.options.properties));
+    g && (g.$route = u, Q(r, g, h.options.properties));
   }
   for (let a = 0; a < t.length; a++) {
     const { el: h, route: g } = t[a];
@@ -938,7 +938,7 @@ async function Yt(r, t, e) {
       const m = Jt(r, e + a - 1), f = m ? Kt(m) : zt();
       if (f) {
         const d = K.get(f) || f.firstElementChild;
-        d && (f.removeChild(d), nt.add(d)), h.$route = u, V(r, h, g.options.properties), f.appendChild(h), K.set(f, h), await (h.updateComplete || Ht);
+        d && (f.removeChild(d), nt.add(d)), h.$route = u, Q(r, h, g.options.properties), f.appendChild(h), K.set(f, h), await (h.updateComplete || Ht);
       }
     }
   }
@@ -966,7 +966,7 @@ function re(r) {
 }
 const ne = {
   create: kt,
-  destroy: Qt,
+  destroy: Vt,
   resolve: ee,
   done: re
 };
@@ -1033,7 +1033,7 @@ class se extends at {
     const n = {}, i = e.attributes;
     for (let o = 0; o < i.length; o++) {
       const u = i[o].name, a = i[o].value;
-      u === "component" && a.indexOf(".js") > -1 ? n.component = () => import(a) : u !== "shadow" && (n[u] = a);
+      u === "component" && a.indexOf(".js") > -1 ? (console.log("attributeValue", a, new URL(a, import.meta.url).href), n.component = () => import(new URL(a, import.meta.url).href)) : u !== "shadow" && (n[u] = a);
     }
     const s = [];
     return Array.from(e.children).forEach((o) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "files": [
     "./dist"