@melodicdev/components 1.0.15 → 1.0.17

package/assets/melodic-components.min.js

@@ -194,17 +194,17 @@ async function bs(e = {}) {
   };
   return e.onReady && e.onReady(), t && console.log("[Melodic] Bootstrap complete"), L.bindValue("IMelodicApp", a), a;
 }
-function Ne(e, t) {
+function Le(e, t) {
   e.renderInto(t);
 }
 const wr = Symbol("melodic.signal"), Gr = (e) => typeof e == "function" && wr in e;
-var Le = "melodic-styles", Ur = `style[${Le}], link[rel="stylesheet"][${Le}]`, Te = [], ge = null;
+var Ve = "melodic-styles", Ur = `style[${Ve}], link[rel="stylesheet"][${Ve}]`, ze = [], ge = null;
 const Yr = (e) => {
   if (Jr()) {
-    Ve(e);
+    je(e);
     return;
   }
-  ge || (ge = Xr()), ge.then(() => Ve(e));
+  ge || (ge = Xr()), ge.then(() => je(e));
 };
 var Xr = async () => {
   const e = document.querySelectorAll(Ur);
@@ -219,16 +219,16 @@ var Xr = async () => {
       }), Fe(Array.from(t.sheet?.cssRules ?? []).map((r) => r.cssText).join(`
 `)));
     }
-}, Ve = (e) => {
-  const t = e.adoptedStyleSheets ?? [], r = Te.filter((l) => !t.includes(l));
+}, je = (e) => {
+  const t = e.adoptedStyleSheets ?? [], r = ze.filter((l) => !t.includes(l));
   r.length > 0 && (e.adoptedStyleSheets = [...t, ...r]);
 }, Fe = (e) => {
   const t = e.trim();
   if (t.length > 0) {
     const r = new CSSStyleSheet();
-    r.replaceSync(t), Te.push(r);
+    r.replaceSync(t), ze.push(r);
   }
-}, Jr = () => Te.length > 0, Qr = class extends HTMLElement {
+}, Jr = () => ze.length > 0, Qr = class extends HTMLElement {
   constructor(e, t) {
     super(), this._unsubscribers = [], this._renderScheduled = !1, this._booleanProperties = /* @__PURE__ */ new Set(), this._meta = e, this._component = t, this._component.elementRef = this, this._root = this.attachShadow({ mode: "open" }), Yr(this._root), this._style = this.renderStyles(), this.observe(), this._component.onInit && this._component.onInit();
   }
@@ -262,10 +262,10 @@ var Xr = async () => {
   }
   renderStyles() {
     const e = document.createElement("style");
-    return this._meta.styles && Ne(this._meta.styles(), e), this._root.appendChild(e);
+    return this._meta.styles && Le(this._meta.styles(), e), this._root.appendChild(e);
   }
   render() {
-    this._meta.template && (Ne(this._meta.template(this._component, this.getAttributeValues()), this._root), this._style.parentNode !== this._root && this._root.appendChild(this._style)), this._component.onRender !== void 0 && this._component.onRender();
+    this._meta.template && (Le(this._meta.template(this._component, this.getAttributeValues()), this._root), this._style.parentNode !== this._root && this._root.appendChild(this._style)), this._component.onRender !== void 0 && this._component.onRender();
   }
   scheduleRender() {
     this._renderScheduled || (this._renderScheduled = !0, queueMicrotask(() => {
@@ -375,19 +375,19 @@ function _s(e) {
     t.bindValue(tl, e);
   };
 }
-var ze = class $r extends Error {
+var Ae = class $r extends Error {
   constructor(t, r, l) {
     super(t), this.config = r, this.code = l, this.name = "HttpBaseError", Object.setPrototypeOf(this, $r.prototype);
   }
-}, je = class Cr extends ze {
+}, qe = class Cr extends Ae {
   constructor(t, r, l) {
     super(t, l, `HTTP_${r.status}`), this.response = r, this.name = "HttpError", Object.setPrototypeOf(this, Cr.prototype);
   }
-}, rl = class Sr extends ze {
+}, rl = class Sr extends Ae {
   constructor(t, r) {
     super(t, r, "NETWORK_ERROR"), this.name = "NetworkError", Object.setPrototypeOf(this, Sr.prototype);
   }
-}, ll = class Er extends ze {
+}, ll = class Er extends Ae {
   constructor(t, r) {
     super(t, r, "ABORTED"), this.name = "AbortError", Object.setPrototypeOf(this, Er.prototype);
   }
@@ -439,7 +439,7 @@ var ze = class $r extends Error {
     }
     return t;
   }
-}, qe = class {
+}, Be = class {
   constructor(e) {
     this._requestManager = new al(), this._interceptors = {
       request: [],
@@ -535,10 +535,10 @@ var ze = class $r extends Error {
         headers: r.headers,
         config: e
       };
-      if (!r.ok) throw new je(`HTTP Error: ${r.status} ${r.statusText}`, l, e);
+      if (!r.ok) throw new qe(`HTTP Error: ${r.status} ${r.statusText}`, l, e);
       return l;
     }).catch((r) => {
-      throw r instanceof je ? r : r instanceof Error && r.name === "AbortError" ? new ll("Request aborted", e) : new rl((r instanceof Error ? r.message : "Network error") || "Network error", e);
+      throw r instanceof qe ? r : r instanceof Error && r.name === "AbortError" ? new ll("Request aborted", e) : new rl((r instanceof Error ? r.message : "Network error") || "Network error", e);
     });
     return e.deduplicate === !0 && this._requestManager.addPendingRequest(e, t), await t;
   }
@@ -607,8 +607,8 @@ var ze = class $r extends Error {
 };
 function ys(e, t) {
   return (r) => {
-    const l = new qe(e);
-    r.bindValue(qe, l), t?.request && t.request.forEach((a) => {
+    const l = new Be(e);
+    r.bindValue(Be, l), t?.request && t.request.forEach((a) => {
       l.interceptors.request(a);
     }), t?.response && t.response.forEach((a) => {
       l.interceptors.response(a);
@@ -624,7 +624,7 @@ function ws(e) {
 function ks(e) {
   return { resolve: e };
 }
-var fe = class {
+var _e = class {
   constructor(e, t) {
     this._reEscape = /[-[\]{}()+?.,\\^$|#\s]/g, this._reParam = /([:*])(\w+)/g, this._names = [], this._isWildcard = !1, this._route = e, this._rules = t, this._isWildcard = e.includes("*");
     let r = this._route.replace(this._reEscape, "\\$&");
@@ -689,7 +689,7 @@ var $s = class extends CustomEvent {
 };
 function Rr(e, t, r, l, a) {
   for (const o of e) {
-    const s = new fe(o.path);
+    const s = new _e(o.path);
     if (o.redirectTo && o.path === t) return {
       matches: l,
       params: a,
@@ -737,7 +737,7 @@ function Rr(e, t, r, l, a) {
     isExactMatch: !1
   };
 }
-function _e(e, t, r = "") {
+function ye(e, t, r = "") {
   const l = Rr(e, t.startsWith("/") ? t.slice(1) : t, r, [], {});
   return {
     matches: l.matches,
@@ -761,11 +761,11 @@ function sl(e, t, r = {}) {
   function a(o, s) {
     for (const n of o) {
       if (n.name === s) {
-        const c = new fe(n.path);
+        const c = new _e(n.path);
         return l.push(c.stringify(r)), !0;
       }
       if (n.children) {
-        const c = new fe(n.path).stringify(r);
+        const c = new _e(n.path).stringify(r);
         if (a(n.children, s))
           return l.unshift(c), !0;
       }
@@ -780,7 +780,7 @@ function g(e, t, r, l) {
   else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (a < 3 ? s(o) : a > 3 ? s(t, r, o) : s(t, r)) || o);
   return a > 3 && o && Object.defineProperty(t, r, o), o;
 }
-var ye = class {
+var xe = class {
   constructor() {
     this._matchStack = [], this._contexts = /* @__PURE__ */ new Map(), this._currentMatchResult = null, this._resolvedData = /* @__PURE__ */ new Map();
   }
@@ -852,11 +852,11 @@ var ye = class {
     return this._resolvedData.get(t);
   }
 };
-ye = g([Z()], ye);
-function F(e, t) {
+xe = g([Z()], xe);
+function j(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
-var Ae = (e, t, r, l) => new PopStateEvent("History", { state: {
+var De = (e, t, r, l) => new PopStateEvent("History", { state: {
   type: e,
   data: t,
   url: l,
@@ -875,7 +875,7 @@ history.pushState = (e, t, r) => {
     t,
     r
   ]);
-  const l = new CustomEvent("NavigationEvent", { detail: Ae("push", e, t, r) });
+  const l = new CustomEvent("NavigationEvent", { detail: De("push", e, t, r) });
   window.dispatchEvent(l);
 };
 var dl = history.replaceState;
@@ -885,12 +885,12 @@ history.replaceState = (e, t, r) => {
     t,
     r
   ]);
-  const l = new CustomEvent("NavigationEvent", { detail: Ae("replace", e, t, r) });
+  const l = new CustomEvent("NavigationEvent", { detail: De("replace", e, t, r) });
   window.dispatchEvent(l);
 };
 var V = class {
   constructor() {
-    this._routes = [], this._currentMatches = [], this._resolversExecutedForPath = null, this._currentPath = `${window.location.pathname}${window.location.search}`, this._contextService = new ye(), window.addEventListener("NavigationEvent", (t) => {
+    this._routes = [], this._currentMatches = [], this._resolversExecutedForPath = null, this._currentPath = `${window.location.pathname}${window.location.search}`, this._contextService = new xe(), window.addEventListener("NavigationEvent", (t) => {
       this._route = t.detail.state;
     }), window.addEventListener("popstate", (t) => {
       this.handlePopState(t);
@@ -927,7 +927,7 @@ var V = class {
     return this._contextService.getMergedResolvedData(t);
   }
   matchPath(t) {
-    return _e(this._routes, t);
+    return ye(this._routes, t);
   }
   setCurrentMatches(t) {
     this._currentMatches = t.matches, this._contextService.setMatchResult(t);
@@ -1083,7 +1083,7 @@ var V = class {
       return;
     }
     this._currentPath = r;
-    const a = new CustomEvent("NavigationEvent", { detail: Ae("push", t.state, "", window.location.pathname) });
+    const a = new CustomEvent("NavigationEvent", { detail: De("push", t.state, "", window.location.pathname) });
     window.dispatchEvent(a);
   }
   async executeResolver(t, r) {
@@ -1100,7 +1100,7 @@ var V = class {
     };
   }
 };
-V = g([Z(), F("design:paramtypes", [])], V);
+V = g([Z(), j("design:paramtypes", [])], V);
 var W = /* @__PURE__ */ new Map(), Tr = (e) => {
   if (W.has(e)) return W.get(e);
   const t = e.toLowerCase();
@@ -1124,10 +1124,10 @@ function Ts() {
 function oe(e) {
   return typeof e == "object" && e !== null && "__directive" in e;
 }
-var pe = `m${Math.random().toString(36).slice(2, 9)}`, ml = `<!--${pe}-->`, De = `__${pe}_`, Be = new RegExp(`${De}(\\d+)__`, "g"), ie = (e) => `${De}${e}__`, Y = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new WeakMap();
-function Ke(e) {
-  let t = He.get(e);
-  return t === void 0 && (t = e.join(pe), He.set(e, t)), t;
+var pe = `m${Math.random().toString(36).slice(2, 9)}`, ml = `<!--${pe}-->`, Ie = `__${pe}_`, He = new RegExp(`${Ie}(\\d+)__`, "g"), ie = (e) => `${Ie}${e}__`, Y = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new WeakMap();
+function be(e) {
+  let t = Ke.get(e);
+  return t === void 0 && (t = e.join(pe), Ke.set(e, t)), t;
 }
 var ul = class X {
   constructor(t, r) {
@@ -1138,11 +1138,11 @@ var ul = class X {
   * Returns the rendered nodes directly.
   */
   renderOnce(t) {
-    const r = Ke(this.strings), l = this.getTemplate(r), a = l.element.content.cloneNode(!0), o = this.prepareParts(a, l);
+    const r = be(this.strings), l = this.getTemplate(r), a = l.element.content.cloneNode(!0), o = this.prepareParts(a, l);
     return this.commit(o), t.appendChild(a), t.__parts = o, t.__templateKey = r, Array.from(t.childNodes);
   }
   renderInto(t) {
-    const r = Ke(this.strings), { element: l } = this.getTemplate(r), a = t.__templateKey;
+    const r = be(this.strings), { element: l } = this.getTemplate(r), a = t.__templateKey;
     if (a && a !== r) {
       const s = t.__parts;
       s && this.cleanupParts(s), delete t.__parts;
@@ -1263,7 +1263,7 @@ var ul = class X {
             name: R.name.slice(1),
             staticValue: R.value
           });
-          else if (R.value.includes(De)) {
+          else if (R.value.includes(Ie)) {
             const A = this.parseAttributeValue(R.value);
             if (A) {
               const E = A.indices.length > 1 || A.strings.some((q) => q.length > 0);
@@ -1384,7 +1384,7 @@ var ul = class X {
   parseAttributeValue(t) {
     const r = [], l = [];
     let a = 0, o;
-    for (Be.lastIndex = 0; (o = Be.exec(t)) !== null; )
+    for (He.lastIndex = 0; (o = He.exec(t)) !== null; )
       r.push(t.slice(a, o.index)), l.push(Number(o[1])), a = o.index + o[0].length;
     return l.length === 0 ? null : (r.push(t.slice(a)), {
       strings: r,
@@ -1423,12 +1423,26 @@ var ul = class X {
     }
   }
   /**
-  * Renders a nested TemplateResult into a node part
+  * Renders a nested TemplateResult into a node part.
+  *
+  * Uses a persistent DocumentFragment container to enable in-place updates
+  * when the template structure hasn't changed (same tagged template literal).
+  * This follows the same pattern as the `when` directive — the fragment holds
+  * __parts/__templateKey after its children move to the real DOM, so subsequent
+  * renderInto() calls diff and update existing nodes instead of recreating them.
   */
   renderNestedTemplate(t, r) {
-    this.ensureMarkers(t), this.clearRenderedNodes(t), t.node.textContent = "";
+    if (this.ensureMarkers(t), t.nestedContainer) {
+      if (t.nestedContainer.__templateKey === be(r.strings)) {
+        r.renderInto(t.nestedContainer);
+        return;
+      }
+      const a = t.nestedContainer.__parts;
+      a && this.cleanupParts(a);
+    }
+    this.clearRenderedNodes(t), t.node.textContent = "";
     const l = document.createDocumentFragment();
-    r.renderInto(l), t.renderedNodes = Array.from(l.childNodes), t.endMarker.parentNode.insertBefore(l, t.endMarker);
+    r.renderInto(l), t.nestedContainer = l, t.renderedNodes = Array.from(l.childNodes), t.endMarker.parentNode.insertBefore(l, t.endMarker);
   }
   /**
   * Renders a DOM Node into a node part
@@ -1592,7 +1606,7 @@ function i(e, ...t) {
   return new ul(e, t);
 }
 const y = i;
-var We, Ge = "melodic:outlet-register", xe = class {
+var We, Ge = "melodic:outlet-register", we = class {
   constructor() {
     this._depth = 0, this._context = null, this._currentComponent = null, this._currentElement = null, this._childOutlets = /* @__PURE__ */ new Map(), this._parentOutlet = null, this._initialized = !1, this._navigationCleanup = null, this.routes = [], this.name = "primary";
   }
@@ -1694,7 +1708,7 @@ var We, Ge = "melodic:outlet-register", xe = class {
   async matchAndRender(t) {
     const r = this.routes.length > 0 ? this.routes : this._router.getRoutes();
     if (r.length === 0) return;
-    const l = _e(r, t);
+    const l = ye(r, t);
     if (l.redirectTo) {
       window.location.pathname !== l.redirectTo && this._router.navigate(l.redirectTo, { replace: !0 });
       return;
@@ -1732,7 +1746,7 @@ var We, Ge = "melodic:outlet-register", xe = class {
   }
   async renderFromContext() {
     if (!this._context || this.routes.length === 0) return;
-    const t = this._context.remainingPath, r = _e(this.routes, t, this._context.basePath);
+    const t = this._context.remainingPath, r = ye(this.routes, t, this._context.basePath);
     if (r.redirectTo) {
       const l = this._context.basePath ? `/${this._context.basePath}/${r.redirectTo}`.replace(/\/+/g, "/") : r.redirectTo;
       window.location.pathname !== l && this._router.navigate(l, { replace: !0 });
@@ -1789,12 +1803,12 @@ var We, Ge = "melodic:outlet-register", xe = class {
     t?.component ? await this.renderComponent(t.component) : this._depth === 0 && this._router.navigate("/404", { replace: !0 });
   }
 };
-g([H(V), F("design:type", typeof (We = typeof V < "u" && V) == "function" ? We : Object)], xe.prototype, "_router", void 0);
-xe = g([_({
+g([H(V), j("design:type", typeof (We = typeof V < "u" && V) == "function" ? We : Object)], we.prototype, "_router", void 0);
+we = g([_({
   selector: "router-outlet",
   template: () => i`<slot></slot>`
-})], xe);
-var Ue, we = class {
+})], we);
+var Ue, ke = class {
   constructor() {
     this._anchorElement = null, this._navigationCleanup = null, this.href = "", this.data = null, this.queryParams = {}, this.activeClass = "active", this.exactMatch = !1, this.replace = !1;
   }
@@ -1851,8 +1865,8 @@ var Ue, we = class {
     this.exactMatch ? o = l === a : o = l === a || l.startsWith(a + "/"), o ? (this.elementRef.classList.add(this.activeClass), this._anchorElement?.setAttribute("aria-current", "page")) : (this.elementRef.classList.remove(this.activeClass), this._anchorElement?.removeAttribute("aria-current"));
   }
 };
-g([H(V), F("design:type", typeof (Ue = typeof V < "u" && V) == "function" ? Ue : Object)], we.prototype, "_router", void 0);
-we = g([_({
+g([H(V), j("design:type", typeof (Ue = typeof V < "u" && V) == "function" ? Ue : Object)], ke.prototype, "_router", void 0);
+ke = g([_({
   selector: "router-link",
   template: () => i`<a part="link"><slot></slot></a>`,
   styles: () => y`
@@ -1868,7 +1882,7 @@ we = g([_({
 		}
 	`,
   attributes: ["href", "active-class"]
-})], we);
+})], ke);
 function hl(e, t, r) {
   let l;
   if (typeof t == "string") l = { href: t };
@@ -1990,7 +2004,7 @@ const Ps = (e) => {
 }, Os = (e, t) => ({
   action: e(),
   reducer: t
-}), ke = ee("RX_INIT_STATE"), $e = ee("RX_ACTION_PROVIDERS"), Ce = ee("RX_EFFECTS_PROVIDERS"), Ir = ee("RX_STATE_DEBUG");
+}), $e = ee("RX_INIT_STATE"), Ce = ee("RX_ACTION_PROVIDERS"), Se = ee("RX_EFFECTS_PROVIDERS"), Ir = ee("RX_STATE_DEBUG");
 var pl = class {
   constructor() {
     this._effects = [];
@@ -2035,7 +2049,7 @@ var pl = class {
       });
     });
   }
-}, j = class {
+}, F = class {
   constructor() {
     this._debug && console.info("RX State Debugging: Enabled");
   }
@@ -2113,17 +2127,17 @@ var pl = class {
     return Object.keys(this._state).reduce((t, r) => (t[r] = this._state[r](), t), {});
   }
 };
-g([H(ke), F("design:type", Object)], j.prototype, "_state", void 0);
-g([H($e), F("design:type", Object)], j.prototype, "_reducerMap", void 0);
-g([H(Ce), F("design:type", Object)], j.prototype, "_effectMap", void 0);
-g([H(Ir), F("design:type", Boolean)], j.prototype, "_debug", void 0);
-j = g([Z(), F("design:paramtypes", [])], j);
+g([H($e), j("design:type", Object)], F.prototype, "_state", void 0);
+g([H(Ce), j("design:type", Object)], F.prototype, "_reducerMap", void 0);
+g([H(Se), j("design:type", Object)], F.prototype, "_effectMap", void 0);
+g([H(Ir), j("design:type", Boolean)], F.prototype, "_debug", void 0);
+F = g([Z(), j("design:paramtypes", [])], F);
 function Vs(e, t, r, l = !1) {
   return (a) => {
-    a.bindValue(ke, e), a.bindValue($e, t), a.bindValue(Ce, r), a.bindValue(Ir, l), a.bind(j, j, { dependencies: [
-      ke,
+    a.bindValue($e, e), a.bindValue(Ce, t), a.bindValue(Se, r), a.bindValue(Ir, l), a.bind(F, F, { dependencies: [
       $e,
-      Ce
+      Ce,
+      Se
     ] });
   };
 }
@@ -2371,7 +2385,7 @@ function xl(e) {
     a[s] = o, o = t[o];
   return a;
 }
-function Fs(e, t, r) {
+function js(e, t, r) {
   return U((l, a) => {
     if (!a) {
       const o = l.parentNode;
@@ -2508,7 +2522,7 @@ function G(e) {
     return a;
   });
 }
-function js(e) {
+function Fs(e) {
   return U((t, r) => {
     if (!r) {
       const l = t.parentNode;
@@ -3255,7 +3269,7 @@ const Dl = {
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, Fl = {
+}, jl = {
   ...Dl,
   ...Il,
   ...Ml,
@@ -3265,7 +3279,7 @@ const Dl = {
   ...Ll,
   ...Vl
 };
-function jl(e) {
+function Fl(e) {
   return Object.entries(e).map(([t, r]) => `${t}: ${r};`).join(`
 	`);
 }
@@ -3372,12 +3386,12 @@ const ql = {
 		color-scheme: dark;
 	}
 }`, Js = `:root {
-	${jl(Fl)}
+	${Fl(jl)}
 
 	/* Default to light color scheme */
 	color-scheme: light;
 }`;
-var ce = "system", Se = /* @__PURE__ */ new Set(), ne = null;
+var ce = "system", Ee = /* @__PURE__ */ new Set(), ne = null;
 function Qs() {
   return ce;
 }
@@ -3388,19 +3402,19 @@ function Hl(e) {
   if (ne && (ne(), ne = null), ce = e, e === "system") {
     const t = window.matchMedia("(prefers-color-scheme: dark)"), r = () => {
       const a = t.matches ? "dark" : "light";
-      document.documentElement.setAttribute("data-theme", a), be("system", a);
+      document.documentElement.setAttribute("data-theme", a), fe("system", a);
     };
     t.addEventListener("change", r), ne = () => t.removeEventListener("change", r);
     const l = t.matches ? "dark" : "light";
-    document.documentElement.setAttribute("data-theme", l), be("system", l);
+    document.documentElement.setAttribute("data-theme", l), fe("system", l);
   } else
-    document.documentElement.setAttribute("data-theme", e), be(e, e);
+    document.documentElement.setAttribute("data-theme", e), fe(e, e);
 }
 function Zs(e) {
-  return Se.add(e), () => Se.delete(e);
+  return Ee.add(e), () => Ee.delete(e);
 }
-function be(e, t) {
-  Se.forEach((r) => r(e, t));
+function fe(e, t) {
+  Ee.forEach((r) => r(e, t));
 }
 function en() {
   Hl(Bl() === "light" ? "dark" : "light");
@@ -3526,7 +3540,7 @@ function Gl(e) {
   }
   return t;
 }
-function Ie(e, t, r, l = {}) {
+function Me(e, t, r, l = {}) {
   const { ancestorScroll: a = !0, ancestorResize: o = !0, elementResize: s = !0, animationFrame: n = !1 } = l, c = [];
   if (a) {
     const m = Gl(e);
@@ -3732,14 +3746,14 @@ var Yl = [
   "[contenteditable]",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function Me(e) {
+function Pe(e) {
   return Array.from(e.querySelectorAll(Yl)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
 }
 function Lr(e) {
-  return Me(e)[0] ?? null;
+  return Pe(e)[0] ?? null;
 }
 function Xl(e) {
-  const t = Me(e);
+  const t = Pe(e);
   return t[t.length - 1] ?? null;
 }
 function ln(e) {
@@ -3755,7 +3769,7 @@ function Jl(e, t = {}) {
   let o = !1, s = null;
   function n(h) {
     if (h.key !== "Tab" || !o) return;
-    const p = Me(e);
+    const p = Pe(e);
     if (p.length === 0) return;
     const b = p[0], x = p[p.length - 1];
     h.shiftKey ? document.activeElement === b && (h.preventDefault(), x.focus()) : document.activeElement === x && (h.preventDefault(), b.focus());
@@ -3956,7 +3970,7 @@ function pn(e, t) {
     document.removeEventListener("click", r, !0);
   };
 }
-var Fr = class {
+var jr = class {
   constructor() {
     this._viewport = null, this._resizeObserver = null, this._options = null, this._handleScroll = () => {
       this._compute(this._viewport.clientHeight);
@@ -7709,7 +7723,7 @@ function Va(e) {
 		</div>
 	`;
 }
-const Fa = () => y`
+const ja = () => y`
 	:host {
 		display: block;
 	}
@@ -7861,7 +7875,7 @@ const Fa = () => y`
 		color: var(--ml-color-danger);
 	}
 `;
-var ja = [
+var Fa = [
   "Jan",
   "Feb",
   "Mar",
@@ -7880,7 +7894,7 @@ function qa(e) {
   const t = e.split("-");
   if (t.length !== 3) return e;
   const r = parseInt(t[1], 10) - 1, l = parseInt(t[2], 10), a = parseInt(t[0], 10);
-  return `${ja[r]} ${l}, ${a}`;
+  return `${Fa[r]} ${l}, ${a}`;
 }
 var xt = class {
   constructor() {
@@ -7925,7 +7939,7 @@ var xt = class {
     const t = this.getTriggerEl(), r = this.getPopoverEl();
     if (!t || !r) return;
     const l = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Ie(t, r, l);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, l);
   }
   updatePosition(t, r) {
     const { x: l, y: a } = te(t, r, {
@@ -7952,7 +7966,7 @@ var xt = class {
 xt = g([_({
   selector: "ml-date-picker",
   template: Va,
-  styles: Fa,
+  styles: ja,
   attributes: [
     "value",
     "placeholder",
@@ -10597,6 +10611,7 @@ const Eo = () => y`
 
 	.ml-table--hoverable .ml-table__row:hover {
 		background-color: var(--ml-color-surface-sunken);
+		cursor: pointer;
 	}
 
 	.ml-table__row--selected {
@@ -10707,7 +10722,7 @@ const Eo = () => y`
 `;
 var Vt = class {
   constructor() {
-    this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new Fr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new jr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
       t.sortable && (this.sortKey === t.key ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortKey = t.key, this.sortDirection = "asc"), this.selectedIndices = [], this._scroller.invalidate(), this.elementRef.dispatchEvent(new CustomEvent("ml:sort", {
         bubbles: !0,
         composed: !0,
@@ -11522,9 +11537,9 @@ const zo = () => y`
 		cursor: not-allowed;
 	}
 `;
-var Ft = class {
+var jt = class {
   constructor() {
-    this.selectable = !1, this.striped = !1, this.hoverable = !0, this.size = "md", this.gridTitle = "", this.description = "", this.serverSide = !1, this.pageSize = 50, this.virtual = !0, this.showFilterRow = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.filters = {}, this.selectedIndices = [], this.currentPage = 1, this.startIndex = 0, this.endIndex = 50, this.colWidths = {}, this.colOrder = [], this.resizingKey = null, this.draggingKey = null, this.dragOverKey = null, this._scroller = new Fr(), this._viewport = null, this._resizeStartX = 0, this._resizeStartWidth = 0, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    this.selectable = !1, this.striped = !1, this.hoverable = !0, this.size = "md", this.gridTitle = "", this.description = "", this.serverSide = !1, this.pageSize = 50, this.virtual = !0, this.showFilterRow = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.filters = {}, this.selectedIndices = [], this.currentPage = 1, this.startIndex = 0, this.endIndex = 50, this.colWidths = {}, this.colOrder = [], this.resizingKey = null, this.draggingKey = null, this.dragOverKey = null, this._scroller = new jr(), this._viewport = null, this._resizeStartX = 0, this._resizeStartWidth = 0, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
       t.sortable && (this.sortKey === t.key ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortKey = t.key, this.sortDirection = "asc"), this.currentPage = 1, this._scroller.invalidate(), this.elementRef.dispatchEvent(new CustomEvent("ml:sort", {
         bubbles: !0,
         composed: !0,
@@ -11729,7 +11744,7 @@ var Ft = class {
     }));
   }
 };
-Ft = g([_({
+jt = g([_({
   selector: "ml-data-grid",
   template: To,
   styles: zo,
@@ -11745,7 +11760,7 @@ Ft = g([_({
     "virtual",
     "show-filter-row"
   ]
-})], Ft);
+})], jt);
 var Ao = [
   "January",
   "February",
@@ -11759,7 +11774,7 @@ var Ao = [
   "October",
   "November",
   "December"
-], Ee = [
+], Re = [
   "Jan",
   "Feb",
   "Mar",
@@ -11772,7 +11787,7 @@ var Ao = [
   "Oct",
   "Nov",
   "Dec"
-], jr = [
+], Fr = [
   "Sunday",
   "Monday",
   "Tuesday",
@@ -11780,7 +11795,7 @@ var Ao = [
   "Thursday",
   "Friday",
   "Saturday"
-], Pe = [
+], Oe = [
   "Sun",
   "Mon",
   "Tue",
@@ -11792,7 +11807,7 @@ var Ao = [
 function N(e, t, r) {
   return `${e}-${String(t + 1).padStart(2, "0")}-${String(r).padStart(2, "0")}`;
 }
-function jt(e) {
+function Ft(e) {
   const [t, r, l] = e.split("T")[0].split("-").map(Number);
   return new Date(t, r - 1, l);
 }
@@ -11828,7 +11843,7 @@ function Bt(e) {
   return `${Ao[e.getMonth()]} ${e.getFullYear()}`;
 }
 function Mo(e, t) {
-  const r = Ee[e.getMonth()], l = Ee[t.getMonth()];
+  const r = Re[e.getMonth()], l = Re[t.getMonth()];
   return e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear() ? `${r} ${e.getDate()} – ${t.getDate()}, ${e.getFullYear()}` : e.getFullYear() === t.getFullYear() ? `${r} ${e.getDate()} – ${l} ${t.getDate()}, ${e.getFullYear()}` : `${r} ${e.getDate()}, ${e.getFullYear()} – ${l} ${t.getDate()}, ${t.getFullYear()}`;
 }
 function Ht(e, t, r = 0) {
@@ -11880,8 +11895,8 @@ function Kt(e = 0) {
   return Array.from({ length: 7 }, (t, r) => {
     const l = (e + r) % 7;
     return {
-      short: Pe[l],
-      full: jr[l]
+      short: Oe[l],
+      full: Fr[l]
     };
   });
 }
@@ -11889,10 +11904,10 @@ function ue(e, t) {
   return e.filter((r) => r.start.split("T")[0] === t);
 }
 function Oo(e) {
-  return Ee[e.getMonth()];
+  return Re[e.getMonth()];
 }
 function No(e) {
-  return jr[e.getDay()];
+  return Fr[e.getDay()];
 }
 function M(e) {
   const t = new Date(e);
@@ -11961,24 +11976,24 @@ function Vo(e, t, r) {
     const a = N(l.getFullYear(), l.getMonth(), l.getDate()), o = ue(r, a).filter((s) => !s.allDay);
     return {
       date: a,
-      dayLabel: Pe[l.getDay()],
+      dayLabel: Oe[l.getDay()],
       dayNumber: l.getDate(),
       isToday: qr(l),
       events: Hr(o)
     };
   });
 }
-function Fo(e, t) {
+function jo(e, t) {
   const r = N(e.getFullYear(), e.getMonth(), e.getDate()), l = ue(t, r).filter((a) => !a.allDay);
   return {
     date: r,
-    dayLabel: Pe[e.getDay()],
+    dayLabel: Oe[e.getDay()],
     dayNumber: e.getDate(),
     isToday: qr(e),
     events: Hr(l)
   };
 }
-function jo(e, t, r) {
+function Fo(e, t, r) {
   const l = /* @__PURE__ */ new Set(), a = new Date(e, t + 1, 0).getDate();
   for (let o = 1; o <= a; o++) {
     const s = N(e, t, o);
@@ -13203,7 +13218,7 @@ var Gt = class {
     }, this.miniCalNextMonth = () => {
       this._miniCalMonth === 11 ? (this._miniCalMonth = 0, this._miniCalYear++) : this._miniCalMonth++;
     }, this.handleMiniCalSelect = (t) => {
-      this.setDate(jt(t));
+      this.setDate(Ft(t));
     };
   }
   /** Check if header-left slot has consumer content */
@@ -13215,7 +13230,7 @@ var Gt = class {
     return this.elementRef?.querySelector('[slot="header-actions"]') !== null;
   }
   get _currentDate() {
-    return this.date ? jt(this.date) : /* @__PURE__ */ new Date();
+    return this.date ? Ft(this.date) : /* @__PURE__ */ new Date();
   }
   onCreate() {
     if (!this.date) {
@@ -13281,7 +13296,7 @@ var Gt = class {
     return Lo();
   }
   get dayColumn() {
-    return Fo(this._currentDate, this.events);
+    return jo(this._currentDate, this.events);
   }
   get dayEvents() {
     return ue(this.events, this.currentIsoDate);
@@ -13303,7 +13318,7 @@ var Gt = class {
     return Ht(this._miniCalYear, this._miniCalMonth, this.weekStartsOn);
   }
   get miniCalendarDots() {
-    return jo(this._miniCalYear, this._miniCalMonth, this.events);
+    return Fo(this._miniCalYear, this._miniCalMonth, this.events);
   }
   setDate(t) {
     this.date = N(t.getFullYear(), t.getMonth(), t.getDate()), this._miniCalYear = t.getFullYear(), this._miniCalMonth = t.getMonth(), this.elementRef.dispatchEvent(new CustomEvent("ml:date-change", {
@@ -14260,7 +14275,7 @@ function bi(e) {
 			<div class="ml-sidebar__footer">
 				${r ? i`
 						<div class="ml-sidebar__footer-nav">
-							${$(e.footerNavigation, (a) => a.value, (a) => Oe(e, a, 0))}
+							${$(e.footerNavigation, (a) => a.value, (a) => Ne(e, a, 0))}
 						</div>
 					` : i`
 						<div class="ml-sidebar__footer-nav">
@@ -14291,12 +14306,12 @@ function fi(e, t) {
 				<span class="ml-sidebar__group-label">${t.label}</span>
 			`)}
 			<div class="ml-sidebar__group-items">
-				${$(t.items, (l) => l.value, (l) => Oe(e, l, 0))}
+				${$(t.items, (l) => l.value, (l) => Ne(e, l, 0))}
 			</div>
 		</div>
 	`;
 }
-function Oe(e, t, r) {
+function Ne(e, t, r) {
   const l = e.active === t.value, a = !!t.children && t.children.length > 0, o = e.expandedItems.has(t.value), s = e.collapsed, n = v({
     "ml-sidebar__item-link": !0,
     "ml-sidebar__item-link--active": l,
@@ -14360,7 +14375,7 @@ function Oe(e, t, r) {
 				`)}
 			${d(a && o && !s, () => i`
 				<div class="ml-sidebar__item-submenu">
-					${$(t.children, (u) => u.value, (u) => Oe(e, u, r + 1))}
+					${$(t.children, (u) => u.value, (u) => Ne(e, u, r + 1))}
 				</div>
 			`)}
 		</div>
@@ -16490,7 +16505,7 @@ function Vi(e) {
 		</div>
 	`;
 }
-const Fi = () => y`
+const ji = () => y`
 	:host {
 		display: block;
 	}
@@ -16511,10 +16526,10 @@ var sr = class {
 sr = g([_({
   selector: "ml-step-panel",
   template: Vi,
-  styles: Fi,
+  styles: ji,
   attributes: ["value"]
 })], sr);
-const ji = () => i`<dialog class="ml-dialog">
+const Fi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-header">
 			<slot name="dialog-header"></slot>
 		</div>
@@ -16709,9 +16724,6 @@ var Bi = class {
   constructor(e, t) {
     this._dialogID = e, this._dialogEl = t, this._afterOpenedCallback = null, this._afterClosedCallback = null, this._disableClose = !1, this._handleCancel = this.onCancel.bind(this), this._handleBackdropClick = this.onBackdropClick.bind(this), this._dialogEl.addEventListener("cancel", this._handleCancel), this._dialogEl.addEventListener("click", this._handleBackdropClick);
   }
-  updateDialogElement(e) {
-    this._dialogEl.removeEventListener("cancel", this._handleCancel), this._dialogEl.removeEventListener("click", this._handleBackdropClick), this._dialogEl = e, this._dialogEl.addEventListener("cancel", this._handleCancel), this._dialogEl.addEventListener("click", this._handleBackdropClick);
-  }
   get dialogID() {
     return this._dialogID;
   }
@@ -16769,30 +16781,8 @@ var Bi = class {
       const o = this.mountDialog(t);
       l = ((o.shadowRoot?.querySelector("ml-dialog")).shadowRoot?.querySelector("dialog")).id, a = this._dialogs.get(l), a.dialogComponent = o, r && a.dialogRef.applyConfig(r), o.component.onDialogRefSet?.(a.dialogRef);
     }
-    if (!a) {
-      const o = this.findDialogElement(l);
-      if (o && (o.component.open(), a = this._dialogs.get(l)), !a) throw new Error(`Dialog "${l}" not found. Ensure an <ml-dialog #${l}> exists in the DOM.`);
-      return a.dialogRef;
-    }
     return a.dialogRef.open(), a.dialogRef;
   }
-  findDialogElement(t) {
-    for (const r of document.body.querySelectorAll("*")) if (r.shadowRoot) {
-      const l = this.deepFindDialog(r, t);
-      if (l) return l;
-    }
-    return null;
-  }
-  deepFindDialog(t, r) {
-    const l = t.shadowRoot;
-    if (!l) return null;
-    for (const a of l.querySelectorAll("ml-dialog")) if (a.hasAttribute(`#${r}`)) return a;
-    for (const a of l.querySelectorAll("*")) if (a.shadowRoot) {
-      const o = this.deepFindDialog(a, r);
-      if (o) return o;
-    }
-    return null;
-  }
   close(t, r) {
     this._dialogs.has(t) && this._dialogs.get(t).dialogRef.close(r);
   }
@@ -16808,13 +16798,10 @@ var Bi = class {
   }
 };
 Q = g([Z()], Q);
-var nr, Re = class {
+var nr, Te = class {
   constructor() {
     this._dialogID = Zl(), this._registered = !1;
   }
-  onCreate() {
-    this.registerDialog();
-  }
   registerDialog() {
     if (this._registered) return;
     const t = this.elementRef.shadowRoot?.querySelector("dialog");
@@ -16824,9 +16811,7 @@ var nr, Re = class {
     this._dialogService.removeDialog(this._dialogID);
   }
   open() {
-    this.registerDialog();
-    const t = this.elementRef.shadowRoot?.querySelector("dialog");
-    t && t !== this._dialogEl && (this._dialogEl = t, this._dialogRef.updateDialogElement(t)), this._dialogRef.open();
+    this.registerDialog(), this._dialogRef.open();
   }
   close(t) {
     this._dialogRef.close(t);
@@ -16835,13 +16820,13 @@ var nr, Re = class {
     return this.elementRef.getAttributeNames().find((t) => t.startsWith("#"))?.slice(1) ?? this._dialogID;
   }
 };
-g([H(Q), F("design:type", typeof (nr = typeof Q < "u" && Q) == "function" ? nr : Object)], Re.prototype, "_dialogService", void 0);
-Re = g([_({
+g([H(Q), j("design:type", typeof (nr = typeof Q < "u" && Q) == "function" ? nr : Object)], Te.prototype, "_dialogService", void 0);
+Te = g([_({
   selector: "ml-dialog",
-  template: ji,
+  template: Fi,
   styles: qi,
   attributes: []
-})], Re);
+})], Te);
 function Hi(e) {
   const t = e.side === "left" ? "left" : "right", r = e.size === "sm" || e.size === "md" || e.size === "lg" || e.size === "xl" ? e.size : "md";
   return i`
@@ -17350,7 +17335,7 @@ var cr = class {
     const t = this.getTriggerEl(), r = this.getMenuEl();
     if (!t || !r) return;
     const l = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Ie(t, r, l);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, l);
   }
   updatePosition(t, r) {
     const l = this.arrow ? this.elementRef.shadowRoot?.querySelector(".ml-dropdown__arrow") : null, a = [
@@ -17818,7 +17803,7 @@ var vr = class {
     const t = this.getTriggerEl(), r = this.getPopoverEl();
     if (!t || !r) return;
     const l = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Ie(t, r, l);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, l);
   }
   updatePosition(t, r) {
     const l = this.arrow ? this.elementRef.shadowRoot?.querySelector(".ml-popover__arrow") : null, a = [
@@ -19249,7 +19234,7 @@ export {
   zt as ContainerComponent,
   xr as DashboardPageComponent,
   xt as DatePickerComponent,
-  Re as DialogComponent,
+  Te as DialogComponent,
   Bi as DialogRef,
   Q as DialogService,
   qs as Directive,
@@ -19266,9 +19251,9 @@ export {
   ft as FormFieldComponent,
   Rl as FormGroup,
   br as HeroSectionComponent,
-  ze as HttpBaseError,
-  qe as HttpClient,
-  je as HttpError,
+  Ae as HttpBaseError,
+  Be as HttpClient,
+  qe as HttpError,
   Ut as IconComponent,
   gs as Inject,
   Z as Injectable,
@@ -19285,19 +19270,19 @@ export {
   vr as PopoverComponent,
   St as ProgressComponent,
   ol as ROUTE_CONTEXT_EVENT,
-  $e as RX_ACTION_PROVIDERS,
-  Ce as RX_EFFECTS_PROVIDERS,
-  ke as RX_INIT_STATE,
+  Ce as RX_ACTION_PROVIDERS,
+  Se as RX_EFFECTS_PROVIDERS,
+  $e as RX_INIT_STATE,
   Ir as RX_STATE_DEBUG,
   pt as RadioCardComponent,
   ht as RadioCardGroupComponent,
   mt as RadioComponent,
   ut as RadioGroupComponent,
   $s as RouteContextEvent,
-  ye as RouteContextService,
-  fe as RouteMatcher,
-  we as RouterLinkComponent,
-  xe as RouterOutletComponent,
+  xe as RouteContextService,
+  _e as RouteMatcher,
+  ke as RouterLinkComponent,
+  we as RouterOutletComponent,
   V as RouterService,
   wr as SIGNAL_MARKER,
   gt as SelectComponent,
@@ -19306,7 +19291,7 @@ export {
   rr as SidebarGroupComponent,
   lr as SidebarItemComponent,
   Dr as SignalEffect,
-  j as SignalStoreService,
+  F as SignalStoreService,
   yr as SignupPageComponent,
   bt as SliderComponent,
   at as SpinnerComponent,
@@ -19327,19 +19312,19 @@ export {
   vt as ToggleComponent,
   pr as TooltipComponent,
   Ks as Validators,
-  Fr as VirtualScroller,
+  jr as VirtualScroller,
   $o as activityFeedItemStyles,
   ko as activityFeedItemTemplate,
   wo as activityFeedStyles,
   xo as activityFeedTemplate,
-  Fl as allTokens,
+  jl as allTokens,
   dn as announce,
   os as appShellStyles,
   as as appShellTemplate,
   Yr as applyGlobalStyles,
   Hl as applyTheme,
   Nr as arrow,
-  Ie as autoUpdate,
+  Me as autoUpdate,
   Js as baseThemeCss,
   bs as bootstrap,
   Nl as borderTokens,
@@ -19406,7 +19391,7 @@ export {
   cl as getAttributeDirective,
   Zr as getEnvironment,
   Lr as getFirstFocusable,
-  Me as getFocusableElements,
+  Pe as getFocusableElements,
   Xl as getLastFocusable,
   Ts as getRegisteredDirectives,
   Bl as getResolvedTheme,
@@ -19428,7 +19413,7 @@ export {
   bo as listTemplate,
   ms as loginPageStyles,
   cs as loginPageTemplate,
-  _e as matchRouteTree,
+  ye as matchRouteTree,
   Zl as newID,
   re as offset,
   Os as onAction,
@@ -19446,9 +19431,9 @@ export {
   ys as provideHttp,
   Vs as provideRX,
   he as registerAttributeDirective,
-  Ne as render,
+  Le as render,
   $ as repeat,
-  Fs as repeatRaw,
+  js as repeatRaw,
   mn as resetStyles,
   hl as routerLinkDirective,
   za as selectStyles,
@@ -19468,7 +19453,7 @@ export {
   Da as sliderStyles,
   Aa as sliderTemplate,
   Ml as spacingTokens,
-  Fi as stepPanelStyles,
+  ji as stepPanelStyles,
   Vi as stepPanelTemplate,
   Li as stepStyles,
   Ai as stepTemplate,
@@ -19488,12 +19473,12 @@ export {
   Wa as toastStyles,
   Ka as toastTemplate,
   en as toggleTheme,
-  jl as tokensToCss,
+  Fl as tokensToCss,
   ta as tooltipDirective,
   Ll as transitionTokens,
   Pl as typographyTokens,
   Rs as unregisterAttributeDirective,
-  js as unsafeHTML,
+  Fs as unsafeHTML,
   un as visuallyHiddenStyles,
   d as when
 };