@koppajs/koppajs-core 3.0.3 → 3.0.5

package/dist/index.es.js

@@ -6,9 +6,8 @@ const B = {
   DEBUG: "🔍"
 };
 class Pe {
-  constructor() {
-    this.level = 3, this.isDevelopment = !1;
-  }
+  level = 3;
+  isDevelopment = !1;
   /**
    * Initialize logger with environment detection.
    * @param options - Logger configuration options
@@ -113,8 +112,8 @@ class Pe {
     ) && console.warn(this.formatMessage(B.WARN, t, n));
   }
 }
-const T = new Pe();
-T.init();
+const _ = new Pe();
+_.init();
 const ce = /* @__PURE__ */ Symbol("isBounded"), pe = /* @__PURE__ */ Symbol("isProxy"), Ie = [
   "created",
   "beforeMount",
@@ -137,7 +136,7 @@ function Le(e, t) {
       try {
         e[n] = K(o, t);
       } catch (r) {
-        T.errorWithContext(
+        _.errorWithContext(
           `Failed to bind method "${n}"`,
           { methodName: n },
           r
@@ -313,7 +312,7 @@ function H(e, t = {}) {
       }
       return a(...o.map((i) => t[i]));
     } catch (o) {
-      T.debug(`Expression evaluation failed: ${n}`, o);
+      _.debug(`Expression evaluation failed: ${n}`, o);
       return;
     }
 }
@@ -344,7 +343,7 @@ function Xe(e, t) {
     const i = t ? new Function("context", "__deps", a) : new Function("context", a);
     return ((c) => t ? i(c, t) : i(c));
   } catch (i) {
-    throw T.errorWithContext("Failed to compile dynamic code", { functionBody: a }, i), i;
+    throw _.errorWithContext("Failed to compile dynamic code", { functionBody: a }, i), i;
   }
 }
 function ye() {
@@ -361,7 +360,7 @@ async function R(e, t, n) {
     try {
       await r(n);
     } catch (a) {
-      T.errorWithContext(`Hook "${t}" callback failed`, { hook: t }, a);
+      _.errorWithContext(`Hook "${t}" callback failed`, { hook: t }, a);
     }
 }
 const G = {
@@ -507,7 +506,7 @@ function ot(e, t, n, o) {
   const r = [];
   return t.forEach(([a, i, s]) => {
     if (typeof a != "string" || typeof s != "function") {
-      T.error("Provided handler is not a function", s);
+      _.error("Provided handler is not a function", s);
       return;
     }
     let c = [];
@@ -576,7 +575,7 @@ function st(e, t, n, o, r) {
   const a = [];
   return n.forEach(([i, s, c]) => {
     if (typeof i != "string" || typeof c != "function") {
-      T.error("Provided handler is not a function", c);
+      _.error("Provided handler is not a function", c);
       return;
     }
     let l = [];
@@ -651,14 +650,14 @@ function lt() {
       });
   }), J.observe(document.body, { childList: !0, subtree: !0 }));
 }
-const Te = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap();
+const _e = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap();
 let ft = 0;
 const V = () => `slot-${++ft}`, W = (e) => typeof e == "object" && e !== null, Q = (e) => typeof e == "symbol" ? e.toString() : String(e), ut = (e) => {
-  const t = Te.get(e);
+  const t = _e.get(e);
   return t && W(t) ? t : void 0;
 };
 function Se(e) {
-  const t = _e.get(e);
+  const t = Te.get(e);
   return t || e;
 }
 const D = (e) => W(e) ? Reflect.get(e, pe) === !0 : !1;
@@ -759,11 +758,11 @@ function pt(e) {
         break;
       }
       case "splice": {
-        const u = b[0] ?? 0, d = b[1] !== void 0 ? b[1] : f.length - u, g = b.slice(2), _ = Array.from(
+        const u = b[0] ?? 0, d = b[1] !== void 0 ? b[1] : f.length - u, g = b.slice(2), T = Array.from(
           { length: g.length },
           () => V()
         );
-        w.splice(u, d, ..._);
+        w.splice(u, d, ...T);
         break;
       }
       case "reverse": {
@@ -822,21 +821,21 @@ function pt(e) {
               }
             };
         }
-        const _ = Reflect.get(u, d, g), M = Array.isArray(u) && typeof d == "string" && /^\d+$/.test(d);
-        if (W(_) && !D(_) && !M && (Array.isArray(_) || !Array.isArray(u))) {
+        const T = Reflect.get(u, d, g), M = Array.isArray(u) && typeof d == "string" && /^\d+$/.test(d);
+        if (W(T) && !D(T) && !M && (Array.isArray(T) || !Array.isArray(u))) {
           const L = Q(d), O = s(u, L);
-          return v(_, O);
+          return v(T, O);
         }
-        return _;
+        return T;
       },
-      set: (u, d, g, _) => {
-        const M = Reflect.get(u, d, _);
+      set: (u, d, g, T) => {
+        const M = Reflect.get(u, d, T);
         if (M === g) return !0;
         const L = Q(d), O = s(u, L);
         if (Array.isArray(u) && typeof d == "string" && /^\d+$/.test(d)) {
           const k = parseInt(d, 10);
           if (k >= 0 && k < u.length) {
-            const h = Reflect.set(u, d, g, _);
+            const h = Reflect.set(u, d, g, T);
             return l(O), h;
           }
         }
@@ -851,25 +850,25 @@ function pt(e) {
             g
           )) {
             let h = g;
-            W(h) && !D(h) && (h = v(h, O)), Reflect.set(u, d, h, _), l(O);
+            W(h) && !D(h) && (h = v(h, O)), Reflect.set(u, d, h, T), l(O);
           }
           return !0;
         }
-        const I = Reflect.set(u, d, g, _);
+        const I = Reflect.set(u, d, g, T);
         if (W(g) && !D(g)) {
           const k = v(g, O);
-          Reflect.set(u, d, k, _), Array.isArray(g) && X(g);
+          Reflect.set(u, d, k, T), Array.isArray(g) && X(g);
         }
         return l(O), I;
       },
       deleteProperty: (u, d) => {
         if (d === "changedPaths")
           return Reflect.deleteProperty(u, d);
-        const g = Q(d), _ = s(u, g), M = Reflect.get(u, d), L = Reflect.deleteProperty(u, d);
-        return L && M !== void 0 && l(_), L;
+        const g = Q(d), T = s(u, g), M = Reflect.get(u, d), L = Reflect.deleteProperty(u, d);
+        return L && M !== void 0 && l(T), L;
       }
     });
-    return Te.set(f, w), _e.set(w, f), w;
+    return _e.set(f, w), Te.set(w, f), w;
   };
   return {
     state: v(e),
@@ -936,8 +935,8 @@ function pt(e) {
             for (const d of w) {
               const g = y.get(d);
               if (g)
-                for (const _ of u)
-                  g.add(_);
+                for (const T of u)
+                  g.add(T);
               else
                 y.set(d, new Set(u));
             }
@@ -1019,7 +1018,7 @@ async function vt(e, t, n) {
     return;
   }
   if (typeof l != "object") {
-    T.error("State source is not iterable", { collectionExp: s, raw: l });
+    _.error("State source is not iterable", { collectionExp: s, raw: l });
     return;
   }
   const m = Array.isArray(l), p = m ? l.map((f, y) => [String(y), f]) : Object.entries(l), N = p.length, x = document.createDocumentFragment(), S = m ? dt(l) : void 0, v = { ...t };
@@ -1131,7 +1130,7 @@ async function Oe(e, t, n) {
               } else p != null && p !== !1 && (p === !0 ? s.setAttribute(l, "") : s.setAttribute(l, String(p)));
               s.removeAttribute(c.name);
             } catch (p) {
-              T.errorWithContext(
+              _.errorWithContext(
                 `Error evaluating dynamic attribute "${c.name}"`,
                 { attributeName: c.name, expression: m },
                 p
@@ -1144,7 +1143,7 @@ async function Oe(e, t, n) {
               let l = xe(c.value, t);
               c.name === "class" && (l = l.replace(/\s+/g, " ").trim()), l !== c.value && s.setAttribute(c.name, l);
             } catch (l) {
-              T.errorWithContext(
+              _.errorWithContext(
                 `Error replacing attribute "${c.name}"`,
                 { attributeName: c.name },
                 l
@@ -1170,7 +1169,7 @@ async function Oe(e, t, n) {
     }
     await Nt(a, n);
   } catch (o) {
-    throw T.errorWithContext("Error processing template", {}, o), o;
+    throw _.errorWithContext("Error processing template", {}, o), o;
   }
 }
 function Ct(e, t = {}) {
@@ -1179,7 +1178,7 @@ function Ct(e, t = {}) {
   if (e.some((s) => s == null || typeof s != "object"))
     throw new Error("composeBySource: all layers must be objects");
   const { defaultWriteIndex: n = e.length - 1, includePrototype: o = !1 } = t, r = n >= 0 && n < e.length && Number.isInteger(n) ? n : e.length - 1;
-  n !== r && T.warnWithContext(
+  n !== r && _.warnWithContext(
     `Invalid defaultWriteIndex ${n}, using ${r}`,
     { defaultWriteIndex: n, validWriteIndex: r, layersLength: e.length }
   );
@@ -1258,7 +1257,7 @@ function te({
     object: i === "object" && r !== null && !Array.isArray(r),
     function: i === "function"
   };
-  return (a === "unknown" ? !0 : s[a] ?? !1) ? o.regex && typeof r == "string" && !new RegExp(o.regex).test(r) ? (T.error(`Prop "${e}" does not match regex "${o.regex}".`), !1) : !0 : (T.error(
+  return (a === "unknown" ? !0 : s[a] ?? !1) ? o.regex && typeof r == "string" && !new RegExp(o.regex).test(r) ? (_.error(`Prop "${e}" does not match regex "${o.regex}".`), !1) : !0 : (_.error(
     `Prop "${e}" should be of type "${a}", but got "${i}".`,
     r
   ), !1);
@@ -1282,7 +1281,7 @@ function de({
           try {
             De(t.state, s, c);
           } catch (l) {
-            T.errorWithContext(
+            _.errorWithContext(
               `Failed to set bound prop "${i}" → "${s}"`,
               { propName: i, parentPath: s },
               l
@@ -1309,15 +1308,29 @@ function de({
     (!r || te({ propName: c, propValue: p, props: n })) && (o[c] = p);
   }
   for (const [i, s] of Object.entries(n))
-    i in o || (s.default !== void 0 ? o[i] = s.default : s.required && T.error(`Required prop "${i}" is missing.`));
+    i in o || (s.default !== void 0 ? o[i] = s.default : s.required && _.error(`Required prop "${i}" is missing.`));
 }
-function Tt(e, t) {
+function _t(e, t) {
   customElements.define(
     e,
     class extends HTMLElement {
+      template;
+      /**
+       * Public instance property for type compatibility with HTMLElementWithInstance.
+       */
+      instance;
+      // Cleanup state for deterministic teardown
+      _isDisconnected = !1;
+      _isMounted = !1;
+      // Track if component has been mounted (persists across connectedCallback calls)
+      _model;
+      _observerFn;
+      _renderAborted = !1;
+      _pendingRender = null;
+      _eventCleanup = null;
       // Cleanup for setupEvents listeners (including window)
       constructor() {
-        super(), this._isDisconnected = !1, this._isMounted = !1, this._renderAborted = !1, this._pendingRender = null, this._eventCleanup = null, this.template = document.createElement("template"), this.template.innerHTML = t.template;
+        super(), this.template = document.createElement("template"), this.template.innerHTML = t.template;
       }
       async connectedCallback() {
         const n = this;
@@ -1358,7 +1371,7 @@ function Tt(e, t) {
         const P = (h) => {
           const E = G.plugins[h];
           if (!E || typeof E.setup != "function") {
-            T.warnWithContext(
+            _.warnWithContext(
               `Plugin "${h}" not found or has no setup method`,
               { pluginName: h }
             );
@@ -1368,7 +1381,7 @@ function Tt(e, t) {
             const A = r && v ? v : S;
             return E.setup.call(A);
           } catch (A) {
-            T.errorWithContext(
+            _.errorWithContext(
               `Plugin "${h}" setup failed`,
               { pluginName: h },
               A
@@ -1410,14 +1423,14 @@ function Tt(e, t) {
           ...f
         }, d = c(u), g = pt(d.state ?? {});
         S = g.state;
-        const _ = d.methods || {}, M = d.props || {}, L = d.events || [];
+        const T = d.methods || {}, M = d.props || {}, L = d.events || [];
         let O = d.watchList || [];
-        r && (v = Ct([_, S])), de({
+        r && (v = Ct([T, S])), de({
           ele: n,
           parent: a,
           props: M,
           state: S
-        }), r && v && Le(_, v);
+        }), r && v && Le(T, v);
         for (const h of Ie) {
           const E = d[h];
           if (typeof E == "function") {
@@ -1450,8 +1463,8 @@ function Tt(e, t) {
                 this._pendingRender = I;
                 return;
               }
-              r && v ? (rt(v, E), this._eventCleanup && this._eventCleanup(), this._eventCleanup = ot(v, L, E, l)) : (it(_, E), this._eventCleanup && this._eventCleanup(), this._eventCleanup = st(
-                _,
+              r && v ? (rt(v, E), this._eventCleanup && this._eventCleanup(), this._eventCleanup = ot(v, L, E, l)) : (it(T, E), this._eventCleanup && this._eventCleanup(), this._eventCleanup = st(
+                T,
                 S,
                 L,
                 E,
@@ -1479,14 +1492,14 @@ function Tt(e, t) {
               }
               et(n, E, !this._isMounted, t.structAttr), this._isMounted && (await R("global", "updated", C), await R(N, "updated", C)), delete C.changedPaths, p = h, n.instance && (n.instance._lastRenderedStateVersion = p);
             } catch (E) {
-              T.errorWithContext("Error during render", { componentName: e }, E);
+              _.errorWithContext("Error during render", { componentName: e }, E);
             } finally {
               const E = r && v ? v : S;
               if (delete E.changedPaths, m = !1, n.instance && (n.instance.isRendering = !1), this._pendingRender && !this._isDisconnected) {
                 const A = this._pendingRender;
                 this._pendingRender = null, requestAnimationFrame(() => {
                   this._isDisconnected || A().catch((C) => {
-                    T.errorWithContext(
+                    _.errorWithContext(
                       "Error during pending render",
                       { componentName: e },
                       C
@@ -1503,7 +1516,7 @@ function Tt(e, t) {
           state: S,
           userContext: r ? v : void 0,
           props: M,
-          methods: _,
+          methods: T,
           events: L,
           watchList: O,
           $refs: l,
@@ -1525,7 +1538,7 @@ function Tt(e, t) {
           }
           requestAnimationFrame(() => {
             this._isDisconnected || I().catch((E) => {
-              T.errorWithContext(
+              _.errorWithContext(
                 "Error during render (observer)",
                 { componentName: e },
                 E
@@ -1549,17 +1562,17 @@ function Tt(e, t) {
   );
 }
 let ie = !1, he = !1, se = [];
-function _t() {
+function Tt() {
   he || (he = !0, !(typeof document > "u" || typeof HTMLElement > "u") && (ct(), Ye(), lt()));
 }
 function $e(...e) {
   const t = e[0], n = e[1];
   if (Ge(t)) {
     if (!n) {
-      T.error("ComponentSource requires a component name when calling take()");
+      _.error("ComponentSource requires a component name when calling take()");
       return;
     }
-    Tt(n, t);
+    _t(n, t);
     return;
   }
   if (Z(t) || Ke(t)) {
@@ -1572,7 +1585,7 @@ function $e(...e) {
     try {
       t.install(o), Z(t) ? G.plugins[t.name] = t : G.modules[t.name] = t;
     } catch (r) {
-      T.errorWithContext(
+      _.errorWithContext(
         "Failed to install extension",
         { name: t.name, type: Z(t) ? "plugin" : "module" },
         r
@@ -1580,14 +1593,14 @@ function $e(...e) {
     }
     return;
   }
-  T.error("Unknown extension type", t);
+  _.error("Unknown extension type", t);
 }
 function St() {
-  ie || (ie = !0, se.forEach((e) => $e(...e)), se = [], T.info("Core initialized"));
+  ie || (ie = !0, se.forEach((e) => $e(...e)), se = [], _.info("Core initialized"));
 }
 const ke = Object.assign(
   () => {
-    _t(), St();
+    Tt(), St();
   },
   {
     take: (...t) => {
@@ -1598,5 +1611,5 @@ const ke = Object.assign(
 export {
   ke as Core,
   Re as LogLevel,
-  T as logger
+  _ as logger
 };