@junojs/core 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,896 +1,815 @@
-var j = Object.defineProperty;
-var O = (i, t, e) => t in i ? j(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var h = (i, t, e) => O(i, typeof t != "symbol" ? t + "" : t, e);
 import "reflect-metadata";
-function z(i) {
-  return (t) => {
-    i.shadow === void 0 && (i.shadow = !0), Reflect.defineMetadata("nf:config", i, t);
-  };
-}
-function K() {
-  return (i, t) => {
-    const e = Reflect.getMetadata("nf:states", i) || [];
-    e.push(t), Reflect.defineMetadata("nf:states", e, i);
-  };
-}
-function Z() {
-  return (i, t) => {
-    const e = Reflect.getMetadata("nf:inputs", i) || [];
-    e.push(t), Reflect.defineMetadata("nf:inputs", e, i);
-  };
-}
-function G(i) {
-  return (t, e) => {
-    const s = Reflect.getMetadata("nf:params", t) || [];
-    s.push({ key: e, paramName: i || e }), Reflect.defineMetadata("nf:params", s, t);
-  };
-}
-function Q(i) {
-  return (t, e) => {
-    Reflect.defineMetadata("nf:inject", i, t, e);
-  };
-}
-function X() {
-  return (i, t) => {
-    const e = Reflect.getMetadata("nf:transforms", i) || [];
-    e.push(t), Reflect.defineMetadata("nf:transforms", e, i);
-  };
-}
-function B() {
-  return (i, t) => {
-    const e = Reflect.getMetadata("nf:actions", i) || [];
-    e.push(t), Reflect.defineMetadata("nf:actions", e, i);
-  };
-}
-function Y(i) {
-  return (t, e) => {
-    const s = Reflect.getMetadata("nf:provides", t) || [];
-    s.push({ key: i, property: e }), Reflect.defineMetadata("nf:provides", s, t);
-  };
-}
-function tt(i) {
-  return (t, e) => {
-    const s = Reflect.getMetadata("nf:injects", t) || [];
-    s.push({ key: i, property: e }), Reflect.defineMetadata("nf:injects", s, t);
-  };
-}
-function et(i) {
-  return (t) => {
-    const e = Reflect.getMetadata("nf:refine", t) || [];
-    e.push(i), Reflect.defineMetadata("nf:refine", e, t);
-  };
-}
-function st(i, t) {
-  return (e, s) => {
-    const n = Reflect.getMetadata("nf:validates", e) || [];
-    n.push({ key: s, predicate: i, message: t }), Reflect.defineMetadata("nf:validates", n, e);
-  };
-}
-function nt(i) {
-  return (t, e) => {
-    Reflect.defineMetadata("nf:intercept", i, t, e);
-  };
-}
-function it(i) {
-  return (t) => {
-    Reflect.defineMetadata("nf:canActivate", i, t);
-  };
-}
-function rt() {
-  return (i, t) => {
-    const e = Reflect.getMetadata("nf:host-properties", i) || [];
-    e.push(t), Reflect.defineMetadata("nf:host-properties", e, i);
-  };
-}
-function at(i) {
-  return (t) => {
-    Reflect.defineMetadata("nf:schema", i, t);
-  };
-}
-function ot(i = "local") {
-  return (t, e) => {
-    const s = Reflect.getMetadata("nf:persist", t) || [];
-    s.push({
-      property: e,
-      storage: i,
-      key: `nf:${t.constructor.name}:${e}`
-    }), Reflect.defineMetadata("nf:persist", s, t);
-  };
-}
-function L(i) {
-  if (!(typeof window > "u"))
-    return i === "session" ? window.sessionStorage : window.localStorage;
-}
-function q(i) {
-  const t = Reflect.getMetadata("nf:persist", i) || [];
-  for (const e of t) {
-    const s = L(e.storage);
-    if (!s) continue;
-    const n = s.getItem(e.key);
-    if (n !== null)
-      try {
-        i[e.property] = JSON.parse(n);
-      } catch {
-        i[e.property] = n;
-      }
-  }
-}
-function D(i, t, e) {
-  const n = (Reflect.getMetadata("nf:persist", i) || []).find((r) => r.property === t);
-  if (n) {
-    const r = L(n.storage);
-    r && r.setItem(n.key, JSON.stringify(e));
-  }
-}
-function U(i, t) {
-  const e = Reflect.getMetadata("nf:states", i) || [], s = Reflect.getMetadata("nf:inputs", i) || [], n = [...e, ...s, "errors"];
-  let r;
-  return r = new Proxy(i, {
-    set(o, a, c) {
-      const l = o[a];
-      return o[a] = c, n.includes(a) && l !== c && (D(o, a, c), t()), !0;
-    },
-    get(o, a) {
-      const c = o[a];
-      return typeof c == "function" ? c.bind(r) : c;
-    }
-  }), r;
-}
-class V {
-  static render(t, e) {
-    const r = new DOMParser().parseFromString(`<div>${t}</div>`, "text/html").body.firstElementChild;
-    return r ? (this.processNode(r, e), r) : document.createElement("div");
-  }
-  static processNode(t, e) {
-    var c, l, f, p;
-    if (t.nodeType === Node.TEXT_NODE) {
-      t.textContent = this.interpolate(t.textContent || "", e);
-      return;
-    }
-    if (t.nodeType !== Node.ELEMENT_NODE) return;
-    const s = t, n = s.tagName.toLowerCase();
-    if (n === "for") {
-      const m = (((c = s.getAttribute("each")) == null ? void 0 : c.trim()) || "").replace(/^\{/, "").replace(/\}$/, "").match(/(?:\(\s*([a-zA-Z_$]\w*)\s*,\s*([a-zA-Z_$]\w*)\s*\)|([a-zA-Z_$]\w*))\s+in\s+(.+)/);
-      if (m) {
-        const g = m[1] || m[3], y = m[2], v = m[4], T = this.evaluateExpression(v, e), w = document.createDocumentFragment();
-        Array.isArray(T) && T.forEach((E, C) => {
-          const _ = Object.create(e);
-          _[g] = E, y && (_[y] = C);
-          const P = s.cloneNode(!0);
-          for (Array.from(P.childNodes).forEach((k) => this.processNode(k, _)); P.firstChild; )
-            w.appendChild(P.firstChild);
-        }), (l = s.parentNode) == null || l.replaceChild(w, s);
-      }
-      return;
-    }
-    if (n === "if") {
-      const d = (((f = s.getAttribute("condition")) == null ? void 0 : f.trim()) || "").replace(/^\{/, "").replace(/\}$/, "");
-      let m = !1;
-      try {
-        m = !!new Function("ctx", `with(ctx) { return ${d} }`)(e);
-      } catch (w) {
-        console.error(`JunoEngine condition error: ${d}`, w);
-      }
-      const g = document.createDocumentFragment(), y = Array.from(s.childNodes), v = y.findIndex((w) => {
-        var E;
-        return ((E = w.tagName) == null ? void 0 : E.toLowerCase()) === "else";
-      });
-      (m ? v !== -1 ? y.slice(0, v) : y : v !== -1 ? Array.from(y[v].childNodes) : []).forEach((w) => {
-        const E = w.cloneNode(!0);
-        this.processNode(E, e), g.appendChild(E);
-      }), (p = s.parentNode) == null || p.replaceChild(g, s);
-      return;
-    }
-    const r = Array.from(s.attributes), o = n.includes("-");
-    r.forEach((u) => {
-      const d = /^\{[^{}]+\}$/.test(u.value);
-      if (o && d) {
-        const m = u.value.slice(1, -1), g = this.evaluateExpression(m, e), y = u.name.replace(/-([a-z])/g, (v) => v[1].toUpperCase());
-        s[y] = g;
-      } else {
-        const m = this.interpolate(u.value, e);
-        m !== u.value && s.setAttribute(u.name, m);
-      }
-    }), Array.from(s.childNodes).forEach((u) => this.processNode(u, e));
-  }
-  static evaluateExpression(t, e) {
-    const s = t.trim().split("|").map((c) => c.trim()), n = s[0], r = s[1], o = e.__transforms__ || {};
-    let a;
-    try {
-      /^[\w.]+$/.test(n) ? a = n.split(".").reduce((c, l) => c == null ? void 0 : c[l], e) : a = new Function("ctx", `with(ctx) { return ${n} }`)(e);
-    } catch {
-      return;
-    }
-    return r && o[r] && (a = o[r](a)), a;
-  }
-  static interpolate(t, e) {
-    return t.replace(/\{((?:[^{}]|\{[^{}]*\})*)\}/g, (s, n) => {
-      const r = this.evaluateExpression(n, e);
-      return r !== void 0 ? String(r) : "";
-    });
-  }
-}
-function F(i, t) {
-  let e;
-  typeof t == "string" ? e = new DOMParser().parseFromString(`<body>${t}</body>`, "text/html").body : e = t;
-  const s = i instanceof ShadowRoot ? i : document, n = s.activeElement, r = n && n.id ? `#${n.id}` : null, o = n ? n.selectionStart : null, a = n ? n.selectionEnd : null;
-  if (I(i, e, i), r) {
-    const c = i.querySelector(r);
-    c && c !== s.activeElement && (c.focus(), o !== null && a !== null && c.setSelectionRange(o, a));
-  }
-}
-function I(i, t, e) {
-  const s = Array.from(i.childNodes), n = Array.from(t.childNodes), r = Math.max(s.length, n.length);
-  for (let o = 0; o < r; o++) {
-    const a = s[o], c = n[o];
-    if (!a) {
-      i.appendChild(c);
-      continue;
-    }
-    if (!c) {
-      i.removeChild(a);
-      continue;
-    }
-    if (a.nodeType !== c.nodeType || a.tagName !== c.tagName) {
-      i.replaceChild(c, a);
-      continue;
-    }
-    if (a.nodeType === Node.TEXT_NODE) {
-      a.textContent !== c.textContent && (a.textContent = c.textContent);
-      continue;
-    }
-    if (a.nodeType === Node.ELEMENT_NODE) {
-      const l = a, f = c, p = l.getAttributeNames(), u = f.getAttributeNames();
-      for (const d of p)
-        f.hasAttribute(d) || l.removeAttribute(d);
-      for (const d of u) {
-        const m = f.getAttribute(d);
-        l.getAttribute(d) !== m && l.setAttribute(d, m);
-        const g = d.replace(/-([a-z])/g, (y) => y[1].toUpperCase());
-        l.tagName.includes("-") && f[g] !== void 0 && (l[g] = f[g]);
-      }
-      if (l instanceof HTMLInputElement || l instanceof HTMLTextAreaElement) {
-        const d = f.value || f.getAttribute("value") || "";
-        l.value !== d && (l.value = d);
-      }
-      (!l.tagName.includes("-") || l === e) && I(l, f, e);
-    }
-  }
-}
-const x = class x {
-  constructor() {
-    h(this, "routes", []);
-    h(this, "listeners", []);
-    h(this, "lastTab", null);
-    h(this, "lastParams", {});
-    typeof window < "u" && (window.addEventListener("popstate", () => this.handleLocationChange()), window.addEventListener("hashchange", () => this.handleLocationChange()));
-  }
-  static get instance() {
-    return x._instance || (x._instance = new x()), x._instance;
-  }
-  /**
-   * Register available routes.
-   */
-  register(t) {
-    this.routes = t;
-  }
-  /**
-   * Programmatically navigate to a path.
-   */
-  navigate(t, e = !0) {
-    if (typeof window > "u") return;
-    const s = t.startsWith("/") ? t : `/${t}`;
-    window.location.pathname !== s && (window.history.pushState({}, "", s), e && this.handleLocationChange());
-  }
-  /**
-   * Subscribe to route changes.
-   */
-  onRouteMatch(t) {
-    return this.listeners.push(t), this.lastTab !== null ? t(this.lastTab, this.lastParams) : this.handleLocationChange(), () => {
-      this.listeners = this.listeners.filter((e) => e !== t);
-    };
-  }
-  /**
-   * Manually trigger initial route matching (e.g. on page load).
-   */
-  init() {
-    this.handleLocationChange();
-  }
-  async handleLocationChange() {
-    if (typeof window > "u") return;
-    const t = window.location.pathname;
-    let e, s = {};
-    for (const n of this.routes) {
-      if (n.path === t || `/${n.tab}` === t) {
-        e = n;
-        break;
-      }
-      if (n.path.includes("/:")) {
-        const r = n.path.split("/"), o = t.split("/");
-        if (r.length === o.length) {
-          let a = !0;
-          const c = {};
-          for (let l = 0; l < r.length; l++)
-            if (r[l].startsWith(":"))
-              c[r[l].substring(1)] = o[l];
-            else if (r[l] !== o[l]) {
-              a = !1;
-              break;
-            }
-          if (a) {
-            e = n, s = c;
-            break;
-          }
-        }
-      }
-    }
-    if (e) {
-      if (e.canActivate)
-        try {
-          const n = await e.canActivate();
-          if (n === !1)
-            return;
-          if (typeof n == "string") {
-            this.navigate(n);
-            return;
-          }
-        } catch (n) {
-          console.error(`Route guard error on ${e.path}:`, n);
-          return;
-        }
-      e.title && (document.title = e.title), this.notify(e.tab, s);
-    } else if (t === "/" || t === "") {
-      const n = this.routes[0];
-      n && this.notify(n.tab, {});
-    }
-  }
-  notify(t, e) {
-    this.lastTab = t, this.lastParams = e, this.listeners.forEach((s) => s(t, e));
-  }
-  /**
-   * Get the current path.
-   */
-  get currentPath() {
-    return typeof window < "u" ? window.location.pathname : "/";
-  }
+//#region src/core/decorators.ts
+function e(e) {
+	return (t) => {
+		e.shadow === void 0 && (e.shadow = !0), Reflect.defineMetadata("nf:config", e, t);
+	};
+}
+function t() {
+	return (e, t) => {
+		let n = Reflect.getMetadata("nf:states", e) || [];
+		n.push(t), Reflect.defineMetadata("nf:states", n, e);
+	};
+}
+function n() {
+	return (e, t) => {
+		let n = Reflect.getMetadata("nf:inputs", e) || [];
+		n.push(t), Reflect.defineMetadata("nf:inputs", n, e);
+	};
+}
+function r(e) {
+	return (t, n) => {
+		let r = Reflect.getMetadata("nf:params", t) || [];
+		r.push({
+			key: n,
+			paramName: e || n
+		}), Reflect.defineMetadata("nf:params", r, t);
+	};
+}
+function i(e) {
+	return (t, n) => {
+		Reflect.defineMetadata("nf:inject", e, t, n);
+	};
+}
+function a() {
+	return (e, t) => {
+		let n = Reflect.getMetadata("nf:transforms", e) || [];
+		n.push(t), Reflect.defineMetadata("nf:transforms", n, e);
+	};
+}
+function o() {
+	return (e, t) => {
+		let n = Reflect.getMetadata("nf:actions", e) || [];
+		n.push(t), Reflect.defineMetadata("nf:actions", n, e);
+	};
+}
+function s(e) {
+	return (t, n) => {
+		let r = Reflect.getMetadata("nf:provides", t) || [];
+		r.push({
+			key: e,
+			property: n
+		}), Reflect.defineMetadata("nf:provides", r, t);
+	};
+}
+function c(e) {
+	return (t, n) => {
+		let r = Reflect.getMetadata("nf:injects", t) || [];
+		r.push({
+			key: e,
+			property: n
+		}), Reflect.defineMetadata("nf:injects", r, t);
+	};
+}
+function l(e) {
+	return (t) => {
+		let n = Reflect.getMetadata("nf:refine", t) || [];
+		n.push(e), Reflect.defineMetadata("nf:refine", n, t);
+	};
+}
+function u(e, t) {
+	return (n, r) => {
+		let i = Reflect.getMetadata("nf:validates", n) || [];
+		i.push({
+			key: r,
+			predicate: e,
+			message: t
+		}), Reflect.defineMetadata("nf:validates", i, n);
+	};
+}
+function d(e) {
+	return (t, n) => {
+		Reflect.defineMetadata("nf:intercept", e, t, n);
+	};
+}
+function f(e) {
+	return (t) => {
+		Reflect.defineMetadata("nf:canActivate", e, t);
+	};
+}
+function p() {
+	return (e, t) => {
+		let n = Reflect.getMetadata("nf:host-properties", e) || [];
+		n.push(t), Reflect.defineMetadata("nf:host-properties", n, e);
+	};
+}
+function m(e) {
+	return (t) => {
+		Reflect.defineMetadata("nf:schema", e, t);
+	};
+}
+//#endregion
+//#region src/core/persist.ts
+function h(e = "local") {
+	return (t, n) => {
+		let r = Reflect.getMetadata("nf:persist", t) || [];
+		r.push({
+			property: n,
+			storage: e,
+			key: `nf:${t.constructor.name}:${n}`
+		}), Reflect.defineMetadata("nf:persist", r, t);
+	};
+}
+function g(e) {
+	if (!(typeof window > "u")) return e === "session" ? window.sessionStorage : window.localStorage;
+}
+function _(e) {
+	let t = Reflect.getMetadata("nf:persist", e) || [];
+	for (let n of t) {
+		let t = g(n.storage);
+		if (!t) continue;
+		let r = t.getItem(n.key);
+		if (r !== null) try {
+			e[n.property] = JSON.parse(r);
+		} catch {
+			e[n.property] = r;
+		}
+	}
+}
+function v(e, t, n) {
+	let r = (Reflect.getMetadata("nf:persist", e) || []).find((e) => e.property === t);
+	if (r) {
+		let e = g(r.storage);
+		e && e.setItem(r.key, JSON.stringify(n));
+	}
+}
+//#endregion
+//#region src/core/reactivity.ts
+function y(e, t) {
+	let n = Reflect.getMetadata("nf:states", e) || [], r = Reflect.getMetadata("nf:inputs", e) || [], i = [
+		...n,
+		...r,
+		"errors"
+	], a;
+	return a = new Proxy(e, {
+		set(e, n, r) {
+			let a = e[n];
+			return e[n] = r, i.includes(n) && a !== r && (v(e, n, r), t()), !0;
+		},
+		get(e, t) {
+			let n = e[t];
+			return typeof n == "function" ? (e.__boundMethods__ ||= /* @__PURE__ */ new Map(), e.__boundMethods__.has(t) || e.__boundMethods__.set(t, n.bind(a)), e.__boundMethods__.get(t)) : n;
+		}
+	}), a;
+}
+//#endregion
+//#region src/core/engine.ts
+var b = class {
+	static render(e, t) {
+		let n = new DOMParser().parseFromString(`<div>${e}</div>`, "text/html").body.firstElementChild;
+		return n ? (this.processNode(n, t), n) : document.createElement("div");
+	}
+	static processNode(e, t) {
+		if (e.nodeType === Node.TEXT_NODE) {
+			e.textContent = this.interpolate(e.textContent || "", t);
+			return;
+		}
+		if (e.nodeType !== Node.ELEMENT_NODE) return;
+		let n = e, r = n.tagName.toLowerCase();
+		if (r === "for") {
+			let e = (n.getAttribute("each")?.trim() || "").replace(/^\{/, "").replace(/\}$/, "").match(/(?:\(\s*([a-zA-Z_$]\w*)\s*,\s*([a-zA-Z_$]\w*)\s*\)|([a-zA-Z_$]\w*))\s+in\s+(.+)/);
+			if (e) {
+				let r = e[1] || e[3], i = e[2], a = e[4], o = this.evaluateExpression(a, t), s = document.createDocumentFragment();
+				Array.isArray(o) && o.forEach((e, a) => {
+					let o = Object.create(t);
+					o[r] = e, i && (o[i] = a);
+					let c = n.cloneNode(!0);
+					for (Array.from(c.childNodes).forEach((e) => this.processNode(e, o)); c.firstChild;) s.appendChild(c.firstChild);
+				}), n.parentNode?.replaceChild(s, n);
+			}
+			return;
+		}
+		if (r === "if") {
+			let e = (n.getAttribute("condition")?.trim() || "").replace(/^\{/, "").replace(/\}$/, ""), r = !1;
+			try {
+				r = !!Function("ctx", `with(ctx) { return ${e} }`)(t);
+			} catch (t) {
+				console.error(`JunoEngine condition error: ${e}`, t);
+			}
+			let i = document.createDocumentFragment(), a = Array.from(n.childNodes), o = a.findIndex((e) => e.tagName?.toLowerCase() === "else");
+			(r ? o === -1 ? a : a.slice(0, o) : o === -1 ? [] : Array.from(a[o].childNodes)).forEach((e) => {
+				let n = e.cloneNode(!0);
+				this.processNode(n, t), i.appendChild(n);
+			}), n.parentNode?.replaceChild(i, n);
+			return;
+		}
+		let i = Array.from(n.attributes), a = r.includes("-");
+		i.forEach((e) => {
+			let r = /^\{[^{}]+\}$/.test(e.value);
+			if (a && r) {
+				let r = e.value.slice(1, -1), i = this.evaluateExpression(r, t), a = e.name.replace(/-([a-z])/g, (e) => e[1].toUpperCase());
+				n[a] = i;
+			} else {
+				let r = this.interpolate(e.value, t);
+				r !== e.value && n.setAttribute(e.name, r);
+			}
+		}), Array.from(n.childNodes).forEach((e) => this.processNode(e, t));
+	}
+	static evaluateExpression(e, t) {
+		let n = e.trim().split("|").map((e) => e.trim()), r = n[0], i = n[1], a = t.__transforms__ || {}, o;
+		try {
+			o = /^[\w.]+$/.test(r) ? r.split(".").reduce((e, t) => e?.[t], t) : Function("ctx", `with(ctx) { return ${r} }`)(t);
+		} catch {
+			return;
+		}
+		return i && a[i] && (o = a[i](o)), o;
+	}
+	static interpolate(e, t) {
+		return e.replace(/\{((?:[^{}]|\{[^{}]*\})*)\}/g, (e, n) => {
+			let r = this.evaluateExpression(n, t);
+			return r === void 0 ? "" : String(r);
+		});
+	}
 };
-h(x, "_instance");
-let N = x;
-async function ct(i) {
-  const t = Reflect.getMetadata("nf:config", i);
-  if (!t || !t.tag)
-    throw new Error("Missing @Component decorator or tag!");
-  customElements.define(
-    t.tag,
-    class extends HTMLElement {
-      constructor() {
-        super();
-        h(this, "instance");
-        h(this, "proxy");
-        h(this, "target");
-        h(this, "routeUnsubscribe");
-        this.instance = new i(), (Reflect.getMetadata("nf:host-properties", i.prototype) || []).forEach((r) => {
-          this.instance[r] = this;
-        }), (Reflect.getMetadata("nf:inputs", i.prototype) || []).forEach((r) => {
-          let o = this.hasOwnProperty(r) ? this[r] : void 0;
-          Object.defineProperty(this, r, {
-            get: () => this.proxy[r],
-            set: (a) => {
-              this.proxy[r] = a, this.update();
-            }
-          }), o !== void 0 && (this.instance[r] = o);
-        }), this.instance.errors || (this.instance.errors = {}), this.instance.isValid || (this.instance.isValid = () => {
-          this.proxy.errors = {};
-          let r = !0;
-          const o = Reflect.getMetadata("nf:schema", i), a = Reflect.getMetadata("nf:refine", i) || [], c = Reflect.getMetadata("nf:validates", i.prototype) || [], l = [];
-          if (o && typeof o.parse == "function") {
-            const f = o.parse(this.proxy);
-            f instanceof Promise ? l.push(f.then((p) => {
-              p.success || (r = !1, this.proxy.errors = { ...this.proxy.errors, ...p.errors });
-            })) : f.success || (r = !1, this.proxy.errors = { ...this.proxy.errors, ...f.errors });
-          }
-          for (const f of c) {
-            const p = this.proxy[f.key], u = f.predicate(p);
-            u instanceof Promise ? l.push(
-              u.then((d) => {
-                d || (r = !1, this.proxy.errors = { ...this.proxy.errors, [f.key]: f.message });
-              })
-            ) : u || (r = !1, this.proxy.errors = { ...this.proxy.errors, [f.key]: f.message });
-          }
-          for (const f of a) {
-            const p = f.validate(this.proxy);
-            if (p instanceof Promise)
-              l.push(
-                p.then((u) => {
-                  if (!u) {
-                    r = !1;
-                    const d = f.fields[f.fields.length - 1];
-                    this.proxy.errors = { ...this.proxy.errors, [d]: f.message };
-                  }
-                })
-              );
-            else if (!p) {
-              r = !1;
-              const u = f.fields[f.fields.length - 1];
-              this.proxy.errors = { ...this.proxy.errors, [u]: f.message };
-            }
-          }
-          return l.length > 0 ? Promise.all(l).then(() => r) : r;
-        }), q(this.instance), this.proxy = U(this.instance, () => this.update()), t.shadow ? this.target = this.shadowRoot || this.attachShadow({ mode: "open" }) : this.target = this;
-        const n = (r, o) => {
-          let a = r.target;
-          for (; a && a !== this.parentElement; ) {
-            const c = a.getAttribute(o);
-            if (c) {
-              const l = c.match(/^(\w+)(?:\((.*)\))?$/);
-              if (l) {
-                const [f, p, u] = l, d = this.proxy[p];
-                if (typeof d == "function") {
-                  const m = Reflect.getMetadata("nf:intercept", this.instance, p);
-                  if (m) {
-                    const g = m(this.proxy);
-                    if (g instanceof Promise) {
-                      g.then((y) => {
-                        y === !1 ? (r.stopImmediatePropagation(), r.stopPropagation()) : this.executeMethod(d, r, u);
-                      });
-                      return;
-                    } else if (g === !1) {
-                      r.stopImmediatePropagation(), r.stopPropagation();
-                      return;
-                    }
-                  }
-                  this.executeMethod(d, r, u);
-                  return;
-                }
-              }
-            }
-            if (a === this) break;
-            a = a.parentElement;
-          }
-        };
-        this.target.addEventListener("click", (r) => n(r, "@click")), this.target.addEventListener("input", (r) => n(r, "@input"));
-      }
-      static get observedAttributes() {
-        return Reflect.getMetadata("nf:inputs", i.prototype) || [];
-      }
-      attributeChangedCallback(s, n, r) {
-        r && /^\{[^{}]+\}$/.test(r) || n !== r && (this.proxy ? (this.proxy[s] = r, this.update()) : this.instance && (this.instance[s] = r));
-      }
-      executeMethod(s, n, r) {
-        if (r !== void 0) {
-          const o = r.split(",").map((a) => (a = a.trim(), a === "e" || a === "$event" ? n : a === "true" ? !0 : a === "false" ? !1 : !isNaN(Number(a)) && a !== "" ? Number(a) : a.startsWith("'") && a.endsWith("'") || a.startsWith('"') && a.endsWith('"') ? a.slice(1, -1) : a));
-          s.apply(this.proxy, o);
-        } else
-          s.call(this.proxy, n);
-      }
-      async connectedCallback() {
-        const s = Reflect.getMetadata("nf:canActivate", i);
-        if (s)
-          try {
-            const o = await s();
-            if (o === !1) return;
-            if (typeof o == "string") {
-              N.instance.navigate(o);
-              return;
-            }
-          } catch (o) {
-            console.error("Guard evaluation failed:", o);
-            return;
-          }
-        if (this.instance.canActivate)
-          try {
-            const o = await this.instance.canActivate.call(this.proxy);
-            if (o === !1) return;
-            if (typeof o == "string") {
-              N.instance.navigate(o);
-              return;
-            }
-          } catch (o) {
-            console.error("Lifecycle canActivate hook failed:", o);
-            return;
-          }
-        if (t.templateUrl) {
-          const o = await fetch(t.templateUrl);
-          this.instance.template = await o.text();
-        }
-        const n = Reflect.getMetadata("nf:params", i.prototype) || [];
-        if (n.length > 0) {
-          const o = N.instance;
-          this.routeUnsubscribe = o.onRouteMatch((a, c) => {
-            n.forEach((l) => {
-              c[l.paramName] !== void 0 && this.proxy[l.key] !== c[l.paramName] && (this.proxy[l.key] = c[l.paramName]);
-            });
-          });
-        }
-        (Reflect.getMetadata("nf:injects", i.prototype) || []).forEach((o) => {
-          let a = this.parentElement;
-          for (; a; ) {
-            if (a.instance) {
-              const l = (Reflect.getMetadata("nf:provides", a.instance.constructor) || []).find((f) => f.key === o.key);
-              if (l) {
-                this.proxy[o.property] = a.proxy[l.property];
-                break;
-              }
-            }
-            a = a.parentElement || a.getRootNode().host;
-          }
-        }), this.instance.onInit && await this.instance.onInit.call(this.proxy), this.update(), this.instance.onRender && this.instance.onRender.call(this.proxy, this);
-      }
-      disconnectedCallback() {
-        this.routeUnsubscribe && this.routeUnsubscribe(), this.instance.onDestroy && this.instance.onDestroy();
-      }
-      update() {
-        const s = this.instance.template || "<div>No template</div>", n = Reflect.getMetadata("nf:transforms", this.instance) || [], r = {};
-        for (const c of n)
-          typeof this.proxy[c] == "function" && (r[c] = this.proxy[c]);
-        const o = Object.create(this.proxy);
-        o.__transforms__ = r;
-        const a = V.render(s, o);
-        F(this.target, a);
-      }
-    }
-  );
-}
-const M = class M {
-  constructor() {
-    // ── State ─────────────────────────────────────────────────
-    h(this, "middlewares", []);
-  }
-  static get instance() {
-    return M._instance || (M._instance = new M()), M._instance;
-  }
-  // ── Public API ────────────────────────────────────────────
-  /** Register an error-handling middleware. Returns an unsubscribe function. */
-  addMiddleware(t) {
-    return this.middlewares.push(t), () => {
-      this.middlewares = this.middlewares.filter((e) => e !== t);
-    };
-  }
-  /**
-   * Run the middleware chain. The first middleware that returns `true`
-   * stops propagation. If no middleware handles it, logs to console.
-   */
-  handle(t) {
-    for (const e of this.middlewares)
-      if (e(t) === !0) return;
-    console.error("[JunoJS ErrorHandler] Unhandled error:", t.message, t);
-  }
-  /** Convenience: create a JunoJSError from an HTTP Response. */
-  static fromResponse(t, e) {
-    return {
-      status: t.status,
-      message: `HTTP ${t.status}: ${t.statusText}`,
-      url: e,
-      original: t
-    };
-  }
-  /** Convenience: create a JunoJSError from a caught exception. */
-  static fromException(t) {
-    return t instanceof Error ? { message: t.message, original: t } : { message: String(t), original: t };
-  }
+//#endregion
+//#region src/core/dom.ts
+function x(e, t) {
+	let n;
+	n = typeof t == "string" ? new DOMParser().parseFromString(`<body>${t}</body>`, "text/html").body : t;
+	let r = e instanceof ShadowRoot ? e : document, i = r.activeElement, a = i && i.id ? `#${i.id}` : null, o = i ? i.selectionStart : null, s = i ? i.selectionEnd : null;
+	if (S(e, n, e), a) {
+		let t = e.querySelector(a);
+		t && t !== r.activeElement && (t.focus(), o !== null && s !== null && t.setSelectionRange(o, s));
+	}
+}
+function S(e, t, n) {
+	let r = Array.from(e.childNodes), i = Array.from(t.childNodes), a = Math.max(r.length, i.length);
+	for (let t = 0; t < a; t++) {
+		let a = r[t], o = i[t];
+		if (!a) {
+			e.appendChild(o);
+			continue;
+		}
+		if (!o) {
+			e.removeChild(a);
+			continue;
+		}
+		if (a.nodeType !== o.nodeType || a.tagName !== o.tagName) {
+			e.replaceChild(o, a);
+			continue;
+		}
+		if (a.nodeType === Node.TEXT_NODE) {
+			a.textContent !== o.textContent && (a.textContent = o.textContent);
+			continue;
+		}
+		if (a.nodeType === Node.ELEMENT_NODE) {
+			let e = a, t = o, r = e.getAttributeNames(), i = t.getAttributeNames();
+			for (let n of r) t.hasAttribute(n) || e.removeAttribute(n);
+			for (let n of i) {
+				let r = t.getAttribute(n);
+				e.getAttribute(n) !== r && e.setAttribute(n, r);
+				let i = n.replace(/-([a-z])/g, (e) => e[1].toUpperCase());
+				e.tagName.includes("-") && t[i] !== void 0 && e[i] !== t[i] && (e[i] = t[i]);
+			}
+			if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
+				let n = t.value || t.getAttribute("value") || "";
+				e.value !== n && (e.value = n);
+			}
+			(!e.tagName.includes("-") || e === n) && S(e, t, n);
+		}
+	}
+}
+//#endregion
+//#region src/common/router/router.service.ts
+var C = class e {
+	static _instance;
+	routes = [];
+	listeners = [];
+	lastTab = null;
+	lastParams = {};
+	static get instance() {
+		return e._instance ||= new e(), e._instance;
+	}
+	constructor() {
+		typeof window < "u" && (window.addEventListener("popstate", () => this.handleLocationChange()), window.addEventListener("hashchange", () => this.handleLocationChange()));
+	}
+	register(e) {
+		this.routes = e;
+	}
+	navigate(e, t = !0) {
+		if (typeof window > "u") return;
+		let n = e.startsWith("/") ? e : `/${e}`;
+		window.location.pathname !== n && (window.history.pushState({}, "", n), t && this.handleLocationChange());
+	}
+	onRouteMatch(e) {
+		return this.listeners.push(e), this.lastTab === null ? this.handleLocationChange() : e(this.lastTab, this.lastParams), () => {
+			this.listeners = this.listeners.filter((t) => t !== e);
+		};
+	}
+	init() {
+		this.handleLocationChange();
+	}
+	async handleLocationChange() {
+		if (typeof window > "u") return;
+		let e = window.location.pathname, t, n = {};
+		for (let r of this.routes) {
+			if (r.path === e || `/${r.tab}` === e) {
+				t = r;
+				break;
+			}
+			if (r.path.includes("/:")) {
+				let i = r.path.split("/"), a = e.split("/");
+				if (i.length === a.length) {
+					let e = !0, o = {};
+					for (let t = 0; t < i.length; t++) if (i[t].startsWith(":")) o[i[t].substring(1)] = a[t];
+					else if (i[t] !== a[t]) {
+						e = !1;
+						break;
+					}
+					if (e) {
+						t = r, n = o;
+						break;
+					}
+				}
+			}
+		}
+		if (t) {
+			if (t.canActivate) try {
+				let e = await t.canActivate();
+				if (e === !1) return;
+				if (typeof e == "string") {
+					this.navigate(e);
+					return;
+				}
+			} catch (e) {
+				console.error(`Route guard error on ${t.path}:`, e);
+				return;
+			}
+			t.title && (document.title = t.title), this.notify(t.tab, n);
+		} else if (e === "/" || e === "") {
+			let e = this.routes[0];
+			e && this.notify(e.tab, {});
+		}
+	}
+	notify(e, t) {
+		this.lastTab = e, this.lastParams = t, this.listeners.forEach((n) => n(e, t));
+	}
+	get currentPath() {
+		return typeof window < "u" ? window.location.pathname : "/";
+	}
 };
-// ── Singleton ─────────────────────────────────────────────
-h(M, "_instance");
-let S = M;
-class lt {
-  constructor() {
-    h(this, "_initialValues", {});
-    h(this, "_touched", {});
-    queueMicrotask(() => this._captureInitialValues());
-  }
-  // ─── Public API ───────────────────────────────────────────
-  /** Returns true if every validated field passes all its rules. */
-  isValid() {
-    const t = this.getErrors();
-    return Object.keys(t).length === 0;
-  }
-  /** Returns a map of field → error messages (only fields with errors). */
-  getErrors() {
-    const t = Reflect.getMetadata("nf:validators", this) || /* @__PURE__ */ new Map(), e = {};
-    return t.forEach((s, n) => {
-      const r = this[n], o = [];
-      for (const a of s)
-        a.validate(r, this) || o.push(a.message);
-      o.length > 0 && (e[n] = o);
-    }), e;
-  }
-  /** Resets all fields to their initial values and clears touched state. */
-  reset() {
-    for (const [t, e] of Object.entries(this._initialValues))
-      this[t] = e;
-    this._touched = {};
-  }
-  /** True if any field differs from its initial value. */
-  get dirty() {
-    for (const [t, e] of Object.entries(this._initialValues))
-      if (this[t] !== e) return !0;
-    return !1;
-  }
-  /** Per-field touched tracking. */
-  get touched() {
-    return { ...this._touched };
-  }
-  /** Mark a field as touched (e.g. on blur). */
-  markTouched(t) {
-    this._touched[t] = !0;
-  }
-  // ─── Internals ────────────────────────────────────────────
-  _captureInitialValues() {
-    (Reflect.getMetadata("nf:validators", this) || /* @__PURE__ */ new Map()).forEach((e, s) => {
-      this._initialValues[s] = this[s];
-    });
-  }
-}
-function A(i, t, e) {
-  const s = Reflect.getMetadata("nf:validators", i) || /* @__PURE__ */ new Map(), n = s.get(t) || [];
-  n.push(e), s.set(t, n), Reflect.defineMetadata("nf:validators", s, i);
-}
-function ft(i = "This field is required") {
-  return (t, e) => {
-    A(t, e, {
-      name: "required",
-      message: i,
-      validate: (s) => s != null && String(s).trim().length > 0
-    });
-  };
-}
-function dt(i = "Invalid email address") {
-  return (t, e) => {
-    A(t, e, {
-      name: "email",
-      message: i,
-      validate: (s) => s ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(s)) : !0
-    });
-  };
-}
-function ut(i, t) {
-  return (e, s) => {
-    A(e, s, {
-      name: "match",
-      message: t || `Must match ${i}`,
-      validate: (n, r) => n === r[i]
-    });
-  };
-}
-function ht(i, t = "Invalid format") {
-  return (e, s) => {
-    A(e, s, {
-      name: "pattern",
-      message: t,
-      validate: (n) => n ? i.test(String(n)) : !0
-    });
-  };
-}
-class b {
-  constructor() {
-    h(this, "rules", []);
-    h(this, "IS_REQUIRED", !1);
-  }
-  required(t = "Required") {
-    return this.IS_REQUIRED = !0, this.rules.push((e) => !e && e !== 0 && e !== !1 ? t : void 0), this;
-  }
-  email(t = "Invalid email") {
-    return this.rules.push((e) => {
-      if (e)
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e)) ? void 0 : t;
-    }), this;
-  }
-  min(t, e) {
-    return this.rules.push((s) => {
-      if (s)
-        return String(s).length < t ? e || `Min length ${t}` : void 0;
-    }), this;
-  }
-  max(t, e) {
-    return this.rules.push((s) => {
-      if (s)
-        return String(s).length > t ? e || `Max length ${t}` : void 0;
-    }), this;
-  }
-  validate(t, e) {
-    for (const s of this.rules) {
-      const n = s(t, e);
-      if (n) return n;
-    }
-  }
-}
-class H {
-  constructor() {
-    h(this, "fields", {});
-    h(this, "refines", []);
-  }
-  string() {
-    return new b();
-  }
-  number() {
-    return new b();
-  }
-  boolean() {
-    return new b();
-  }
-  shape(t) {
-    return this.fields = t, this;
-  }
-  refine(t, e) {
-    return this.refines.push({ validate: t, ...e }), this;
-  }
-  async parse(t) {
-    const e = {};
-    let s = !0;
-    for (const [n, r] of Object.entries(this.fields)) {
-      const o = r.validate(t[n], t);
-      o && (e[n] = o, s = !1);
-    }
-    for (const n of this.refines) {
-      const r = n.validate(t);
-      (r instanceof Promise ? await r : r) || (e[n.path] = n.message, s = !1);
-    }
-    return { success: s, errors: s ? void 0 : e };
-  }
-}
-const pt = {
-  string: () => new b(),
-  number: () => new b(),
-  boolean: () => new b(),
-  object: (i) => new H().shape(i)
-};
-class mt {
-  constructor() {
-    h(this, "requestInterceptors", []);
-    h(this, "responseInterceptors", []);
-    h(this, "errorHandler", null);
-  }
-  /** Plug in the global ErrorHandler for automatic error routing. */
-  setErrorHandler(t) {
-    this.errorHandler = t;
-  }
-  // ── Interceptors ──────────────────────────────────────────
-  addRequestInterceptor(t) {
-    this.requestInterceptors.push(t);
-  }
-  addResponseInterceptor(t) {
-    this.responseInterceptors.push(t);
-  }
-  // ── HTTP Methods ──────────────────────────────────────────
-  async get(t, e) {
-    return this.request("GET", t, void 0, e);
-  }
-  async post(t, e, s) {
-    return this.request("POST", t, e, s);
-  }
-  async put(t, e, s) {
-    return this.request("PUT", t, e, s);
-  }
-  async delete(t, e) {
-    return this.request("DELETE", t, void 0, e);
-  }
-  async patch(t, e, s) {
-    return this.request("PATCH", t, e, s);
-  }
-  // ── Core ──────────────────────────────────────────────────
-  async request(t, e, s, n) {
-    let r = e;
-    if (n != null && n.params) {
-      const f = new URLSearchParams(n.params).toString();
-      r += (e.includes("?") ? "&" : "?") + f;
-    }
-    const o = {
-      "Content-Type": "application/json",
-      ...(n == null ? void 0 : n.headers) || {}
-    }, a = { method: t, headers: o };
-    s !== void 0 && (a.body = JSON.stringify(s));
-    const c = new AbortController();
-    let l;
-    n != null && n.signal && n.signal.addEventListener("abort", () => c.abort()), n != null && n.timeout && n.timeout > 0 && (l = setTimeout(() => c.abort(), n.timeout)), a.signal = c.signal;
-    for (const f of this.requestInterceptors) {
-      const p = f(r, a);
-      p && ([r] = p, Object.assign(a, p[1]));
-    }
-    try {
-      let f = await fetch(r, a);
-      for (const u of this.responseInterceptors) {
-        const d = u(f);
-        d && (f = d);
-      }
-      if (!f.ok)
-        throw this.errorHandler && this.errorHandler.handle(
-          S.fromResponse(f, r)
-        ), new Error(`HTTP ${f.status}: ${f.statusText}`);
-      return (f.headers.get("content-type") || "").includes("application/json") ? await f.json() : await f.text();
-    } finally {
-      l !== void 0 && clearTimeout(l);
-    }
-  }
-}
-const R = class R {
-  constructor() {
-    // ── State ─────────────────────────────────────────────────
-    h(this, "dictionaries", /* @__PURE__ */ new Map());
-    h(this, "_locale", "en");
-    h(this, "_onLocaleChange", []);
-  }
-  static get instance() {
-    return R._instance || (R._instance = new R()), R._instance;
-  }
-  /** Current active locale. */
-  get locale() {
-    return this._locale;
-  }
-  // ── Public API ────────────────────────────────────────────
-  /** Register translations for a locale. Merges with any existing entries. */
-  addTranslations(t, e) {
-    const s = this.dictionaries.get(t) || {};
-    this.dictionaries.set(t, { ...s, ...e });
-  }
-  /** Switch the active locale. */
-  setLocale(t) {
-    this.dictionaries.has(t) || console.warn(`[i18n] No translations registered for locale "${t}".`), this._locale = t;
-    for (const e of this._onLocaleChange) e();
-  }
-  /** Subscribe to locale changes. Returns an unsubscribe function. */
-  onLocaleChange(t) {
-    return this._onLocaleChange.push(t), () => {
-      this._onLocaleChange = this._onLocaleChange.filter((e) => e !== t);
-    };
-  }
-  /**
-   * Translate a key with optional parameter interpolation.
-   * Params replace `{{paramName}}` placeholders in the translation string.
-   *
-   *   t('greeting', { name: 'Ada' })  // "Hello, Ada!"
-   */
-  t(t, e) {
-    const s = this.dictionaries.get(this._locale);
-    let n = s == null ? void 0 : s[t];
-    if (n === void 0)
-      return t;
-    if (e)
-      for (const [r, o] of Object.entries(e))
-        n = n.replace(
-          new RegExp(`\\{\\{${r}\\}\\}`, "g"),
-          String(o)
-        );
-    return n;
-  }
-  /** List all registered locales. */
-  get availableLocales() {
-    return [...this.dictionaries.keys()];
-  }
+//#endregion
+//#region src/core/bootstrap.ts
+async function w(e) {
+	let t = Reflect.getMetadata("nf:config", e);
+	if (!t || !t.tag) throw Error("Missing @Component decorator or tag!");
+	customElements.define(t.tag, class extends HTMLElement {
+		instance;
+		proxy;
+		target;
+		routeUnsubscribe;
+		static get observedAttributes() {
+			return Reflect.getMetadata("nf:inputs", e.prototype) || [];
+		}
+		attributeChangedCallback(e, t, n) {
+			n && /^\{[^{}]+\}$/.test(n) || t !== n && (this.proxy ? this.proxy[e] = n : this.instance && (this.instance[e] = n, this.update()));
+		}
+		constructor() {
+			super(), this.instance = new e(), (Reflect.getMetadata("nf:host-properties", e.prototype) || []).forEach((e) => {
+				this.instance[e] = this;
+			}), (Reflect.getMetadata("nf:inputs", e.prototype) || []).forEach((e) => {
+				let t = this.hasOwnProperty(e) ? this[e] : void 0;
+				Object.defineProperty(this, e, {
+					get: () => this.proxy[e],
+					set: (t) => {
+						this.proxy?.[e] !== t && (this.proxy ? this.proxy[e] = t : (this.instance[e] = t, this.update()));
+					}
+				}), t !== void 0 && (this.instance[e] = t);
+			}), this.instance.errors || (this.instance.errors = {}), this.instance.isValid || (this.instance.isValid = () => {
+				this.proxy.errors = {};
+				let t = !0, n = Reflect.getMetadata("nf:schema", e), r = Reflect.getMetadata("nf:refine", e) || [], i = Reflect.getMetadata("nf:validates", e.prototype) || [], a = [];
+				if (n && typeof n.parse == "function") {
+					let e = n.parse(this.proxy);
+					e instanceof Promise ? a.push(e.then((e) => {
+						e.success || (t = !1, this.proxy.errors = {
+							...this.proxy.errors,
+							...e.errors
+						});
+					})) : e.success || (t = !1, this.proxy.errors = {
+						...this.proxy.errors,
+						...e.errors
+					});
+				}
+				for (let e of i) {
+					let n = this.proxy[e.key], r = e.predicate(n);
+					r instanceof Promise ? a.push(r.then((n) => {
+						n || (t = !1, this.proxy.errors = {
+							...this.proxy.errors,
+							[e.key]: e.message
+						});
+					})) : r || (t = !1, this.proxy.errors = {
+						...this.proxy.errors,
+						[e.key]: e.message
+					});
+				}
+				for (let e of r) {
+					let n = e.validate(this.proxy);
+					if (n instanceof Promise) a.push(n.then((n) => {
+						if (!n) {
+							t = !1;
+							let n = e.fields[e.fields.length - 1];
+							this.proxy.errors = {
+								...this.proxy.errors,
+								[n]: e.message
+							};
+						}
+					}));
+					else if (!n) {
+						t = !1;
+						let n = e.fields[e.fields.length - 1];
+						this.proxy.errors = {
+							...this.proxy.errors,
+							[n]: e.message
+						};
+					}
+				}
+				return a.length > 0 ? Promise.all(a).then(() => t) : t;
+			}), _(this.instance), this.proxy = y(this.instance, () => this.update()), t.shadow ? this.target = this.shadowRoot || this.attachShadow({ mode: "open" }) : this.target = this;
+			let n = (e, t) => {
+				let n = e.target;
+				for (; n && n !== this.parentElement;) {
+					let r = n.getAttribute(t);
+					if (r) {
+						let t = r.match(/^(\w+)(?:\((.*)\))?$/);
+						if (t) {
+							let [n, r, i] = t, a = this.proxy[r];
+							if (typeof a == "function") {
+								let t = Reflect.getMetadata("nf:intercept", this.instance, r);
+								if (t) {
+									let n = t(this.proxy);
+									if (n instanceof Promise) {
+										n.then((t) => {
+											t === !1 ? (e.stopImmediatePropagation(), e.stopPropagation()) : this.executeMethod(a, e, i);
+										});
+										return;
+									} else if (n === !1) {
+										e.stopImmediatePropagation(), e.stopPropagation();
+										return;
+									}
+								}
+								this.executeMethod(a, e, i);
+								return;
+							}
+						}
+					}
+					if (n === this) break;
+					n = n.parentElement;
+				}
+			};
+			this.target.addEventListener("click", (e) => n(e, "@click")), this.target.addEventListener("input", (e) => n(e, "@input"));
+		}
+		executeMethod(e, t, n) {
+			if (n !== void 0) {
+				let r = n.split(",").map((e) => (e = e.trim(), e === "e" || e === "$event" ? t : e === "true" ? !0 : e === "false" ? !1 : !isNaN(Number(e)) && e !== "" ? Number(e) : e.startsWith("'") && e.endsWith("'") || e.startsWith("\"") && e.endsWith("\"") ? e.slice(1, -1) : e));
+				e.apply(this.proxy, r);
+			} else e.call(this.proxy, t);
+		}
+		async connectedCallback() {
+			let n = Reflect.getMetadata("nf:canActivate", e);
+			if (n) try {
+				let e = await n();
+				if (e === !1) return;
+				if (typeof e == "string") {
+					C.instance.navigate(e);
+					return;
+				}
+			} catch (e) {
+				console.error("Guard evaluation failed:", e);
+				return;
+			}
+			if (this.instance.canActivate) try {
+				let e = await this.instance.canActivate.call(this.proxy);
+				if (e === !1) return;
+				if (typeof e == "string") {
+					C.instance.navigate(e);
+					return;
+				}
+			} catch (e) {
+				console.error("Lifecycle canActivate hook failed:", e);
+				return;
+			}
+			if (t.templateUrl) try {
+				let e = await fetch(t.templateUrl);
+				if (!e.ok) throw Error(`Failed to fetch template: ${e.status} ${e.statusText}`);
+				let n = e.headers.get("content-type"), r = await e.text();
+				n?.includes("text/html") && r.includes(`<${t.tag}`) ? (console.error(`Recursive template detected for ${t.tag}. Check if ${t.templateUrl} exists!`), this.instance.template = `<div style="color:red; padding: 20px; border: 1px solid red;">Recursive template detected for &lt;${t.tag}&gt;! Check URL: ${t.templateUrl}</div>`) : this.instance.template = r;
+			} catch (e) {
+				console.error(`Juno ERROR: Failed to load template from ${t.templateUrl}`, e), this.instance.template = `<div style="color:red; padding: 10px; border: 1px solid red;">Error loading template from ${t.templateUrl}: ${e.message || e}</div>`;
+			}
+			let r = Reflect.getMetadata("nf:params", e.prototype) || [];
+			r.length > 0 && (this.routeUnsubscribe = C.instance.onRouteMatch((e, t) => {
+				r.forEach((e) => {
+					t[e.paramName] !== void 0 && this.proxy[e.key] !== t[e.paramName] && (this.proxy[e.key] = t[e.paramName]);
+				});
+			})), (Reflect.getMetadata("nf:injects", e.prototype) || []).forEach((e) => {
+				let t = this.parentElement;
+				for (; t;) {
+					if (t.instance) {
+						let n = (Reflect.getMetadata("nf:provides", t.instance.constructor) || []).find((t) => t.key === e.key);
+						if (n) {
+							this.proxy[e.property] = t.proxy[n.property];
+							break;
+						}
+					}
+					t = t.parentElement || t.getRootNode().host;
+				}
+			}), this.instance.onInit && await this.instance.onInit.call(this.proxy), this.update(), this.instance.onRender && this.instance.onRender.call(this.proxy, this);
+		}
+		disconnectedCallback() {
+			this.routeUnsubscribe && this.routeUnsubscribe(), this.instance.onDestroy && this.instance.onDestroy();
+		}
+		update() {
+			let e = this.instance.template || "<div>No template</div>", t = Reflect.getMetadata("nf:transforms", this.instance) || [], n = {};
+			for (let e of t) typeof this.proxy[e] == "function" && (n[e] = this.proxy[e]);
+			let r = Object.create(this.proxy);
+			r.__transforms__ = n;
+			let i = b.render(e, r);
+			x(this.target, i);
+		}
+	});
+}
+//#endregion
+//#region src/core/error-handler.ts
+var T = class e {
+	static _instance;
+	static get instance() {
+		return e._instance ||= new e(), e._instance;
+	}
+	middlewares = [];
+	addMiddleware(e) {
+		return this.middlewares.push(e), () => {
+			this.middlewares = this.middlewares.filter((t) => t !== e);
+		};
+	}
+	handle(e) {
+		for (let t of this.middlewares) if (t(e) === !0) return;
+		console.error("[JunoJS ErrorHandler] Unhandled error:", e.message, e);
+	}
+	static fromResponse(e, t) {
+		return {
+			status: e.status,
+			message: `HTTP ${e.status}: ${e.statusText}`,
+			url: t,
+			original: e
+		};
+	}
+	static fromException(e) {
+		return e instanceof Error ? {
+			message: e.message,
+			original: e
+		} : {
+			message: String(e),
+			original: e
+		};
+	}
+}, E = class {
+	_initialValues = {};
+	_touched = {};
+	constructor() {
+		queueMicrotask(() => this._captureInitialValues());
+	}
+	isValid() {
+		let e = this.getErrors();
+		return Object.keys(e).length === 0;
+	}
+	getErrors() {
+		let e = Reflect.getMetadata("nf:validators", this) || /* @__PURE__ */ new Map(), t = {};
+		return e.forEach((e, n) => {
+			let r = this[n], i = [];
+			for (let t of e) t.validate(r, this) || i.push(t.message);
+			i.length > 0 && (t[n] = i);
+		}), t;
+	}
+	reset() {
+		for (let [e, t] of Object.entries(this._initialValues)) this[e] = t;
+		this._touched = {};
+	}
+	get dirty() {
+		for (let [e, t] of Object.entries(this._initialValues)) if (this[e] !== t) return !0;
+		return !1;
+	}
+	get touched() {
+		return { ...this._touched };
+	}
+	markTouched(e) {
+		this._touched[e] = !0;
+	}
+	_captureInitialValues() {
+		(Reflect.getMetadata("nf:validators", this) || /* @__PURE__ */ new Map()).forEach((e, t) => {
+			this._initialValues[t] = this[t];
+		});
+	}
 };
-// ── Singleton ─────────────────────────────────────────────
-h(R, "_instance");
-let $ = R;
-export {
-  B as Action,
-  it as CanActivate,
-  z as Component,
-  dt as Email,
-  S as ErrorHandler,
-  lt as FormModel,
-  H as FormSchema,
-  rt as HostElement,
-  mt as HttpClient,
-  $ as I18nService,
-  tt as Inject,
-  Z as Input,
-  nt as Intercept,
-  V as JunoEngine,
-  ut as Match,
-  G as Param,
-  ht as Pattern,
-  ot as Persist,
-  Y as Provide,
-  et as Refine,
-  ft as Required,
-  N as RouterService,
-  at as Schema,
-  b as SchemaField,
-  K as State,
-  X as Transform,
-  Q as Use,
-  st as Validate,
-  ct as bootstrap,
-  U as createReactiveProxy,
-  pt as s
+//#endregion
+//#region src/common/forms/validators.ts
+function D(e, t, n) {
+	let r = Reflect.getMetadata("nf:validators", e) || /* @__PURE__ */ new Map(), i = r.get(t) || [];
+	i.push(n), r.set(t, i), Reflect.defineMetadata("nf:validators", r, e);
+}
+function O(e = "This field is required") {
+	return (t, n) => {
+		D(t, n, {
+			name: "required",
+			message: e,
+			validate: (e) => e != null && String(e).trim().length > 0
+		});
+	};
+}
+function k(e = "Invalid email address") {
+	return (t, n) => {
+		D(t, n, {
+			name: "email",
+			message: e,
+			validate: (e) => e ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e)) : !0
+		});
+	};
+}
+function A(e, t) {
+	return (n, r) => {
+		D(n, r, {
+			name: "match",
+			message: t || `Must match ${e}`,
+			validate: (t, n) => t === n[e]
+		});
+	};
+}
+function j(e, t = "Invalid format") {
+	return (n, r) => {
+		D(n, r, {
+			name: "pattern",
+			message: t,
+			validate: (t) => t ? e.test(String(t)) : !0
+		});
+	};
+}
+//#endregion
+//#region src/common/forms/schema.ts
+var M = class {
+	rules = [];
+	IS_REQUIRED = !1;
+	required(e = "Required") {
+		return this.IS_REQUIRED = !0, this.rules.push((t) => !t && t !== 0 && t !== !1 ? e : void 0), this;
+	}
+	email(e = "Invalid email") {
+		return this.rules.push((t) => {
+			if (t) return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(t)) ? void 0 : e;
+		}), this;
+	}
+	min(e, t) {
+		return this.rules.push((n) => {
+			if (n) return String(n).length < e ? t || `Min length ${e}` : void 0;
+		}), this;
+	}
+	max(e, t) {
+		return this.rules.push((n) => {
+			if (n) return String(n).length > e ? t || `Max length ${e}` : void 0;
+		}), this;
+	}
+	validate(e, t) {
+		for (let n of this.rules) {
+			let r = n(e, t);
+			if (r) return r;
+		}
+	}
+}, N = class {
+	fields = {};
+	refines = [];
+	string() {
+		return new M();
+	}
+	number() {
+		return new M();
+	}
+	boolean() {
+		return new M();
+	}
+	shape(e) {
+		return this.fields = e, this;
+	}
+	refine(e, t) {
+		return this.refines.push({
+			validate: e,
+			...t
+		}), this;
+	}
+	async parse(e) {
+		let t = {}, n = !0;
+		for (let [r, i] of Object.entries(this.fields)) {
+			let a = i.validate(e[r], e);
+			a && (t[r] = a, n = !1);
+		}
+		for (let r of this.refines) {
+			let i = r.validate(e);
+			(i instanceof Promise ? await i : i) || (t[r.path] = r.message, n = !1);
+		}
+		return {
+			success: n,
+			errors: n ? void 0 : t
+		};
+	}
+}, P = {
+	string: () => new M(),
+	number: () => new M(),
+	boolean: () => new M(),
+	object: (e) => new N().shape(e)
+}, F = class {
+	requestInterceptors = [];
+	responseInterceptors = [];
+	errorHandler = null;
+	setErrorHandler(e) {
+		this.errorHandler = e;
+	}
+	addRequestInterceptor(e) {
+		this.requestInterceptors.push(e);
+	}
+	addResponseInterceptor(e) {
+		this.responseInterceptors.push(e);
+	}
+	async get(e, t) {
+		return this.request("GET", e, void 0, t);
+	}
+	async post(e, t, n) {
+		return this.request("POST", e, t, n);
+	}
+	async put(e, t, n) {
+		return this.request("PUT", e, t, n);
+	}
+	async delete(e, t) {
+		return this.request("DELETE", e, void 0, t);
+	}
+	async patch(e, t, n) {
+		return this.request("PATCH", e, t, n);
+	}
+	async request(e, t, n, r) {
+		let i = t;
+		if (r?.params) {
+			let e = new URLSearchParams(r.params).toString();
+			i += (t.includes("?") ? "&" : "?") + e;
+		}
+		let a = {
+			method: e,
+			headers: {
+				"Content-Type": "application/json",
+				...r?.headers || {}
+			}
+		};
+		n !== void 0 && (a.body = JSON.stringify(n));
+		let o = new AbortController(), s;
+		r?.signal && r.signal.addEventListener("abort", () => o.abort()), r?.timeout && r.timeout > 0 && (s = setTimeout(() => o.abort(), r.timeout)), a.signal = o.signal;
+		for (let e of this.requestInterceptors) {
+			let t = e(i, a);
+			t && ([i] = t, Object.assign(a, t[1]));
+		}
+		try {
+			let e = await fetch(i, a);
+			for (let t of this.responseInterceptors) {
+				let n = t(e);
+				n && (e = n);
+			}
+			if (!e.ok) throw this.errorHandler && this.errorHandler.handle(T.fromResponse(e, i)), Error(`HTTP ${e.status}: ${e.statusText}`);
+			return (e.headers.get("content-type") || "").includes("application/json") ? await e.json() : await e.text();
+		} finally {
+			s !== void 0 && clearTimeout(s);
+		}
+	}
+}, I = class e {
+	static _instance;
+	static get instance() {
+		return e._instance ||= new e(), e._instance;
+	}
+	dictionaries = /* @__PURE__ */ new Map();
+	_locale = "en";
+	_onLocaleChange = [];
+	get locale() {
+		return this._locale;
+	}
+	addTranslations(e, t) {
+		let n = this.dictionaries.get(e) || {};
+		this.dictionaries.set(e, {
+			...n,
+			...t
+		});
+	}
+	setLocale(e) {
+		this.dictionaries.has(e) || console.warn(`[i18n] No translations registered for locale "${e}".`), this._locale = e;
+		for (let e of this._onLocaleChange) e();
+	}
+	onLocaleChange(e) {
+		return this._onLocaleChange.push(e), () => {
+			this._onLocaleChange = this._onLocaleChange.filter((t) => t !== e);
+		};
+	}
+	t(e, t) {
+		let n = this.dictionaries.get(this._locale)?.[e];
+		if (n === void 0) return e;
+		if (t) for (let [e, r] of Object.entries(t)) n = n.replace(RegExp(`\\{\\{${e}\\}\\}`, "g"), String(r));
+		return n;
+	}
+	get availableLocales() {
+		return [...this.dictionaries.keys()];
+	}
 };
-//# sourceMappingURL=index.js.map
+//#endregion
+export { o as Action, f as CanActivate, e as Component, k as Email, T as ErrorHandler, E as FormModel, N as FormSchema, p as HostElement, F as HttpClient, I as I18nService, c as Inject, n as Input, d as Intercept, b as JunoEngine, A as Match, r as Param, j as Pattern, h as Persist, s as Provide, l as Refine, O as Required, C as RouterService, m as Schema, M as SchemaField, t as State, a as Transform, i as Use, u as Validate, w as bootstrap, y as createReactiveProxy, P as s };
+
+//# sourceMappingURL=index.js.map