@ixon-cdk/iframe-adapter 1.19.0-next.0 → 1.20.0-next.1

package/dist/index.js

@@ -1,60 +1,60 @@
-var x = Object.defineProperty;
-var ee = (t, e, n) => e in t ? x(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var p = (t, e, n) => (ee(t, typeof e != "symbol" ? e + "" : e, n), n);
-const c = "cdk:cmpctx:", s = {
+var P = Object.defineProperty;
+var j = (t, e, n) => e in t ? P(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var p = (t, e, n) => (j(t, typeof e != "symbol" ? e + "" : e, n), n);
+const l = "cdk:cmpctx:", r = {
   // Lifecycle
-  Create: `${c}create`,
-  Created: `${c}created`,
-  Destroy: `${c}destroy`,
+  Create: `${l}create`,
+  Created: `${l}created`,
+  Destroy: `${l}destroy`,
   // BackendComponentClient
-  BackendComponentClientCreate: `${c}bcc:create`,
-  BackendComponentClientDestroy: `${c}bcc:destroy`,
-  BackendComponentClientCall: `${c}bcc:call`,
-  BackendComponentClientCallResult: `${c}bcc:callresult`,
+  BackendComponentClientCreate: `${l}bcc:create`,
+  BackendComponentClientDestroy: `${l}bcc:destroy`,
+  BackendComponentClientCall: `${l}bcc:call`,
+  BackendComponentClientCallResult: `${l}bcc:callresult`,
   // LoggingDataClient
-  LoggingDataClientCreate: `${c}ldc:create`,
-  LoggingDataClientDestroy: `${c}ldc:destroy`,
-  LoggingDataClientQuery: `${c}ldc:query`,
-  LoggingDataClientQueryResult: `${c}ldc:queryresult`,
+  LoggingDataClientCreate: `${l}ldc:create`,
+  LoggingDataClientDestroy: `${l}ldc:destroy`,
+  LoggingDataClientQuery: `${l}ldc:query`,
+  LoggingDataClientQueryResult: `${l}ldc:queryresult`,
   // ResourceDataClient
-  ResourceDataClientCreate: `${c}rdc:create`,
-  ResourceDataClientDestroy: `${c}rdc:destroy`,
-  ResourceDataClientQuery: `${c}rdc:query`,
-  ResourceDataClientQueryResult: `${c}rdc:queryresult`,
-  ResourceDataClientRender: `${c}rdc:render`,
-  ResourceDataClientRenderResult: `${c}rdc:renderresult`,
-  ResourceDataClientUpdate: `${c}rdc:update`,
-  ResourceDataClientUpdated: `${c}rdc:updated`,
+  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`,
   // ActionMenu
-  OpenActionMenu: `${c}openactionmenu`,
-  OpenActionMenuResult: `${c}openactionmenuresult`,
+  OpenActionMenu: `${l}openactionmenu`,
+  OpenActionMenuResult: `${l}openactionmenuresult`,
   // ActionBottomSheet
-  OpenActionBottomSheet: `${c}openactionbottomsheet`,
-  OpenActionBottomSheetResult: `${c}openactionbottomsheetresult`,
+  OpenActionBottomSheet: `${l}openactionbottomsheet`,
+  OpenActionBottomSheetResult: `${l}openactionbottomsheetresult`,
   // Dialogs
-  OpenAlertDialog: `${c}openalertdialog`,
-  OpenAlertDialogResult: `${c}openalertdialogresult`,
-  OpenConfirmDialog: `${c}openconfirmdialog`,
-  OpenConfirmDialogResult: `${c}openconfirmdialogresult`,
-  OpenContentDialog: `${c}opencontentdialog`,
-  OpenContentDialogResult: `${c}opencontentdialogresult`,
-  OpenFormDialog: `${c}openformdialog`,
-  OpenFormDialogResult: `${c}openformdialogresult`,
+  OpenAlertDialog: `${l}openalertdialog`,
+  OpenAlertDialogResult: `${l}openalertdialogresult`,
+  OpenConfirmDialog: `${l}openconfirmdialog`,
+  OpenConfirmDialogResult: `${l}openconfirmdialogresult`,
+  OpenContentDialog: `${l}opencontentdialog`,
+  OpenContentDialogResult: `${l}opencontentdialogresult`,
+  OpenFormDialog: `${l}openformdialog`,
+  OpenFormDialogResult: `${l}openformdialogresult`,
   // SelectPanel
-  OpenSelectPanel: `${c}openselectpanel`,
-  OpenSelectPanelResult: `${c}openselectpanelresult`,
+  OpenSelectPanel: `${l}openselectpanel`,
+  OpenSelectPanelResult: `${l}openselectpanelresult`,
   // Toast
-  OpenToast: `${c}opentoast`,
-  OpenToastResult: `${c}opentoastresult`,
+  OpenToast: `${l}opentoast`,
+  OpenToastResult: `${l}opentoastresult`,
   // VPN
-  ShowVpnStatusDetails: `${c}showvpnstatusdetails`,
-  ToggleVpn: `${c}togglevpn`,
-  VpnClientStatusChange: `${c}vpnclientstatuschange`,
+  ShowVpnStatusDetails: `${l}showvpnstatusdetails`,
+  ToggleVpn: `${l}togglevpn`,
+  VpnClientStatusChange: `${l}vpnclientstatuschange`,
   // Miscellaneous
-  NavigateByUrl: `${c}navigatebyurl`,
-  SetTimeRange: `${c}settimerange`,
-  TimeRangeChange: `${c}timerangechange`
-}, te = [
+  NavigateByUrl: `${l}navigatebyurl`,
+  SetTimeRange: `${l}settimerange`,
+  TimeRangeChange: `${l}timerangechange`
+}, B = [
   "color-scheme",
   "background",
   "on-background",
@@ -67,11 +67,11 @@ const c = "cdk:cmpctx:", s = {
   "success",
   "on-success"
 ];
-function Mt({ iframe: t, context: e }) {
-  return window.addEventListener("message", a, !1), e.ontimerangechange = (...o) => {
+function nt({ iframe: t, context: e }) {
+  return window.addEventListener("message", s, !1), e.ontimerangechange = (...o) => {
     t.contentWindow && t.contentWindow.postMessage(
       {
-        type: s.TimeRangeChange,
+        type: r.TimeRangeChange,
         payload: o
       },
       "*"
@@ -79,20 +79,20 @@ function Mt({ iframe: t, context: e }) {
   }, e.onvpnclientstatuschange = (...o) => {
     t.contentWindow && t.contentWindow.postMessage(
       {
-        type: s.VpnClientStatusChange,
+        type: r.VpnClientStatusChange,
         payload: o
       },
       "*"
     );
   }, {
     destroy() {
-      window.removeEventListener("message", a, !1);
+      window.removeEventListener("message", s, !1);
     }
   };
   function n(o) {
     return {
       _apiLinkEntries: [...o._getApiLinks().entries()],
-      _designTokenEntries: te.map((r) => [r, o.getDesignToken(r)]),
+      _designTokenEntries: B.map((a) => [a, o.getDesignToken(a)]),
       appData: o.appData,
       componentBaseUrl: o.componentBaseUrl,
       destroyed: o.destroyed,
@@ -103,62 +103,62 @@ function Mt({ iframe: t, context: e }) {
       vpnClientStatus: o.vpnClientStatus
     };
   }
-  function a(o) {
-    if (a._clients = a._clients || /* @__PURE__ */ new Map([]), o.source === t.contentWindow)
+  function s(o) {
+    if (s._clients = s._clients || /* @__PURE__ */ new Map([]), o.source === t.contentWindow)
       switch (o.data.type) {
-        case s.Create:
+        case r.Create:
           t.contentWindow.postMessage(
             {
-              type: s.Created,
+              type: r.Created,
               payload: n(e)
             },
             "*"
           );
           break;
-        case s.Destroy:
+        case r.Destroy:
           e.destroy();
           break;
-        case s.BackendComponentClientCreate: {
-          const { clientId: r } = o.data.payload, i = e.createBackendComponentClient(r);
-          a._clients.set(r, i);
+        case r.BackendComponentClientCreate: {
+          const { clientId: a } = o.data.payload, i = e.createBackendComponentClient(a);
+          s._clients.set(a, i);
           break;
         }
-        case s.BackendComponentClientDestroy: {
-          const { clientId: r } = o.data.payload;
-          a._clients.has(r) && (a._clients.get(r).destroy(), a._clients.delete(r));
+        case r.BackendComponentClientDestroy: {
+          const { clientId: a } = o.data.payload;
+          s._clients.has(a) && (s._clients.get(a).destroy(), s._clients.delete(a));
           break;
         }
-        case s.BackendComponentClientCall: {
-          const { clientId: r, callId: i, functionName: d, functionArguments: l } = o.data.payload;
-          let u = a._clients.get(r);
-          u && !u._destroyed && u.call(d, l).then((g) => {
+        case r.BackendComponentClientCall: {
+          const { clientId: a, callId: i, functionName: c, functionArguments: d } = o.data.payload;
+          let u = s._clients.get(a);
+          u && !u._destroyed && u.call(c, d).then((b) => {
             u && !u.destroyed && t.contentWindow.postMessage(
               {
-                type: s.BackendComponentClientCallResult,
-                payload: { callId: i, result: g }
+                type: r.BackendComponentClientCallResult,
+                payload: { callId: i, result: b }
               },
               "*"
             );
           });
           break;
         }
-        case s.LoggingDataClientCreate: {
-          const { clientId: r } = o.data.payload, i = e.createLoggingDataClient(r);
-          a._clients.set(r, i);
+        case r.LoggingDataClientCreate: {
+          const { clientId: a } = o.data.payload, i = e.createLoggingDataClient(a);
+          s._clients.set(a, i);
           break;
         }
-        case s.LoggingDataClientDestroy: {
-          const { clientId: r } = o.data.payload;
-          a._clients.has(r) && (a._clients.get(r).destroy(), a._clients.delete(r));
+        case r.LoggingDataClientDestroy: {
+          const { clientId: a } = o.data.payload;
+          s._clients.has(a) && (s._clients.get(a).destroy(), s._clients.delete(a));
           break;
         }
-        case s.LoggingDataClientQuery: {
-          const { clientId: r, queryId: i, query: d } = o.data.payload;
-          let l = a._clients.get(r);
-          l && !l._destroyed && l.query(d, (u) => {
-            l._destroyed || t.contentWindow.postMessage(
+        case r.LoggingDataClientQuery: {
+          const { clientId: a, queryId: i, query: c } = o.data.payload;
+          let d = s._clients.get(a);
+          d && !d._destroyed && d.query(c, (u) => {
+            d._destroyed || t.contentWindow.postMessage(
               {
-                type: s.LoggingDataClientQueryResult,
+                type: r.LoggingDataClientQueryResult,
                 payload: { queryId: i, results: u }
               },
               "*"
@@ -166,23 +166,23 @@ function Mt({ iframe: t, context: e }) {
           });
           break;
         }
-        case s.ResourceDataClientCreate: {
-          const { clientId: r } = o.data.payload, i = e.createResourceDataClient(r);
-          a._clients.set(r, i);
+        case r.ResourceDataClientCreate: {
+          const { clientId: a } = o.data.payload, i = e.createResourceDataClient(a);
+          s._clients.set(a, i);
           break;
         }
-        case s.ResourceDataClientDestroy: {
-          const { clientId: r } = o.data.payload;
-          a._clients.has(r) && (a._clients.get(r).destroy(), a._clients.delete(r));
+        case r.ResourceDataClientDestroy: {
+          const { clientId: a } = o.data.payload;
+          s._clients.has(a) && (s._clients.get(a).destroy(), s._clients.delete(a));
           break;
         }
-        case s.ResourceDataClientQuery: {
-          const { clientId: r, queryId: i, query: d } = o.data.payload;
-          let l = a._clients.get(r);
-          l && !l._destroyed && l.query(d, (u) => {
-            l._destroyed || t.contentWindow.postMessage(
+        case r.ResourceDataClientQuery: {
+          const { clientId: a, queryId: i, query: c } = o.data.payload;
+          let d = s._clients.get(a);
+          d && !d._destroyed && d.query(c, (u) => {
+            d._destroyed || t.contentWindow.postMessage(
               {
-                type: s.ResourceDataClientQueryResult,
+                type: r.ResourceDataClientQueryResult,
                 payload: { queryId: i, results: u }
               },
               "*"
@@ -190,13 +190,13 @@ function Mt({ iframe: t, context: e }) {
           });
           break;
         }
-        case s.ResourceDataClientRender: {
-          const { clientId: r, queryId: i, query: d } = o.data.payload;
-          let l = a._clients.get(r);
-          l && !l._destroyed && l.render(d, (u) => {
-            l._destroyed || t.contentWindow.postMessage(
+        case r.ResourceDataClientRender: {
+          const { clientId: a, queryId: i, query: c } = o.data.payload;
+          let d = s._clients.get(a);
+          d && !d._destroyed && d.render(c, (u) => {
+            d._destroyed || t.contentWindow.postMessage(
               {
-                type: s.ResourceDataClientRenderResult,
+                type: r.ResourceDataClientRenderResult,
                 payload: { queryId: i, results: u }
               },
               "*"
@@ -204,13 +204,13 @@ function Mt({ iframe: t, context: e }) {
           });
           break;
         }
-        case s.ResourceDataClientUpdate: {
-          const { clientId: r, updateId: i, update: d } = o.data.payload;
-          let l = a._clients.get(r);
-          l && !l._destroyed && l.update(d).then(() => {
-            l && !l._destroyed && t.contentWindow.postMessage(
+        case r.ResourceDataClientUpdate: {
+          const { clientId: a, updateId: i, update: c } = o.data.payload;
+          let d = s._clients.get(a);
+          d && !d._destroyed && d.update(c).then(() => {
+            d && !d._destroyed && t.contentWindow.postMessage(
               {
-                type: s.ResourceDataClientUpdated,
+                type: r.ResourceDataClientUpdated,
                 payload: { updateId: i }
               },
               "*"
@@ -218,144 +218,144 @@ function Mt({ iframe: t, context: e }) {
           });
           break;
         }
-        case s.OpenActionBottomSheet:
-          e.openActionBottomSheet(o.data.payload.options).then((r) => {
-            t.contentWindow.postMessage({ type: s.OpenActionBottomSheetResult, payload: { result: r } }, "*");
+        case r.OpenActionBottomSheet:
+          e.openActionBottomSheet(o.data.payload.options).then((a) => {
+            t.contentWindow.postMessage({ type: r.OpenActionBottomSheetResult, payload: { result: a } }, "*");
           });
           break;
-        case s.OpenActionMenu:
+        case r.OpenActionMenu:
           {
-            const r = t.contentDocument.querySelector(o.data.payload.selector), i = {
+            const a = o.data.payload.targetRect, i = {
               getBoundingClientRect: () => {
-                const d = t.getBoundingClientRect(), l = r.getBoundingClientRect();
+                const c = t.getBoundingClientRect();
                 return {
-                  ...JSON.parse(JSON.stringify(l)),
-                  top: d.top + l.top,
-                  x: d.x + l.x
+                  ...JSON.parse(JSON.stringify(a)),
+                  top: c.top + a.top,
+                  x: c.x + a.x
                 };
               }
             };
-            e.openActionMenu(i, o.data.payload.options).then((d) => {
-              t.contentWindow.postMessage({ type: s.OpenActionMenuResult, payload: { result: d } }, "*");
+            e.openActionMenu(i, o.data.payload.options).then((c) => {
+              t.contentWindow.postMessage({ type: r.OpenActionMenuResult, payload: { result: c } }, "*");
             });
           }
           break;
-        case s.OpenAlertDialog:
-          e.openAlertDialog(o.data.payload.options).then((r) => {
-            t.contentWindow.postMessage({ type: s.OpenAlertDialogResult, payload: { result: r } }, "*");
+        case r.OpenAlertDialog:
+          e.openAlertDialog(o.data.payload.options).then((a) => {
+            t.contentWindow.postMessage({ type: r.OpenAlertDialogResult, payload: { result: a } }, "*");
           });
           break;
-        case s.OpenConfirmDialog:
-          e.openConfirmDialog(o.data.payload.options).then((r) => {
-            t.contentWindow.postMessage({ type: s.OpenConfirmDialogResult, payload: { result: r } }, "*");
+        case r.OpenConfirmDialog:
+          e.openConfirmDialog(o.data.payload.options).then((a) => {
+            t.contentWindow.postMessage({ type: r.OpenConfirmDialogResult, payload: { result: a } }, "*");
           });
           break;
-        case s.OpenContentDialog:
-          e.openContentDialog(o.data.payload.options).then((r) => {
-            t.contentWindow.postMessage({ type: s.OpenContentDialogResult, payload: { result: r } }, "*");
+        case r.OpenContentDialog:
+          e.openContentDialog(o.data.payload.options).then((a) => {
+            t.contentWindow.postMessage({ type: r.OpenContentDialogResult, payload: { result: a } }, "*");
           });
           break;
-        case s.OpenFormDialog:
-          e.openFormDialog(o.data.payload.options).then((r) => {
-            t.contentWindow.postMessage({ type: s.OpenFormDialogResult, payload: { result: r } }, "*");
+        case r.OpenFormDialog:
+          e.openFormDialog(o.data.payload.options).then((a) => {
+            t.contentWindow.postMessage({ type: r.OpenFormDialogResult, payload: { result: a } }, "*");
           });
           break;
-        case s.OpenSelectPanel:
+        case r.OpenSelectPanel:
           {
-            const r = t.contentDocument.querySelector(o.data.payload.selector), i = {
+            const a = o.data.payload.targetRect, i = {
               getBoundingClientRect: () => {
-                const d = t.getBoundingClientRect(), l = r.getBoundingClientRect();
+                const c = t.getBoundingClientRect();
                 return {
-                  ...JSON.parse(JSON.stringify(l)),
-                  top: d.top + l.top,
-                  x: d.x + l.x
+                  ...JSON.parse(JSON.stringify(a)),
+                  top: c.top + a.top,
+                  x: c.x + a.x
                 };
               }
             };
-            e.openSelectPanel(i, o.data.payload.options).then((d) => {
-              t.contentWindow.postMessage({ type: s.OpenSelectPanelResult, payload: { result: d } }, "*");
+            e.openSelectPanel(i, o.data.payload.options).then((c) => {
+              t.contentWindow.postMessage({ type: r.OpenSelectPanelResult, payload: { result: c } }, "*");
             });
           }
           break;
-        case s.OpenToast:
-          e.openToast(o.data.payload.options).then((r) => {
+        case r.OpenToast:
+          e.openToast(o.data.payload.options).then((a) => {
             const { id: i } = o.data.payload;
-            t.contentWindow && t.contentWindow.postMessage({ type: s.OpenToastResult, payload: { id: i, result: r } }, "*");
+            t.contentWindow && t.contentWindow.postMessage({ type: r.OpenToastResult, payload: { id: i, result: a } }, "*");
           });
           break;
-        case s.ShowVpnStatusDetails:
+        case r.ShowVpnStatusDetails:
           e.showVpnStatusDetails(o.data.payload.agentId);
           break;
-        case s.ToggleVpn:
+        case r.ToggleVpn:
           e.toggleVpn(o.data.payload.agentId);
           break;
-        case s.NavigateByUrl:
+        case r.NavigateByUrl:
           e.navigateByUrl(o.data.payload.url);
           break;
-        case s.SetTimeRange:
+        case r.SetTimeRange:
           e.setTimeRange(o.data.payload.timeRange);
           break;
       }
   }
 }
-class ne {
-  constructor(e, n, a, o) {
-    this.query = e, this.variable = n, this.tag = a, this._onCancel = o, Object.freeze(this);
+class F {
+  constructor(e, n, s, o) {
+    this.query = e, this.variable = n, this.tag = s, this._onCancel = o, Object.freeze(this);
   }
   cancel() {
     this._onCancel && this._onCancel();
   }
 }
-var ae = typeof global == "object" && global && global.Object === Object && global;
-const oe = ae;
-var re = typeof self == "object" && self && self.Object === Object && self, se = oe || re || Function("return this")();
-const L = se;
-var ie = L.Symbol;
-const S = ie;
-var H = Object.prototype, le = H.hasOwnProperty, ce = H.toString, C = S ? S.toStringTag : void 0;
-function de(t) {
-  var e = le.call(t, C), n = t[C];
+var H = typeof global == "object" && global && global.Object === Object && global;
+const V = H;
+var N = typeof self == "object" && self && self.Object === Object && self, W = V || N || Function("return this")();
+const $ = W;
+var Q = $.Symbol;
+const C = Q;
+var E = Object.prototype, z = E.hasOwnProperty, G = E.toString, f = C ? C.toStringTag : void 0;
+function J(t) {
+  var e = z.call(t, f), n = t[f];
   try {
-    t[C] = void 0;
-    var a = !0;
+    t[f] = void 0;
+    var s = !0;
   } catch {
   }
-  var o = ce.call(t);
-  return a && (e ? t[C] = n : delete t[C]), o;
+  var o = G.call(t);
+  return s && (e ? t[f] = n : delete t[f]), o;
 }
-var ue = Object.prototype, pe = ue.toString;
-function ge(t) {
-  return pe.call(t);
+var K = Object.prototype, X = K.toString;
+function Y(t) {
+  return X.call(t);
 }
-var ye = "[object Null]", fe = "[object Undefined]", U = S ? S.toStringTag : void 0;
-function he(t) {
-  return t == null ? t === void 0 ? fe : ye : U && U in Object(t) ? de(t) : ge(t);
+var Z = "[object Null]", x = "[object Undefined]", M = C ? C.toStringTag : void 0;
+function ee(t) {
+  return t == null ? t === void 0 ? x : Z : M && M in Object(t) ? J(t) : Y(t);
 }
-function V(t) {
+function L(t) {
   var e = typeof t;
   return t != null && (e == "object" || e == "function");
 }
-var me = "[object AsyncFunction]", we = "[object Function]", Ce = "[object GeneratorFunction]", _e = "[object Proxy]";
-function De(t) {
-  if (!V(t))
+var te = "[object AsyncFunction]", ae = "[object Function]", ne = "[object GeneratorFunction]", oe = "[object Proxy]";
+function se(t) {
+  if (!L(t))
     return !1;
-  var e = he(t);
-  return e == we || e == Ce || e == me || e == _e;
+  var e = ee(t);
+  return e == ae || e == ne || e == te || e == oe;
 }
-var Re = L["__core-js_shared__"];
-const v = Re;
-var k = function() {
-  var t = /[^.]+$/.exec(v && v.keys && v.keys.IE_PROTO || "");
+var re = $["__core-js_shared__"];
+const O = re;
+var v = function() {
+  var t = /[^.]+$/.exec(O && O.keys && O.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
-function be(t) {
-  return !!k && k in t;
+function ie(t) {
+  return !!v && v in t;
 }
-var Se = Function.prototype, Oe = Se.toString;
-function $e(t) {
+var le = Function.prototype, de = le.toString;
+function ce(t) {
   if (t != null) {
     try {
-      return Oe.call(t);
+      return de.call(t);
     } catch {
     }
     try {
@@ -365,166 +365,166 @@ function $e(t) {
   }
   return "";
 }
-var Me = /[\\^$.*+?()[\]{}|]/g, Ee = /^\[object .+?Constructor\]$/, ve = Function.prototype, Te = Object.prototype, Ie = ve.toString, Le = Te.hasOwnProperty, qe = RegExp(
-  "^" + Ie.call(Le).replace(Me, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var pe = /[\\^$.*+?()[\]{}|]/g, ue = /^\[object .+?Constructor\]$/, ge = Function.prototype, ye = Object.prototype, he = ge.toString, we = ye.hasOwnProperty, fe = RegExp(
+  "^" + he.call(we).replace(pe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function Ae(t) {
-  if (!V(t) || be(t))
+function me(t) {
+  if (!L(t) || ie(t))
     return !1;
-  var e = De(t) ? qe : Ee;
-  return e.test($e(t));
+  var e = se(t) ? fe : ue;
+  return e.test(ce(t));
 }
-function Ue(t, e) {
+function Ce(t, e) {
   return t == null ? void 0 : t[e];
 }
-function W(t, e) {
-  var n = Ue(t, e);
-  return Ae(n) ? n : void 0;
+function k(t, e) {
+  var n = Ce(t, e);
+  return me(n) ? n : void 0;
 }
-function ke(t, e) {
+function _e(t, e) {
   return t === e || t !== t && e !== e;
 }
-var Ne = W(Object, "create");
-const _ = Ne;
-function Pe() {
-  this.__data__ = _ ? _(null) : {}, this.size = 0;
+var De = k(Object, "create");
+const m = De;
+function Re() {
+  this.__data__ = m ? m(null) : {}, this.size = 0;
 }
-function je(t) {
+function be(t) {
   var e = this.has(t) && delete this.__data__[t];
   return this.size -= e ? 1 : 0, e;
 }
-var Be = "__lodash_hash_undefined__", Fe = Object.prototype, He = Fe.hasOwnProperty;
-function Ve(t) {
+var Oe = "__lodash_hash_undefined__", Se = Object.prototype, $e = Se.hasOwnProperty;
+function Ie(t) {
   var e = this.__data__;
-  if (_) {
+  if (m) {
     var n = e[t];
-    return n === Be ? void 0 : n;
+    return n === Oe ? void 0 : n;
   }
-  return He.call(e, t) ? e[t] : void 0;
+  return $e.call(e, t) ? e[t] : void 0;
 }
-var We = Object.prototype, ze = We.hasOwnProperty;
-function Qe(t) {
+var Me = Object.prototype, ve = Me.hasOwnProperty;
+function Te(t) {
   var e = this.__data__;
-  return _ ? e[t] !== void 0 : ze.call(e, t);
+  return m ? e[t] !== void 0 : ve.call(e, t);
 }
-var Ge = "__lodash_hash_undefined__";
-function Je(t, e) {
+var Ee = "__lodash_hash_undefined__";
+function Le(t, e) {
   var n = this.__data__;
-  return this.size += this.has(t) ? 0 : 1, n[t] = _ && e === void 0 ? Ge : e, this;
+  return this.size += this.has(t) ? 0 : 1, n[t] = m && e === void 0 ? Ee : e, this;
 }
-function h(t) {
+function y(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
-    var a = t[e];
-    this.set(a[0], a[1]);
+    var s = t[e];
+    this.set(s[0], s[1]);
   }
 }
-h.prototype.clear = Pe;
-h.prototype.delete = je;
-h.prototype.get = Ve;
-h.prototype.has = Qe;
-h.prototype.set = Je;
-function Ke() {
+y.prototype.clear = Re;
+y.prototype.delete = be;
+y.prototype.get = Ie;
+y.prototype.has = Te;
+y.prototype.set = Le;
+function ke() {
   this.__data__ = [], this.size = 0;
 }
-function O(t, e) {
+function _(t, e) {
   for (var n = t.length; n--; )
-    if (ke(t[n][0], e))
+    if (_e(t[n][0], e))
       return n;
   return -1;
 }
-var Xe = Array.prototype, Ye = Xe.splice;
-function Ze(t) {
-  var e = this.__data__, n = O(e, t);
+var Ae = Array.prototype, Ue = Ae.splice;
+function qe(t) {
+  var e = this.__data__, n = _(e, t);
   if (n < 0)
     return !1;
-  var a = e.length - 1;
-  return n == a ? e.pop() : Ye.call(e, n, 1), --this.size, !0;
+  var s = e.length - 1;
+  return n == s ? e.pop() : Ue.call(e, n, 1), --this.size, !0;
 }
-function xe(t) {
-  var e = this.__data__, n = O(e, t);
+function Pe(t) {
+  var e = this.__data__, n = _(e, t);
   return n < 0 ? void 0 : e[n][1];
 }
-function et(t) {
-  return O(this.__data__, t) > -1;
+function je(t) {
+  return _(this.__data__, t) > -1;
 }
-function tt(t, e) {
-  var n = this.__data__, a = O(n, t);
-  return a < 0 ? (++this.size, n.push([t, e])) : n[a][1] = e, this;
+function Be(t, e) {
+  var n = this.__data__, s = _(n, t);
+  return s < 0 ? (++this.size, n.push([t, e])) : n[s][1] = e, this;
 }
 function w(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
-    var a = t[e];
-    this.set(a[0], a[1]);
-  }
-}
-w.prototype.clear = Ke;
-w.prototype.delete = Ze;
-w.prototype.get = xe;
-w.prototype.has = et;
-w.prototype.set = tt;
-var nt = W(L, "Map");
-const at = nt;
-function ot() {
+    var s = t[e];
+    this.set(s[0], s[1]);
+  }
+}
+w.prototype.clear = ke;
+w.prototype.delete = qe;
+w.prototype.get = Pe;
+w.prototype.has = je;
+w.prototype.set = Be;
+var Fe = k($, "Map");
+const He = Fe;
+function Ve() {
   this.size = 0, this.__data__ = {
-    hash: new h(),
-    map: new (at || w)(),
-    string: new h()
+    hash: new y(),
+    map: new (He || w)(),
+    string: new y()
   };
 }
-function rt(t) {
+function Ne(t) {
   var e = typeof t;
   return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? t !== "__proto__" : t === null;
 }
-function $(t, e) {
+function D(t, e) {
   var n = t.__data__;
-  return rt(e) ? n[typeof e == "string" ? "string" : "hash"] : n.map;
+  return Ne(e) ? n[typeof e == "string" ? "string" : "hash"] : n.map;
 }
-function st(t) {
-  var e = $(this, t).delete(t);
+function We(t) {
+  var e = D(this, t).delete(t);
   return this.size -= e ? 1 : 0, e;
 }
-function it(t) {
-  return $(this, t).get(t);
+function Qe(t) {
+  return D(this, t).get(t);
 }
-function lt(t) {
-  return $(this, t).has(t);
+function ze(t) {
+  return D(this, t).has(t);
 }
-function ct(t, e) {
-  var n = $(this, t), a = n.size;
-  return n.set(t, e), this.size += n.size == a ? 0 : 1, this;
+function Ge(t, e) {
+  var n = D(this, t), s = n.size;
+  return n.set(t, e), this.size += n.size == s ? 0 : 1, this;
 }
-function m(t) {
+function h(t) {
   var e = -1, n = t == null ? 0 : t.length;
   for (this.clear(); ++e < n; ) {
-    var a = t[e];
-    this.set(a[0], a[1]);
+    var s = t[e];
+    this.set(s[0], s[1]);
   }
 }
-m.prototype.clear = ot;
-m.prototype.delete = st;
-m.prototype.get = it;
-m.prototype.has = lt;
-m.prototype.set = ct;
-var dt = "Expected a function";
-function q(t, e) {
+h.prototype.clear = Ve;
+h.prototype.delete = We;
+h.prototype.get = Qe;
+h.prototype.has = ze;
+h.prototype.set = Ge;
+var Je = "Expected a function";
+function I(t, e) {
   if (typeof t != "function" || e != null && typeof e != "function")
-    throw new TypeError(dt);
+    throw new TypeError(Je);
   var n = function() {
-    var a = arguments, o = e ? e.apply(this, a) : a[0], r = n.cache;
-    if (r.has(o))
-      return r.get(o);
-    var i = t.apply(this, a);
-    return n.cache = r.set(o, i) || r, i;
+    var s = arguments, o = e ? e.apply(this, s) : s[0], a = n.cache;
+    if (a.has(o))
+      return a.get(o);
+    var i = t.apply(this, s);
+    return n.cache = a.set(o, i) || a, i;
   };
-  return n.cache = new (q.Cache || m)(), n;
+  return n.cache = new (I.Cache || h)(), n;
 }
-q.Cache = m;
-const ut = 2, z = 1, Q = "";
-class M {
-  constructor(e, n, a) {
-    this.locale = e, this.queryRef = n, this.rawValue = a;
+I.Cache = h;
+const Ke = 2, A = 1, U = "";
+class R {
+  constructor(e, n, s) {
+    this.locale = e, this.queryRef = n, this.rawValue = s;
   }
   /**
    * Creates a LoggingDataValue.
@@ -533,19 +533,19 @@ class M {
    * @param queryRef a reference to the query that produced this value
    * @param rawValue the raw value
    */
-  static create(e, n, a) {
-    return n.query.postAggr === "count" ? new pt(e, n, a) : new M(e, n, a);
+  static create(e, n, s) {
+    return n.query.postAggr === "count" ? new Xe(e, n, s) : new R(e, n, s);
   }
-  getDecimals(e = ut) {
+  getDecimals(e = Ke) {
     return this.decimals ?? this.queryRef.query.decimals ?? e;
   }
   getFactor() {
-    var e, n, a;
-    return this.factor ?? this.queryRef.query.factor ?? ((n = (e = this.queryRef.tag) == null ? void 0 : e.variable) != null && n.factor ? parseFloat(this.queryRef.tag.variable.factor) : null) ?? ((a = this.queryRef.variable) != null && a.factor ? parseFloat(this.queryRef.variable.factor) : null) ?? z;
+    var e, n, s;
+    return this.factor ?? this.queryRef.query.factor ?? ((n = (e = this.queryRef.tag) == null ? void 0 : e.variable) != null && n.factor ? parseFloat(this.queryRef.tag.variable.factor) : null) ?? ((s = this.queryRef.variable) != null && s.factor ? parseFloat(this.queryRef.variable.factor) : null) ?? A;
   }
   getUnit() {
-    var e, n, a;
-    return this.unit ?? this.queryRef.query.unit ?? ((n = (e = this.queryRef.tag) == null ? void 0 : e.variable) == null ? void 0 : n.unit) ?? ((a = this.queryRef.variable) == null ? void 0 : a.unit) ?? Q;
+    var e, n, s;
+    return this.unit ?? this.queryRef.query.unit ?? ((n = (e = this.queryRef.tag) == null ? void 0 : e.variable) == null ? void 0 : n.unit) ?? ((s = this.queryRef.variable) == null ? void 0 : s.unit) ?? U;
   }
   setDecimals(e) {
     this.decimals = e;
@@ -561,16 +561,16 @@ class M {
     return this.rawValue;
   }
   toString() {
-    var a, o, r, i;
-    const e = this.locale ?? void 0, n = q((d, l, u, g) => {
-      const Z = {
+    var s, o, a, i;
+    const e = this.locale ?? void 0, n = I((c, d, u, b) => {
+      const q = {
         style: "decimal",
-        minimumFractionDigits: Math.floor(l),
-        maximumFractionDigits: Math.floor(l)
+        minimumFractionDigits: Math.floor(d),
+        maximumFractionDigits: Math.floor(d)
       };
-      return `${new Intl.NumberFormat(g, Z).format(d)}${u ? " " + u : ""}`;
+      return `${new Intl.NumberFormat(b, q).format(c)}${u ? " " + u : ""}`;
     });
-    return this.rawValue === null ? "" : this.queryRef.query.postAggr === "count" ? n(this.rawValue, this.getDecimals(0), this.unit ?? this.queryRef.query.unit, e) : ((a = this.queryRef.variable) == null ? void 0 : a.type) === "str" ? this.rawValue : ((o = this.queryRef.variable) == null ? void 0 : o.type) === "bool" ? this.rawValue ? "True" : "False" : ((r = this.queryRef.variable) == null ? void 0 : r.type) === "int" ? n(
+    return this.rawValue === null ? "" : this.queryRef.query.postAggr === "count" ? n(this.rawValue, this.getDecimals(0), this.unit ?? this.queryRef.query.unit, e) : ((s = this.queryRef.variable) == null ? void 0 : s.type) === "str" ? this.rawValue : ((o = this.queryRef.variable) == null ? void 0 : o.type) === "bool" ? this.rawValue ? "True" : "False" : ((a = this.queryRef.variable) == null ? void 0 : a.type) === "int" ? n(
       this.rawValue,
       Number.isInteger(this.getFactor()) ? this.getDecimals(0) : this.getDecimals(),
       this.getUnit(),
@@ -578,205 +578,30 @@ class M {
     ) : ((i = this.queryRef.variable) == null ? void 0 : i.type) === "float" ? n(this.rawValue, this.getDecimals(), this.getUnit(), e) : String(this.getValue());
   }
 }
-class pt extends M {
+class Xe extends R {
   getFactor() {
-    return this.factor ?? this.queryRef.query.factor ?? z;
+    return this.factor ?? this.queryRef.query.factor ?? A;
   }
   getUnit() {
-    return this.unit ?? this.queryRef.query.unit ?? Q;
+    return this.unit ?? this.queryRef.query.unit ?? U;
   }
 }
-function N(t) {
-  return t.map(({ queryRef: n, time: a, value: o }) => {
-    const r = new ne(n.query, n.variable, n.tag), i = M.create(o.locale, r, o.rawValue);
+function T(t) {
+  return t.map(({ queryRef: n, time: s, value: o }) => {
+    const a = new F(n.query, n.variable, n.tag), i = R.create(o.locale, a, o.rawValue);
     return {
-      queryRef: r,
-      time: a,
+      queryRef: a,
+      time: s,
       value: i
     };
   });
 }
-let y, A, G;
-function P(t, e) {
-  if (G = /* @__PURE__ */ new Date(), t.nodeType !== Node.ELEMENT_NODE)
-    throw new Error("Can't generate CSS selector for non-element node type.");
-  if (t.tagName.toLowerCase() === "html")
-    return "html";
-  const n = {
-    root: document.body,
-    idName: (o) => !0,
-    className: (o) => !0,
-    tagName: (o) => !0,
-    attr: (o, r) => !1,
-    seedMinLength: 1,
-    optimizedMinLength: 2,
-    threshold: 1e3,
-    maxNumberOfTries: 1e4,
-    timeoutMs: void 0
-  };
-  y = { ...n, ...e }, A = gt(y.root, n);
-  let a = D(t, "all", () => D(t, "two", () => D(t, "one", () => D(t, "none"))));
-  if (a) {
-    const o = X(Y(a, t));
-    return o.length > 0 && (a = o[0]), E(a);
-  } else
-    throw new Error("Selector was not found.");
-}
-function gt(t, e) {
-  return t.nodeType === Node.DOCUMENT_NODE ? t : t === e.root ? t.ownerDocument : t;
-}
-function D(t, e, n) {
-  let a = null, o = [], r = t, i = 0;
-  for (; r; ) {
-    const d = (/* @__PURE__ */ new Date()).getTime() - G.getTime();
-    if (y.timeoutMs !== void 0 && d > y.timeoutMs)
-      throw new Error(`Timeout: Can't find a unique selector after ${d}ms`);
-    let l = b(yt(r)) || b(...ft(r)) || b(...ht(r)) || b(mt(r)) || [F()];
-    const u = wt(r);
-    if (e == "all")
-      u && (l = l.concat(l.filter(T).map((g) => R(g, u))));
-    else if (e == "two")
-      l = l.slice(0, 1), u && (l = l.concat(l.filter(T).map((g) => R(g, u))));
-    else if (e == "one") {
-      const [g] = l = l.slice(0, 1);
-      u && T(g) && (l = [R(g, u)]);
-    } else
-      e == "none" && (l = [F()], u && (l = [R(l[0], u)]));
-    for (let g of l)
-      g.level = i;
-    if (o.push(l), o.length >= y.seedMinLength && (a = j(o, n), a))
-      break;
-    r = r.parentElement, i++;
-  }
-  return a || (a = j(o, n)), !a && n ? n() : a;
-}
-function j(t, e) {
-  const n = X(K(t));
-  if (n.length > y.threshold)
-    return e ? e() : null;
-  for (let a of n)
-    if (J(a))
-      return a;
-  return null;
-}
-function E(t) {
-  let e = t[0], n = e.name;
-  for (let a = 1; a < t.length; a++) {
-    const o = t[a].level || 0;
-    e.level === o - 1 ? n = `${t[a].name} > ${n}` : n = `${t[a].name} ${n}`, e = t[a];
-  }
-  return n;
-}
-function B(t) {
-  return t.map((e) => e.penalty).reduce((e, n) => e + n, 0);
-}
-function J(t) {
-  const e = E(t);
-  switch (A.querySelectorAll(e).length) {
-    case 0:
-      throw new Error(`Can't select any node with this selector: ${e}`);
-    case 1:
-      return !0;
-    default:
-      return !1;
-  }
-}
-function yt(t) {
-  const e = t.getAttribute("id");
-  return e && y.idName(e) ? {
-    name: "#" + CSS.escape(e),
-    penalty: 0
-  } : null;
-}
-function ft(t) {
-  return Array.from(t.attributes).filter((n) => y.attr(n.name, n.value)).map((n) => ({
-    name: `[${CSS.escape(n.name)}="${CSS.escape(n.value)}"]`,
-    penalty: 0.5
-  }));
-}
-function ht(t) {
-  return Array.from(t.classList).filter(y.className).map((n) => ({
-    name: "." + CSS.escape(n),
-    penalty: 1
-  }));
-}
-function mt(t) {
-  const e = t.tagName.toLowerCase();
-  return y.tagName(e) ? {
-    name: e,
-    penalty: 2
-  } : null;
-}
-function F() {
-  return {
-    name: "*",
-    penalty: 3
-  };
-}
-function wt(t) {
-  const e = t.parentNode;
-  if (!e)
-    return null;
-  let n = e.firstChild;
-  if (!n)
-    return null;
-  let a = 0;
-  for (; n && (n.nodeType === Node.ELEMENT_NODE && a++, n !== t); )
-    n = n.nextSibling;
-  return a;
-}
-function R(t, e) {
-  return {
-    name: t.name + `:nth-child(${e})`,
-    penalty: t.penalty + 1
-  };
-}
-function T(t) {
-  return t.name !== "html" && !t.name.startsWith("#");
-}
-function b(...t) {
-  const e = t.filter(Ct);
-  return e.length > 0 ? e : null;
-}
-function Ct(t) {
-  return t != null;
-}
-function* K(t, e = []) {
-  if (t.length > 0)
-    for (let n of t[0])
-      yield* K(t.slice(1, t.length), e.concat(n));
-  else
-    yield e;
-}
-function X(t) {
-  return [...t].sort((e, n) => B(e) - B(n));
-}
-function* Y(t, e, n = {
-  counter: 0,
-  visited: /* @__PURE__ */ new Map()
-}) {
-  if (t.length > 2 && t.length > y.optimizedMinLength)
-    for (let a = 1; a < t.length - 1; a++) {
-      if (n.counter > y.maxNumberOfTries)
-        return;
-      n.counter += 1;
-      const o = [...t];
-      o.splice(a, 1);
-      const r = E(o);
-      if (n.visited.has(r))
-        return;
-      J(o) && _t(o, e) && (yield o, n.visited.set(r, !0), yield* Y(o, e, n));
-    }
-}
-function _t(t, e) {
-  return A.querySelector(E(t)) === e;
-}
-class f extends Error {
+class g extends Error {
   constructor(e = "Method is not implemented") {
     super(e), this.name = "NotImplementedError", this.message = e, this.stack = `NotImplementedError: ${e}`;
   }
 }
-class Dt {
+class Ye {
   constructor(e) {
     p(this, "ontimerangechange", null);
     p(this, "onvpnclientstatuschange", null);
@@ -793,18 +618,18 @@ class Dt {
     p(this, "vpnClientStatus");
     p(this, "getDesignToken");
     this._getApiLinks = () => new Map(e._apiLinkEntries), this._getDesignTokens = () => new Map(e._designTokenEntries), 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);
-    const n = (r) => this._getDesignTokens().get(r) ?? "";
-    n.var = (r) => `var(--uic-${r})`, this.getDesignToken = n;
-    const a = new CSSStyleSheet(), o = e._designTokenEntries.map(([r, i]) => `--uic-${r}:${i}`);
-    a.replaceSync(`:root {${o.join(";")}}`), window.document.adoptedStyleSheets.push(a);
+    const n = (a) => this._getDesignTokens().get(a) ?? "";
+    n.var = (a) => `var(--uic-${a})`, this.getDesignToken = n;
+    const s = new CSSStyleSheet(), o = e._designTokenEntries.map(([a, i]) => `--uic-${a}:${i}`);
+    s.replaceSync(`:root {${o.join(";")}}`), window.document.adoptedStyleSheets.push(s);
   }
   _messageHandler(e) {
     if (e.source === window.parent)
       switch (e.data.type) {
-        case s.TimeRangeChange:
+        case r.TimeRangeChange:
           this.ontimerangechange && this.ontimerangechange(...e.data.payload);
           break;
-        case s.VpnClientStatusChange:
+        case r.VpnClientStatusChange:
           this.onvpnclientstatuschange && this.onvpnclientstatuschange(...e.data.payload);
           break;
       }
@@ -813,145 +638,149 @@ class Dt {
     const e = crypto.randomUUID();
     return window.parent.postMessage(
       {
-        type: s.BackendComponentClientCreate,
+        type: r.BackendComponentClientCreate,
         payload: { clientId: e }
       },
       "*"
-    ), new Rt(e);
+    ), new Ze(e);
   }
   createLoggingDataClient() {
     const e = crypto.randomUUID();
     return window.parent.postMessage(
       {
-        type: s.LoggingDataClientCreate,
+        type: r.LoggingDataClientCreate,
         payload: { clientId: e }
       },
       "*"
-    ), new bt(e);
+    ), new xe(e);
   }
   createObjectStorageClient() {
-    throw new f();
+    throw new g();
   }
   createResourceDataClient() {
     const e = crypto.randomUUID();
     return window.parent.postMessage(
       {
-        type: s.ResourceDataClientCreate,
+        type: r.ResourceDataClientCreate,
         payload: { clientId: e }
       },
       "*"
-    ), new St(e);
+    ), new et(e);
   }
   createTooltip() {
-    throw new f();
+    throw new g();
   }
   destroy() {
-    window.parent.postMessage({ type: s.Destroy }, "*"), window.removeEventListener("message", this._messageHandler, !1), this.destroyed = !0;
+    window.parent.postMessage({ type: r.Destroy }, "*"), window.removeEventListener("message", this._messageHandler, !1), this.destroyed = !0;
   }
   getApiUrl(e, n) {
-    const a = this._getApiLinks().get(e);
-    if (!a)
+    const s = this._getApiLinks().get(e);
+    if (!s)
       throw new Error("IxApiError: entry not found");
-    return n ? Object.keys(n).sort().reduce((o, r) => {
-      if (o.includes(`{${r}}`))
-        return o.replace(`{${r}}`, n[r]);
+    return n ? Object.keys(n).sort().reduce((o, a) => {
+      if (o.includes(`{${a}}`))
+        return o.replace(`{${a}}`, n[a]);
       const i = new URL(o);
-      return i.searchParams.set(r, n[r]), decodeURIComponent(i.href);
-    }, a.href) : a.href;
+      return i.searchParams.set(a, n[a]), decodeURIComponent(i.href);
+    }, s.href) : s.href;
   }
   navigateByUrl(e) {
-    window.parent.postMessage({ type: s.NavigateByUrl, payload: { url: e } }, "*");
+    window.parent.postMessage({ type: r.NavigateByUrl, payload: { url: e } }, "*");
   }
   openActionBottomSheet(e) {
     return new Promise((n) => {
-      window.addEventListener("message", a, !1), window.parent.postMessage({ type: s.OpenActionBottomSheet, payload: { options: e } }, "*");
-      function a(o) {
-        o.source === window.parent && o.data.type === s.OpenActionBottomSheetResult && (window.removeEventListener("message", a, !1), n(o.data.payload.result));
+      window.addEventListener("message", s, !1), window.parent.postMessage({ type: r.OpenActionBottomSheet, payload: { options: e } }, "*");
+      function s(o) {
+        o.source === window.parent && o.data.type === r.OpenActionBottomSheetResult && (window.removeEventListener("message", s, !1), n(o.data.payload.result));
       }
     });
   }
   openActionMenu(e, n) {
-    return new Promise((a) => {
-      window.addEventListener("message", o, !1), window.parent.postMessage({ type: s.OpenActionMenu, payload: { selector: P(e), options: n } }, "*");
-      function o(r) {
-        r.source === window.parent && r.data.type === s.OpenActionMenuResult && (window.removeEventListener("message", o, !1), a(r.data.payload.result));
+    return new Promise((s) => {
+      window.addEventListener("message", a, !1);
+      const o = e.getBoundingClientRect();
+      window.parent.postMessage({ type: r.OpenActionMenu, payload: { targetRect: o, options: n } }, "*");
+      function a(i) {
+        i.source === window.parent && i.data.type === r.OpenActionMenuResult && (window.removeEventListener("message", a, !1), s(i.data.payload.result));
       }
     });
   }
   openAlertDialog(e) {
     return new Promise((n) => {
-      window.addEventListener("message", a, !1), window.parent.postMessage({ type: s.OpenAlertDialog, payload: { options: e } }, "*");
-      function a(o) {
-        o.source === window.parent && o.data.type === s.OpenAlertDialogResult && (window.removeEventListener("message", a, !1), n(o.data.payload.result));
+      window.addEventListener("message", s, !1), window.parent.postMessage({ type: r.OpenAlertDialog, payload: { options: e } }, "*");
+      function s(o) {
+        o.source === window.parent && o.data.type === r.OpenAlertDialogResult && (window.removeEventListener("message", s, !1), n(o.data.payload.result));
       }
     });
   }
   openConfirmDialog(e) {
     return new Promise((n) => {
-      window.addEventListener("message", a, !1), window.parent.postMessage({ type: s.OpenConfirmDialog, payload: { options: e } }, "*");
-      function a(o) {
-        o.source === window.parent && o.data.type === s.OpenConfirmDialogResult && (window.removeEventListener("message", a, !1), n(o.data.payload.result));
+      window.addEventListener("message", s, !1), window.parent.postMessage({ type: r.OpenConfirmDialog, payload: { options: e } }, "*");
+      function s(o) {
+        o.source === window.parent && o.data.type === r.OpenConfirmDialogResult && (window.removeEventListener("message", s, !1), n(o.data.payload.result));
       }
     });
   }
   openContentDialog(e) {
     if (typeof e.onopened == "function")
-      throw new f('The "onopened" option is not implemented');
+      throw new g('The "onopened" option is not implemented');
     if (typeof e.onclose == "function")
-      throw new f('The "onclose" option is not implemented');
+      throw new g('The "onclose" option is not implemented');
     if (e.pagination)
-      throw new f('The "pagination" option is not implemented');
+      throw new g('The "pagination" option is not implemented');
     return new Promise((n) => {
-      window.addEventListener("message", a, !1), window.parent.postMessage(
+      window.addEventListener("message", s, !1), window.parent.postMessage(
         {
-          type: s.OpenContentDialog,
+          type: r.OpenContentDialog,
           payload: {
             options: e.htmlContent && typeof e.htmlContent != "string" ? { ...e, htmlContent: e.htmlContent.cloneNode(!0).outerHTML } : e
           }
         },
         "*"
       );
-      function a(o) {
-        o.source === window.parent && o.data.type === s.OpenContentDialogResult && (window.removeEventListener("message", a, !1), n(o.data.payload.result));
+      function s(o) {
+        o.source === window.parent && o.data.type === r.OpenContentDialogResult && (window.removeEventListener("message", s, !1), n(o.data.payload.result));
       }
     });
   }
   openFormDialog(e) {
     return new Promise((n) => {
-      window.addEventListener("message", a, !1), window.parent.postMessage({ type: s.OpenFormDialog, payload: { options: e } }, "*");
-      function a(o) {
-        o.source === window.parent && o.data.type === s.OpenFormDialogResult && (window.removeEventListener("message", a, !1), n(o.data.payload.result));
+      window.addEventListener("message", s, !1), window.parent.postMessage({ type: r.OpenFormDialog, payload: { options: e } }, "*");
+      function s(o) {
+        o.source === window.parent && o.data.type === r.OpenFormDialogResult && (window.removeEventListener("message", s, !1), n(o.data.payload.result));
       }
     });
   }
   openSelectPanel(e, n) {
-    return new Promise((a) => {
-      window.addEventListener("message", o, !1), window.parent.postMessage({ type: s.OpenSelectPanel, payload: { selector: P(e), options: n } }, "*");
-      function o(r) {
-        r.source === window.parent && r.data.type === s.OpenSelectPanelResult && (window.removeEventListener("message", o, !1), a(r.data.payload.result));
+    return new Promise((s) => {
+      window.addEventListener("message", a, !1);
+      const o = e.getBoundingClientRect();
+      window.parent.postMessage({ type: r.OpenSelectPanel, payload: { targetRect: o, options: n } }, "*");
+      function a(i) {
+        i.source === window.parent && i.data.type === r.OpenSelectPanelResult && (window.removeEventListener("message", a, !1), s(i.data.payload.result));
       }
     });
   }
   openToast(...e) {
     return new Promise((n) => {
-      window.addEventListener("message", r, !1);
-      const a = crypto.randomUUID(), o = typeof e[0] == "string" ? { ...e[1], message: e[0] } : e[0];
-      window.parent.postMessage({ type: s.OpenToast, payload: { id: a, options: o } }, "*");
-      function r(i) {
-        i.source === window.parent && i.data.type === s.OpenToastResult && i.data.payload.id === a && (window.removeEventListener("message", r, !1), n(i.data.payload.result));
+      window.addEventListener("message", a, !1);
+      const s = crypto.randomUUID(), o = typeof e[0] == "string" ? { ...e[1], message: e[0] } : e[0];
+      window.parent.postMessage({ type: r.OpenToast, payload: { id: s, options: o } }, "*");
+      function a(i) {
+        i.source === window.parent && i.data.type === r.OpenToastResult && i.data.payload.id === s && (window.removeEventListener("message", a, !1), n(i.data.payload.result));
       }
     });
   }
   sanitizeHtml() {
-    throw new f();
+    throw new g();
   }
   saveAsFile() {
-    throw new f();
+    throw new g();
   }
   setTimeRange(e) {
     window.parent.postMessage(
       {
-        type: s.SetTimeRange,
+        type: r.SetTimeRange,
         payload: { timeRange: e }
       },
       "*"
@@ -960,32 +789,32 @@ class Dt {
   showVpnStatusDetails(e) {
     window.parent.postMessage(
       {
-        type: s.ShowVpnStatusDetails,
+        type: r.ShowVpnStatusDetails,
         payload: { agentId: e }
       },
       "*"
     );
   }
   testVpnAccess() {
-    throw new f();
+    throw new g();
   }
   toggleVpn(e) {
-    window.parent.postMessage({ type: s.ToggleVpn, payload: { agentId: e } }, "*");
+    window.parent.postMessage({ type: r.ToggleVpn, payload: { agentId: e } }, "*");
   }
   translate() {
-    throw new f();
+    throw new g();
   }
 }
-class Rt {
+class Ze {
   constructor(e) {
     this.id = e;
   }
   call(e, n) {
-    return new Promise((a) => {
+    return new Promise((s) => {
       const o = crypto.randomUUID();
-      window.addEventListener("message", r, !1), window.parent.postMessage(
+      window.addEventListener("message", a, !1), window.parent.postMessage(
         {
-          type: s.BackendComponentClientCall,
+          type: r.BackendComponentClientCall,
           payload: {
             clientId: this.id,
             callId: o,
@@ -995,48 +824,48 @@ class Rt {
         },
         "*"
       );
-      function r(i) {
-        i.source === window.parent && i.data.type === s.BackendComponentClientCallResult && i.data.payload.callId === o && (window.removeEventListener("message", r, !1), a(i.data.payload.result));
+      function a(i) {
+        i.source === window.parent && i.data.type === r.BackendComponentClientCallResult && i.data.payload.callId === o && (window.removeEventListener("message", a, !1), s(i.data.payload.result));
       }
     });
   }
   destroy() {
     window.parent.postMessage(
       {
-        type: s.BackendComponentClientDestroy,
+        type: r.BackendComponentClientDestroy,
         payload: { clientId: this.id }
       },
       "*"
     );
   }
 }
-class bt {
+class xe {
   constructor(e) {
     this.id = e;
   }
   query(e, n) {
-    const a = crypto.randomUUID();
+    const s = crypto.randomUUID();
     return window.addEventListener("message", o, !1), window.parent.postMessage(
       {
-        type: s.LoggingDataClientQuery,
-        payload: { clientId: this.id, queryId: a, query: e }
+        type: r.LoggingDataClientQuery,
+        payload: { clientId: this.id, queryId: s, query: e }
       },
       "*"
     ), () => {
       window.removeEventListener("message", o, !1);
     };
-    function o(r) {
-      if (r.source === window.parent && r.data.type === s.LoggingDataClientQueryResult && r.data.payload.queryId === a) {
-        const { results: i } = r.data.payload;
+    function o(a) {
+      if (a.source === window.parent && a.data.type === r.LoggingDataClientQueryResult && a.data.payload.queryId === s) {
+        const { results: i } = a.data.payload;
         if (e.length)
           if (!e.queries || e.format !== "csv") {
-            const d = i.map((l) => N(l));
-            n(d);
+            const c = i.map((d) => T(d));
+            n(c);
           } else
-            throw new f();
+            throw new g();
         else {
-          const d = N(i);
-          n(d);
+          const c = T(i);
+          n(c);
         }
       }
     }
@@ -1044,90 +873,90 @@ class bt {
   destroy() {
     window.parent.postMessage(
       {
-        type: s.LoggingDataClientDestroy,
+        type: r.LoggingDataClientDestroy,
         payload: { clientId: this.id }
       },
       "*"
     );
   }
 }
-class St {
+class et {
   constructor(e) {
     this.id = e;
   }
   query(e, n) {
-    const a = crypto.randomUUID();
+    const s = crypto.randomUUID();
     return window.addEventListener("message", o, !1), window.parent.postMessage(
       {
-        type: s.ResourceDataClientQuery,
-        payload: { clientId: this.id, queryId: a, query: e }
+        type: r.ResourceDataClientQuery,
+        payload: { clientId: this.id, queryId: s, query: e }
       },
       "*"
     ), () => {
       window.removeEventListener("message", o, !1);
     };
-    function o(r) {
-      r.source === window.parent && r.data.type === s.ResourceDataClientQueryResult && r.data.payload.queryId === a && n(r.data.payload.results);
+    function o(a) {
+      a.source === window.parent && a.data.type === r.ResourceDataClientQueryResult && a.data.payload.queryId === s && n(a.data.payload.results);
     }
   }
   update(e) {
     return new Promise((n) => {
-      const a = crypto.randomUUID();
+      const s = crypto.randomUUID();
       window.addEventListener("message", o, !1), window.parent.postMessage(
         {
-          type: s.ResourceDataClientUpdate,
-          payload: { clientId: this.id, updateId: a, update: e }
+          type: r.ResourceDataClientUpdate,
+          payload: { clientId: this.id, updateId: s, update: e }
         },
         "*"
       );
-      function o(r) {
-        r.source === window.parent && r.data.type === s.ResourceDataClientUpdated && r.data.payload.updateId === a && (window.removeEventListener("message", o, !1), n());
+      function o(a) {
+        a.source === window.parent && a.data.type === r.ResourceDataClientUpdated && a.data.payload.updateId === s && (window.removeEventListener("message", o, !1), n());
       }
     });
   }
   render(e, n) {
-    const a = crypto.randomUUID();
+    const s = crypto.randomUUID();
     return window.addEventListener("message", o, !1), window.parent.postMessage(
       {
-        type: s.ResourceDataClientRender,
-        payload: { clientId: this.id, queryId: a, query: e }
+        type: r.ResourceDataClientRender,
+        payload: { clientId: this.id, queryId: s, query: e }
       },
       "*"
     ), () => {
       window.removeEventListener("message", o, !1);
     };
-    function o(r) {
-      r.source === window.parent && r.data.type === s.ResourceDataClientRenderResult && r.data.payload.queryId === a && n(r.data.payload.results);
+    function o(a) {
+      a.source === window.parent && a.data.type === r.ResourceDataClientRenderResult && a.data.payload.queryId === s && n(a.data.payload.results);
     }
   }
   destroy() {
     window.parent.postMessage(
       {
-        type: s.ResourceDataClientDestroy,
+        type: r.ResourceDataClientDestroy,
         payload: { clientId: this.id }
       },
       "*"
     );
   }
 }
-function I(t) {
+function S(t) {
   const e = !!(t && t.migrateInputs);
-  return !e && I.__cache__ ? Promise.resolve(I.__cache__) : new Promise((n) => {
+  return !e && S.__cache__ ? Promise.resolve(S.__cache__) : new Promise((n) => {
     window.addEventListener(
       "message",
-      function a(o) {
-        if (o.source === window.parent && o.data && o.data.type === s.Created) {
-          let r = o.data.payload;
-          e && (r.inputs = t.migrateInputs(r.inputs, null));
-          const i = new Dt(r);
-          n(i), e || (I.__cache__ = i), window.removeEventListener("message", a, !1);
+      function s(o) {
+        if (o.source === window.parent && o.data && o.data.type === r.Created) {
+          let a = o.data.payload;
+          e && (a.inputs = t.migrateInputs(a.inputs, null));
+          const i = new Ye(a);
+          n(i), e || (S.__cache__ = i), window.removeEventListener("message", s, !1);
         }
       },
       !1
-    ), window.parent.postMessage({ type: s.Create }, "*");
+    ), window.parent.postMessage({ type: r.Create }, "*");
   });
 }
 export {
-  Mt as connect,
-  I as getComponentContext
+  nt as connect,
+  S as getComponentContext
 };