@ixon-cdk/iframe-adapter 1.3.0 → 1.4.0-next.0

package/dist/index.js

@@ -0,0 +1,829 @@
+var k = Object.defineProperty;
+var B = (t, e, a) => e in t ? k(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var u = (t, e, a) => (B(t, typeof e != "symbol" ? e + "" : e, a), a);
+const l = "cdk:cmpctx:", s = {
+  // Lifecycle
+  Create: `${l}create`,
+  Created: `${l}created`,
+  Destroy: `${l}destroy`,
+  // BackendComponentClient
+  BackendComponentClientCreate: `${l}bcc:create`,
+  BackendComponentClientDestroy: `${l}bcc:destroy`,
+  BackendComponentClientCall: `${l}bcc:call`,
+  BackendComponentClientCallResult: `${l}bcc:callresult`,
+  // LoggingDataClient
+  LoggingDataClientCreate: `${l}ldc:create`,
+  LoggingDataClientDestroy: `${l}ldc:destroy`,
+  LoggingDataClientQuery: `${l}ldc:query`,
+  LoggingDataClientQueryResult: `${l}ldc:queryresult`,
+  // ResourceDataClient
+  ResourceDataClientCreate: `${l}rdc:create`,
+  ResourceDataClientDestroy: `${l}rdc:destroy`,
+  ResourceDataClientQuery: `${l}rdc:query`,
+  ResourceDataClientQueryResult: `${l}rdc:queryresult`,
+  ResourceDataClientRender: `${l}rdc:render`,
+  ResourceDataClientRenderResult: `${l}rdc:renderresult`,
+  ResourceDataClientUpdate: `${l}rdc:update`,
+  ResourceDataClientUpdated: `${l}rdc:updated`,
+  // ActionBottomSheet
+  OpenActionBottomSheet: `${l}openactionbottomsheet`,
+  OpenActionBottomSheetResult: `${l}openactionbottomsheetresult`,
+  // Dialogs
+  OpenAlertDialog: `${l}openalertdialog`,
+  OpenAlertDialogResult: `${l}openalertdialogresult`,
+  OpenConfirmDialog: `${l}openconfirmdialog`,
+  OpenConfirmDialogResult: `${l}openconfirmdialogresult`,
+  OpenFormDialog: `${l}openformdialog`,
+  OpenFormDialogResult: `${l}openformdialogresult`,
+  // VPN
+  ShowVpnStatusDetails: `${l}showvpnstatusdetails`,
+  ToggleVpn: `${l}togglevpn`,
+  VpnClientStatusChange: `${l}vpnclientstatuschange`,
+  // Miscellaneous
+  NavigateByUrl: `${l}navigatebyurl`,
+  SetTimeRange: `${l}settimerange`,
+  TimeRangeChange: `${l}timerangechange`
+};
+function at({ iframe: t, context: e }) {
+  return window.addEventListener("message", n, !1), e.ontimerangechange = (...r) => {
+    t.contentWindow && t.contentWindow.postMessage(
+      {
+        type: s.TimeRangeChange,
+        payload: r
+      },
+      "*"
+    );
+  }, e.onvpnclientstatuschange = (...r) => {
+    t.contentWindow && t.contentWindow.postMessage(
+      {
+        type: s.VpnClientStatusChange,
+        payload: r
+      },
+      "*"
+    );
+  }, {
+    destroy() {
+      window.removeEventListener("message", n, !1);
+    }
+  };
+  function a(r) {
+    return {
+      _apiLinkEntries: [...r._getApiLinks().entries()],
+      appData: r.appData,
+      componentBaseUrl: r.componentBaseUrl,
+      destroyed: r.destroyed,
+      mode: r.mode,
+      inputs: r.inputs,
+      timeRange: r.timeRange,
+      timeRangeIsAdjustable: r.timeRangeIsAdjustable,
+      vpnClientStatus: r.vpnClientStatus
+    };
+  }
+  function n(r) {
+    if (n._clients = n._clients || /* @__PURE__ */ new Map([]), r.source === t.contentWindow)
+      switch (r.data.type) {
+        case s.Create:
+          t.contentWindow.postMessage(
+            {
+              type: s.Created,
+              payload: a(e)
+            },
+            "*"
+          );
+          break;
+        case s.Destroy:
+          e.destroy();
+          break;
+        case s.BackendComponentClientCreate: {
+          const { clientId: o } = r.data.payload, i = e.createBackendComponentClient(o);
+          n._clients.set(o, i);
+          break;
+        }
+        case s.BackendComponentClientDestroy: {
+          const { clientId: o } = r.data.payload;
+          n._clients.has(o) && (n._clients.get(o).destroy(), n._clients.delete(o));
+          break;
+        }
+        case s.BackendComponentClientCall: {
+          const { clientId: o, callId: i, functionName: c, functionArguments: d } = r.data.payload;
+          let p = n._clients.get(o);
+          p && !p._destroyed && p.call(c, d).then((b) => {
+            p && !p.destroyed && t.contentWindow.postMessage(
+              {
+                type: s.BackendComponentClientCallResult,
+                payload: { callId: i, result: b }
+              },
+              "*"
+            );
+          });
+          break;
+        }
+        case s.LoggingDataClientCreate: {
+          const { clientId: o } = r.data.payload, i = e.createLoggingDataClient(o);
+          n._clients.set(o, i);
+          break;
+        }
+        case s.LoggingDataClientDestroy: {
+          const { clientId: o } = r.data.payload;
+          n._clients.has(o) && (n._clients.get(o).destroy(), n._clients.delete(o));
+          break;
+        }
+        case s.LoggingDataClientQuery: {
+          const { clientId: o, queryId: i, query: c } = r.data.payload;
+          let d = n._clients.get(o);
+          d && !d._destroyed && d.query(c, (p) => {
+            d._destroyed || t.contentWindow.postMessage(
+              {
+                type: s.LoggingDataClientQueryResult,
+                payload: { queryId: i, results: p }
+              },
+              "*"
+            );
+          });
+          break;
+        }
+        case s.ResourceDataClientCreate: {
+          const { clientId: o } = r.data.payload, i = e.createResourceDataClient(o);
+          n._clients.set(o, i);
+          break;
+        }
+        case s.ResourceDataClientDestroy: {
+          const { clientId: o } = r.data.payload;
+          n._clients.has(o) && (n._clients.get(o).destroy(), n._clients.delete(o));
+          break;
+        }
+        case s.ResourceDataClientQuery: {
+          const { clientId: o, queryId: i, query: c } = r.data.payload;
+          let d = n._clients.get(o);
+          d && !d._destroyed && d.query(c, (p) => {
+            d._destroyed || t.contentWindow.postMessage(
+              {
+                type: s.ResourceDataClientQueryResult,
+                payload: { queryId: i, results: p }
+              },
+              "*"
+            );
+          });
+          break;
+        }
+        case s.ResourceDataClientRender: {
+          const { clientId: o, queryId: i, query: c } = r.data.payload;
+          let d = n._clients.get(o);
+          d && !d._destroyed && d.render(c, (p) => {
+            d._destroyed || t.contentWindow.postMessage(
+              {
+                type: s.ResourceDataClientRenderResult,
+                payload: { queryId: i, results: p }
+              },
+              "*"
+            );
+          });
+          break;
+        }
+        case s.ResourceDataClientUpdate: {
+          const { clientId: o, updateId: i, update: c } = r.data.payload;
+          let d = n._clients.get(o);
+          d && !d._destroyed && d.update(c).then(() => {
+            d && !d._destroyed && t.contentWindow.postMessage(
+              {
+                type: s.ResourceDataClientUpdated,
+                payload: { updateId: i }
+              },
+              "*"
+            );
+          });
+          break;
+        }
+        case s.OpenActionBottomSheet:
+          e.openActionBottomSheet(r.data.payload.options).then((o) => {
+            t.contentWindow.postMessage({ type: s.OpenActionBottomSheetResult, payload: { result: o } }, "*");
+          });
+          break;
+        case s.OpenAlertDialog:
+          e.openAlertDialog(r.data.payload.options).then((o) => {
+            t.contentWindow.postMessage({ type: s.OpenAlertDialogResult, payload: { result: o } }, "*");
+          });
+          break;
+        case s.OpenConfirmDialog:
+          e.openConfirmDialog(r.data.payload.options).then((o) => {
+            t.contentWindow.postMessage({ type: s.OpenConfirmDialogResult, payload: { result: o } }, "*");
+          });
+          break;
+        case s.OpenFormDialog:
+          e.openFormDialog(r.data.payload.options).then((o) => {
+            t.contentWindow.postMessage({ type: s.OpenFormDialogResult, payload: { result: o } }, "*");
+          });
+          break;
+        case s.ShowVpnStatusDetails:
+          e.showVpnStatusDetails(r.data.payload.agentId);
+          break;
+        case s.ToggleVpn:
+          e.toggleVpn(r.data.payload.agentId);
+          break;
+        case s.NavigateByUrl:
+          e.navigateByUrl(r.data.payload.url);
+          break;
+        case s.SetTimeRange:
+          e.setTimeRange(r.data.payload.timeRange);
+          break;
+      }
+  }
+}
+class F {
+  constructor(e, a, n, r) {
+    this.query = e, this.variable = a, this.tag = n, this._onCancel = r, Object.freeze(this);
+  }
+  cancel() {
+    this._onCancel && this._onCancel();
+  }
+}
+var V = typeof global == "object" && global && global.Object === Object && global;
+const P = V;
+var H = typeof self == "object" && self && self.Object === Object && self, N = P || H || Function("return this")();
+const $ = N;
+var W = $.Symbol;
+const _ = W;
+var E = Object.prototype, Q = E.hasOwnProperty, z = E.toString, w = _ ? _.toStringTag : void 0;
+function G(t) {
+  var e = Q.call(t, w), a = t[w];
+  try {
+    t[w] = void 0;
+    var n = !0;
+  } catch {
+  }
+  var r = z.call(t);
+  return n && (e ? t[w] = a : delete t[w]), r;
+}
+var J = Object.prototype, K = J.toString;
+function X(t) {
+  return K.call(t);
+}
+var Y = "[object Null]", Z = "[object Undefined]", O = _ ? _.toStringTag : void 0;
+function x(t) {
+  return t == null ? t === void 0 ? Z : Y : O && O in Object(t) ? G(t) : X(t);
+}
+function U(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+var ee = "[object AsyncFunction]", te = "[object Function]", ae = "[object GeneratorFunction]", ne = "[object Proxy]";
+function re(t) {
+  if (!U(t))
+    return !1;
+  var e = x(t);
+  return e == te || e == ae || e == ee || e == ne;
+}
+var oe = $["__core-js_shared__"];
+const I = oe;
+var L = function() {
+  var t = /[^.]+$/.exec(I && I.keys && I.keys.IE_PROTO || "");
+  return t ? "Symbol(src)_1." + t : "";
+}();
+function se(t) {
+  return !!L && L in t;
+}
+var ie = Function.prototype, le = ie.toString;
+function de(t) {
+  if (t != null) {
+    try {
+      return le.call(t);
+    } catch {
+    }
+    try {
+      return t + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var ce = /[\\^$.*+?()[\]{}|]/g, pe = /^\[object .+?Constructor\]$/, ue = Function.prototype, ge = Object.prototype, ye = ue.toString, he = ge.hasOwnProperty, fe = RegExp(
+  "^" + ye.call(he).replace(ce, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function we(t) {
+  if (!U(t) || se(t))
+    return !1;
+  var e = re(t) ? fe : pe;
+  return e.test(de(t));
+}
+function me(t, e) {
+  return t == null ? void 0 : t[e];
+}
+function q(t, e) {
+  var a = me(t, e);
+  return we(a) ? a : void 0;
+}
+function _e(t, e) {
+  return t === e || t !== t && e !== e;
+}
+var Ce = q(Object, "create");
+const m = Ce;
+function De() {
+  this.__data__ = m ? m(null) : {}, this.size = 0;
+}
+function Re(t) {
+  var e = this.has(t) && delete this.__data__[t];
+  return this.size -= e ? 1 : 0, e;
+}
+var be = "__lodash_hash_undefined__", Ie = Object.prototype, ve = Ie.hasOwnProperty;
+function $e(t) {
+  var e = this.__data__;
+  if (m) {
+    var a = e[t];
+    return a === be ? void 0 : a;
+  }
+  return ve.call(e, t) ? e[t] : void 0;
+}
+var Se = Object.prototype, Oe = Se.hasOwnProperty;
+function Le(t) {
+  var e = this.__data__;
+  return m ? e[t] !== void 0 : Oe.call(e, t);
+}
+var Me = "__lodash_hash_undefined__";
+function Ee(t, e) {
+  var a = this.__data__;
+  return this.size += this.has(t) ? 0 : 1, a[t] = m && e === void 0 ? Me : e, this;
+}
+function g(t) {
+  var e = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++e < a; ) {
+    var n = t[e];
+    this.set(n[0], n[1]);
+  }
+}
+g.prototype.clear = De;
+g.prototype.delete = Re;
+g.prototype.get = $e;
+g.prototype.has = Le;
+g.prototype.set = Ee;
+function Ue() {
+  this.__data__ = [], this.size = 0;
+}
+function C(t, e) {
+  for (var a = t.length; a--; )
+    if (_e(t[a][0], e))
+      return a;
+  return -1;
+}
+var qe = Array.prototype, Te = qe.splice;
+function Ae(t) {
+  var e = this.__data__, a = C(e, t);
+  if (a < 0)
+    return !1;
+  var n = e.length - 1;
+  return a == n ? e.pop() : Te.call(e, a, 1), --this.size, !0;
+}
+function je(t) {
+  var e = this.__data__, a = C(e, t);
+  return a < 0 ? void 0 : e[a][1];
+}
+function ke(t) {
+  return C(this.__data__, t) > -1;
+}
+function Be(t, e) {
+  var a = this.__data__, n = C(a, t);
+  return n < 0 ? (++this.size, a.push([t, e])) : a[n][1] = e, this;
+}
+function f(t) {
+  var e = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++e < a; ) {
+    var n = t[e];
+    this.set(n[0], n[1]);
+  }
+}
+f.prototype.clear = Ue;
+f.prototype.delete = Ae;
+f.prototype.get = je;
+f.prototype.has = ke;
+f.prototype.set = Be;
+var Fe = q($, "Map");
+const Ve = Fe;
+function Pe() {
+  this.size = 0, this.__data__ = {
+    hash: new g(),
+    map: new (Ve || f)(),
+    string: new g()
+  };
+}
+function He(t) {
+  var e = typeof t;
+  return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? t !== "__proto__" : t === null;
+}
+function D(t, e) {
+  var a = t.__data__;
+  return He(e) ? a[typeof e == "string" ? "string" : "hash"] : a.map;
+}
+function Ne(t) {
+  var e = D(this, t).delete(t);
+  return this.size -= e ? 1 : 0, e;
+}
+function We(t) {
+  return D(this, t).get(t);
+}
+function Qe(t) {
+  return D(this, t).has(t);
+}
+function ze(t, e) {
+  var a = D(this, t), n = a.size;
+  return a.set(t, e), this.size += a.size == n ? 0 : 1, this;
+}
+function y(t) {
+  var e = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++e < a; ) {
+    var n = t[e];
+    this.set(n[0], n[1]);
+  }
+}
+y.prototype.clear = Pe;
+y.prototype.delete = Ne;
+y.prototype.get = We;
+y.prototype.has = Qe;
+y.prototype.set = ze;
+var Ge = "Expected a function";
+function S(t, e) {
+  if (typeof t != "function" || e != null && typeof e != "function")
+    throw new TypeError(Ge);
+  var a = function() {
+    var n = arguments, r = e ? e.apply(this, n) : n[0], o = a.cache;
+    if (o.has(r))
+      return o.get(r);
+    var i = t.apply(this, n);
+    return a.cache = o.set(r, i) || o, i;
+  };
+  return a.cache = new (S.Cache || y)(), a;
+}
+S.Cache = y;
+const Je = 2, T = 1, A = "";
+class R {
+  constructor(e, a, n) {
+    this.locale = e, this.queryRef = a, this.rawValue = n;
+  }
+  /**
+   * Creates a LoggingDataValue.
+   *
+   * @param locale the locale to use for formatting
+   * @param queryRef a reference to the query that produced this value
+   * @param rawValue the raw value
+   */
+  static create(e, a, n) {
+    return a.query.postAggr === "count" ? new Ke(e, a, n) : new R(e, a, n);
+  }
+  getDecimals(e = Je) {
+    return this.decimals ?? this.queryRef.query.decimals ?? e;
+  }
+  getFactor() {
+    var e, a, n;
+    return this.factor ?? this.queryRef.query.factor ?? ((a = (e = this.queryRef.tag) == null ? void 0 : e.variable) == null ? void 0 : a.factor) ?? ((n = this.queryRef.variable) == null ? void 0 : n.factor) ?? T;
+  }
+  getUnit() {
+    var e, a, n;
+    return this.unit ?? this.queryRef.query.unit ?? ((a = (e = this.queryRef.tag) == null ? void 0 : e.variable) == null ? void 0 : a.unit) ?? ((n = this.queryRef.variable) == null ? void 0 : n.unit) ?? A;
+  }
+  setDecimals(e) {
+    this.decimals = e;
+  }
+  /** @deprecated */
+  setFactor(e) {
+    this.factor = e;
+  }
+  setUnit(e) {
+    this.unit = e;
+  }
+  getValue() {
+    return this.rawValue;
+  }
+  toString() {
+    var n, r, o, i;
+    const e = this.locale !== null ? this.locale : void 0, a = S((c, d, p, b) => {
+      const j = {
+        style: "decimal",
+        minimumFractionDigits: Math.floor(d),
+        maximumFractionDigits: Math.floor(d)
+      };
+      return `${new Intl.NumberFormat(b, j).format(c)}${p ? " " + p : ""}`;
+    });
+    return this.rawValue === null ? "" : this.queryRef.query.postAggr === "count" ? a(this.rawValue, this.getDecimals(0), this.unit ?? this.queryRef.query.unit, e) : ((n = this.queryRef.variable) == null ? void 0 : n.type) === "str" ? this.rawValue : ((r = this.queryRef.variable) == null ? void 0 : r.type) === "bool" ? this.rawValue ? "True" : "False" : ((o = this.queryRef.variable) == null ? void 0 : o.type) === "int" ? a(
+      this.rawValue,
+      Number.isInteger(this.getFactor()) ? this.getDecimals(0) : this.getDecimals(),
+      this.getUnit(),
+      e
+    ) : ((i = this.queryRef.variable) == null ? void 0 : i.type) === "float" ? a(this.rawValue, this.getDecimals(), this.getUnit(), e) : String(this.getValue());
+  }
+}
+class Ke extends R {
+  getFactor() {
+    return this.factor ?? this.queryRef.query.factor ?? T;
+  }
+  getUnit() {
+    return this.unit ?? this.queryRef.query.unit ?? A;
+  }
+}
+function M(t) {
+  return t.map(({ queryRef: a, time: n, value: r }) => {
+    const o = new F(a.query, a.variable, a.tag), i = R.create(r.locale, o, r.rawValue);
+    return {
+      queryRef: o,
+      time: n,
+      value: i
+    };
+  });
+}
+class h extends Error {
+  constructor() {
+    super("Method is not implemented"), this.name = "NotImplementedError", this.message = "Method is not implemented", this.stack = "NotImplementedError: Method is not implemented";
+  }
+}
+class Xe {
+  constructor(e) {
+    u(this, "ontimerangechange", null);
+    u(this, "onvpnclientstatuschange", null);
+    u(this, "_getApiLinks");
+    u(this, "appData");
+    u(this, "componentBaseUrl");
+    u(this, "destroyed");
+    u(this, "mode");
+    u(this, "inputs");
+    u(this, "inputMap");
+    u(this, "timeRange");
+    u(this, "timeRangeIsAdjustable");
+    u(this, "vpnClientStatus");
+    this._getApiLinks = () => new Map(e._apiLinkEntries), this.appData = e.appData, this.componentBaseUrl = e.componentBaseUrl, this.destroyed = e.destroyed, this.mode = e.mode, this.inputs = e.inputs, this.inputMap = new Map(Object.entries(this.inputs)), this.timeRange = e.timeRange, this.timeRangeIsAdjustable = e.timeRangeIsAdjustable, this.vpnClientStatus = e.vpnClientStatus, this._messageHandler = this._messageHandler.bind(this), window.addEventListener("message", this._messageHandler, !1);
+  }
+  _messageHandler(e) {
+    if (e.source === window.parent)
+      switch (e.data.type) {
+        case s.TimeRangeChange:
+          this.ontimerangechange && this.ontimerangechange(...e.data.payload);
+          break;
+        case s.VpnClientStatusChange:
+          this.onvpnclientstatuschange && this.onvpnclientstatuschange(...e.data.payload);
+          break;
+      }
+  }
+  createBackendComponentClient() {
+    const e = crypto.randomUUID();
+    return window.parent.postMessage(
+      {
+        type: s.BackendComponentClientCreate,
+        payload: { clientId: e }
+      },
+      "*"
+    ), new Ye(e);
+  }
+  createLoggingDataClient() {
+    const e = crypto.randomUUID();
+    return window.parent.postMessage(
+      {
+        type: s.LoggingDataClientCreate,
+        payload: { clientId: e }
+      },
+      "*"
+    ), new Ze(e);
+  }
+  createObjectStorageClient() {
+    throw new h();
+  }
+  createResourceDataClient() {
+    const e = crypto.randomUUID();
+    return window.parent.postMessage(
+      {
+        type: s.ResourceDataClientCreate,
+        payload: { clientId: e }
+      },
+      "*"
+    ), new xe(e);
+  }
+  createTooltip() {
+    throw new h();
+  }
+  destroy() {
+    window.parent.postMessage({ type: s.Destroy }, "*"), window.removeEventListener("message", this._messageHandler, !1), this.destroyed = !0;
+  }
+  getApiUrl(e, a) {
+    const n = this._getApiLinks().get(e);
+    if (!n)
+      throw new Error("IxApiError: entry not found");
+    return a ? Object.keys(a).sort().reduce((r, o) => {
+      if (r.includes(`{${o}}`))
+        return r.replace(`{${o}}`, a[o]);
+      const i = new URL(r);
+      return i.searchParams.set(o, a[o]), decodeURIComponent(i.href);
+    }, n.href) : n.href;
+  }
+  navigateByUrl(e) {
+    window.parent.postMessage({ type: s.NavigateByUrl, payload: { url: e } }, "*");
+  }
+  openActionBottomSheet(e) {
+    return new Promise((a) => {
+      window.addEventListener("message", n, !1), window.parent.postMessage({ type: s.OpenActionBottomSheet, payload: { options: e } }, "*");
+      function n(r) {
+        r.source === window.parent && r.data.type === s.OpenActionBottomSheetResult && (window.removeEventListener("message", n, !1), a(r.data.payload.result));
+      }
+    });
+  }
+  openAlertDialog(e) {
+    return new Promise((a) => {
+      window.addEventListener("message", n, !1), window.parent.postMessage({ type: s.OpenAlertDialog, payload: { options: e } }, "*");
+      function n(r) {
+        r.source === window.parent && r.data.type === s.OpenAlertDialogResult && (window.removeEventListener("message", n, !1), a(r.data.payload.result));
+      }
+    });
+  }
+  openConfirmDialog(e) {
+    return new Promise((a) => {
+      window.addEventListener("message", n, !1), window.parent.postMessage({ type: s.OpenConfirmDialog, payload: { options: e } }, "*");
+      function n(r) {
+        r.source === window.parent && r.data.type === s.OpenConfirmDialogResult && (window.removeEventListener("message", n, !1), a(r.data.payload.result));
+      }
+    });
+  }
+  openFormDialog(e) {
+    return new Promise((a) => {
+      window.addEventListener("message", n, !1), window.parent.postMessage({ type: s.OpenFormDialog, payload: { options: e } }, "*");
+      function n(r) {
+        r.source === window.parent && r.data.type === s.OpenFormDialogResult && (window.removeEventListener("message", n, !1), a(r.data.payload.result));
+      }
+    });
+  }
+  saveAsFile() {
+    throw new h();
+  }
+  setTimeRange(e) {
+    window.parent.postMessage(
+      {
+        type: s.SetTimeRange,
+        payload: { timeRange: e }
+      },
+      "*"
+    );
+  }
+  showVpnStatusDetails(e) {
+    window.parent.postMessage(
+      {
+        type: s.ShowVpnStatusDetails,
+        payload: { agentId: e }
+      },
+      "*"
+    );
+  }
+  testVpnAccess() {
+    throw new h();
+  }
+  toggleVpn(e) {
+    window.parent.postMessage({ type: s.ToggleVpn, payload: { agentId: e } }, "*");
+  }
+  translate() {
+    throw new h();
+  }
+}
+class Ye {
+  constructor(e) {
+    this.id = e;
+  }
+  call(e, a) {
+    return new Promise((n) => {
+      const r = crypto.randomUUID();
+      window.addEventListener("message", o, !1), window.parent.postMessage({
+        type: s.BackendComponentClientCall,
+        payload: {
+          clientId: this.id,
+          callId: r,
+          functionName: e,
+          functionArguments: a
+        }
+      });
+      function o(i) {
+        i.source === window.parent && i.data.type === s.BackendComponentClientCallResult && i.data.payload.callId === r && (window.removeEventListener("message", o, !1), n(i.data.payload.result));
+      }
+    });
+  }
+  destroy() {
+    window.parent.postMessage(
+      {
+        type: s.BackendComponentClientDestroy,
+        payload: { clientId: this.id }
+      },
+      "*"
+    );
+  }
+}
+class Ze {
+  constructor(e) {
+    this.id = e;
+  }
+  query(e, a) {
+    const n = crypto.randomUUID();
+    return window.addEventListener("message", r, !1), window.parent.postMessage(
+      {
+        type: s.LoggingDataClientQuery,
+        payload: { clientId: this.id, queryId: n, query: e }
+      },
+      "*"
+    ), () => {
+      window.removeEventListener("message", r, !1);
+    };
+    function r(o) {
+      if (o.source === window.parent && o.data.type === s.LoggingDataClientQueryResult && o.data.payload.queryId === n) {
+        const { results: i } = o.data.payload;
+        if (e.length)
+          if (!e.queries || e.format !== "csv") {
+            const c = i.map((d) => M(d));
+            a(c);
+          } else
+            throw new h();
+        else {
+          const c = M(i);
+          a(c);
+        }
+      }
+    }
+  }
+  destroy() {
+    window.parent.postMessage(
+      {
+        type: s.LoggingDataClientDestroy,
+        payload: { clientId: this.id }
+      },
+      "*"
+    );
+  }
+}
+class xe {
+  constructor(e) {
+    this.id = e;
+  }
+  query(e, a) {
+    const n = crypto.randomUUID();
+    return window.addEventListener("message", r, !1), window.parent.postMessage(
+      {
+        type: s.ResourceDataClientQuery,
+        payload: { clientId: this.id, queryId: n, query: e }
+      },
+      "*"
+    ), () => {
+      window.removeEventListener("message", r, !1);
+    };
+    function r(o) {
+      o.source === window.parent && o.data.type === s.ResourceDataClientQueryResult && o.data.payload.queryId === n && a(o.data.payload.results);
+    }
+  }
+  update(e) {
+    return new Promise((a) => {
+      const n = crypto.randomUUID();
+      window.addEventListener("message", r, !1), window.parent.postMessage(
+        {
+          type: s.ResourceDataClientUpdate,
+          payload: { clientId: this.id, updateId: n, update: e }
+        },
+        "*"
+      );
+      function r(o) {
+        o.source === window.parent && o.data.type === s.ResourceDataClientUpdated && o.data.payload.updateId === n && (window.removeEventListener("message", r, !1), a());
+      }
+    });
+  }
+  render(e, a) {
+    const n = crypto.randomUUID();
+    return window.addEventListener("message", r, !1), window.parent.postMessage(
+      {
+        type: s.ResourceDataClientRender,
+        payload: { clientId: this.id, queryId: n, query: e }
+      },
+      "*"
+    ), () => {
+      window.removeEventListener("message", r, !1);
+    };
+    function r(o) {
+      o.source === window.parent && o.data.type === s.ResourceDataClientRenderResult && o.data.payload.queryId === n && a(o.data.payload.results);
+    }
+  }
+  destroy() {
+    window.parent.postMessage(
+      {
+        type: s.ResourceDataClientDestroy,
+        payload: { clientId: this.id }
+      },
+      "*"
+    );
+  }
+}
+function v(t) {
+  const e = !!(t && t.migrateInputs);
+  return !e && v.__cache__ ? Promise.resolve(v.__cache__) : new Promise((a) => {
+    window.addEventListener(
+      "message",
+      function n(r) {
+        if (r.source === window.parent && r.data && r.data.type === s.Created) {
+          let o = r.data.payload;
+          e && (o.inputs = t.migrateInputs(o.inputs, null));
+          const i = new Xe(o);
+          a(i), e || (v.__cache__ = i), window.removeEventListener("message", n, !1);
+        }
+      },
+      !1
+    ), window.parent.postMessage({ type: s.Create }, "*");
+  });
+}
+export {
+  at as connect,
+  v as getComponentContext
+};