@jasonshimmy/custom-elements-runtime 2.5.2 → 2.5.5

package/dist/custom-elements-runtime.es.js

@@ -1,195 +1,287 @@
-import { c as y, h as g, u as M, d as v, a as w, b as H, e as R, g as S, f as C } from "./template-compiler-DD_VZrte.js";
-import { c as x, d as z, f as U, r as k, u as E, w as L } from "./namespace-helpers-CF28TyaG.js";
-import { c as O } from "./transitions-Bx0Nc9zR.js";
-import { d as o, a as h } from "./logger-BuUYv7C_.js";
-import { s as T } from "./logger-BuUYv7C_.js";
-class m {
-  metrics = /* @__PURE__ */ new Map();
-  maxHistorySize = 100;
-  checkInterval = 3e4;
-  // 30 seconds
-  intervalId = null;
-  listeners = /* @__PURE__ */ new Set();
-  constructor() {
-    this.initializeMetrics(), this.startMonitoring();
-  }
-  /**
-   * Initialize default health metrics
-   */
-  initializeMetrics() {
-    this.addMetric("activeComponents", 0, 1e3, []), this.addMetric("componentCreateRate", 0, 50, []), this.addMetric("componentErrorRate", 0, 0.1, []), this.addMetric("memoryUsage", 0, 50 * 1024 * 1024, []), this.addMetric("memoryGrowthRate", 0, 1024 * 1024, []), this.addMetric("averageRenderTime", 0, 16, []), this.addMetric("slowRenderCount", 0, 10, []), this.addMetric("jitCacheHitRate", 100, 80, []), this.addMetric("activeReactiveStates", 0, 5e3, []), this.addMetric("dependencyUpdates", 0, 100, []), this.addMetric("memoryLeakIndicator", 0, 0.1, []);
-  }
-  /**
-   * Add a new health metric
-   */
-  addMetric(t, e, r, a) {
-    this.metrics.set(t, {
-      name: t,
-      value: e,
-      threshold: r,
+import { c as v, u as b, a as T, h as l, b as x, g as k, v as m, i as A } from "./template-compiler-CJFwjLCP.js";
+import { d as ee, e as te, p as ne, f as re, j as oe, k as se, l as ie, m as ae, n as ce } from "./template-compiler-CJFwjLCP.js";
+import { r as p, a as I } from "./namespace-helpers-DcD_6_K1.js";
+import { R as ue, c as he, d as de, f as fe, i as me, n as pe, s as ye, u as ge, w as ve, b as Ce } from "./namespace-helpers-DcD_6_K1.js";
+import { c as Se } from "./transitions-Di5wW9yc.js";
+import { d as y, a as O } from "./logger-BvkEbVM4.js";
+import { b as Re, s as Ee } from "./logger-BvkEbVM4.js";
+const U = 100, D = 3e4;
+function K(e, t, r) {
+  return r === "jitCacheHitRate" ? e < t * 0.5 ? "critical" : e < t ? "warning" : "healthy" : e > t * 2 ? "critical" : e > t ? "warning" : "healthy";
+}
+function z(e) {
+  const t = [];
+  return e.memoryUsage?.status !== "healthy" && t.push(
+    "Consider reducing component complexity or implementing better memory cleanup"
+  ), e.averageRenderTime?.status !== "healthy" && t.push(
+    "Optimize component render functions - consider lazy loading or virtualization"
+  ), e.jitCacheHitRate?.status !== "healthy" && t.push(
+    "JIT CSS cache performance is poor - review CSS patterns for optimization"
+  ), e.componentErrorRate?.status !== "healthy" && t.push(
+    "High component error rate detected - review error handling and component logic"
+  ), e.activeReactiveStates?.status !== "healthy" && t.push(
+    "High number of reactive states - consider state consolidation or cleanup"
+  ), e.memoryLeakIndicator?.status !== "healthy" && t.push(
+    "Potential memory leak detected - review component cleanup and event listener management"
+  ), t;
+}
+function j() {
+  const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
+  let r = null;
+  function n(o, s, i) {
+    e.set(o, {
+      name: o,
+      value: s,
+      threshold: i,
       status: "healthy",
       lastUpdated: Date.now(),
-      history: [...a]
+      history: []
     });
   }
-  /**
-   * Update a specific health metric
-   */
-  updateMetric(t, e) {
-    const r = this.metrics.get(t);
-    r && (r.value = e, r.lastUpdated = Date.now(), r.history.push(e), r.history.length > this.maxHistorySize && r.history.shift(), r.status = this.calculateStatus(e, r.threshold, t));
+  function a() {
+    n("activeComponents", 0, 1e3), n("componentCreateRate", 0, 50), n("componentErrorRate", 0, 0.1), n("memoryUsage", 0, 50 * 1024 * 1024), n("memoryGrowthRate", 0, 1024 * 1024), n("averageRenderTime", 0, 16), n("slowRenderCount", 0, 10), n("jitCacheHitRate", 100, 80), n("activeReactiveStates", 0, 5e3), n("dependencyUpdates", 0, 100), n("memoryLeakIndicator", 0, 0.1);
   }
-  /**
-   * Calculate health status based on value and threshold
-   */
-  calculateStatus(t, e, r) {
-    return r === "jitCacheHitRate" ? t < e * 0.5 ? "critical" : t < e ? "warning" : "healthy" : t > e * 2 ? "critical" : t > e ? "warning" : "healthy";
+  function h(o, s) {
+    const i = e.get(o);
+    i && (i.value = s, i.lastUpdated = Date.now(), i.history.push(s), i.history.length > U && i.history.shift(), i.status = K(s, i.threshold, o));
   }
-  /**
-   * Get current health report
-   */
-  getHealthReport() {
-    const t = {};
-    let e = "healthy";
-    for (const [a, i] of this.metrics)
-      t[a] = { ...i }, i.status === "critical" ? e = "critical" : i.status === "warning" && e === "healthy" && (e = "warning");
-    const r = this.generateRecommendations(t);
+  function c() {
+    const o = {};
+    let s = "healthy";
+    for (const [i, u] of e)
+      o[i] = { ...u }, u.status === "critical" ? s = "critical" : u.status === "warning" && s === "healthy" && (s = "warning");
     return {
-      overall: e,
-      metrics: t,
+      overall: s,
+      metrics: o,
       timestamp: Date.now(),
-      recommendations: r
+      recommendations: z(o)
     };
   }
-  /**
-   * Generate actionable recommendations based on metrics
-   */
-  generateRecommendations(t) {
-    const e = [];
-    return t.memoryUsage?.status !== "healthy" && e.push(
-      "Consider reducing component complexity or implementing better memory cleanup"
-    ), t.averageRenderTime?.status !== "healthy" && e.push(
-      "Optimize component render functions - consider lazy loading or virtualization"
-    ), t.jitCacheHitRate?.status !== "healthy" && e.push(
-      "JIT CSS cache performance is poor - review CSS patterns for optimization"
-    ), t.componentErrorRate?.status !== "healthy" && e.push(
-      "High component error rate detected - review error handling and component logic"
-    ), t.activeReactiveStates?.status !== "healthy" && e.push(
-      "High number of reactive states - consider state consolidation or cleanup"
-    ), t.memoryLeakIndicator?.status !== "healthy" && e.push(
-      "Potential memory leak detected - review component cleanup and event listener management"
-    ), e;
+  function d() {
+    if ("memory" in performance && performance.memory) {
+      const o = performance.memory;
+      h("memoryUsage", o.usedJSHeapSize);
+      const s = e.get("memoryUsage");
+      if (s && s.history.length > 1) {
+        const i = s.history[s.history.length - 2], u = s.history[s.history.length - 1];
+        h("memoryGrowthRate", Math.max(0, u - i));
+      }
+    }
   }
-  /**
-   * Start periodic health monitoring
-   */
-  startMonitoring() {
-    typeof window > "u" || (this.intervalId = window.setInterval(() => {
-      this.performHealthCheck();
-    }, this.checkInterval));
+  function w(o) {
+    for (const s of t)
+      try {
+        s(o);
+      } catch (i) {
+        y("Error in health monitor listener:", i);
+      }
   }
-  /**
-   * Perform comprehensive health check
-   */
-  performHealthCheck() {
-    this.updateMemoryMetrics();
-    const t = this.getHealthReport();
-    this.notifyListeners(t), t.overall === "critical" ? o(
+  function S() {
+    d();
+    const o = c();
+    w(o), o.overall === "critical" ? y(
       "🚨 Runtime Health: Critical issues detected",
-      t.recommendations
-    ) : t.overall === "warning" && h(
+      o.recommendations
+    ) : o.overall === "warning" && O(
       "⚠️ Runtime Health: Performance warnings",
-      t.recommendations
+      o.recommendations
     );
   }
-  /**
-   * Update memory-related metrics
-   */
-  updateMemoryMetrics() {
-    if ("memory" in performance && performance.memory) {
-      const t = performance.memory;
-      this.updateMetric("memoryUsage", t.usedJSHeapSize);
-      const e = this.metrics.get("memoryUsage");
-      if (e && e.history.length > 1) {
-        const r = e.history[e.history.length - 2], i = e.history[e.history.length - 1] - r;
-        this.updateMetric("memoryGrowthRate", Math.max(0, i));
-      }
-    }
-  }
-  /**
-   * Add health report listener
-   */
-  addListener(t) {
-    this.listeners.add(t);
+  function _() {
+    typeof window > "u" || (r = setInterval(S, D));
   }
-  /**
-   * Remove health report listener
-   */
-  removeListener(t) {
-    this.listeners.delete(t);
+  function R() {
+    r !== null && (clearInterval(r), r = null);
   }
-  /**
-   * Notify all listeners of health report
-   */
-  notifyListeners(t) {
-    for (const e of this.listeners)
-      try {
-        e(t);
-      } catch (r) {
-        o("Error in health monitor listener:", r);
-      }
+  function E(o) {
+    t.add(o);
   }
-  /**
-   * Stop health monitoring
-   */
-  stop() {
-    this.intervalId !== null && (clearInterval(this.intervalId), this.intervalId = null);
+  function H(o) {
+    t.delete(o);
   }
-  /**
-   * Get specific metric history for analysis
-   */
-  getMetricHistory(t) {
-    const e = this.metrics.get(t);
-    return e ? [...e.history] : [];
+  function M(o) {
+    const s = e.get(o);
+    return s ? [...s.history] : [];
   }
-  /**
-   * Clear all metrics history
-   */
-  clearHistory() {
-    for (const t of this.metrics.values())
-      t.history = [];
+  function L() {
+    for (const o of e.values()) o.history = [];
   }
+  return a(), _(), {
+    updateMetric: h,
+    getHealthReport: c,
+    addListener: E,
+    removeListener: H,
+    stop: R,
+    getMetricHistory: M,
+    clearHistory: L
+  };
+}
+let f = null;
+function C() {
+  return f || (f = j()), f;
+}
+function W(e, t) {
+  C().updateMetric(e, t);
 }
-let s = null;
-function c() {
-  return s || (s = new m()), s;
+function V() {
+  return C().getHealthReport();
 }
-function d(n, t) {
-  c().updateMetric(n, t);
+function N() {
+  typeof window > "u" || typeof customElements > "u" || customElements.get("cer-keep-alive") || customElements.define("cer-keep-alive", $());
 }
-function u() {
-  return c().getHealthReport();
+function $() {
+  return class extends HTMLElement {
+    /** Preserved component instances keyed by tag[:id]. */
+    _cache = /* @__PURE__ */ new Map();
+    _slot = null;
+    _slotListener = null;
+    connectedCallback() {
+      this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.querySelector("slot") || (this.shadowRoot.innerHTML = "<slot></slot>"), this._slot = this.shadowRoot.querySelector("slot"), this._slot && (this._slotListener = () => this._handleSlotChange(), this._slot.addEventListener("slotchange", this._slotListener), this._handleSlotChange());
+    }
+    disconnectedCallback() {
+      this._slot && this._slotListener && this._slot.removeEventListener("slotchange", this._slotListener), this._slotListener = null;
+    }
+    /**
+     * Evict a cached element by its cache key (`tagName` or `tagName:id`).
+     * The evicted element is disconnected and removed from the cache.
+     */
+    clearCache(t) {
+      t ? this._cache.delete(t) : this._cache.clear();
+    }
+    _handleSlotChange() {
+      if (!this._slot) return;
+      const t = this._slot.assignedElements({ flatten: !0 });
+      for (const r of t) {
+        const n = this._buildCacheKey(r);
+        if (!this._cache.has(n))
+          this._cache.set(n, r);
+        else {
+          const a = this._cache.get(n);
+          if (a !== r)
+            try {
+              r.parentNode?.replaceChild(a, r);
+            } catch {
+              this._cache.set(n, r);
+            }
+        }
+      }
+    }
+    _buildCacheKey(t) {
+      const r = t.tagName.toLowerCase(), n = t.getAttribute("id");
+      return n ? `${r}:${n}` : r;
+    }
+  };
+}
+function P() {
+  customElements.get("cer-suspense") || v("cer-suspense", () => {
+    const { pending: e } = x({ pending: !1 });
+    return e ? l`<slot name="fallback"><span>Loading…</span></slot>` : l`<slot></slot>`;
+  });
+}
+function q() {
+  customElements.get("cer-error-boundary") || v("cer-error-boundary", () => {
+    const e = p(!1), t = p("");
+    return b((r) => {
+      e.value = !0, t.value = r.message;
+    }), T({
+      _cerHandleChildError: (r) => {
+        e.peek() || (e.value = !0, t.value = r instanceof Error ? r.message : String(r));
+      },
+      reset: () => {
+        e.value = !1, t.value = "";
+      }
+    }), e.value ? l`<slot name="fallback"
+          ><div role="alert">
+            <strong>Something went wrong.</strong>
+            ${t.value ? l`<p>${t.value}</p>` : l``}
+          </div></slot
+        >` : l`<slot></slot>`;
+  });
+}
+function Y() {
+  P(), q(), N();
+}
+function Z(e) {
+  if (typeof document > "u")
+    return { portal: () => {
+    }, destroy: () => {
+    } };
+  if (A())
+    return { portal: () => {
+    }, destroy: () => {
+    } };
+  if (k()) {
+    const r = I.getOrCreateState(null), n = r.peek();
+    if (n !== null)
+      return n;
+    const a = g(e, () => r.initSilent(null));
+    return r.initSilent(a), a;
+  }
+  return g(e);
+}
+function g(e, t) {
+  const r = typeof e == "string" ? document.querySelector(e) : e;
+  if (!r)
+    return console.warn(
+      `[useTeleport] Target "${String(e)}" not found in the document. Teleported content will not be rendered.`
+    ), { portal: () => {
+    }, destroy: () => {
+    } };
+  const n = document.createElement("cer-teleport");
+  n.dataset.cerTeleport = "", r.appendChild(n);
+  const a = {};
+  return {
+    portal(c) {
+      const d = c == null ? [] : Array.isArray(c) ? c : [c];
+      m(n, d, void 0, a);
+    },
+    destroy() {
+      try {
+        m(n, [], void 0, a);
+      } catch {
+      }
+      n.parentNode && n.parentNode.removeChild(n), t?.();
+    }
+  };
 }
 export {
-  y as component,
-  x as computed,
-  O as css,
-  z as decodeEntities,
-  U as flushDOMUpdates,
-  c as getHealthMonitor,
-  u as getHealthStatus,
-  g as html,
-  k as ref,
-  T as setDevMode,
-  E as unsafeHTML,
-  d as updateHealthMetric,
-  M as useEmit,
-  v as useOnAttributeChanged,
-  w as useOnConnected,
-  H as useOnDisconnected,
-  R as useOnError,
-  S as useProps,
-  C as useStyle,
-  L as watch
+  ue as ReactiveState,
+  v as component,
+  he as computed,
+  ee as createComposable,
+  j as createHealthMonitor,
+  Se as css,
+  de as decodeEntities,
+  Re as devLog,
+  fe as flushDOMUpdates,
+  k as getCurrentComponentContext,
+  C as getHealthMonitor,
+  V as getHealthStatus,
+  l as html,
+  te as inject,
+  me as isReactiveState,
+  pe as nextTick,
+  ne as provide,
+  p as ref,
+  Y as registerBuiltinComponents,
+  q as registerErrorBoundary,
+  N as registerKeepAlive,
+  P as registerSuspense,
+  ye as scheduleWithPriority,
+  Ee as setDevMode,
+  ge as unsafeHTML,
+  W as updateHealthMetric,
+  re as useEmit,
+  T as useExpose,
+  oe as useOnAttributeChanged,
+  se as useOnConnected,
+  ie as useOnDisconnected,
+  b as useOnError,
+  x as useProps,
+  ae as useSlots,
+  ce as useStyle,
+  Z as useTeleport,
+  ve as watch,
+  Ce as watchEffect
 };
 //# sourceMappingURL=custom-elements-runtime.es.js.map

package/dist/custom-elements-runtime.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-elements-runtime.es.js","sources":["../src/lib/runtime/monitoring/health-monitor.ts"],"sourcesContent":["/**\n * Runtime Health Monitoring System\n * Tracks framework health metrics and provides early warning for potential issues\n */\n\nimport { devWarn, devError } from '../logger';\n\ninterface HealthMetric {\n  name: string;\n  value: number;\n  threshold: number;\n  status: 'healthy' | 'warning' | 'critical';\n  lastUpdated: number;\n  history: number[];\n}\n\ninterface HealthReport {\n  overall: 'healthy' | 'warning' | 'critical';\n  metrics: Record<string, HealthMetric>;\n  timestamp: number;\n  recommendations: string[];\n}\n\nexport class HealthMonitor {\n  private metrics = new Map<string, HealthMetric>();\n  private readonly maxHistorySize = 100;\n  private readonly checkInterval = 30000; // 30 seconds\n  private intervalId: number | null = null;\n  private listeners = new Set<(report: HealthReport) => void>();\n\n  constructor() {\n    this.initializeMetrics();\n    this.startMonitoring();\n  }\n\n  /**\n   * Initialize default health metrics\n   */\n  private initializeMetrics(): void {\n    // Component metrics\n    this.addMetric('activeComponents', 0, 1000, []);\n    this.addMetric('componentCreateRate', 0, 50, []); // Components per second\n    this.addMetric('componentErrorRate', 0, 0.1, []); // Error rate percentage\n\n    // Memory metrics\n    this.addMetric('memoryUsage', 0, 50 * 1024 * 1024, []); // 50MB threshold\n    this.addMetric('memoryGrowthRate', 0, 1024 * 1024, []); // 1MB/check threshold\n\n    // Performance metrics\n    this.addMetric('averageRenderTime', 0, 16, []); // 16ms for 60fps\n    this.addMetric('slowRenderCount', 0, 10, []); // Renders >16ms per check\n    this.addMetric('jitCacheHitRate', 100, 80, []); // Cache hit rate percentage\n\n    // Reactive system metrics\n    this.addMetric('activeReactiveStates', 0, 5000, []);\n    this.addMetric('dependencyUpdates', 0, 100, []); // Updates per check\n    this.addMetric('memoryLeakIndicator', 0, 0.1, []); // Growth without cleanup\n  }\n\n  /**\n   * Add a new health metric\n   */\n  private addMetric(\n    name: string,\n    value: number,\n    threshold: number,\n    history: number[],\n  ): void {\n    this.metrics.set(name, {\n      name,\n      value,\n      threshold,\n      status: 'healthy',\n      lastUpdated: Date.now(),\n      history: [...history],\n    });\n  }\n\n  /**\n   * Update a specific health metric\n   */\n  updateMetric(name: string, value: number): void {\n    const metric = this.metrics.get(name);\n    if (!metric) return;\n\n    metric.value = value;\n    metric.lastUpdated = Date.now();\n\n    // Update history\n    metric.history.push(value);\n    if (metric.history.length > this.maxHistorySize) {\n      metric.history.shift();\n    }\n\n    // Update status based on threshold\n    metric.status = this.calculateStatus(value, metric.threshold, name);\n  }\n\n  /**\n   * Calculate health status based on value and threshold\n   */\n  private calculateStatus(\n    value: number,\n    threshold: number,\n    metricName: string,\n  ): 'healthy' | 'warning' | 'critical' {\n    // Special handling for different metric types\n    if (metricName === 'jitCacheHitRate') {\n      // Lower is worse for cache hit rate\n      if (value < threshold * 0.5) return 'critical';\n      if (value < threshold) return 'warning';\n      return 'healthy';\n    }\n\n    // Default: higher is worse\n    if (value > threshold * 2) return 'critical';\n    if (value > threshold) return 'warning';\n    return 'healthy';\n  }\n\n  /**\n   * Get current health report\n   */\n  getHealthReport(): HealthReport {\n    const metrics: Record<string, HealthMetric> = {};\n    let overallStatus: 'healthy' | 'warning' | 'critical' = 'healthy';\n\n    // Collect all metrics\n    for (const [name, metric] of this.metrics) {\n      metrics[name] = { ...metric };\n\n      // Determine overall status (worst metric wins)\n      if (metric.status === 'critical') {\n        overallStatus = 'critical';\n      } else if (metric.status === 'warning' && overallStatus === 'healthy') {\n        overallStatus = 'warning';\n      }\n    }\n\n    const recommendations = this.generateRecommendations(metrics);\n\n    return {\n      overall: overallStatus,\n      metrics,\n      timestamp: Date.now(),\n      recommendations,\n    };\n  }\n\n  /**\n   * Generate actionable recommendations based on metrics\n   */\n  private generateRecommendations(\n    metrics: Record<string, HealthMetric>,\n  ): string[] {\n    const recommendations: string[] = [];\n\n    if (metrics.memoryUsage?.status !== 'healthy') {\n      recommendations.push(\n        'Consider reducing component complexity or implementing better memory cleanup',\n      );\n    }\n\n    if (metrics.averageRenderTime?.status !== 'healthy') {\n      recommendations.push(\n        'Optimize component render functions - consider lazy loading or virtualization',\n      );\n    }\n\n    if (metrics.jitCacheHitRate?.status !== 'healthy') {\n      recommendations.push(\n        'JIT CSS cache performance is poor - review CSS patterns for optimization',\n      );\n    }\n\n    if (metrics.componentErrorRate?.status !== 'healthy') {\n      recommendations.push(\n        'High component error rate detected - review error handling and component logic',\n      );\n    }\n\n    if (metrics.activeReactiveStates?.status !== 'healthy') {\n      recommendations.push(\n        'High number of reactive states - consider state consolidation or cleanup',\n      );\n    }\n\n    if (metrics.memoryLeakIndicator?.status !== 'healthy') {\n      recommendations.push(\n        'Potential memory leak detected - review component cleanup and event listener management',\n      );\n    }\n\n    return recommendations;\n  }\n\n  /**\n   * Start periodic health monitoring\n   */\n  private startMonitoring(): void {\n    if (typeof window === 'undefined') return; // Skip in SSR\n\n    this.intervalId = window.setInterval(() => {\n      this.performHealthCheck();\n    }, this.checkInterval);\n  }\n\n  /**\n   * Perform comprehensive health check\n   */\n  private performHealthCheck(): void {\n    // Update memory metrics\n    this.updateMemoryMetrics();\n\n    // Generate and emit health report\n    const report = this.getHealthReport();\n    this.notifyListeners(report);\n\n    // Log critical issues\n    if (report.overall === 'critical') {\n      devError(\n        '🚨 Runtime Health: Critical issues detected',\n        report.recommendations,\n      );\n    } else if (report.overall === 'warning') {\n      devWarn(\n        '⚠️ Runtime Health: Performance warnings',\n        report.recommendations,\n      );\n    }\n  }\n\n  /**\n   * Update memory-related metrics\n   */\n  private updateMemoryMetrics(): void {\n    if (\n      'memory' in performance &&\n      (performance as Record<string, unknown>).memory\n    ) {\n      const memory = (performance as Record<string, unknown>).memory as {\n        usedJSHeapSize: number;\n        totalJSHeapSize: number;\n        jsHeapSizeLimit: number;\n      };\n      this.updateMetric('memoryUsage', memory.usedJSHeapSize);\n\n      // Calculate memory growth rate\n      const memoryMetric = this.metrics.get('memoryUsage');\n      if (memoryMetric && memoryMetric.history.length > 1) {\n        const previous = memoryMetric.history[memoryMetric.history.length - 2];\n        const current = memoryMetric.history[memoryMetric.history.length - 1];\n        const growthRate = current - previous;\n        this.updateMetric('memoryGrowthRate', Math.max(0, growthRate));\n      }\n    }\n  }\n\n  /**\n   * Add health report listener\n   */\n  addListener(listener: (report: HealthReport) => void): void {\n    this.listeners.add(listener);\n  }\n\n  /**\n   * Remove health report listener\n   */\n  removeListener(listener: (report: HealthReport) => void): void {\n    this.listeners.delete(listener);\n  }\n\n  /**\n   * Notify all listeners of health report\n   */\n  private notifyListeners(report: HealthReport): void {\n    for (const listener of this.listeners) {\n      try {\n        listener(report);\n      } catch (error) {\n        devError('Error in health monitor listener:', error);\n      }\n    }\n  }\n\n  /**\n   * Stop health monitoring\n   */\n  stop(): void {\n    if (this.intervalId !== null) {\n      clearInterval(this.intervalId);\n      this.intervalId = null;\n    }\n  }\n\n  /**\n   * Get specific metric history for analysis\n   */\n  getMetricHistory(name: string): number[] {\n    const metric = this.metrics.get(name);\n    return metric ? [...metric.history] : [];\n  }\n\n  /**\n   * Clear all metrics history\n   */\n  clearHistory(): void {\n    for (const metric of this.metrics.values()) {\n      metric.history = [];\n    }\n  }\n}\n\n// Global health monitor instance\nlet healthMonitor: HealthMonitor | null = null;\n\n/**\n * Get the global health monitor instance\n */\nexport function getHealthMonitor(): HealthMonitor {\n  if (!healthMonitor) {\n    healthMonitor = new HealthMonitor();\n  }\n  return healthMonitor;\n}\n\n/**\n * Update a health metric from anywhere in the framework\n */\nexport function updateHealthMetric(name: string, value: number): void {\n  getHealthMonitor().updateMetric(name, value);\n}\n\n/**\n * Get current health status\n */\nexport function getHealthStatus(): HealthReport {\n  return getHealthMonitor().getHealthReport();\n}\n"],"names":["HealthMonitor","name","value","threshold","history","metric","metricName","metrics","overallStatus","recommendations","report","devError","devWarn","memory","memoryMetric","previous","growthRate","listener","error","healthMonitor","getHealthMonitor","updateHealthMetric","getHealthStatus"],"mappings":"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"}
+{"version":3,"file":"custom-elements-runtime.es.js","sources":["../src/lib/runtime/monitoring/health-monitor.ts","../src/lib/keep-alive.ts","../src/lib/runtime/builtin-components.ts","../src/lib/teleport.ts"],"sourcesContent":["/**\n * Runtime Health Monitoring System\n * Tracks framework health metrics and provides early warning for potential issues\n */\n\nimport { devWarn, devError } from '../logger';\n\ninterface HealthMetric {\n  name: string;\n  value: number;\n  threshold: number;\n  status: 'healthy' | 'warning' | 'critical';\n  lastUpdated: number;\n  history: number[];\n}\n\ninterface HealthReport {\n  overall: 'healthy' | 'warning' | 'critical';\n  metrics: Record<string, HealthMetric>;\n  timestamp: number;\n  recommendations: string[];\n}\nexport type { HealthReport };\n\n/**\n * Public interface for a health monitor instance.\n * All state is managed internally via closures — no class syntax.\n */\nexport interface HealthMonitorInstance {\n  /** Update a specific health metric value */\n  updateMetric(name: string, value: number): void;\n  /** Get the current health report */\n  getHealthReport(): HealthReport;\n  /** Add a listener to be notified when a health check runs */\n  addListener(listener: (report: HealthReport) => void): void;\n  /** Remove a previously registered listener */\n  removeListener(listener: (report: HealthReport) => void): void;\n  /** Stop the periodic health monitoring timer */\n  stop(): void;\n  /** Get historical values for a specific metric */\n  getMetricHistory(name: string): number[];\n  /** Clear all metric history */\n  clearHistory(): void;\n}\n\nconst MAX_HISTORY_SIZE = 100;\nconst CHECK_INTERVAL = 30_000; // 30 seconds\n\nfunction calcStatus(\n  value: number,\n  threshold: number,\n  metricName: string,\n): 'healthy' | 'warning' | 'critical' {\n  if (metricName === 'jitCacheHitRate') {\n    if (value < threshold * 0.5) return 'critical';\n    if (value < threshold) return 'warning';\n    return 'healthy';\n  }\n  if (value > threshold * 2) return 'critical';\n  if (value > threshold) return 'warning';\n  return 'healthy';\n}\n\nfunction buildRecommendations(metrics: Record<string, HealthMetric>): string[] {\n  const out: string[] = [];\n  if (metrics.memoryUsage?.status !== 'healthy')\n    out.push(\n      'Consider reducing component complexity or implementing better memory cleanup',\n    );\n  if (metrics.averageRenderTime?.status !== 'healthy')\n    out.push(\n      'Optimize component render functions - consider lazy loading or virtualization',\n    );\n  if (metrics.jitCacheHitRate?.status !== 'healthy')\n    out.push(\n      'JIT CSS cache performance is poor - review CSS patterns for optimization',\n    );\n  if (metrics.componentErrorRate?.status !== 'healthy')\n    out.push(\n      'High component error rate detected - review error handling and component logic',\n    );\n  if (metrics.activeReactiveStates?.status !== 'healthy')\n    out.push(\n      'High number of reactive states - consider state consolidation or cleanup',\n    );\n  if (metrics.memoryLeakIndicator?.status !== 'healthy')\n    out.push(\n      'Potential memory leak detected - review component cleanup and event listener management',\n    );\n  return out;\n}\n\n/**\n * Create a new health monitor instance.\n * All mutable state lives in closures — no `class` or `this`.\n */\nexport function createHealthMonitor(): HealthMonitorInstance {\n  const metricsMap = new Map<string, HealthMetric>();\n  const listeners = new Set<(report: HealthReport) => void>();\n  let intervalId: ReturnType<typeof setInterval> | null = null;\n\n  function addMetric(name: string, value: number, threshold: number): void {\n    metricsMap.set(name, {\n      name,\n      value,\n      threshold,\n      status: 'healthy',\n      lastUpdated: Date.now(),\n      history: [],\n    });\n  }\n\n  function initializeMetrics(): void {\n    addMetric('activeComponents', 0, 1000);\n    addMetric('componentCreateRate', 0, 50);\n    addMetric('componentErrorRate', 0, 0.1);\n    addMetric('memoryUsage', 0, 50 * 1024 * 1024);\n    addMetric('memoryGrowthRate', 0, 1024 * 1024);\n    addMetric('averageRenderTime', 0, 16);\n    addMetric('slowRenderCount', 0, 10);\n    addMetric('jitCacheHitRate', 100, 80);\n    addMetric('activeReactiveStates', 0, 5000);\n    addMetric('dependencyUpdates', 0, 100);\n    addMetric('memoryLeakIndicator', 0, 0.1);\n  }\n\n  function updateMetric(name: string, value: number): void {\n    const metric = metricsMap.get(name);\n    if (!metric) return;\n    metric.value = value;\n    metric.lastUpdated = Date.now();\n    metric.history.push(value);\n    if (metric.history.length > MAX_HISTORY_SIZE) metric.history.shift();\n    metric.status = calcStatus(value, metric.threshold, name);\n  }\n\n  function getHealthReport(): HealthReport {\n    const snapshot: Record<string, HealthMetric> = {};\n    let overall: 'healthy' | 'warning' | 'critical' = 'healthy';\n    for (const [name, metric] of metricsMap) {\n      snapshot[name] = { ...metric };\n      if (metric.status === 'critical') overall = 'critical';\n      else if (metric.status === 'warning' && overall === 'healthy')\n        overall = 'warning';\n    }\n    return {\n      overall,\n      metrics: snapshot,\n      timestamp: Date.now(),\n      recommendations: buildRecommendations(snapshot),\n    };\n  }\n\n  function updateMemoryMetrics(): void {\n    if (\n      'memory' in performance &&\n      (performance as Record<string, unknown>).memory\n    ) {\n      const mem = (performance as Record<string, unknown>).memory as {\n        usedJSHeapSize: number;\n      };\n      updateMetric('memoryUsage', mem.usedJSHeapSize);\n      const m = metricsMap.get('memoryUsage');\n      if (m && m.history.length > 1) {\n        const prev = m.history[m.history.length - 2];\n        const curr = m.history[m.history.length - 1];\n        updateMetric('memoryGrowthRate', Math.max(0, curr - prev));\n      }\n    }\n  }\n\n  function notifyListeners(report: HealthReport): void {\n    for (const listener of listeners) {\n      try {\n        listener(report);\n      } catch (e) {\n        devError('Error in health monitor listener:', e);\n      }\n    }\n  }\n\n  function performHealthCheck(): void {\n    updateMemoryMetrics();\n    const report = getHealthReport();\n    notifyListeners(report);\n    if (report.overall === 'critical')\n      devError(\n        '🚨 Runtime Health: Critical issues detected',\n        report.recommendations,\n      );\n    else if (report.overall === 'warning')\n      devWarn(\n        '⚠️ Runtime Health: Performance warnings',\n        report.recommendations,\n      );\n  }\n\n  function startMonitoring(): void {\n    if (typeof window === 'undefined') return;\n    intervalId = setInterval(performHealthCheck, CHECK_INTERVAL);\n  }\n\n  function stop(): void {\n    if (intervalId !== null) {\n      clearInterval(intervalId);\n      intervalId = null;\n    }\n  }\n\n  function addListener(listener: (report: HealthReport) => void): void {\n    listeners.add(listener);\n  }\n  function removeListener(listener: (report: HealthReport) => void): void {\n    listeners.delete(listener);\n  }\n  function getMetricHistory(name: string): number[] {\n    const m = metricsMap.get(name);\n    return m ? [...m.history] : [];\n  }\n  function clearHistory(): void {\n    for (const m of metricsMap.values()) m.history = [];\n  }\n\n  initializeMetrics();\n  startMonitoring();\n\n  return {\n    updateMetric,\n    getHealthReport,\n    addListener,\n    removeListener,\n    stop,\n    getMetricHistory,\n    clearHistory,\n  };\n}\n\n// Global singleton\nlet _monitor: HealthMonitorInstance | null = null;\n\n/**\n * Get the global health monitor singleton instance.\n */\nexport function getHealthMonitor(): HealthMonitorInstance {\n  if (!_monitor) _monitor = createHealthMonitor();\n  return _monitor;\n}\n\n/**\n * Update a health metric from anywhere in the framework.\n */\nexport function updateHealthMetric(name: string, value: number): void {\n  getHealthMonitor().updateMetric(name, value);\n}\n\n/**\n * Get the current health status report.\n */\nexport function getHealthStatus(): HealthReport {\n  return getHealthMonitor().getHealthReport();\n}\n","/**\n * keep-alive.ts\n *\n * Preserves component state when a component is removed from and later\n * re-inserted into the DOM. By default, custom elements lose all JavaScript\n * state when `disconnectedCallback` fires. `cer-keep-alive` intercepts\n * that lifecycle and keeps the child element alive in memory, re-attaching\n * it when a matching component is re-inserted.\n *\n * ## Usage\n *\n * Wrap any custom element with `<cer-keep-alive>`:\n * ```html\n * <cer-keep-alive>\n *   <my-counter></my-counter>\n * </cer-keep-alive>\n * ```\n *\n * Or register it programmatically:\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive(); // registers <cer-keep-alive> globally\n * ```\n *\n * ## How it works\n *\n * `cer-keep-alive` uses a slotted layout. When a slotted child component is\n * about to leave the DOM (via a re-render of a parent), KeepAlive intercepts\n * `slotchange` events and preserves the detached child element in an internal\n * cache keyed by tag name. When the same tag re-appears in the slot, the\n * cached element is re-inserted, restoring all JavaScript state.\n *\n * ## Limitations\n *\n * - The first slot child per tag name is cached. Multiple children with the\n *   same tag use separate cache entries keyed by their `id` attribute.\n * - Only components registered with the same tag name are matched.\n * - Cache entries can be manually evicted with `clearCache()`.\n */\n\n/** Cache key = tagName[:id] */\ntype CacheKey = string;\n\n/**\n * Register the `<cer-keep-alive>` custom element.\n * Safe to call multiple times — subsequent calls are no-ops.\n *\n * @example\n * ```ts\n * import { registerKeepAlive } from '@jasonshimmy/custom-elements-runtime';\n * registerKeepAlive();\n * ```\n */\nexport function registerKeepAlive(): void {\n  if (\n    typeof window === 'undefined' ||\n    typeof customElements === 'undefined' ||\n    customElements.get('cer-keep-alive')\n  ) {\n    return;\n  }\n\n  customElements.define('cer-keep-alive', createKeepAliveClass());\n}\n\nfunction createKeepAliveClass(): CustomElementConstructor {\n  return class CerKeepAlive extends HTMLElement {\n    /** Preserved component instances keyed by tag[:id]. */\n    private _cache = new Map<CacheKey, Element>();\n    private _slot: HTMLSlotElement | null = null;\n    private _slotListener: (() => void) | null = null;\n\n    connectedCallback(): void {\n      if (!this.shadowRoot) {\n        this.attachShadow({ mode: 'open' });\n      }\n\n      if (!this.shadowRoot!.querySelector('slot')) {\n        this.shadowRoot!.innerHTML = '<slot></slot>';\n      }\n\n      this._slot = this.shadowRoot!.querySelector('slot');\n      if (this._slot) {\n        this._slotListener = () => this._handleSlotChange();\n        this._slot.addEventListener('slotchange', this._slotListener);\n        // Process current slotted content\n        this._handleSlotChange();\n      }\n    }\n\n    disconnectedCallback(): void {\n      if (this._slot && this._slotListener) {\n        this._slot.removeEventListener('slotchange', this._slotListener);\n      }\n      this._slotListener = null;\n    }\n\n    /**\n     * Evict a cached element by its cache key (`tagName` or `tagName:id`).\n     * The evicted element is disconnected and removed from the cache.\n     */\n    clearCache(key?: CacheKey): void {\n      if (key) {\n        this._cache.delete(key);\n      } else {\n        this._cache.clear();\n      }\n    }\n\n    private _handleSlotChange(): void {\n      if (!this._slot) return;\n\n      const slottedElements = this._slot.assignedElements({ flatten: true });\n\n      for (const child of slottedElements) {\n        const cacheKey = this._buildCacheKey(child);\n\n        if (!this._cache.has(cacheKey)) {\n          // New element — cache it so we can restore it later\n          this._cache.set(cacheKey, child);\n        } else {\n          const cached = this._cache.get(cacheKey)!;\n          if (cached !== child) {\n            // A different instance appeared for the same slot.\n            // Replace it with the cached instance to restore state.\n            try {\n              child.parentNode?.replaceChild(cached, child);\n            } catch {\n              // If replacement fails, update the cache with the new element\n              this._cache.set(cacheKey, child);\n            }\n          }\n        }\n      }\n    }\n\n    private _buildCacheKey(el: Element): CacheKey {\n      const tag = el.tagName.toLowerCase();\n      const id = el.getAttribute('id');\n      return id ? `${tag}:${id}` : tag;\n    }\n  };\n}\n","/**\n * Built-in utility components provided by the custom-elements runtime.\n *\n * These components are registered automatically when this module is imported.\n * They are designed to be minimal, tree-shakeable, and zero-dependency.\n *\n * Included components:\n * - `<cer-suspense>` — Shows a fallback while async work is pending\n * - `<cer-error-boundary>` — Catches render errors and shows a fallback UI\n * - `<cer-keep-alive>` — Preserves component state across DOM removal/re-insertion\n */\n\nimport { component } from './component';\nimport { html } from './template-compiler';\nimport { ref } from './reactive';\nimport { useProps, useOnError, useExpose } from './hooks';\nimport { registerKeepAlive } from '../keep-alive';\n\n// ── cer-suspense ──────────────────────────────────────────────────────────────\n\n/**\n * A built-in component that conditionally renders either the default slot\n * content or the `fallback` slot content, controlled by the `pending` prop.\n *\n * Use the `pending` attribute/property to signal that async work is in\n * progress; the component will swap to the `fallback` slot until `pending`\n * becomes falsy.\n *\n * @example\n * ```html\n * <cer-suspense pending>\n *   <!-- shown when pending=false -->\n *   <my-async-content></my-async-content>\n *\n *   <!-- shown while pending=true -->\n *   <div slot=\"fallback\">Loading…</div>\n * </cer-suspense>\n * ```\n *\n * @example Programmatic usage\n * ```ts\n * component('my-data-loader', () => {\n *   const pending = ref(true);\n *   useOnConnected(async () => {\n *     await fetchData();\n *     pending.value = false;\n *   });\n *   return html`\n *     <cer-suspense pending=\"${pending.value}\">\n *       <my-data-view></my-data-view>\n *       <div slot=\"fallback\">Loading data…</div>\n *     </cer-suspense>\n *   `;\n * });\n * ```\n */\nexport function registerSuspense(): void {\n  if (customElements.get('cer-suspense')) return;\n\n  component('cer-suspense', () => {\n    const { pending } = useProps({ pending: false });\n\n    return pending\n      ? html`<slot name=\"fallback\"><span>Loading…</span></slot>`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── cer-error-boundary ────────────────────────────────────────────────────────\n\n/**\n * A built-in component that catches errors thrown during child component\n * rendering and displays a fallback UI instead of crashing the page.\n *\n * Errors are caught via the `useOnError` lifecycle hook. Once an error is\n * caught the component switches to showing the `fallback` named slot (or a\n * default \"Something went wrong\" message if no fallback slot is provided).\n *\n * Call the custom `reset()` method on the element to clear the error and\n * attempt re-rendering the default slot.\n *\n * @example\n * ```html\n * <cer-error-boundary>\n *   <my-risky-component></my-risky-component>\n *\n *   <div slot=\"fallback\">\n *     <p>Something went wrong. <button onclick=\"this.closest('cer-error-boundary').reset()\">Retry</button></p>\n *   </div>\n * </cer-error-boundary>\n * ```\n */\nexport function registerErrorBoundary(): void {\n  if (customElements.get('cer-error-boundary')) return;\n\n  component('cer-error-boundary', () => {\n    const hasError = ref(false);\n    const errorMessage = ref('');\n\n    useOnError((err: Error) => {\n      hasError.value = true;\n      errorMessage.value = err.message;\n    });\n\n    // Expose a reset() method so parent templates can call\n    // `errorBoundaryRef.value.reset()` to clear the error and retry.\n    // Also expose an internal `_cerHandleChildError` receiver so that the\n    // component runtime can propagate uncaught errors from slotted child\n    // components up to the nearest ancestor <cer-error-boundary>.\n    useExpose({\n      _cerHandleChildError: (err: unknown) => {\n        // Use peek() to read the current value without registering a reactive\n        // dependency — the child component's render context may be active when\n        // this handler runs, and we must not accidentally subscribe the child\n        // to this boundary's internal state.\n        if (!hasError.peek()) {\n          hasError.value = true;\n          errorMessage.value = err instanceof Error ? err.message : String(err);\n        }\n      },\n      reset: () => {\n        hasError.value = false;\n        errorMessage.value = '';\n      },\n    });\n\n    return hasError.value\n      ? html`<slot name=\"fallback\"\n          ><div role=\"alert\">\n            <strong>Something went wrong.</strong>\n            ${errorMessage.value ? html`<p>${errorMessage.value}</p>` : html``}\n          </div></slot\n        >`\n      : html`<slot></slot>`;\n  });\n}\n\n// ── Auto-register all components ─────────────────────────────────────────────\n\n/**\n * Register all built-in components (`cer-suspense`, `cer-error-boundary`,\n * `cer-keep-alive`).\n * Safe to call multiple times — each registration is guarded by a\n * `customElements.get()` check.\n */\nexport function registerBuiltinComponents(): void {\n  registerSuspense();\n  registerErrorBoundary();\n  registerKeepAlive();\n}\n","/**\n * teleport.ts\n *\n * Renders virtual DOM content into an arbitrary DOM target located outside\n * the current component's Shadow Root. Useful for modals, tooltips, popovers,\n * and any UI that must visually escape the component boundary.\n *\n * @example\n * ```ts\n * import { component, html, ref, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('modal-trigger', () => {\n *   const isOpen = ref(false);\n *\n *   // Render modal content into <body> outside the shadow root\n *   const { portal, destroy } = useTeleport('#modal-root');\n *   useOnDisconnected(destroy);\n *\n *   // Call portal() to update the teleported content on each render\n *   if (isOpen.value) {\n *     portal(html`<div class=\"modal\">\n *       <h2>Hello</h2>\n *       <button @click=\"${() => (isOpen.value = false)}\">Close</button>\n *     </div>`);\n *   } else {\n *     portal(null);\n *   }\n *\n *   return html`\n *     <button @click=\"${() => (isOpen.value = true)}\">Open modal</button>\n *   `;\n * });\n * ```\n */\n\nimport type { VNode, VDomRefs } from './runtime/types';\nimport { vdomRenderer } from './runtime/vdom';\nimport { reactiveSystem } from './runtime/reactive';\nimport { getCurrentComponentContext, isDiscoveryRender } from './runtime/hooks';\n\n/** Handle returned by {@link useTeleport} for managing a portal. */\nexport interface TeleportHandle {\n  /**\n   * Render (or clear) content at the teleport target.\n   * Pass `null` or `undefined` to remove previously rendered content.\n   */\n  portal(content: VNode | VNode[] | null | undefined): void;\n\n  /**\n   * Destroy the teleport container and clean up all rendered content.\n   * Call this in `useOnDisconnected` to prevent memory leaks.\n   */\n  destroy(): void;\n}\n\n/**\n * Create a teleport portal that renders content outside the current Shadow Root.\n *\n * @param target - A CSS selector string or an `Element` reference to render into.\n * @returns A {@link TeleportHandle} with `portal()` (update content) and `destroy()` (cleanup).\n *\n * @example\n * ```ts\n * import { component, html, useOnDisconnected, useTeleport } from '@jasonshimmy/custom-elements-runtime';\n *\n * component('my-tooltip', () => {\n *   const { portal, destroy } = useTeleport('body');\n *   useOnDisconnected(destroy);\n *\n *   portal(html`<div class=\"tooltip\">Tooltip content</div>`);\n *   return html`<span>Hover me</span>`;\n * });\n * ```\n */\nexport function useTeleport(target: string | Element): TeleportHandle {\n  // SSR guard\n  if (typeof document === 'undefined') {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // During discovery render the component is not yet mounted — return a no-op\n  // handle so the library can detect props/hooks without side-effects.\n  if (isDiscoveryRender()) {\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // If called inside a component render, use the reactive state-index slot\n  // mechanism to ensure the same handle is returned on every re-render of the\n  // same component instance.  Without this, each re-render would create a new\n  // <cer-teleport> container in the target, leaking all but the last one.\n  const ctx = getCurrentComponentContext();\n  if (ctx) {\n    // getOrCreateState uses an incrementing stateIndex that is reset to 0 at\n    // the start of each render, so the same call site always gets the same slot.\n    const slot = reactiveSystem.getOrCreateState<TeleportHandle | null>(null);\n    const existing = slot.peek();\n    if (existing !== null) {\n      return existing;\n    }\n    // First render: create the handle and store it without triggering a\n    // reactive update (initSilent bypasses triggerUpdate).\n    // Pass a slot-invalidation callback so that destroy() clears the slot,\n    // allowing a reconnected component to create a fresh container.\n    const handle = _createTeleportHandle(target, () => slot.initSilent(null));\n    slot.initSilent(handle);\n    return handle;\n  }\n\n  // Outside a component context (e.g. called directly in tests or scripts):\n  // fall through to a non-cached, non-stable handle.\n  return _createTeleportHandle(target);\n}\n\n/** Internal: create a fresh teleport handle pointing at `target`.\n * @param onDestroy - Optional callback invoked after cleanup in destroy(), used\n *   to invalidate a cached slot so the next render creates a fresh handle.\n */\nfunction _createTeleportHandle(\n  target: string | Element,\n  onDestroy?: () => void,\n): TeleportHandle {\n  const targetEl =\n    typeof target === 'string'\n      ? (document.querySelector(target) as Element | null)\n      : target;\n\n  if (!targetEl) {\n    console.warn(\n      `[useTeleport] Target \"${String(target)}\" not found in the document. ` +\n        'Teleported content will not be rendered.',\n    );\n    return { portal: () => {}, destroy: () => {} };\n  }\n\n  // Create a dedicated container so we never clobber sibling content.\n  const container = document.createElement('cer-teleport');\n  container.dataset.cerTeleport = '';\n  targetEl.appendChild(container);\n\n  // Shared refs bag — passed consistently so ref directives work across updates.\n  const refs: VDomRefs = {};\n\n  const handle: TeleportHandle = {\n    portal(content: VNode | VNode[] | null | undefined): void {\n      const nodes: VNode[] =\n        content == null ? [] : Array.isArray(content) ? content : [content];\n      // vdomRenderer stores _prevVNode/_prevDom on the root object for diffing.\n      // Casting to ShadowRoot is safe: we only access properties that exist on\n      // HTMLElement (firstChild, appendChild, replaceChild, childNodes).\n      vdomRenderer(container as unknown as ShadowRoot, nodes, undefined, refs);\n    },\n\n    destroy(): void {\n      // Render empty nodes to clean up event listeners and refs.\n      try {\n        vdomRenderer(container as unknown as ShadowRoot, [], undefined, refs);\n      } catch {\n        /* best-effort cleanup */\n      }\n      if (container.parentNode) {\n        container.parentNode.removeChild(container);\n      }\n      // Invalidate the cached slot so that if the component reconnects and\n      // re-renders, useTeleport() creates a fresh container rather than\n      // reusing this destroyed one.\n      onDestroy?.();\n    },\n  };\n\n  return handle;\n}\n"],"names":["MAX_HISTORY_SIZE","CHECK_INTERVAL","calcStatus","value","threshold","metricName","buildRecommendations","metrics","out","createHealthMonitor","metricsMap","listeners","intervalId","addMetric","name","initializeMetrics","updateMetric","metric","getHealthReport","snapshot","overall","updateMemoryMetrics","mem","m","prev","curr","notifyListeners","report","listener","e","devError","performHealthCheck","devWarn","startMonitoring","stop","addListener","removeListener","getMetricHistory","clearHistory","_monitor","getHealthMonitor","updateHealthMetric","getHealthStatus","registerKeepAlive","createKeepAliveClass","key","slottedElements","child","cacheKey","cached","el","tag","id","registerSuspense","component","pending","useProps","html","registerErrorBoundary","hasError","ref","errorMessage","useOnError","err","useExpose","registerBuiltinComponents","useTeleport","target","isDiscoveryRender","getCurrentComponentContext","slot","reactiveSystem","existing","handle","_createTeleportHandle","onDestroy","targetEl","container","refs","content","nodes","vdomRenderer"],"mappings":"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"}

package/dist/custom-elements-runtime.event-bus.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./logger-DiXdWaF-.cjs");class r extends EventTarget{handlers={};static instance;eventCounters=new Map;static getInstance(){return r.instance||(r.instance=new r),r.instance}emit(t,e){const n=Date.now(),o=this.eventCounters.get(t);if(!o||n-o.window>1e3)this.eventCounters.set(t,{count:1,window:n});else if(o.count++,o.count>50&&o.count>100)return;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!1,cancelable:!0}));const c=this.handlers[t];c&&c.forEach(l=>{try{l(e)}catch(u){a.devError(`Error in global event handler for "${t}":`,u)}})}on(t,e){return this.handlers[t]||(this.handlers[t]=new Set),this.handlers[t].add(e),()=>this.off(t,e)}off(t,e){const n=this.handlers[t];n&&n.delete(e)}offAll(t){delete this.handlers[t]}listen(t,e,n){return this.addEventListener(t,e,n),()=>this.removeEventListener(t,e)}once(t,e){return new Promise(n=>{const o=this.on(t,c=>{o(),e(c),n(c)})})}getActiveEvents(){return Object.keys(this.handlers).filter(t=>this.handlers[t]&&this.handlers[t].size>0)}clear(){this.handlers={}}getHandlerCount(t){return this.handlers[t]?.size||0}getEventStats(){const t={};for(const[e,n]of this.eventCounters.entries())t[e]={count:n.count,handlersCount:this.getHandlerCount(e)};return t}resetEventCounters(){this.eventCounters.clear()}}const i=new Proxy({},{get(s,t){const e=r.getInstance(),n=e[t];return typeof n=="function"?n.bind(e):n},apply(s,t,e){return r.getInstance().apply(t,e)}}),h=(s,t)=>i.emit(s,t),d=(s,t)=>i.on(s,t),f=(s,t)=>i.off(s,t),g=(s,t)=>i.once(s,t),v=(s,t,e)=>i.listen(s,t,e);exports.GlobalEventBus=r;exports.emit=h;exports.eventBus=i;exports.listen=v;exports.off=f;exports.on=d;exports.once=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./logger-CSALKaYm.cjs");class o extends EventTarget{handlers={};static instance;eventCounters=new Map;static getInstance(){return o.instance||(o.instance=new o),o.instance}emit(t,e){const n=Date.now(),r=this.eventCounters.get(t);if(!r||n-r.window>1e3)this.eventCounters.set(t,{count:1,window:n});else if(r.count++,r.count>50&&r.count>100)return;this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!1,cancelable:!0}));const c=this.handlers[t];c&&c.forEach(u=>{try{u(e)}catch(l){h.devError(`Error in global event handler for "${t}":`,l)}})}on(t,e){return this.handlers[t]||(this.handlers[t]=new Set),this.handlers[t].add(e),()=>this.off(t,e)}off(t,e){const n=this.handlers[t];n&&n.delete(e)}offAll(t){delete this.handlers[t]}listen(t,e,n){return this.addEventListener(t,e,n),()=>this.removeEventListener(t,e)}once(t,e){if(e!==void 0){const n=this.on(t,r=>{n(),e(r)})}else return new Promise(n=>{const r=this.on(t,c=>{r(),n(c)})})}getActiveEvents(){return Object.keys(this.handlers).filter(t=>this.handlers[t]&&this.handlers[t].size>0)}clear(){this.handlers={}}getHandlerCount(t){return this.handlers[t]?.size||0}getEventStats(){const t={};for(const[e,n]of this.eventCounters.entries())t[e]={count:n.count,handlersCount:this.getHandlerCount(e)};return t}resetEventCounters(){this.eventCounters.clear()}}const i=new Proxy({},{get(s,t){const e=o.getInstance(),n=e[t];return typeof n=="function"?n.bind(e):n},apply(){throw new TypeError("eventBus is not a callable function")}}),a=(s,t)=>i.emit(s,t),f=(s,t)=>i.on(s,t),d=(s,t)=>i.off(s,t);function g(s,t){return t!==void 0?i.once(s,t):i.once(s)}const v=(s,t,e)=>i.listen(s,t,e);exports.GlobalEventBus=o;exports.emit=a;exports.eventBus=i;exports.listen=v;exports.off=d;exports.on=f;exports.once=g;
 //# sourceMappingURL=custom-elements-runtime.event-bus.cjs.js.map