@zerops/web-components 0.2.2 → 0.3.0

package/recipe-card.js

@@ -5,7 +5,8 @@ var _r = (i) => {
 var ia = (i, t, r) => t in i ? na(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
 var s = (i, t, r) => ia(i, typeof t != "symbol" ? t + "" : t, r), $n = (i, t, r) => t.has(i) || _r("Cannot " + r);
 var Tt = (i, t, r) => ($n(i, t, "read from private field"), r ? r.call(i) : t.get(i)), Dt = (i, t, r) => t.has(i) ? _r("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, r), Qt = (i, t, r, e) => ($n(i, t, "write to private field"), e ? e.call(i, r) : t.set(i, r), r), Zn = (i, t, r) => ($n(i, t, "access private method"), r);
-import { o as qe, c as $t, _ as Ge, h as ra, S as ct, O as qt, a as ri, b as oi, A as Ro, d as ko, i as br, e as Eo, t as oa, f as sa, E as Rt, g as aa, j as T, ɵ as be, k as S, l as u, D as q, P as ca, I as z, m as Pt, n as j, R as Ye, p as N, V as Gt, q as Se, r as I, C as la, s as da, u as Xe, v as jt, w as Oo, x as ua, y as W, z as x, B as gt, F as Ao, G as ot, H as kt, J as mt, K as it, L as It, M as Ne, N as Q, Q as ha, T as To, U as vt, W as tt, X as pa, Y as Zt, Z as Tn, $ as ma, a0 as Yt, a1 as Po, a2 as fa, a3 as K, a4 as ga, a5 as _a, a6 as ba, a7 as va, a8 as Bi, a9 as rt, aa as v, ab as ji, ac as ya, ad as wa, ae as Ca, af as xa, ag as Sa, ah as Ra, ai as B, aj as Z, ak as Ke, al as ka, am as Ea, an as Oa, ao as D, ap as Re, aq as Aa, ar as Ta, as as Y, at as P, au as Ui, av as Vi, aw as f, ax as R, ay as _, az as p, aA as k, aB as b, aC as g, aD as L, aE as ut, aF as X, aG as Hi, aH as H, aI as $, aJ as U, aK as nt, aL as Et, aM as De, aN as Pa, aO as Ia, aP as La, aQ as Da, aR as Io, aS as Xt, aT as Lo, aU as Ot, aV as At, aW as Ut, aX as za, aY as Ma, aZ as ke, a_ as Fa, a$ as ht, b0 as ve, b1 as Do, b2 as Pn, b3 as Na, b4 as vr, b5 as Ba, b6 as yt, b7 as Qe, b8 as et, b9 as dt, ba as ja, bb as bt, bc as Ua, bd as yr, be as st, bf as E, bg as O, bh as wt, bi as Ct, bj as zo, bk as Va, bl as Ha, bm as Je, bn as $a, bo as Mo, bp as Za, bq as Fo, br as Wa, bs as qa, bt as Ga, bu as Ya, bv as In, bw as Xa, bx as $i, by as Ka, bz as Qa, bA as si, bB as No, bC as Ja, bD as Bo, bE as jo, bF as Uo, bG as Vo, bH as tc, bI as ec, bJ as Ho, bK as nc, bL as tn, bM as Ln, bN as ic, bO as Zi, bP as Wi, bQ as qi, bR as rc, bS as $o, bT as oc, bU as sc, bV as ac, bW as cc, bX as lc, bY as dc } from "./chunks/recipe-fetch-D2IpKMVr.js";
+import { o as qe, c as $t, _ as Ge, h as ra, S as ct, O as qt, a as ri, b as oi, A as Ro, d as ko, i as br, e as Eo, t as oa, f as sa, E as Rt, g as aa, j as T, ɵ as be, k as S, l as u, D as q, P as ca, I as z, m as Pt, n as j, R as Ye, p as N, V as Gt, q as Se, r as I, C as la, s as da, u as Xe, v as jt, w as Oo, x as ua, y as W, z as x, B as gt, F as Ao, G as ot, H as kt, J as mt, K as it, L as It, M as Ne, N as Q, Q as ha, T as To, U as vt, W as tt, X as pa, Y as Zt, Z as Tn, $ as ma, a0 as Yt, a1 as Po, a2 as K, a3 as fa, a4 as ga, a5 as _a, a6 as rt, a7 as v, a8 as Bi, a9 as ba, aa as va, ab as ya, ac as wa, ad as Ca, ae as xa, af as B, ag as Z, ah as Ke, ai as Sa, aj as Ra, ak as ka, al as D, am as Re, an as Ea, ao as Oa, ap as Y, aq as P, ar as ji, as as Ui, at as f, au as R, av as _, aw as p, ax as k, ay as b, az as g, aA as L, aB as ut, aC as X, aD as Vi, aE as H, aF as $, aG as U, aH as Io, aI as Xt, aJ as Ot, aK as At, aL as ht, aM as ve, aN as Lo, aO as yt, aP as Qe, aQ as et, aR as dt, aS as Aa, aT as bt, aU as Ta, aV as st, aW as E, aX as O, aY as wt, aZ as Ct, a_ as Je, a$ as Pa, b0 as Do, b1 as Ia, b2 as La, b3 as Pn, b4 as Da, b5 as Hi, b6 as za, b7 as Ma, b8 as si, b9 as zo, ba as Fa, bb as Mo, bc as Fo, bd as No, be as Bo, bf as Na, bg as Ba, bh as tn, bi as In, bj as ja, bk as $i, bl as Zi, bm as Wi, bn as Ua, bo as Va, bp as Ha, bq as $a, br as Za } from "./chunks/app-CrO8M3t-.js";
+import { c as Wa, a as qa, s as qi, P as nt, _ as Et, b as De, d as Ga, i as Ya, e as Xa, f as Ka, n as jo, g as Ut, h as Qa, B as Ja, j as ke, k as tc, l as Ln, M as ec, m as vr, R as nc, o as yr, p as Uo, q as ic, Z as rc, r as Vo, t as oc, u as sc, v as ac, w as Ho, x as cc, y as $o, z as lc, A as dc } from "./chunks/recipe-fetch-9bf8nynf.js";
 function uc() {
   return qe(function(i, t) {
     var r = null;
@@ -652,7 +653,7 @@ function Xo(i) {
   return i.length > 0 ? i[i.length - 1] : null;
 }
 function Kt(i) {
-  return Dn(i) ? i : ba(i) ? It(Promise.resolve(i)) : x(i);
+  return Dn(i) ? i : _a(i) ? It(Promise.resolve(i)) : x(i);
 }
 function Ko(i) {
   return Dn(i) ? wn(i) : Promise.resolve(i);
@@ -1393,7 +1394,7 @@ function fl(i) {
   return !(i instanceof Ji) && !(i instanceof xn);
 }
 function gl(i, t) {
-  return i.providers && !i._injector && (i._injector = wa(i.providers, t, `Route: ${i.path}`)), i._injector ?? t;
+  return i.providers && !i._injector && (i._injector = va(i.providers, t, `Route: ${i.path}`)), i._injector ?? t;
 }
 function lt(i) {
   return i.outlet || y;
@@ -1717,7 +1718,7 @@ let wl = /* @__PURE__ */ (() => {
       s(this, "routerOutletData", v());
       s(this, "parentContexts", u(Fn));
       s(this, "location", u(Gt));
-      s(this, "changeDetector", u(ji));
+      s(this, "changeDetector", u(Bi));
       s(this, "inputBinder", u(er, {
         optional: !0
       }));
@@ -2025,7 +2026,7 @@ function Pl(i) {
 }
 function Oe(i, t) {
   const r = /* @__PURE__ */ Symbol(), e = t.get(i, r);
-  return e === r ? typeof i == "function" && !_a(i) ? i : t.get(i) : e;
+  return e === r ? typeof i == "function" && !ga(i) ? i : t.get(i) : e;
 }
 function Ie(i, t, r, e, n = {
   canDeactivateChecks: [],
@@ -2092,11 +2093,11 @@ function Bl(i) {
   return i && rn(i.canMatch);
 }
 function ys(i) {
-  return i instanceof ya || i?.name === "EmptyError";
+  return i instanceof ba || i?.name === "EmptyError";
 }
 const an = /* @__PURE__ */ Symbol("INITIAL_VALUE");
 function Ce() {
-  return mt((i) => va(i.map((t) => t.pipe(Ne(1), Bi(an)))).pipe(W((t) => {
+  return mt((i) => qa(i.map((t) => t.pipe(Ne(1), qi(an)))).pipe(W((t) => {
     for (const r of t)
       if (r !== !0) {
         if (r === an)
@@ -2144,7 +2145,7 @@ function Vl(i, t, r, e) {
   return It(i).pipe(Zt((n) => Gl(n.component, n.route, r, t, e)), Yt((n) => n !== !0, !0));
 }
 function Hl(i, t, r, e) {
-  return It(t).pipe(Po((n) => fa(Zl(n.route.parent, e), $l(n.route, e), ql(i, n.path, r), Wl(i, n.route, r))), Yt((n) => n !== !0, !0));
+  return It(t).pipe(Po((n) => Wa(Zl(n.route.parent, e), $l(n.route, e), ql(i, n.path, r), Wl(i, n.route, r))), Yt((n) => n !== !0, !0));
 }
 function $l(i, t) {
   return i !== null && t && t(new pl(i)), x(!0);
@@ -2191,7 +2192,7 @@ function Yl(i, t, r, e, n) {
   return x(a).pipe(Ce(), xs(e));
 }
 function xs(i) {
-  return Ca(it((t) => {
+  return ya(it((t) => {
     if (typeof t != "boolean")
       throw Rn(i, t);
   }), W((t) => t === !0));
@@ -2659,7 +2660,7 @@ function bd(i, t, r, e) {
     if (c instanceof ir)
       throw Rn(new Mn(), c);
     o[a] = c;
-  }))), Wo(1), W(() => o), To((a) => ys(a) ? Rt : xa(a)));
+  }))), Wo(1), W(() => o), To((a) => ys(a) ? Rt : wa(a)));
 }
 function vd(i, t, r, e) {
   const n = Ee(t) ?? e, o = Oe(i, n), a = o.resolve ? o.resolve(t, r) : vt(n, () => o(t, r));
@@ -2705,7 +2706,7 @@ let As = /* @__PURE__ */ (() => {
     }
   };
   s(t, "ɵfac", function(o) {
-    return new (o || t)(be(ga));
+    return new (o || t)(be(fa));
   }), s(t, "ɵprov", /* @__PURE__ */ S({
     token: t,
     factory: t.ɵfac,
@@ -3526,7 +3527,7 @@ let Bd = /* @__PURE__ */ (() => {
       s(this, "skipLocationChange", !1);
       s(this, "replaceUrl", !1);
       s(this, "routerLinkInput", null);
-      this.router = e, this.route = n, this.tabIndexAttribute = o, this.renderer = a, this.el = c, this.locationStrategy = l, this.reactiveHref.set(u(new Sa("href"), {
+      this.router = e, this.route = n, this.tabIndexAttribute = o, this.renderer = a, this.el = c, this.locationStrategy = l, this.reactiveHref.set(u(new Ca("href"), {
         optional: !0
       }));
       const d = c.nativeElement.tagName?.toLowerCase();
@@ -3588,7 +3589,7 @@ let Bd = /* @__PURE__ */ (() => {
     }
   };
   s(t, "ɵfac", function(n) {
-    return new (n || t)(Pt(Fd), Pt(Nn), Ra("tabindex"), Pt(Ye), Pt(j), Pt(zn));
+    return new (n || t)(Pt(Fd), Pt(Nn), xa("tabindex"), Pt(Ye), Pt(j), Pt(zn));
   }), s(t, "ɵdir", /* @__PURE__ */ N({
     type: t,
     selectors: [["", "routerLink", ""]],
@@ -3596,7 +3597,7 @@ let Bd = /* @__PURE__ */ (() => {
     hostBindings: function(n, o) {
       n & 1 && Z("click", function(c) {
         return o.onClick(c.button, c.ctrlKey, c.shiftKey, c.altKey, c.metaKey);
-      }), n & 2 && Ke("href", o.reactiveHref(), ka)("target", o.target);
+      }), n & 2 && Ke("href", o.reactiveHref(), Sa)("target", o.target);
     },
     inputs: {
       target: "target",
@@ -3636,15 +3637,15 @@ ee.ɵfac = function(r) {
     return e.onHostClick(o);
   });
 }, inputs: { data: [1, "data"], lineNumbers: [1, "lineNumbers"] }, features: [Re([
-  { provide: Ta, useValue: Aa.NONE }
+  { provide: Oa, useValue: Ea.NONE }
 ])], decls: 1, vars: 3, consts: [[1, "c-markdown", 3, "data", "disableSanitizer", "lineNumbers"]], template: function(r, e) {
   r & 1 && K(0, "markdown", 0), r & 2 && D("data", e.data())("disableSanitizer", !0)("lineNumbers", !1);
-}, dependencies: [Ea, Oa], encapsulation: 2, changeDetection: 0 });
+}, dependencies: [Ra, ka], encapsulation: 2, changeDetection: 0 });
 let bi = ee;
 function jd(i, t) {
   if (i & 1 && K(0, "img", 2), i & 2) {
     const r = b();
-    D("src", r.iconUrl(), Hi)("alt", r.name());
+    D("src", r.iconUrl(), Vi)("alt", r.name());
   }
 }
 function Ud(i, t) {
@@ -3664,7 +3665,7 @@ function Vd(i, t) {
   }
   if (i & 2) {
     const r = b();
-    D("href", r.detailHref(), Hi), p(), X(" ", r.name(), " ");
+    D("href", r.detailHref(), Vi), p(), X(" ", r.name(), " ");
   }
 }
 function Hd(i, t) {
@@ -3688,7 +3689,7 @@ ne.ɵfac = function(r) {
   return new (r || ne)();
 }, ne.ɵcmp = /* @__PURE__ */ I({ type: ne, selectors: [["zui-alt-recipe-header"]], inputs: { name: [1, "name"], icon: [1, "icon"], iconImage: [1, "iconImage"], iconHeight: [1, "iconHeight"], desc: [1, "desc"], disableTagLinks: [1, "disableTagLinks"], detailHref: [1, "detailHref"] }, outputs: { linkClicked: "linkClicked" }, decls: 7, vars: 3, consts: [[1, "flex", "flex-col", "gap-3", "w-full"], [1, "flex", "items-center", "gap-2.5"], [1, "block", "shrink-0", "w-8", "h-8", "object-contain", 3, "src", "alt"], [1, "shrink-0", "mat-icon-32", 3, "svgIcon"], ["target", "_blank", "rel", "noopener", 1, "no-underline", "text-inherit", "transition-opacity", "hover:opacity-80", "c-alt-card-title", 3, "href"], [1, "c-alt-card-title"], [1, "block", "w-full", "c-alt-card-desc", 3, "data"], ["target", "_blank", "rel", "noopener", 1, "no-underline", "text-inherit", "transition-opacity", "hover:opacity-80", "c-alt-card-title", 3, "click", "href"]], template: function(r, e) {
   r & 1 && (f(0, "div", 0)(1, "div", 1), R(2, jd, 1, 2, "img", 2)(3, Ud, 1, 1, "mat-icon", 3), R(4, Vd, 2, 2, "a", 4)(5, Hd, 2, 1, "span", 5), _(), R(6, $d, 1, 1, "zui-markdown", 6), _()), r & 2 && (p(2), k(e.iconUrl() ? 2 : e.icon() ? 3 : -1), p(2), k(e.detailHref() ? 4 : 5), p(2), k(e.desc() ? 6 : -1));
-}, dependencies: [Ui, Vi, bi], styles: [`[_nghost-%COMP%] {
+}, dependencies: [ji, Ui, bi], styles: [`[_nghost-%COMP%] {
       display: block;
       width: 100%;
     }`], changeDetection: 0 });
@@ -3714,10 +3715,10 @@ let Qd = /* @__PURE__ */ (() => {
         this._options?.ignoreKeys?.some((n) => n === e.keyCode) || (this._modality.next("keyboard"), this._mostRecentTarget = Et(e));
       });
       s(this, "_onMousedown", (e) => {
-        Date.now() - this._lastTouchMs < zs || (this._modality.next(Ia(e) ? "keyboard" : "mouse"), this._mostRecentTarget = Et(e));
+        Date.now() - this._lastTouchMs < zs || (this._modality.next(Ya(e) ? "keyboard" : "mouse"), this._mostRecentTarget = Et(e));
       });
       s(this, "_onTouchstart", (e) => {
-        if (La(e)) {
+        if (Xa(e)) {
           this._modality.next("keyboard");
           return;
         }
@@ -3729,7 +3730,7 @@ let Qd = /* @__PURE__ */ (() => {
       if (this._options = {
         ...Kd,
         ...o
-      }, this.modalityDetected = this._modality.pipe(Da(1)), this.modalityChanged = this.modalityDetected.pipe(Io()), this._platform.isBrowser) {
+      }, this.modalityDetected = this._modality.pipe(Ka(1)), this.modalityChanged = this.modalityDetected.pipe(Io()), this._platform.isBrowser) {
         const a = u(Xt).createRenderer(null, null);
         this._listenerCleanups = e.runOutsideAngular(() => [a.listen(n, "keydown", this._onKeydown, Qn), a.listen(n, "mousedown", this._onMousedown, Qn), a.listen(n, "touchstart", this._onTouchstart, Qn)]);
       }
@@ -3754,7 +3755,7 @@ let Qd = /* @__PURE__ */ (() => {
 var yn = /* @__PURE__ */ (function(i) {
   return i[i.IMMEDIATE = 0] = "IMMEDIATE", i[i.EVENTUAL = 1] = "EVENTUAL", i;
 })(yn || {});
-const Jd = /* @__PURE__ */ new z("cdk-focus-monitor-default-options"), cn = /* @__PURE__ */ Lo({
+const Jd = /* @__PURE__ */ new z("cdk-focus-monitor-default-options"), cn = /* @__PURE__ */ jo({
   passive: !0,
   capture: !0
 });
@@ -3793,7 +3794,7 @@ let or = /* @__PURE__ */ (() => {
       const o = De(e);
       if (!this._platform.isBrowser || o.nodeType !== 1)
         return x();
-      const a = Pa(o) || this._document, c = this._elementInfo.get(o);
+      const a = Ga(o) || this._document, c = this._elementInfo.get(o);
       if (c)
         return n && (c.checkChildren = !0), c.subject;
       const l = {
@@ -4059,7 +4060,7 @@ let Ms = /* @__PURE__ */ (() => {
     _subscribe() {
       this._unsubscribe();
       const e = this._contentObserver.observe(this._elementRef);
-      this._currentSubscription = (this.debounce ? e.pipe(za(this.debounce)) : e).subscribe(this.event);
+      this._currentSubscription = (this.debounce ? e.pipe(Qa(this.debounce)) : e).subscribe(this.event);
     }
     _unsubscribe() {
       this._currentSubscription?.unsubscribe();
@@ -4338,7 +4339,7 @@ let pu = /* @__PURE__ */ (() => {
       n && !n.firstChange && this.autoCapture && this.focusTrap?.hasAttached() && this._captureFocus();
     }
     _captureFocus() {
-      this._previouslyFocusedElement = Fa(), this.focusTrap?.focusInitialElementWhenReady();
+      this._previouslyFocusedElement = tc(), this.focusTrap?.focusInitialElementWhenReady();
     }
   };
   s(t, "ɵfac", function(n) {
@@ -4464,7 +4465,7 @@ let bu = /* @__PURE__ */ (() => {
       s(this, "_hasCheckedHighContrastMode");
       s(this, "_document", u(q));
       s(this, "_breakpointSubscription");
-      this._breakpointSubscription = u(Ma).observe("(forced-colors: active)").subscribe(() => {
+      this._breakpointSubscription = u(Ja).observe("(forced-colors: active)").subscribe(() => {
         this._hasCheckedHighContrastMode && (this._hasCheckedHighContrastMode = !1, this._applyBodyHighContrastModeCssClasses());
       });
     }
@@ -4526,7 +4527,7 @@ let bu = /* @__PURE__ */ (() => {
 })();
 const ti = {}, St = class St {
   constructor() {
-    s(this, "_appId", /* @__PURE__ */ u(Do));
+    s(this, "_appId", /* @__PURE__ */ u(Lo));
   }
   getId(t, r = !1) {
     return this._appId !== "ng" && (t += this._appId), ti.hasOwnProperty(t) || (ti[t] = 0), `${t}${r ? St._infix + "-" : ""}${ti[t]++}`;
@@ -4566,7 +4567,7 @@ let wi = 0, wu = /* @__PURE__ */ (() => {
       s(this, "_messageRegistry", /* @__PURE__ */ new Map());
       s(this, "_messagesContainer", null);
       s(this, "_id", `${wi++}`);
-      u(ke).load(Xi), this._id = u(Do) + "-" + wi++;
+      u(ke).load(Xi), this._id = u(Lo) + "-" + wi++;
     }
     describe(e, n, o) {
       if (!this._canBeDescribed(e, n))
@@ -4700,8 +4701,8 @@ let Su = /* @__PURE__ */ (() => {
   const t = class t {
     constructor() {
       s(this, "_document", u(q));
-      s(this, "_animationsDisabled", Pn());
-      s(this, "_globalRippleOptions", u(Na, {
+      s(this, "_animationsDisabled", Ln());
+      s(this, "_globalRippleOptions", u(ec, {
         optional: !0
       }));
       s(this, "_platform", u(nt));
@@ -4748,7 +4749,7 @@ let Su = /* @__PURE__ */ (() => {
             exitDuration: c
           }
         }
-      }, d = new Ba(l, this._ngZone, n, this._platform, this._injector), h = !l.rippleDisabled;
+      }, d = new nc(l, this._ngZone, n, this._platform, this._injector), h = !l.rippleDisabled;
       h && d.setupTriggerEvents(e), this._hosts.set(e, {
         target: l,
         renderer: d,
@@ -4791,14 +4792,14 @@ let Su = /* @__PURE__ */ (() => {
 })();
 const ku = ["*"], Eu = /* @__PURE__ */ new z("MAT_BUTTON_CONFIG");
 function Xr(i) {
-  return i == null ? void 0 : Ua(i);
+  return i == null ? void 0 : Ta(i);
 }
 let Un = /* @__PURE__ */ (() => {
   const t = class t {
     constructor() {
       s(this, "_elementRef", u(j));
       s(this, "_ngZone", u(U));
-      s(this, "_animationsDisabled", Pn());
+      s(this, "_animationsDisabled", Ln());
       s(this, "_config", u(Eu, {
         optional: !0
       }));
@@ -4869,7 +4870,7 @@ let Un = /* @__PURE__ */ (() => {
     hostAttrs: [1, "mat-mdc-button-base"],
     hostVars: 13,
     hostBindings: function(n, o) {
-      n & 2 && (Ke("disabled", o._getDisabledAttribute())("aria-disabled", o._getAriaDisabled())("tabindex", o._getTabIndex()), ja(o.color ? "mat-" + o.color : ""), bt("mat-mdc-button-disabled", o.disabled)("mat-mdc-button-disabled-interactive", o.disabledInteractive)("mat-unthemed", !o.color)("_mat-animation-noopable", o._animationsDisabled));
+      n & 2 && (Ke("disabled", o._getDisabledAttribute())("aria-disabled", o._getAriaDisabled())("tabindex", o._getTabIndex()), Aa(o.color ? "mat-" + o.color : ""), bt("mat-mdc-button-disabled", o.disabled)("mat-mdc-button-disabled-interactive", o.disabledInteractive)("mat-unthemed", !o.color)("_mat-animation-noopable", o._animationsDisabled));
     },
     inputs: {
       color: "color",
@@ -5142,7 +5143,7 @@ function Lu(i, t) {
   }
   if (i & 2) {
     const r = b();
-    D("href", r.detailHref(), Hi);
+    D("href", r.detailHref(), Vi);
   }
 }
 const re = class re {
@@ -5156,7 +5157,7 @@ re.ɵfac = function(r) {
   r & 1 && (f(0, "div", 0), R(1, Lu, 4, 1, "a", 1), f(2, "button", 2), Z("click", function() {
     return e.recipeImport.emit(e.importYaml());
   }), f(3, "mat-icon", 3), g(4, "check"), _(), g(5, " DEPLOY "), _()()), r & 2 && (p(), k(e.detailHref() ? 1 : -1), p(), D("disabled", !e.importYaml()));
-}, dependencies: [Ui, Vi, cr, Ve], styles: [`[_nghost-%COMP%] {
+}, dependencies: [ji, Ui, cr, Ve], styles: [`[_nghost-%COMP%] {
       display: block;
       width: 100%;
     }
@@ -5276,7 +5277,7 @@ function Uu(i, t) {
 function Vu(i, t) {
   if (i & 1 && (f(0, "div", 2), wt(1, Uu, 1, 1, "zui-bar-icon", 9, Je), _()), i & 2) {
     const r = b().$implicit, e = b();
-    p(), Ct(Mo(0, ju).constructor(e.getContainerCount(r)));
+    p(), Ct(Do(0, ju).constructor(e.getContainerCount(r)));
   }
 }
 function Hu(i, t) {
@@ -5309,7 +5310,7 @@ function qu(i, t) {
 function Gu(i, t) {
   if (i & 1 && (f(0, "div", 8)(1, "span", 10), g(2), _(), f(3, "span", 11), g(4), _()(), f(5, "div", 12)(6, "div")(7, "span", 10), g(8), _(), f(9, "span", 11), g(10, " RAM"), _()(), f(11, "div")(12, "span", 10), g(13), _(), f(14, "span", 11), g(15, " Disc"), _()()()), i & 2) {
     const r = b().$implicit;
-    p(2), L(r.autoscaling.verticalAutoscaling.minResource.cpuCoreCount), p(2), Za(" ", r.autoscaling.verticalAutoscaling.cpuMode === "SHARED" ? "Shared" : "Dedicated", " ", r.autoscaling.verticalAutoscaling.minResource.cpuCoreCount > 1 ? "Cores" : "Core"), p(4), X("", r.autoscaling.verticalAutoscaling.minResource.memoryGBytes, " GB"), p(5), X("", r.autoscaling.verticalAutoscaling.minResource.diskGBytes, " GB");
+    p(2), L(r.autoscaling.verticalAutoscaling.minResource.cpuCoreCount), p(2), Ia(" ", r.autoscaling.verticalAutoscaling.cpuMode === "SHARED" ? "Shared" : "Dedicated", " ", r.autoscaling.verticalAutoscaling.minResource.cpuCoreCount > 1 ? "Cores" : "Core"), p(4), X("", r.autoscaling.verticalAutoscaling.minResource.memoryGBytes, " GB"), p(5), X("", r.autoscaling.verticalAutoscaling.minResource.diskGBytes, " GB");
   }
 }
 function Yu(i, t) {
@@ -5320,14 +5321,14 @@ function Yu(i, t) {
 }
 const se = class se {
   constructor() {
-    this.services = v(), this.displayServices = P(() => zo(this.services())), this.getContainerCount = Va;
+    this.services = v(), this.displayServices = P(() => Uo(this.services())), this.getContainerCount = ic;
   }
 };
 se.ɵfac = function(r) {
   return new (r || se)();
 }, se.ɵcmp = /* @__PURE__ */ I({ type: se, selectors: [["zui-alt-recipe-services-grid"]], inputs: { services: [1, "services"] }, decls: 3, vars: 5, consts: [[1, "grid", "gap-2", "w-full", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "px-2", "py-2.5", "rounded-md", "bg-alt-card-service-bg"], [1, "flex", "gap-1", "mb-1.5"], [1, "mb-0.5", "text-center"], [1, "c-alt-card-service-title"], [1, "c-alt-card-service-label"], [1, "mb-1.5", "text-center", "c-alt-card-service-label"], [1, "flex", "flex-col", "items-center", "gap-0.5", "w-full"], [1, "text-center"], ["size", "sm", 3, "active"], [1, "c-alt-card-value"], [1, "c-alt-card-value-label"], [1, "flex", "justify-center", "gap-2"]], template: function(r, e) {
-  r & 1 && (f(0, "div", 0), wt(1, Yu, 12, 6, "div", 1, Je), _()), r & 2 && (D("ngClass", $a(1, Bu, e.displayServices().length === 1, e.displayServices().length >= 2, e.displayServices().length >= 3 && e.displayServices().length !== 4)), p(), Ct(e.displayServices()));
-}, dependencies: [Go, Ha], styles: [`.__grid-cols-3-m[_ngcontent-%COMP%] {
+  r & 1 && (f(0, "div", 0), wt(1, Yu, 12, 6, "div", 1, Je), _()), r & 2 && (D("ngClass", Pa(1, Bu, e.displayServices().length === 1, e.displayServices().length >= 2, e.displayServices().length >= 3 && e.displayServices().length !== 4)), p(), Ct(e.displayServices()));
+}, dependencies: [Go, rc], styles: [`.__grid-cols-3-m[_ngcontent-%COMP%] {
       @media (min-width: 810px) {
         grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
       }
@@ -5353,7 +5354,7 @@ function Qu(i, t) {
 }
 const ae = class ae {
   constructor() {
-    this.pricing = Du, this.services = v(), this.projectMode = v(), this.pricePer = v(), this.priceModifier = v(1), this.displayServices = P(() => zo(this.services())), this.derivedProjectMode = P(() => Fo(this.services(), this.projectMode())), this.totalResources = P(() => Wa(this.displayServices())), this.resourceBreakdown = P(() => {
+    this.pricing = Du, this.services = v(), this.projectMode = v(), this.pricePer = v(), this.priceModifier = v(1), this.displayServices = P(() => Uo(this.services())), this.derivedProjectMode = P(() => Vo(this.services(), this.projectMode())), this.totalResources = P(() => oc(this.displayServices())), this.resourceBreakdown = P(() => {
       const t = this.displayServices();
       let r = 0, e = 0;
       for (const n of t) {
@@ -5362,7 +5363,7 @@ const ae = class ae {
         const o = n.autoscaling?.verticalAutoscaling?.minResource;
         if (!o)
           continue;
-        const a = qa(n.typeId, Ga(n), n.autoscaling?.horizontalAutoscaling?.minContainerCount || 1), c = o.cpuCoreCount * a;
+        const a = sc(n.typeId, ac(n), n.autoscaling?.horizontalAutoscaling?.minContainerCount || 1), c = o.cpuCoreCount * a;
         n.autoscaling?.verticalAutoscaling?.cpuMode === "DEDICATED" ? e += c : r += c;
       }
       return { sharedCores: r, dedicatedCores: e };
@@ -5375,7 +5376,7 @@ const ae = class ae {
 ae.ɵfac = function(r) {
   return new (r || ae)();
 }, ae.ɵcmp = /* @__PURE__ */ I({ type: ae, selectors: [["zui-alt-recipe-footer"]], inputs: { services: [1, "services"], projectMode: [1, "projectMode"], pricePer: [1, "pricePer"], priceModifier: [1, "priceModifier"] }, decls: 20, vars: 8, consts: [[1, "flex", "flex-col", "items-end", "gap-3", "w-full"], [1, "flex", "flex-wrap", "justify-end", "gap-x-3", "gap-y-1"], [1, "flex", "items-end", "gap-0.5"], [1, "c-alt-card-metric-value"], [1, "c-alt-card-metric-label"], [1, "flex", "flex-col", "items-end", "gap-0.5"], [1, "tabular-nums", "c-alt-card-title"], [1, "c-alt-card-core-desc"]], template: function(r, e) {
-  r & 1 && (E(0, "div", 0)(1, "div", 1), R(2, Xu, 5, 2, "div", 2), R(3, Ku, 5, 2, "div", 2), E(4, "div", 2)(5, "span", 3), g(6), O(), E(7, "span", 4), g(8, "GB RAM"), O()(), E(9, "div", 2)(10, "span", 3), g(11), O(), E(12, "span", 4), g(13, "GB Disk (SSD)"), O()(), R(14, Qu, 5, 1, "div", 2), O(), E(15, "div", 5)(16, "span", 6), g(17), O(), E(18, "span", 7), g(19, "per month"), O()()()), r & 2 && (p(2), k(e.resourceBreakdown().sharedCores ? 2 : -1), p(), k(e.resourceBreakdown().dedicatedCores ? 3 : -1), p(3), L(e.totalResources().ram), p(5), L(e.totalResources().disc), p(3), k(e.totalResources().storage ? 14 : -1), p(3), Ya(" ", "$", "", e.cost().amount, ".", e.cost().decimal, " "));
+  r & 1 && (E(0, "div", 0)(1, "div", 1), R(2, Xu, 5, 2, "div", 2), R(3, Ku, 5, 2, "div", 2), E(4, "div", 2)(5, "span", 3), g(6), O(), E(7, "span", 4), g(8, "GB RAM"), O()(), E(9, "div", 2)(10, "span", 3), g(11), O(), E(12, "span", 4), g(13, "GB Disk (SSD)"), O()(), R(14, Qu, 5, 1, "div", 2), O(), E(15, "div", 5)(16, "span", 6), g(17), O(), E(18, "span", 7), g(19, "per month"), O()()()), r & 2 && (p(2), k(e.resourceBreakdown().sharedCores ? 2 : -1), p(), k(e.resourceBreakdown().dedicatedCores ? 3 : -1), p(3), L(e.totalResources().ram), p(5), L(e.totalResources().disc), p(3), k(e.totalResources().storage ? 14 : -1), p(3), La(" ", "$", "", e.cost().amount, ".", e.cost().decimal, " "));
 }, encapsulation: 2, changeDetection: 0 });
 let ki = ae;
 class Ju {
@@ -5561,7 +5562,7 @@ let oo = /* @__PURE__ */ (() => {
     features: [Re([{
       provide: $s,
       useFactory: sh,
-      deps: [Xa(() => t)]
+      deps: [Da(() => t)]
     }]), Se]
   }));
   let i = t;
@@ -5632,7 +5633,7 @@ let Vn = /* @__PURE__ */ (() => {
       s(this, "elementRef", u(j));
       s(this, "scrollDispatcher", u(Vn));
       s(this, "ngZone", u(U));
-      s(this, "dir", u(In, {
+      s(this, "dir", u(Pn, {
         optional: !0
       }));
       s(this, "_scrollElement", this.elementRef.nativeElement);
@@ -5791,7 +5792,7 @@ let Ei = /* @__PURE__ */ (() => {
     constructor() {
       super();
       s(this, "elementRef", u(j));
-      s(this, "_changeDetectorRef", u(ji));
+      s(this, "_changeDetectorRef", u(Bi));
       s(this, "_scrollStrategy", u($s, {
         optional: !0
       }));
@@ -5831,7 +5832,7 @@ let Ei = /* @__PURE__ */ (() => {
       const o = si(() => {
         this._changeDetectionNeeded() && this._doChangeDetection();
       }, {
-        injector: u(No).injector
+        injector: u(zo).injector
       });
       u(Ao).onDestroy(() => {
         o.destroy();
@@ -5845,7 +5846,7 @@ let Ei = /* @__PURE__ */ (() => {
     }
     ngOnInit() {
       this._platform.isBrowser && (this.scrollable === this && super.ngOnInit(), this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => {
-        this._measureViewportSize(), this._scrollStrategy.attach(this), this.scrollable.elementScrolled().pipe(Bi(null), Yi(0, dh), Q(this._destroyed)).subscribe(() => this._scrollStrategy.onContentScrolled()), this._markChangeDetectionNeeded();
+        this._measureViewportSize(), this._scrollStrategy.attach(this), this.scrollable.elementScrolled().pipe(qi(null), Yi(0, dh), Q(this._destroyed)).subscribe(() => this._scrollStrategy.onContentScrolled()), this._markChangeDetectionNeeded();
       })));
     }
     ngOnDestroy() {
@@ -5959,9 +5960,9 @@ let Ei = /* @__PURE__ */ (() => {
     type: t,
     selectors: [["cdk-virtual-scroll-viewport"]],
     viewQuery: function(o, a) {
-      if (o & 1 && Bo(ih, 7), o & 2) {
+      if (o & 1 && Mo(ih, 7), o & 2) {
         let c;
-        jo(c = Uo()) && (a._contentWrapper = c.first);
+        Fo(c = No()) && (a._contentWrapper = c.first);
       }
     },
     hostAttrs: [1, "cdk-virtual-scroll-viewport"],
@@ -5987,7 +5988,7 @@ let Ei = /* @__PURE__ */ (() => {
     vars: 4,
     consts: [["contentWrapper", ""], [1, "cdk-virtual-scroll-content-wrapper"], [1, "cdk-virtual-scroll-spacer"]],
     template: function(o, a) {
-      o & 1 && (Qe(), E(0, "div", 1, 0), dt(2), O(), et(3, "div", 2)), o & 2 && (p(3), Ja("width", a._totalContentWidth())("height", a._totalContentHeight()));
+      o & 1 && (Qe(), E(0, "div", 1, 0), dt(2), O(), et(3, "div", 2)), o & 2 && (p(3), Fa("width", a._totalContentWidth())("height", a._totalContentHeight()));
     },
     styles: [`cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}
 `],
@@ -6008,8 +6009,8 @@ let ao = /* @__PURE__ */ (() => {
   const t = class t {
     constructor() {
       s(this, "_viewContainerRef", u(Gt));
-      s(this, "_template", u($i));
-      s(this, "_differs", u(Ka));
+      s(this, "_template", u(Hi));
+      s(this, "_differs", u(za));
       s(this, "_viewRepeater", u(ro));
       s(this, "_viewport", u(Ei, {
         skipSelf: !0
@@ -6018,7 +6019,7 @@ let ao = /* @__PURE__ */ (() => {
       s(this, "_dataSourceChanges", new T());
       s(this, "_cdkVirtualForOf");
       s(this, "_cdkVirtualForTrackBy");
-      s(this, "dataStream", this._dataSourceChanges.pipe(Bi(null), xc(), mt(([e, n]) => this._changeDataSource(e, n)), Qa(1)));
+      s(this, "dataStream", this._dataSourceChanges.pipe(qi(null), xc(), mt(([e, n]) => this._changeDataSource(e, n)), Ma(1)));
       s(this, "_differ", null);
       s(this, "_data");
       s(this, "_renderedItems");
@@ -6327,7 +6328,7 @@ class hh extends Ws {
   attachComponentPortal(r) {
     let e;
     if (r.viewContainerRef) {
-      const n = r.injector || r.viewContainerRef.injector, o = n.get(Vo, null, {
+      const n = r.injector || r.viewContainerRef.injector, o = n.get(Bo, null, {
         optional: !0
       }) || void 0;
       e = r.viewContainerRef.createComponent(r.component, {
@@ -6338,7 +6339,7 @@ class hh extends Ws {
       }), this.setDisposeFn(() => e.destroy());
     } else {
       const n = this._appRef, o = r.injector || this._defaultInjector || ht.NULL, a = o.get(Xe, n.injector);
-      e = tc(r.component, {
+      e = Na(r.component, {
         elementInjector: o,
         environmentInjector: a,
         projectableNodes: r.projectableNodes || void 0
@@ -6367,7 +6368,7 @@ class hh extends Ws {
 let uo = /* @__PURE__ */ (() => {
   const t = class t extends ur {
     constructor() {
-      const e = u($i), n = u(Gt);
+      const e = u(Hi), n = u(Gt);
       super(e, n);
     }
   };
@@ -6385,7 +6386,7 @@ let uo = /* @__PURE__ */ (() => {
   const t = class t extends Ws {
     constructor() {
       super();
-      s(this, "_moduleRef", u(Vo, {
+      s(this, "_moduleRef", u(Bo, {
         optional: !0
       }));
       s(this, "_document", u(q));
@@ -7603,7 +7604,7 @@ let Ah = /* @__PURE__ */ (() => {
 const Qs = /* @__PURE__ */ new z("OVERLAY_DEFAULT_CONFIG");
 function fr(i, t) {
   i.get(ke).load(Xs);
-  const r = i.get(Ks), e = i.get(q), n = i.get(yi), o = i.get(No), a = i.get(In), c = i.get(Ye, null, {
+  const r = i.get(Ks), e = i.get(q), n = i.get(yi), o = i.get(zo), a = i.get(Pn), c = i.get(Ye, null, {
     optional: !0
   }) || i.get(Xt).createRenderer(null, null), l = new Gs(t), d = i.get(Qs, null, {
     optional: !0
@@ -7612,7 +7613,7 @@ function fr(i, t) {
   const h = e.createElement("div"), m = e.createElement("div");
   h.id = n.getId("cdk-overlay-"), h.classList.add("cdk-overlay-pane"), m.appendChild(h), l.usePopover && (m.setAttribute("popover", "manual"), m.classList.add("cdk-overlay-popover"));
   const C = l.usePopover ? l.positionStrategy?.getPopoverInsertionPoint?.() : null;
-  return r.getContainerElement().appendChild(m), pr(C) ? C.after(m) : C?.type === "parent" && C.element.appendChild(m), new xh(new hh(h, o, i), m, h, l, i.get(U), i.get(yh), e, i.get(en), i.get(wh), t?.disableAnimations ?? i.get(ec, null, {
+  return r.getContainerElement().appendChild(m), pr(C) ? C.after(m) : C?.type === "parent" && C.element.appendChild(m), new xh(new hh(h, o, i), m, h, l, i.get(U), i.get(yh), e, i.get(en), i.get(wh), t?.disableAnimations ?? i.get(Ba, null, {
     optional: !0
   }) === "NoopAnimations", i.get(Xe), c);
 }
@@ -7687,7 +7688,7 @@ const Lh = /* @__PURE__ */ new z("cdk-connected-overlay-default-config");
 let wo = /* @__PURE__ */ (() => {
   const t = class t {
     constructor() {
-      s(this, "_dir", u(In, {
+      s(this, "_dir", u(Pn, {
         optional: !0
       }));
       s(this, "_injector", u(ht));
@@ -7730,7 +7731,7 @@ let wo = /* @__PURE__ */ (() => {
       s(this, "detach", new rt());
       s(this, "overlayKeydown", new rt());
       s(this, "overlayOutsideClick", new rt());
-      const e = u($i), n = u(Gt), o = u(Lh, {
+      const e = u(Hi), n = u(Gt), o = u(Lh, {
         optional: !0
       }), a = u(Qs, {
         optional: !0
@@ -7907,7 +7908,7 @@ const Dh = ["tooltip"], zh = 20, Mh = /* @__PURE__ */ new z("mat-tooltip-scroll-
     hideDelay: 0,
     touchendHideDelay: 1500
   })
-}), xo = "tooltip-panel", So = /* @__PURE__ */ Lo({
+}), xo = "tooltip-panel", So = /* @__PURE__ */ jo({
   passive: !0
 }), Nh = 8, Bh = 8, jh = 24, Uh = 200;
 let Ai = /* @__PURE__ */ (() => {
@@ -7918,11 +7919,11 @@ let Ai = /* @__PURE__ */ (() => {
       s(this, "_platform", u(nt));
       s(this, "_ariaDescriber", u(wu));
       s(this, "_focusMonitor", u(or));
-      s(this, "_dir", u(In));
+      s(this, "_dir", u(Pn));
       s(this, "_injector", u(ht));
       s(this, "_viewContainerRef", u(Gt));
-      s(this, "_mediaMatcher", u(nc));
-      s(this, "_animationsDisabled", Pn());
+      s(this, "_mediaMatcher", u(cc));
+      s(this, "_animationsDisabled", Ln());
       s(this, "_defaultOptions", u(Fh, {
         optional: !0
       }));
@@ -8246,7 +8247,7 @@ let Ai = /* @__PURE__ */ (() => {
 })(), Ti = /* @__PURE__ */ (() => {
   const t = class t {
     constructor() {
-      s(this, "_changeDetectorRef", u(ji));
+      s(this, "_changeDetectorRef", u(Bi));
       s(this, "_elementRef", u(j));
       s(this, "_isMultiline", !1);
       s(this, "message");
@@ -8255,7 +8256,7 @@ let Ai = /* @__PURE__ */ (() => {
       s(this, "_hideTimeoutId");
       s(this, "_triggerElement");
       s(this, "_mouseLeaveHideDelay");
-      s(this, "_animationsDisabled", Pn());
+      s(this, "_animationsDisabled", Ln());
       s(this, "_tooltip");
       s(this, "_closeOnInteraction", !1);
       s(this, "_isVisible", !1);
@@ -8326,9 +8327,9 @@ let Ai = /* @__PURE__ */ (() => {
     type: t,
     selectors: [["mat-tooltip-component"]],
     viewQuery: function(n, o) {
-      if (n & 1 && Bo(Dh, 7), n & 2) {
+      if (n & 1 && Mo(Dh, 7), n & 2) {
         let a;
-        jo(a = Uo()) && (o._tooltip = a.first);
+        Fo(a = No()) && (o._tooltip = a.first);
       }
     },
     hostAttrs: ["aria-hidden", "true"],
@@ -8481,36 +8482,36 @@ function Yh(i, t) {
   }
 }
 function Xh(i, t) {
-  i & 1 && qi(0);
+  i & 1 && Wi(0);
 }
 function Kh(i, t) {
   if (i & 1) {
     const r = ut();
-    f(0, "div", 16), Ln(1, Xh, 1, 0, "ng-container", 17), f(2, "span", 18), g(3), _()(), f(4, "div", 19)(5, "mat-icon", 20), g(6), _(), f(7, "span", 21), g(8), _(), f(9, "button", 22), Z("click", function(n) {
+    f(0, "div", 16), In(1, Xh, 1, 0, "ng-container", 17), f(2, "span", 18), g(3), _()(), f(4, "div", 19)(5, "mat-icon", 20), g(6), _(), f(7, "span", 21), g(8), _(), f(9, "button", 22), Z("click", function(n) {
       H(r);
       const o = b(2);
       return n.stopPropagation(), $(o.removeAgent.emit(o.agents()[0].agentType));
     }), f(10, "mat-icon", 23), g(11, "close"), _(), f(12, "span"), g(13, "Remove agent"), _()()();
   }
   if (i & 2) {
-    const r = b(2), e = Zi(1);
-    p(), D("ngTemplateOutlet", e)("ngTemplateOutletContext", Wi(6, gr, r.agents()[0].agentType)), p(2), L(r.label(r.agents()[0].agentType)), p(3), L(r.authIcon(r.agents()[0].authType)), p(2), L(r.authLabel(r.agents()[0].authType)), p(), Ke("aria-label", "Remove " + r.label(r.agents()[0].agentType));
+    const r = b(2), e = $i(1);
+    p(), D("ngTemplateOutlet", e)("ngTemplateOutletContext", Zi(6, gr, r.agents()[0].agentType)), p(2), L(r.label(r.agents()[0].agentType)), p(3), L(r.authIcon(r.agents()[0].authType)), p(2), L(r.authLabel(r.agents()[0].authType)), p(), Ke("aria-label", "Remove " + r.label(r.agents()[0].agentType));
   }
 }
 function Qh(i, t) {
-  i & 1 && qi(0);
+  i & 1 && Wi(0);
 }
 function Jh(i, t) {
   if (i & 1) {
     const r = ut();
-    f(0, "div", 24), Ln(1, Qh, 1, 0, "ng-container", 17), f(2, "span", 18), g(3), _(), f(4, "span", 25), g(5), _(), f(6, "button", 26), Z("click", function(n) {
+    f(0, "div", 24), In(1, Qh, 1, 0, "ng-container", 17), f(2, "span", 18), g(3), _(), f(4, "span", 25), g(5), _(), f(6, "button", 26), Z("click", function(n) {
       const o = H(r).$implicit, a = b(3);
       return n.stopPropagation(), $(a.removeAgent.emit(o.agentType));
     }), f(7, "mat-icon", 23), g(8, "close"), _()()();
   }
   if (i & 2) {
-    const r = t.$implicit, e = b(3), n = Zi(1);
-    p(), D("ngTemplateOutlet", n)("ngTemplateOutletContext", Wi(6, gr, r.agentType)), p(2), L(e.label(r.agentType)), p(2), L(e.authTag(r.authType)), p(), D("matTooltip", "Remove " + e.label(r.agentType)), Ke("aria-label", "Remove " + e.label(r.agentType));
+    const r = t.$implicit, e = b(3), n = $i(1);
+    p(), D("ngTemplateOutlet", n)("ngTemplateOutletContext", Zi(6, gr, r.agentType)), p(2), L(e.label(r.agentType)), p(2), L(e.authTag(r.authType)), p(), D("matTooltip", "Remove " + e.label(r.agentType)), Ke("aria-label", "Remove " + e.label(r.agentType));
   }
 }
 function tp(i, t) {
@@ -8538,7 +8539,7 @@ function ip(i, t) {
   }
 }
 function rp(i, t) {
-  i & 1 && qi(0);
+  i & 1 && Wi(0);
 }
 function op(i, t) {
   if (i & 1) {
@@ -8546,15 +8547,15 @@ function op(i, t) {
     f(0, "button", 30), Z("click", function(n) {
       const o = H(r).$implicit, a = b(2);
       return n.stopPropagation(), $(a.quickAddAgent.emit(o));
-    }), Ln(1, rp, 1, 0, "ng-container", 17), f(2, "span", 31), g(3), _(), f(4, "mat-icon", 32), g(5, "add"), _()();
+    }), In(1, rp, 1, 0, "ng-container", 17), f(2, "span", 31), g(3), _(), f(4, "mat-icon", 32), g(5, "add"), _()();
   }
   if (i & 2) {
-    const r = t.$implicit, e = b(2), n = Zi(1);
-    Ke("aria-label", "Add " + e.label(r)), p(), D("ngTemplateOutlet", n)("ngTemplateOutletContext", Wi(4, gr, r)), p(2), L(e.label(r));
+    const r = t.$implicit, e = b(2), n = $i(1);
+    Ke("aria-label", "Add " + e.label(r)), p(), D("ngTemplateOutlet", n)("ngTemplateOutletContext", Zi(4, gr, r)), p(2), L(e.label(r));
   }
 }
 function sp(i, t) {
-  if (i & 1 && (f(0, "div", 9)(1, "span", 28), g(2, "Quick add"), _(), wt(3, op, 6, 6, "button", 29, ic), _()), i & 2) {
+  if (i & 1 && (f(0, "div", 9)(1, "span", 28), g(2, "Quick add"), _(), wt(3, op, 6, 6, "button", 29, ja), _()), i & 2) {
     const r = b();
     p(3), Ct(r.quickAddAgents());
   }
@@ -8639,7 +8640,7 @@ xe = new WeakSet(), Js = function() {
 }, pe.ɵcmp = /* @__PURE__ */ I({ type: pe, selectors: [["zui-zagent-mini-card"]], inputs: { config: [1, "config"], agentsSupported: [1, "agentsSupported"], services: [1, "services"], os: [1, "os"], connectedServices: [1, "connectedServices"] }, outputs: { configure: "configure", quickAddAgent: "quickAddAgent", removeAgent: "removeAgent" }, decls: 14, vars: 7, consts: [["brandMark", ""], [1, "__card", 3, "click"], [1, "__head"], [1, "__head-label"], ["type", "button", "mat-stroked-button", "", "aria-label", "Configure ZCP service", 1, "__configure-btn", 3, "click"], [1, "__tiles"], [1, "__tile", "__tile--agent"], [1, "__tile", "__tile--ide"], [1, "__tile", "__tile--base"], [1, "__quick-add"], [1, "__mounts"], [1, "__brand"], [1, "__tile-head"], ["fontSet", "material-icons-outlined", 1, "__tile-icon"], [1, "__tile-title"], [1, "__tile-meta"], [1, "__meta-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "__meta-text", "__meta-text--primary"], [1, "__meta-row", "__meta-row--auth"], ["fontSet", "material-icons-outlined", 1, "__meta-icon"], [1, "__meta-text"], ["type", "button", 1, "__meta-remove-overlay", 3, "click"], ["fontSet", "material-icons-outlined"], [1, "__meta-row", "__meta-row--agent"], [1, "__auth-tag"], ["type", "button", 1, "__agent-remove", 3, "click", "matTooltip"], [1, "__brand", "__brand--ide"], [1, "__quick-add-label"], ["type", "button", 1, "__qa-chip"], ["type", "button", 1, "__qa-chip", 3, "click"], [1, "__qa-name"], ["fontSet", "material-icons-outlined", 1, "__qa-add"], [1, "__mounts-label"], [1, "__chips"], [1, "__svc-chip"], [1, "__chip-dev"]], template: function(r, e) {
   if (r & 1) {
     const n = ut();
-    Ln(0, Yh, 5, 1, "ng-template", null, 0, rc), f(2, "div", 1), Z("click", function() {
+    In(0, Yh, 5, 1, "ng-template", null, 0, Ua), f(2, "div", 1), Z("click", function() {
       return H(n), $(e.configure.emit());
     }), f(3, "div", 2)(4, "span", 3), g(5, "ZCP configuration"), _(), f(6, "button", 4), Z("click", function(a) {
       return H(n), a.stopPropagation(), $(e.configure.emit());
@@ -8648,8 +8649,8 @@ xe = new WeakSet(), Js = function() {
   r & 2 && (p(8), bt("__tiles--single", e.tileCount() === 1), p(), k(e.showAgent() ? 9 : -1), p(), k(e.showVscode() ? 10 : -1), p(), k(!e.showAgent() && !e.showVscode() ? 11 : -1), p(), k(e.agentsSupported() && e.quickAddAgents().length ? 12 : -1), p(), k(e.serviceChips().length ? 13 : -1));
 }, dependencies: [
   Tc,
+  ji,
   Ui,
-  Vi,
   cr,
   Ve,
   Vh,
@@ -9097,7 +9098,7 @@ function _p(i, t) {
 function bp(i, t) {
   if (i & 1 && (f(0, "a", 4), g(1), _()), i & 2) {
     const r = b().$implicit;
-    D("routerLink", Mo(3, fp))("queryParams", r.queryParams), p(), X(" ", r.name, " ");
+    D("routerLink", Do(3, fp))("queryParams", r.queryParams), p(), X(" ", r.name, " ");
   }
 }
 function vp(i, t) {
@@ -9195,7 +9196,7 @@ const me = class me {
     }), this.envsByKey = P(() => this.environments()?.length ? this.environments().reduce((t, r) => (t[r._key] || (t[r._key] = r), t), {}) : {}), this.defaultEnvironmentKey = P(() => $o(this.environments() || [])), this.currentEnvironmentKey = P(() => this.selectedEnvironmentKey() || this.defaultEnvironmentKey()), this.activeEnvironment = P(() => {
       const t = this.currentEnvironmentKey();
       return t ? this.envsByKey()[t] : void 0;
-    }), this.derivedProjectMode = P(() => Fo(this.activeEnvironment()?._servicesExtended));
+    }), this.derivedProjectMode = P(() => Vo(this.activeEnvironment()?._servicesExtended));
   }
   /** Returns the native DEPLOY button element for popover anchoring */
   get deployButtonEl() {
@@ -9269,17 +9270,17 @@ const fe = class fe {
         } catch {
           return;
         }
-    } }), this.apiBase = v("https://api.zerops.io"), this.appUrl = v("https://app.zerops.io"), this.deployed = Y(), this.detailOpened = Y(), Qt(this, Ze, u(sc)), this.recipe = gt(null), this.loading = gt(!0), this.error = gt(!1), this.selectedEnvironmentKey = gt(void 0), Qt(this, ge, P(() => {
+    } }), this.apiBase = v("https://api.zerops.io"), this.appUrl = v("https://app.zerops.io"), this.deployed = Y(), this.detailOpened = Y(), Qt(this, Ze, u(Ha)), this.recipe = gt(null), this.loading = gt(!0), this.error = gt(!1), this.selectedEnvironmentKey = gt(void 0), Qt(this, ge, P(() => {
       const t = this.recipe();
       return t && (this.selectedEnvironmentKey() || $o(t._environmentsExtended || [])) || "";
     })), this.detailHref = P(() => {
       const t = this.recipe();
       if (t)
         return `${this.appUrl()}/recipes/${t.slug}?environment=${Tt(this, ge).call(this)}`;
-    }), Qt(this, _e, new T()), Qt(this, We, oc(Tt(this, _e).pipe(mt((t) => ac(Tt(this, Ze), this.apiBase(), t))))), si(() => {
+    }), Qt(this, _e, new T()), Qt(this, We, Va(Tt(this, _e).pipe(mt((t) => lc(Tt(this, Ze), this.apiBase(), t))))), si(() => {
       const t = this.recipeData(), r = this.slug();
       if (t) {
-        const e = cc(t);
+        const e = dc(t);
         this.loading.set(!1), this.error.set(e.error), this.recipe.set(e.recipe), this.selectedEnvironmentKey.set(void 0);
       } else r && (this.loading.set(!0), this.error.set(!1), this.recipe.set(null), this.selectedEnvironmentKey.set(void 0), Tt(this, _e).next(r));
     }), si(() => {
@@ -9330,6 +9331,6 @@ Ze = new WeakMap(), ge = new WeakMap(), _e = new WeakMap(), We = new WeakMap(),
       font-size: 14px;
     }`], changeDetection: 0 });
 let Ni = fe;
-lc().then((i) => {
-  customElements.get("zerops-recipe-card") || customElements.define("zerops-recipe-card", dc(Ni, { injector: i.injector }));
+$a().then((i) => {
+  customElements.get("zerops-recipe-card") || customElements.define("zerops-recipe-card", Za(Ni, { injector: i.injector }));
 });