@zerops/web-components 0.2.2 → 0.3.0

package/chunks/recipe-fetch-9bf8nynf.js

@@ -0,0 +1,1186 @@
+var Fe = Object.defineProperty;
+var ne = (e) => {
+  throw TypeError(e);
+};
+var Be = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var o = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n), H = (e, t, n) => t.has(e) || ne("Cannot " + n);
+var v = (e, t, n) => (H(e, t, "read from private field"), n ? n.call(e) : t.get(e)), M = (e, t, n) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), y = (e, t, n, r) => (H(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), j = (e, t, n) => (H(e, t, "access private method"), n);
+import { bs as Z, bt as Le, bu as He, L as W, O as be, bv as je, bw as Ue, c as Ee, bx as we, by as Ge, bz as ke, o as Ce, f as Se, H as Ye, l as p, aL as Ae, u as Ke, b9 as Ve, bf as $e, k as F, bA as qe, bB as Qe, n as J, bC as Ze, aG as ye, j as We, M as Je, y as S, N as Xe, I as Re, bg as et, p as tt, aT as Y, r as Ie, a7 as U, bD as re, F as nt, aM as rt, b8 as it, at as ot, a2 as st, av as at, bE as lt, bF as ct, T as ut, z as dt } from "./app-CrO8M3t-.js";
+function ht() {
+  for (var e = [], t = 0; t < arguments.length; t++)
+    e[t] = arguments[t];
+  var n = Z(e), r = Le(e), i = He(e), s = i.args, l = i.keys;
+  if (s.length === 0)
+    return W([], n);
+  var u = new be(pt(s, n, l ? function(h) {
+    return Ge(l, h);
+  } : we));
+  return r ? u.pipe(je(r)) : u;
+}
+function pt(e, t, n) {
+  return n === void 0 && (n = we), function(r) {
+    ie(t, function() {
+      for (var i = e.length, s = new Array(i), l = i, u = i, h = function(a) {
+        ie(t, function() {
+          var f = W(e[a], t), _ = !1;
+          f.subscribe(Ee(r, function(b) {
+            s[a] = b, _ || (_ = !0, u--), u || r.next(n(s.slice()));
+          }, function() {
+            --l || r.complete();
+          }));
+        }, r);
+      }, d = 0; d < i; d++)
+        h(d);
+    }, r);
+  };
+}
+function ie(e, t, n) {
+  e ? Ue(n, e, t) : t();
+}
+function ft() {
+  return ke(1);
+}
+function K() {
+  for (var e = [], t = 0; t < arguments.length; t++)
+    e[t] = arguments[t];
+  return ft()(W(e, Z(e)));
+}
+function mt(e, t) {
+  return t === void 0 && (t = Se), Ce(function(n, r) {
+    var i = null, s = null, l = null, u = function() {
+      if (i) {
+        i.unsubscribe(), i = null;
+        var d = s;
+        s = null, r.next(d);
+      }
+    };
+    function h() {
+      var d = l + e, a = t.now();
+      if (a < d) {
+        i = this.schedule(void 0, d - a), r.add(i);
+        return;
+      }
+      u();
+    }
+    n.subscribe(Ee(r, function(d) {
+      s = d, l = t.now(), i || (i = t.schedule(h, e), r.add(i));
+    }, function() {
+      u(), r.complete();
+    }, void 0, function() {
+      s = i = null;
+    }));
+  });
+}
+function gt(e) {
+  return Ye(function(t, n) {
+    return e <= n;
+  });
+}
+function _t() {
+  for (var e = [], t = 0; t < arguments.length; t++)
+    e[t] = arguments[t];
+  var n = Z(e);
+  return Ce(function(r, i) {
+    (n ? K(e, r, n) : K(e, r)).subscribe(i);
+  });
+}
+const x = /* @__PURE__ */ new WeakMap();
+let vt = /* @__PURE__ */ (() => {
+  const t = class t {
+    constructor() {
+      o(this, "_appRef");
+      o(this, "_injector", p(Ae));
+      o(this, "_environmentInjector", p(Ke));
+    }
+    load(r) {
+      const i = this._appRef = this._appRef || this._injector.get(Ve);
+      let s = x.get(i);
+      s || (s = {
+        loaders: /* @__PURE__ */ new Set(),
+        refs: []
+      }, x.set(i, s), i.onDestroy(() => {
+        x.get(i)?.refs.forEach((l) => l.destroy()), x.delete(i);
+      })), s.loaders.has(r) || (s.loaders.add(r), s.refs.push($e(r, {
+        environmentInjector: this._environmentInjector
+      })));
+    }
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵprov", /* @__PURE__ */ F({
+    token: t,
+    factory: t.ɵfac,
+    providedIn: "root"
+  }));
+  let e = t;
+  return e;
+})();
+var oe;
+(function(e) {
+  e.Runtimes = "runtimes", e.Backend = "backend", e.Frontend = "frontend", e.ProjectUtility = "project-utility", e.ServiceUtility = "service-utility", e.PlatformBots = "platform-bots", e.Other = "other";
+})(oe || (oe = {}));
+function X(e) {
+  return e.mode ? e.mode : e.typeVersionName?.includes(":ha@") ? "HA" : "NON_HA";
+}
+var c;
+(function(e) {
+  e.Elasticsearch = "elasticsearch", e.Meilisearch = "meilisearch", e.Typesense = "typesense", e.Redis = "keydb", e.Valkey = "valkey", e.Qdrant = "qdrant", e.Nats = "nats", e.Kafka = "kafka", e.MariaDb = "mariadb", e.MongoDb = "mongodb", e.PhpNginx = "php_nginx", e.PhpApache = "php_apache", e.Nginx = "nginx", e.NodeJs = "nodejs", e.Ubuntu = "ubuntu", e.Alpine = "alpine", e.Docker = "docker", e.Postgres = "postgresql", e.Clickhouse = "clickhouse", e.Golang = "golang", e.ObjectStorage = "object_storage", e.SharedStorage = "shared_storage", e.DotNet = "dotnet", e.Rust = "rust", e.Python = "python", e.Static = "static", e.Bun = "bun", e.Deno = "deno", e.Java = "java", e.Elixir = "elixir", e.Gleam = "gleam", e.Ruby = "ruby";
+})(c || (c = {}));
+const bt = {
+  [c.Elasticsearch]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Meilisearch]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Typesense]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Redis]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 2,
+      freeContainers: 0
+    }
+  },
+  [c.Postgres]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 2
+    }
+  },
+  [c.Clickhouse]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Valkey]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Qdrant]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Nats]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.Kafka]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.MariaDb]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 2
+    }
+  },
+  [c.MongoDb]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 3,
+      freeContainers: 0
+    }
+  },
+  [c.PhpNginx]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.PhpApache]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Nginx]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Static]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.NodeJs]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Bun]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Deno]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Java]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Ubuntu]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Alpine]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Docker]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Golang]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Rust]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Elixir]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Gleam]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Ruby]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.Python]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.DotNet]: {
+    horizontal: !0,
+    vertical: !0,
+    mode: !1
+  },
+  [c.SharedStorage]: {
+    horizontal: !1,
+    vertical: !0,
+    mode: !0,
+    HAContainers: {
+      appContainers: 2,
+      freeContainers: 0
+    }
+  },
+  [c.ObjectStorage]: {
+    horizontal: !1,
+    vertical: !1,
+    mode: !1
+  }
+};
+function Oe(e, t, n = 1) {
+  if (!e)
+    return n;
+  if (t === "HA") {
+    const r = bt[e];
+    if (r?.HAContainers?.appContainers)
+      return r.HAContainers.appContainers;
+  }
+  return n;
+}
+function nn(e) {
+  const t = e?.filter((n) => n.category !== "CORE") ?? [];
+  return [
+    ...t.filter((n) => n.category !== "OBJECT_STORAGE"),
+    ...t.filter((n) => n.category === "OBJECT_STORAGE")
+  ];
+}
+function rn(e, t) {
+  if (t)
+    return t;
+  const n = e?.find((r) => r.category === "CORE");
+  return n && X(n) === "HA" ? "SERIOUS" : "LIGHT";
+}
+function on(e) {
+  const t = { cpu: 0, ram: 0, disc: 0, storage: 0 };
+  return e?.length ? e.reduce((n, r) => {
+    if (r.category === "OBJECT_STORAGE")
+      return n.storage += r.objectStorageSize || 0, n;
+    const i = r.autoscaling?.verticalAutoscaling?.minResource, s = Oe(r.typeId, X(r), r.autoscaling?.horizontalAutoscaling?.minContainerCount || 1);
+    return i && (n.cpu += i.cpuCoreCount * s, n.ram += i.memoryGBytes * s, n.disc += i.diskGBytes * s), n;
+  }, t) : t;
+}
+function sn(e) {
+  return Oe(e.typeId, X(e), e.autoscaling?.horizontalAutoscaling?.minContainerCount || 1);
+}
+function Et(e) {
+  const t = e.match(/^(\d+)\s*[—-]\s*(.+)$/);
+  if (t) {
+    const n = parseInt(t[1], 10), r = t[2].trim(), i = r.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+    return { order: n, key: i, name: r };
+  }
+  return {
+    order: 999,
+    key: e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""),
+    name: e
+  };
+}
+function De(e) {
+  const t = e.sourceData.environments.map((r) => {
+    const { order: i, key: s, name: l } = Et(r.name), u = r.services.map((a) => ({
+      ...a,
+      _zeropsYml: a.zeropsYaml || ""
+    })), { zeropsYmlObjs: h, zeropsYmlArr: d } = u.reduce((a, f) => {
+      if (f._zeropsYml) {
+        const _ = {
+          service: f,
+          zeropsYml: f._zeropsYml || ""
+        };
+        a.zeropsYmlObjs[f.name] = _, a.zeropsYmlArr.push(_);
+      }
+      return a;
+    }, {
+      zeropsYmlObjs: {},
+      zeropsYmlArr: []
+    });
+    return {
+      ...r,
+      name: l,
+      // Override with parsed display name (without prefix)
+      _order: i,
+      _key: s,
+      _serviceZeropsYmls: {
+        obj: h,
+        arr: d
+      },
+      _servicesExtended: u
+    };
+  }), n = t.reduce((r, i) => (r[i._key] = i, r), {});
+  return {
+    ...e,
+    _environmentsExtended: t,
+    _environmentsExtendedMap: n
+  };
+}
+const wt = ["small-production", "production", "highly-available-production"];
+function Ct(e, t) {
+  if (e?.length) {
+    for (const n of wt) {
+      const r = e.find((i) => i._key === n);
+      if (r)
+        return r;
+    }
+    return e[Math.floor((e.length - 1) / 2)];
+  }
+}
+function an(e, t) {
+  return Ct(e)?._key;
+}
+function At(e) {
+  return e.buttons === 0 || e.detail === 0;
+}
+function yt(e) {
+  const t = e.touches && e.touches[0] || e.changedTouches && e.changedTouches[0];
+  return !!t && t.identifier === -1 && (t.radiusX == null || t.radiusX === 1) && (t.radiusY == null || t.radiusY === 1);
+}
+let G;
+function Rt() {
+  if (G == null) {
+    const e = typeof document < "u" ? document.head : null;
+    G = !!(e && (e.createShadowRoot || e.attachShadow));
+  }
+  return G;
+}
+function ln(e) {
+  if (Rt()) {
+    const t = e.getRootNode ? e.getRootNode() : null;
+    if (typeof ShadowRoot < "u" && ShadowRoot && t instanceof ShadowRoot)
+      return t;
+  }
+  return null;
+}
+function cn() {
+  let e = typeof document < "u" && document ? document.activeElement : null;
+  for (; e && e.shadowRoot; ) {
+    const t = e.shadowRoot.activeElement;
+    if (t === e)
+      break;
+    e = t;
+  }
+  return e;
+}
+function It(e) {
+  return e.composedPath ? e.composedPath()[0] : e.target;
+}
+let V;
+try {
+  V = typeof Intl < "u" && Intl.v8BreakIterator;
+} catch {
+  V = !1;
+}
+let Me = /* @__PURE__ */ (() => {
+  const t = class t {
+    constructor() {
+      o(this, "_platformId", p(qe));
+      o(this, "isBrowser", this._platformId ? Qe(this._platformId) : typeof document == "object" && !!document);
+      o(this, "EDGE", this.isBrowser && /(edge)/i.test(navigator.userAgent));
+      o(this, "TRIDENT", this.isBrowser && /(msie|trident)/i.test(navigator.userAgent));
+      o(this, "BLINK", this.isBrowser && !!(window.chrome || V) && typeof CSS < "u" && !this.EDGE && !this.TRIDENT);
+      o(this, "WEBKIT", this.isBrowser && /AppleWebKit/i.test(navigator.userAgent) && !this.BLINK && !this.EDGE && !this.TRIDENT);
+      o(this, "IOS", this.isBrowser && /iPad|iPhone|iPod/.test(navigator.userAgent) && !("MSStream" in window));
+      o(this, "FIREFOX", this.isBrowser && /(firefox|minefield)/i.test(navigator.userAgent));
+      o(this, "ANDROID", this.isBrowser && /android/i.test(navigator.userAgent) && !this.TRIDENT);
+      o(this, "SAFARI", this.isBrowser && /safari/i.test(navigator.userAgent) && this.WEBKIT);
+    }
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵprov", /* @__PURE__ */ F({
+    token: t,
+    factory: t.ɵfac,
+    providedIn: "root"
+  }));
+  let e = t;
+  return e;
+})(), R;
+function Ot() {
+  if (R == null && typeof window < "u")
+    try {
+      window.addEventListener("test", null, Object.defineProperty({}, "passive", {
+        get: () => R = !0
+      }));
+    } finally {
+      R = R || !1;
+    }
+  return R;
+}
+function xe(e) {
+  return Ot() ? e : !!e.capture;
+}
+function un(e, t = 0) {
+  return Dt(e) ? Number(e) : arguments.length === 2 ? t : 0;
+}
+function Dt(e) {
+  return !isNaN(parseFloat(e)) && !isNaN(Number(e));
+}
+function se(e) {
+  return e instanceof J ? e.nativeElement : e;
+}
+function ae(e) {
+  return Array.isArray(e) ? e : [e];
+}
+const le = /* @__PURE__ */ new Set();
+let w, Pe = /* @__PURE__ */ (() => {
+  const t = class t {
+    constructor() {
+      o(this, "_platform", p(Me));
+      o(this, "_nonce", p(Ze, {
+        optional: !0
+      }));
+      o(this, "_matchMedia");
+      this._matchMedia = this._platform.isBrowser && window.matchMedia ? window.matchMedia.bind(window) : xt;
+    }
+    matchMedia(r) {
+      return (this._platform.WEBKIT || this._platform.BLINK) && Mt(r, this._nonce), this._matchMedia(r);
+    }
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵprov", /* @__PURE__ */ F({
+    token: t,
+    factory: t.ɵfac,
+    providedIn: "root"
+  }));
+  let e = t;
+  return e;
+})();
+function Mt(e, t) {
+  if (!le.has(e))
+    try {
+      w || (w = document.createElement("style"), t && w.setAttribute("nonce", t), w.setAttribute("type", "text/css"), document.head.appendChild(w)), w.sheet && (w.sheet.insertRule(`@media ${e} {body{ }}`, 0), le.add(e));
+    } catch (n) {
+      console.error(n);
+    }
+}
+function xt(e) {
+  return {
+    matches: e === "all" || e === "",
+    media: e,
+    addListener: () => {
+    },
+    removeListener: () => {
+    }
+  };
+}
+let dn = /* @__PURE__ */ (() => {
+  const t = class t {
+    constructor() {
+      o(this, "_mediaMatcher", p(Pe));
+      o(this, "_zone", p(ye));
+      o(this, "_queries", /* @__PURE__ */ new Map());
+      o(this, "_destroySubject", new We());
+    }
+    ngOnDestroy() {
+      this._destroySubject.next(), this._destroySubject.complete();
+    }
+    isMatched(r) {
+      return ce(ae(r)).some((s) => this._registerQuery(s).mql.matches);
+    }
+    observe(r) {
+      const s = ce(ae(r)).map((u) => this._registerQuery(u).observable);
+      let l = ht(s);
+      return l = K(l.pipe(Je(1)), l.pipe(gt(1), mt(0))), l.pipe(S((u) => {
+        const h = {
+          matches: !1,
+          breakpoints: {}
+        };
+        return u.forEach(({
+          matches: d,
+          query: a
+        }) => {
+          h.matches = h.matches || d, h.breakpoints[a] = d;
+        }), h;
+      }));
+    }
+    _registerQuery(r) {
+      if (this._queries.has(r))
+        return this._queries.get(r);
+      const i = this._mediaMatcher.matchMedia(r), l = {
+        observable: new be((u) => {
+          const h = (d) => this._zone.run(() => u.next(d));
+          return i.addListener(h), () => {
+            i.removeListener(h);
+          };
+        }).pipe(_t(i), S(({
+          matches: u
+        }) => ({
+          query: r,
+          matches: u
+        })), Xe(this._destroySubject)),
+        mql: i
+      };
+      return this._queries.set(r, l), l;
+    }
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵprov", /* @__PURE__ */ F({
+    token: t,
+    factory: t.ɵfac,
+    providedIn: "root"
+  }));
+  let e = t;
+  return e;
+})();
+function ce(e) {
+  return e.map((t) => t.split(",")).reduce((t, n) => t.concat(n)).map((t) => t.trim());
+}
+const Pt = /* @__PURE__ */ new Re("MATERIAL_ANIMATIONS");
+let ue = null;
+function Nt() {
+  return p(Pt, {
+    optional: !0
+  })?.animationsDisabled || p(et, {
+    optional: !0
+  }) === "NoopAnimations" ? "di-disabled" : (ue ?? (ue = p(Pe).matchMedia("(prefers-reduced-motion)").matches), ue ? "reduced-motion" : "enabled");
+}
+function zt() {
+  return Nt() !== "enabled";
+}
+var m = /* @__PURE__ */ (function(e) {
+  return e[e.FADING_IN = 0] = "FADING_IN", e[e.VISIBLE = 1] = "VISIBLE", e[e.FADING_OUT = 2] = "FADING_OUT", e[e.HIDDEN = 3] = "HIDDEN", e;
+})(m || {});
+class Tt {
+  constructor(t, n, r, i = !1) {
+    o(this, "_renderer");
+    o(this, "element");
+    o(this, "config");
+    o(this, "_animationForciblyDisabledThroughCss");
+    o(this, "state", m.HIDDEN);
+    this._renderer = t, this.element = n, this.config = r, this._animationForciblyDisabledThroughCss = i;
+  }
+  fadeOut() {
+    this._renderer.fadeOutRipple(this);
+  }
+}
+const de = /* @__PURE__ */ xe({
+  passive: !0,
+  capture: !0
+});
+class Ft {
+  constructor() {
+    o(this, "_events", /* @__PURE__ */ new Map());
+    o(this, "_delegateEventHandler", (t) => {
+      const n = It(t);
+      n && this._events.get(t.type)?.forEach((r, i) => {
+        (i === n || i.contains(n)) && r.forEach((s) => s.handleEvent(t));
+      });
+    });
+  }
+  addHandler(t, n, r, i) {
+    const s = this._events.get(n);
+    if (s) {
+      const l = s.get(r);
+      l ? l.add(i) : s.set(r, /* @__PURE__ */ new Set([i]));
+    } else
+      this._events.set(n, /* @__PURE__ */ new Map([[r, /* @__PURE__ */ new Set([i])]])), t.runOutsideAngular(() => {
+        document.addEventListener(n, this._delegateEventHandler, de);
+      });
+  }
+  removeHandler(t, n, r) {
+    const i = this._events.get(t);
+    if (!i)
+      return;
+    const s = i.get(n);
+    s && (s.delete(r), s.size === 0 && i.delete(n), i.size === 0 && (this._events.delete(t), document.removeEventListener(t, this._delegateEventHandler, de)));
+  }
+}
+const he = {
+  enterDuration: 225,
+  exitDuration: 150
+}, Bt = 800, pe = /* @__PURE__ */ xe({
+  passive: !0,
+  capture: !0
+}), fe = ["mousedown", "touchstart"], me = ["mouseup", "mouseleave", "touchend", "touchcancel"];
+let Lt = /* @__PURE__ */ (() => {
+  const t = class t {
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵcmp", /* @__PURE__ */ Ie({
+    type: t,
+    selectors: [["ng-component"]],
+    hostAttrs: ["mat-ripple-style-loader", ""],
+    decls: 0,
+    vars: 0,
+    template: function(i, s) {
+    },
+    styles: [`.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent))}@media(forced-colors: active){.mat-ripple-element{display:none}}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}
+`],
+    encapsulation: 2,
+    changeDetection: 0
+  }));
+  let e = t;
+  return e;
+})();
+const I = class I {
+  constructor(t, n, r, i, s) {
+    o(this, "_target");
+    o(this, "_ngZone");
+    o(this, "_platform");
+    o(this, "_containerElement");
+    o(this, "_triggerElement");
+    o(this, "_isPointerDown", !1);
+    o(this, "_activeRipples", /* @__PURE__ */ new Map());
+    o(this, "_mostRecentTransientRipple");
+    o(this, "_lastTouchStartEvent");
+    o(this, "_pointerUpEventsRegistered", !1);
+    o(this, "_containerRect");
+    this._target = t, this._ngZone = n, this._platform = i, i.isBrowser && (this._containerElement = se(r)), s && s.get(vt).load(Lt);
+  }
+  fadeInRipple(t, n, r = {}) {
+    const i = this._containerRect = this._containerRect || this._containerElement.getBoundingClientRect(), s = {
+      ...he,
+      ...r.animation
+    };
+    r.centered && (t = i.left + i.width / 2, n = i.top + i.height / 2);
+    const l = r.radius || Ht(t, n, i), u = t - i.left, h = n - i.top, d = s.enterDuration, a = document.createElement("div");
+    a.classList.add("mat-ripple-element"), a.style.left = `${u - l}px`, a.style.top = `${h - l}px`, a.style.height = `${l * 2}px`, a.style.width = `${l * 2}px`, r.color != null && (a.style.backgroundColor = r.color), a.style.transitionDuration = `${d}ms`, this._containerElement.appendChild(a);
+    const f = window.getComputedStyle(a), _ = f.transitionProperty, b = f.transitionDuration, B = _ === "none" || b === "0s" || b === "0s, 0s" || i.width === 0 && i.height === 0, E = new Tt(this, a, r, B);
+    a.style.transform = "scale3d(1, 1, 1)", E.state = m.FADING_IN, r.persistent || (this._mostRecentTransientRipple = E);
+    let D = null;
+    return !B && (d || s.exitDuration) && this._ngZone.runOutsideAngular(() => {
+      const ee = () => {
+        D && (D.fallbackTimer = null), clearTimeout(te), this._finishRippleTransition(E);
+      }, L = () => this._destroyRipple(E), te = setTimeout(L, d + 100);
+      a.addEventListener("transitionend", ee), a.addEventListener("transitioncancel", L), D = {
+        onTransitionEnd: ee,
+        onTransitionCancel: L,
+        fallbackTimer: te
+      };
+    }), this._activeRipples.set(E, D), (B || !d) && this._finishRippleTransition(E), E;
+  }
+  fadeOutRipple(t) {
+    if (t.state === m.FADING_OUT || t.state === m.HIDDEN)
+      return;
+    const n = t.element, r = {
+      ...he,
+      ...t.config.animation
+    };
+    n.style.transitionDuration = `${r.exitDuration}ms`, n.style.opacity = "0", t.state = m.FADING_OUT, (t._animationForciblyDisabledThroughCss || !r.exitDuration) && this._finishRippleTransition(t);
+  }
+  fadeOutAll() {
+    this._getActiveRipples().forEach((t) => t.fadeOut());
+  }
+  fadeOutAllNonPersistent() {
+    this._getActiveRipples().forEach((t) => {
+      t.config.persistent || t.fadeOut();
+    });
+  }
+  setupTriggerEvents(t) {
+    const n = se(t);
+    !this._platform.isBrowser || !n || n === this._triggerElement || (this._removeTriggerEvents(), this._triggerElement = n, fe.forEach((r) => {
+      I._eventManager.addHandler(this._ngZone, r, n, this);
+    }));
+  }
+  handleEvent(t) {
+    t.type === "mousedown" ? this._onMousedown(t) : t.type === "touchstart" ? this._onTouchStart(t) : this._onPointerUp(), this._pointerUpEventsRegistered || (this._ngZone.runOutsideAngular(() => {
+      me.forEach((n) => {
+        this._triggerElement.addEventListener(n, this, pe);
+      });
+    }), this._pointerUpEventsRegistered = !0);
+  }
+  _finishRippleTransition(t) {
+    t.state === m.FADING_IN ? this._startFadeOutTransition(t) : t.state === m.FADING_OUT && this._destroyRipple(t);
+  }
+  _startFadeOutTransition(t) {
+    const n = t === this._mostRecentTransientRipple, {
+      persistent: r
+    } = t.config;
+    t.state = m.VISIBLE, !r && (!n || !this._isPointerDown) && t.fadeOut();
+  }
+  _destroyRipple(t) {
+    const n = this._activeRipples.get(t) ?? null;
+    this._activeRipples.delete(t), this._activeRipples.size || (this._containerRect = null), t === this._mostRecentTransientRipple && (this._mostRecentTransientRipple = null), t.state = m.HIDDEN, n !== null && (t.element.removeEventListener("transitionend", n.onTransitionEnd), t.element.removeEventListener("transitioncancel", n.onTransitionCancel), n.fallbackTimer !== null && clearTimeout(n.fallbackTimer)), t.element.remove();
+  }
+  _onMousedown(t) {
+    const n = At(t), r = this._lastTouchStartEvent && Date.now() < this._lastTouchStartEvent + Bt;
+    !this._target.rippleDisabled && !n && !r && (this._isPointerDown = !0, this.fadeInRipple(t.clientX, t.clientY, this._target.rippleConfig));
+  }
+  _onTouchStart(t) {
+    if (!this._target.rippleDisabled && !yt(t)) {
+      this._lastTouchStartEvent = Date.now(), this._isPointerDown = !0;
+      const n = t.changedTouches;
+      if (n)
+        for (let r = 0; r < n.length; r++)
+          this.fadeInRipple(n[r].clientX, n[r].clientY, this._target.rippleConfig);
+    }
+  }
+  _onPointerUp() {
+    this._isPointerDown && (this._isPointerDown = !1, this._getActiveRipples().forEach((t) => {
+      const n = t.state === m.VISIBLE || t.config.terminateOnPointerUp && t.state === m.FADING_IN;
+      !t.config.persistent && n && t.fadeOut();
+    }));
+  }
+  _getActiveRipples() {
+    return Array.from(this._activeRipples.keys());
+  }
+  _removeTriggerEvents() {
+    const t = this._triggerElement;
+    t && (fe.forEach((n) => I._eventManager.removeHandler(n, t, this)), this._pointerUpEventsRegistered && (me.forEach((n) => t.removeEventListener(n, this, pe)), this._pointerUpEventsRegistered = !1));
+  }
+};
+o(I, "_eventManager", /* @__PURE__ */ new Ft());
+let $ = I;
+function Ht(e, t, n) {
+  const r = Math.max(Math.abs(e - n.left), Math.abs(e - n.right)), i = Math.max(Math.abs(t - n.top), Math.abs(t - n.bottom));
+  return Math.sqrt(r * r + i * i);
+}
+const jt = /* @__PURE__ */ new Re("mat-ripple-global-options");
+let k = /* @__PURE__ */ (() => {
+  const t = class t {
+    constructor() {
+      o(this, "_elementRef", p(J));
+      o(this, "_animationsDisabled", zt());
+      o(this, "color");
+      o(this, "unbounded");
+      o(this, "centered");
+      o(this, "radius", 0);
+      o(this, "animation");
+      o(this, "_disabled", !1);
+      o(this, "_trigger");
+      o(this, "_rippleRenderer");
+      o(this, "_globalOptions");
+      o(this, "_isInitialized", !1);
+      const r = p(ye), i = p(Me), s = p(jt, {
+        optional: !0
+      }), l = p(Ae);
+      this._globalOptions = s || {}, this._rippleRenderer = new $(this, r, this._elementRef, i, l);
+    }
+    get disabled() {
+      return this._disabled;
+    }
+    set disabled(r) {
+      r && this.fadeOutAllNonPersistent(), this._disabled = r, this._setupTriggerEventsIfEnabled();
+    }
+    get trigger() {
+      return this._trigger || this._elementRef.nativeElement;
+    }
+    set trigger(r) {
+      this._trigger = r, this._setupTriggerEventsIfEnabled();
+    }
+    ngOnInit() {
+      this._isInitialized = !0, this._setupTriggerEventsIfEnabled();
+    }
+    ngOnDestroy() {
+      this._rippleRenderer._removeTriggerEvents();
+    }
+    fadeOutAll() {
+      this._rippleRenderer.fadeOutAll();
+    }
+    fadeOutAllNonPersistent() {
+      this._rippleRenderer.fadeOutAllNonPersistent();
+    }
+    get rippleConfig() {
+      return {
+        centered: this.centered,
+        radius: this.radius,
+        color: this.color,
+        animation: {
+          ...this._globalOptions.animation,
+          ...this._animationsDisabled ? {
+            enterDuration: 0,
+            exitDuration: 0
+          } : {},
+          ...this.animation
+        },
+        terminateOnPointerUp: this._globalOptions.terminateOnPointerUp
+      };
+    }
+    get rippleDisabled() {
+      return this.disabled || !!this._globalOptions.disabled;
+    }
+    _setupTriggerEventsIfEnabled() {
+      !this.disabled && this._isInitialized && this._rippleRenderer.setupTriggerEvents(this.trigger);
+    }
+    launch(r, i = 0, s) {
+      return typeof r == "number" ? this._rippleRenderer.fadeInRipple(r, i, {
+        ...this.rippleConfig,
+        ...s
+      }) : this._rippleRenderer.fadeInRipple(0, 0, {
+        ...this.rippleConfig,
+        ...r
+      });
+    }
+  };
+  o(t, "ɵfac", function(i) {
+    return new (i || t)();
+  }), o(t, "ɵdir", /* @__PURE__ */ tt({
+    type: t,
+    selectors: [["", "mat-ripple", ""], ["", "matRipple", ""]],
+    hostAttrs: [1, "mat-ripple"],
+    hostVars: 2,
+    hostBindings: function(i, s) {
+      i & 2 && Y("mat-ripple-unbounded", s.unbounded);
+    },
+    inputs: {
+      color: [0, "matRippleColor", "color"],
+      unbounded: [0, "matRippleUnbounded", "unbounded"],
+      centered: [0, "matRippleCentered", "centered"],
+      radius: [0, "matRippleRadius", "radius"],
+      animation: [0, "matRippleAnimation", "animation"],
+      disabled: [0, "matRippleDisabled", "disabled"],
+      trigger: [0, "matRippleTrigger", "trigger"]
+    },
+    exportAs: ["matRipple"]
+  }));
+  let e = t;
+  return e;
+})();
+const Ut = [
+  [0, 0.4],
+  [0.08, 0.42],
+  [0.18, 0.68],
+  [0.24, 0.75],
+  [0.32, 0.52],
+  [0.45, 0.44],
+  [0.6, 0.48],
+  [0.72, 0.58],
+  [0.85, 0.43],
+  [1, 0.4]
+], Gt = [
+  [0, 0.58],
+  [0.2, 0.62],
+  [0.4, 0.56],
+  [0.6, 0.6],
+  [0.8, 0.64],
+  [1, 0.58]
+], kt = [
+  [0, 0.38],
+  [0.25, 0.42],
+  [0.5, 0.36],
+  [0.75, 0.4],
+  [1, 0.38]
+], St = [Ut, Gt, kt], Yt = [16, 23, 29], Kt = "rgba(216,215,215,0.4)", Vt = 0.7;
+function $t(e) {
+  return e < 0.5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
+}
+function qt(e, t) {
+  for (let n = 0; n < e.length - 1; n++)
+    if (t <= e[n + 1][0]) {
+      const r = (t - e[n][0]) / (e[n + 1][0] - e[n][0]);
+      return e[n][1] + (e[n + 1][1] - e[n][1]) * $t(r);
+    }
+  return e[e.length - 1][1];
+}
+function q(e, t) {
+  const { ctx: n, w: r, h: i, gap: s, r: l, dpr: u, phases: h, colors: d } = e;
+  n.setTransform(u, 0, 0, u, 0, 0), n.clearRect(0, 0, r, i * 3 + s * 2);
+  for (let a = 0; a < 3; a++) {
+    const f = a * (i + s), _ = (t + h[a]) / Yt[a] % 1, b = r * qt(St[a], _);
+    n.fillStyle = Kt, n.beginPath(), n.roundRect(0, f, r, i, l), n.fill(), b > 0.5 && (n.globalAlpha = Vt, n.fillStyle = d[a], n.beginPath(), n.roundRect(0, f, b, i, l), n.fill(), n.globalAlpha = 1);
+  }
+}
+function Qt(e) {
+  const { ctx: t, w: n, h: r, gap: i, r: s, dpr: l } = e;
+  t.setTransform(l, 0, 0, l, 0, 0), t.clearRect(0, 0, n, r * 3 + i * 2);
+  for (let u = 0; u < 3; u++)
+    t.fillStyle = "#9F9F9F", t.beginPath(), t.roundRect(0, u * (r + i), n, r, s), t.fill();
+}
+let P = null;
+const N = /* @__PURE__ */ new Map();
+function Zt() {
+  return P || (P = new IntersectionObserver((e) => {
+    for (const t of e) {
+      const n = N.get(t.target);
+      n && (t.isIntersecting ? Jt(n) : ze(n));
+    }
+  }, { rootMargin: "200px" })), P;
+}
+function Wt(e, t) {
+  N.set(e, t), Zt().observe(e);
+}
+function ge(e) {
+  const t = N.get(e);
+  t && ze(t), N.delete(e), P?.unobserve(e);
+}
+const z = /* @__PURE__ */ new Set();
+let Ne = 0, T = !1, _e = 0;
+function Jt(e) {
+  z.add(e), T || (T = !0, Te());
+}
+function ze(e) {
+  z.delete(e), z.size || (T = !1, cancelAnimationFrame(Ne));
+}
+function Te() {
+  if (!T)
+    return;
+  Ne = requestAnimationFrame(Te);
+  const e = performance.now();
+  if (e - _e < 100)
+    return;
+  _e = e;
+  const t = e / 1e3;
+  for (const n of z)
+    q(n, t);
+}
+const Xt = ["cvs"];
+var g, C, O, Q;
+const A = class A {
+  constructor() {
+    M(this, O);
+    M(this, g);
+    M(this, C);
+    this.color = U("cyan"), this.active = U(!0), this.size = U("default"), this.cvs = re.required("cvs"), this.ripple = re(k), y(this, g, null), y(this, C, !1);
+    const t = p(J).nativeElement, n = p(nt);
+    rt(() => {
+      const r = this.size() === "sm", i = r ? 14 : 19, s = r ? 3 : 4, l = r ? 2 : 3, u = r ? 2 : 3, h = this.cvs().nativeElement, d = Math.min(window.devicePixelRatio || 1, 3);
+      h.width = i * d, h.height = (s * 3 + l * 2) * d;
+      const a = h.getContext("2d");
+      if (!a)
+        return;
+      const f = getComputedStyle(t);
+      if (y(this, g, {
+        ctx: a,
+        w: i,
+        h: s,
+        gap: l,
+        r: u,
+        dpr: d,
+        phases: [Math.random() * 30, Math.random() * 30, Math.random() * 30],
+        colors: [
+          f.getPropertyValue("--metric-cpu").trim() || "#2196f3",
+          f.getPropertyValue("--metric-ram").trim() || "#009688",
+          f.getPropertyValue("--metric-disc").trim() || "#e91e63"
+        ]
+      }), y(this, C, window.matchMedia("(prefers-reduced-motion: reduce)").matches), v(this, C)) {
+        q(v(this, g), 0);
+        return;
+      }
+      q(v(this, g), performance.now() / 1e3), j(this, O, Q).call(this, this.active(), t);
+    }), it(() => {
+      const r = this.active();
+      v(this, g) && !v(this, C) && j(this, O, Q).call(this, r, t);
+    }), t.addEventListener("trace-pulse", () => {
+      const r = t.getBoundingClientRect();
+      this.ripple()?.launch(r.left + r.width / 2, r.top, {
+        color: "rgba(0, 164, 154, 0.12)",
+        radius: 35,
+        animation: { enterDuration: 600, exitDuration: 900 }
+      });
+    }), n.onDestroy(() => ge(t));
+  }
+};
+g = new WeakMap(), C = new WeakMap(), O = new WeakSet(), Q = function(t, n) {
+  t ? Wt(n, v(this, g)) : (ge(n), Qt(v(this, g)));
+}, A.ɵfac = function(n) {
+  return new (n || A)();
+}, A.ɵcmp = /* @__PURE__ */ Ie({ type: A, selectors: [["zui-bar-icon"]], viewQuery: function(n, r) {
+  n & 1 && lt(r.cvs, Xt, 5)(r.ripple, k, 5), n & 2 && ct(2);
+}, hostVars: 6, hostBindings: function(n, r) {
+  n & 2 && Y("color-cyan", r.color() === "cyan")("color-orange", r.color() === "orange")("size-sm", r.size() === "sm");
+}, inputs: { color: [1, "color"], active: [1, "active"], size: [1, "size"] }, decls: 3, vars: 2, consts: [["cvs", ""], ["matRipple", "", 1, "__bar-icon"], [1, "__cvs"]], template: function(n, r) {
+  n & 1 && (ot(0, "div", 1), st(1, "canvas", 2, 0), at()), n & 2 && Y("__bar-icon--active", r.active());
+}, dependencies: [k], styles: [`[_nghost-%COMP%] {
+  display: block;
+  contain: layout style;
+}
+
+.__bar-icon[_ngcontent-%COMP%] {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 5px;
+  width: 30px;
+  height: 30px;
+  background: #fff;
+  box-shadow: 0px 38px 15px rgba(0, 0, 0, 0.01), 0px 21px 13px rgba(0, 0, 0, 0.02), 0px 10px 10px rgba(0, 0, 0, 0.03), 0px 2px 5px rgba(0, 0, 0, 0.03);
+  border-radius: 5px;
+  position: relative;
+  overflow: hidden;
+}
+
+.__node--highlighted[_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%], .__node--highlighted   [_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%], 
+.__infra-group[_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%], .__infra-group   [_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%], 
+.__compound-lb[_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%], .__compound-lb   [_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%] {
+  box-shadow: 0px 24px 10px rgba(132, 245, 234, 0.03), 0px 14px 8px rgba(132, 245, 234, 0.1), 0px 6px 6px rgba(132, 245, 234, 0.18), 0px 2px 3px rgba(132, 245, 234, 0.21);
+}
+
+.__bar-icon[_ngcontent-%COMP%]:not(.__bar-icon--active) {
+  background: #D8D7D7;
+}
+
+.__cvs[_ngcontent-%COMP%] {
+  display: block;
+  width: 19px;
+  height: 18px;
+}
+
+.size-sm[_nghost-%COMP%]   .__bar-icon[_ngcontent-%COMP%] {
+  width: 22px;
+  height: 22px;
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.size-sm[_nghost-%COMP%]   .__cvs[_ngcontent-%COMP%] {
+  width: 14px;
+  height: 13px;
+}`], changeDetection: 0 });
+let ve = A;
+function hn(e, t, n) {
+  return e.get(`${t}/api/recipes`, {
+    params: {
+      "filters[slug][$eq]": n,
+      "populate[recipeCategories]": "true",
+      "populate[recipeLanguageFrameworks][populate]": "*",
+      "populate[iconImage]": "true"
+    }
+  }).pipe(S((r) => {
+    const i = r.data?.[0];
+    return i ? { recipe: De(i), error: !1 } : { recipe: null, error: !0 };
+  }), ut(() => dt({ recipe: null, error: !0 })));
+}
+function pn(e) {
+  try {
+    return { recipe: De(e), error: !1 };
+  } catch {
+    return { recipe: null, error: !0 };
+  }
+}
+export {
+  pn as A,
+  dn as B,
+  Ct as C,
+  jt as M,
+  Me as P,
+  $ as R,
+  bt as S,
+  ve as Z,
+  It as _,
+  ht as a,
+  se as b,
+  K as c,
+  ln as d,
+  yt as e,
+  gt as f,
+  un as g,
+  mt as h,
+  At as i,
+  vt as j,
+  cn as k,
+  zt as l,
+  he as m,
+  xe as n,
+  k as o,
+  nn as p,
+  sn as q,
+  rn as r,
+  _t as s,
+  on as t,
+  Oe as u,
+  X as v,
+  ae as w,
+  Pe as x,
+  an as y,
+  hn as z
+};