@davra/ui-core 1.0.0-AEP-6394.1

package/dist/ui-core.es.js

@@ -0,0 +1,1586 @@
+import { getCurrentInstance as be, ref as b, watch as J, computed as S, defineComponent as L, onMounted as ue, resolveComponent as p, openBlock as A, createBlock as C, withCtx as i, createVNode as d, unref as u, isRef as R, readonly as q, createTextVNode as E, toDisplayString as B, createCommentVNode as P, mergeProps as F, withDirectives as he, vShow as ge, createElementVNode as de, createElementBlock as pe, Fragment as Ae, renderList as Ee, renderSlot as z, inject as Ce, normalizeProps as Ie, guardReactiveProps as Se, useCssVars as Te, normalizeClass as Ue } from "vue";
+import De from "axios";
+import { defineStore as N, storeToRefs as K } from "pinia";
+const ee = {
+  baseURL: ""
+}, f = (e = "") => De.create({
+  ...ee,
+  baseURL: e || ee.baseURL
+}), ke = async () => {
+  try {
+    const { data: e } = await f().get(
+      "/api/v1/tags/keys",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return e || [];
+  } catch {
+    return [];
+  }
+}, Ve = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/tags/values/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t || [];
+  } catch {
+    return [];
+  }
+}, $e = async (e, t) => {
+  const o = { ...e };
+  Object.entries(o).forEach(([l, n]) => {
+    t && t.includes(l) && delete o[l], (!n || /[^a-zA-Z_0-9\-+]/g.test(n)) && delete o[l];
+  });
+  try {
+    return await f().post(
+      "/api/v1/tags",
+      o,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    ), !0;
+  } catch {
+    return !1;
+  }
+}, Z = {
+  getLabels: ke,
+  createLabel: $e,
+  getValuesByKey: Ve
+}, Re = async (e = 0, t = 1e3, o, l) => {
+  const n = [];
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), o && n.push(`sort=${o}`), l && n.push(l);
+  try {
+    const { data: r, headers: s } = await f().get(
+      `/api/v1/twins?${n.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return { totalRecords: parseInt(s["com-davra-total-results"]), records: r };
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, je = async (e) => {
+  try {
+    const { data: t, headers: o } = await f().post(
+      "/api/v1/twins/query",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return { totalRecords: parseInt(o["com-davra-total-results"]), records: t };
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, Oe = async (e) => {
+  try {
+    const { data: t, headers: o } = await f().get(
+      `/api/v1/twins?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return { totalRecords: parseInt(o["com-davra-total-results"]), records: t };
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, Me = async (e, t = 0, o = 1e3, l, n) => {
+  const r = [`digitalTwinTypeName=${e}`, `limit=${o}`, `start=${t}`];
+  l && r.push(`sort=${l}`), n && r.push(`name=~${n}`);
+  try {
+    const { data: s, headers: a } = await f().get(
+      `/api/v1/twins/?${r.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return { totalRecords: parseInt(a["com-davra-total-results"]), records: s };
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, Pe = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/twins/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, Be = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/twins/${e}/attachments`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, W = {
+  getTwins: Re,
+  getTwinsByTypeName: Me,
+  getTwinByUUID: Pe,
+  getTwinByUUIDs: Oe,
+  getTwinAttachements: Be,
+  queryTwins: je
+};
+var te;
+const xe = typeof window < "u", Le = (e) => typeof e < "u", Ne = (e) => typeof e == "function";
+xe && ((te = window == null ? void 0 : window.navigator) != null && te.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function qe(e) {
+  return e;
+}
+function ze(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+const ae = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ne = "__vueuse_ssr_handlers__";
+ae[ne] = ae[ne] || {};
+var se;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(se || (se = {}));
+var Fe = Object.defineProperty, oe = Object.getOwnPropertySymbols, Qe = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable, re = (e, t, o) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, Je = (e, t) => {
+  for (var o in t || (t = {}))
+    Qe.call(t, o) && re(e, o, t[o]);
+  if (oe)
+    for (var o of oe(t))
+      We.call(t, o) && re(e, o, t[o]);
+  return e;
+};
+const Ke = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+Je({
+  linear: qe
+}, Ke);
+function G(e, t, o, l = {}) {
+  var n, r, s;
+  const {
+    clone: a = !1,
+    passive: c = !1,
+    eventName: v,
+    deep: _ = !1,
+    defaultValue: h
+  } = l, w = be(), I = o || (w == null ? void 0 : w.emit) || ((n = w == null ? void 0 : w.$emit) == null ? void 0 : n.bind(w)) || ((s = (r = w == null ? void 0 : w.proxy) == null ? void 0 : r.$emit) == null ? void 0 : s.bind(w == null ? void 0 : w.proxy));
+  let T = v;
+  t || (t = "modelValue"), T = v || T || `update:${t.toString()}`;
+  const j = (D) => a ? Ne(a) ? a(D) : ze(D) : D, U = () => Le(e[t]) ? j(e[t]) : h;
+  if (c) {
+    const D = U(), O = b(D);
+    return J(() => e[t], (m) => O.value = j(m)), J(O, (m) => {
+      (m !== e[t] || _) && I(T, m);
+    }, { deep: _ }), O;
+  } else
+    return S({
+      get() {
+        return U();
+      },
+      set(D) {
+        I(T, D);
+      }
+    });
+}
+function Ge(e, t, o = {}) {
+  const l = {};
+  for (const n in e)
+    l[n] = G(e, n, t, o);
+  return l;
+}
+const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("span", null, null, -1), ve = /* @__PURE__ */ L({
+  __name: "LabelInput",
+  props: {
+    labels: {},
+    twintypes: {},
+    labelkey: {},
+    labelvalue: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["update:labelkey", "update:labelvalue", "removelabel"],
+  setup(e, { emit: t }) {
+    const o = e, l = S(() => [
+      { header: "Keys", color: "blue", icon: "mdi-label" },
+      ...o.labels,
+      { header: "Digital Twin Types", color: "purple", icon: "mdi-content-duplicate" },
+      ...o.twintypes
+    ]), { labelkey: n, labelvalue: r } = Ge(o, t), s = b(""), a = b(""), c = b([]), v = b([]), _ = b(!1), h = (m) => o.twintypes.find((g) => g === m) ? "twintypes" : "labels", w = S(() => h(n.value)), I = () => {
+      document.activeElement.blur();
+    }, T = (m) => {
+      m.key === "Enter" && I();
+    }, j = async (m) => {
+      const g = h(m);
+      if (_.value = !0, g === "twintypes")
+        try {
+          const k = await W.getTwinsByTypeName(m);
+          v.value = k.records.map(($) => ({ value: $.UUID, label: $.name }));
+        } catch {
+        }
+      else if (g === "labels")
+        try {
+          const k = await Z.getValuesByKey(m);
+          c.value = k;
+        } catch {
+        }
+      else
+        v.value = [], c.value = [];
+      _.value = !1;
+    };
+    J(n, async (m, g) => {
+      m !== g && (j(m), g !== "" && (r.value = ""));
+    });
+    const U = b(), D = S(() => {
+      var m;
+      return (m = U.value) == null ? void 0 : m.isFocused;
+    }), O = {
+      specialNames: (m) => ![
+        "deviceid",
+        "uuid",
+        "tags",
+        "serialnumber",
+        "tenantid",
+        "userid"
+      ].includes(m.toLowerCase().trim()) || "cannot use this name",
+      alphanumericAndDash: (m) => !/[^a-zA-Z_0-9\-+]/g.test(m) || "No spaces and Only alphanumeric and dash or underscore",
+      notEmpty: (m) => !!m.trim() || "Required"
+    };
+    return ue(() => {
+      n.value && j(n.value);
+    }), (m, g) => {
+      const k = p("v-icon"), $ = p("v-chip"), V = p("v-list-item-title"), M = p("v-list-item"), X = p("v-combobox"), H = p("v-col"), _e = p("v-autocomplete"), fe = p("v-btn"), we = p("v-row");
+      return A(), C(we, { class: "py-2" }, {
+        default: i(() => [
+          d(H, { class: "py-0 flex-grow-1 flex-shrink-0" }, {
+            default: i(() => [
+              d(X, {
+                modelValue: u(n),
+                "onUpdate:modelValue": g[0] || (g[0] = (y) => R(n) ? n.value = y : null),
+                search: u(s),
+                "onUpdate:search": g[1] || (g[1] = (y) => R(s) ? s.value = y : null),
+                "item-value": "value",
+                "data-testid": "label-key-selector",
+                readonly: "readonly" in m ? m.readonly : u(q),
+                class: "label-combo-key",
+                variant: "outlined",
+                label: "Key",
+                items: u(l),
+                "hide-no-data": !1,
+                "no-data-text": "",
+                "hide-details": "auto",
+                density: "compact",
+                rules: [O.alphanumericAndDash, O.specialNames],
+                "menu-props": { maxHeight: "400px", zIndex: 9999999 },
+                onKeydown: T
+              }, {
+                "no-data": i(() => [
+                  He
+                ]),
+                "prepend-item": i(() => [
+                  u(s) && !u(l).includes(u(s)) ? (A(), C(M, {
+                    key: 0,
+                    class: "bg-blue-lighten-5",
+                    onClick: I
+                  }, {
+                    default: i(() => [
+                      d(V, null, {
+                        default: i(() => [
+                          E(" Create new key "),
+                          d($, {
+                            class: "ma-2",
+                            color: "blue",
+                            label: ""
+                          }, {
+                            default: i(() => [
+                              d(k, {
+                                start: "",
+                                icon: "mdi-label"
+                              }),
+                              E(" " + B(u(s)), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : P("", !0)
+                ]),
+                item: i(({ item: y, props: x }) => [
+                  y.raw.header ? (A(), C(M, F({ key: 0 }, x, {
+                    disabled: "",
+                    class: ["opacityMax", `bg-${y.raw.color}-lighten-5`],
+                    style: {},
+                    title: !1,
+                    subtitle: y.raw.header
+                  }), {
+                    prepend: i(() => [
+                      he(d(k, {
+                        icon: y.raw.icon,
+                        color: y.raw.color,
+                        size: "small"
+                      }, null, 8, ["icon", "color"]), [
+                        [ge, y.raw.icon]
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040, ["class", "subtitle"])) : (A(), C(M, F({ key: 1 }, x, {
+                    title: y.value
+                  }), null, 16, ["title"]))
+                ]),
+                chip: i(({ item: y, props: x }) => [
+                  y.value ? (A(), C($, F({
+                    key: 0,
+                    color: h(y.value) === "twintypes" ? "purple" : "blue",
+                    label: ""
+                  }, x), {
+                    default: i(() => [
+                      d(k, {
+                        start: "",
+                        icon: h(y.value) === "twintypes" ? "mdi-content-duplicate" : "mdi-label"
+                      }, null, 8, ["icon"]),
+                      E(" " + B(y.value), 1)
+                    ]),
+                    _: 2
+                  }, 1040, ["color"])) : P("", !0)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "search", "readonly", "items", "rules"])
+            ]),
+            _: 1
+          }),
+          d(H, { class: "py-0 flex-grow-1 flex-shrink-0" }, {
+            default: i(() => [
+              u(w) === "twintypes" ? (A(), C(_e, {
+                key: 0,
+                ref_key: "autocomplete",
+                ref: U,
+                modelValue: u(r),
+                "onUpdate:modelValue": g[2] || (g[2] = (y) => R(r) ? r.value = y : null),
+                "data-testid": "label-twin-selector",
+                readonly: "readonly" in m ? m.readonly : u(q),
+                class: "label-auto-value",
+                variant: "outlined",
+                "hide-details": "auto",
+                label: "Twin",
+                loading: u(_),
+                density: "compact",
+                "item-title": "label",
+                "item-value": "value",
+                items: u(v),
+                disabled: u(n) === "",
+                "menu-props": { maxHeight: "400px" },
+                "hide-no-data": !1,
+                "no-data-text": "",
+                clearable: ""
+              }, {
+                chip: i(({ item: y, props: x }) => [
+                  y.value && !u(D) ? (A(), C($, F({
+                    key: 0,
+                    color: "purple",
+                    label: ""
+                  }, x), {
+                    default: i(() => [
+                      d(k, {
+                        start: "",
+                        icon: "mdi-shape"
+                      }),
+                      E(" " + B(y.title), 1)
+                    ]),
+                    _: 2
+                  }, 1040)) : P("", !0)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "readonly", "loading", "items", "disabled"])) : (A(), C(X, {
+                key: 1,
+                search: u(a),
+                "onUpdate:search": g[3] || (g[3] = (y) => R(a) ? a.value = y : null),
+                modelValue: u(r),
+                "onUpdate:modelValue": g[4] || (g[4] = (y) => R(r) ? r.value = y : null),
+                disabled: !u(n) || u(n) === "",
+                "data-testid": "label-value-selector",
+                class: "label-combo-value",
+                "menu-props": { maxHeight: "400px" },
+                loading: u(_),
+                "hide-details": "auto",
+                variant: "outlined",
+                label: "Value",
+                items: u(c),
+                density: "compact",
+                "item-title": "label",
+                "item-value": "value",
+                "hide-no-data": !1,
+                "no-data-text": "",
+                rules: [O.alphanumericAndDash],
+                readonly: "readonly" in m ? m.readonly : u(q)
+              }, {
+                "no-data": i(() => [
+                  Ye
+                ]),
+                "prepend-item": i(() => [
+                  u(a) && !u(c).find((y) => y === u(a)) ? (A(), C(M, {
+                    key: 0,
+                    class: "bg-blue-lighten-5",
+                    onClick: I
+                  }, {
+                    default: i(() => [
+                      d(V, null, {
+                        default: i(() => [
+                          E(" Create new value "),
+                          d($, {
+                            class: "ma-2",
+                            color: "blue",
+                            label: ""
+                          }, {
+                            default: i(() => [
+                              d(k, {
+                                start: "",
+                                icon: "mdi-label"
+                              }),
+                              E(" " + B(u(a)), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : P("", !0)
+                ]),
+                chip: i(({ item: y, props: x }) => [
+                  y.value ? (A(), C($, F({
+                    key: 0,
+                    color: "blue",
+                    label: ""
+                  }, x), {
+                    default: i(() => [
+                      d(k, {
+                        start: "",
+                        icon: "mdi-shape"
+                      }),
+                      E(" " + B(y.title), 1)
+                    ]),
+                    _: 2
+                  }, 1040)) : P("", !0)
+                ]),
+                _: 1
+              }, 8, ["search", "modelValue", "disabled", "loading", "items", "rules", "readonly"]))
+            ]),
+            _: 1
+          }),
+          d(H, {
+            cols: "1",
+            style: { "min-width": "40px" },
+            class: "pa-0 flex-grow-0 flex-shrink-1"
+          }, {
+            default: i(() => [
+              ("readonly" in m ? m.readonly : u(q)) ? P("", !0) : (A(), C(fe, {
+                key: 0,
+                class: "label-delete-btn",
+                variant: "text",
+                icon: "mdi-delete",
+                color: "grey-darken-1",
+                flat: "",
+                size: "small",
+                onClick: g[5] || (g[5] = (y) => m.$emit("removelabel"))
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ze = async () => {
+  try {
+    const { data: e } = await f().get(
+      "/api/v1/twintypes",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return Object.values(e) || [];
+  } catch {
+    return [];
+  }
+}, Xe = {
+  getTwinTypes: Ze
+}, me = N("twinTypes", () => {
+  const e = b([]), t = S(() => e.value.map((n) => n.name)), o = S(() => e.value.map((n) => ({ value: n.UUID, label: n.name }))), l = async () => {
+    try {
+      const n = await Xe.getTwinTypes();
+      e.value = n;
+    } catch {
+    }
+  };
+  return l(), {
+    twinTypes: e,
+    pullTwinTypes: l,
+    twinTypeNames: t,
+    twinTypeSelectArray: o
+  };
+}), et = N("labels", () => {
+  const e = b([]), t = async () => {
+    try {
+      const l = await Z.getLabels();
+      e.value = l;
+    } catch {
+    }
+  }, o = async (l) => {
+    const { twinTypeNames: n } = K(me());
+    try {
+      await Z.createLabel(l, n.value), await t();
+    } catch {
+    }
+  };
+  return t(), {
+    labels: e,
+    pullLabels: t,
+    updateLabels: o
+  };
+}), tt = /* @__PURE__ */ L({
+  __name: "LabelsSelector",
+  props: {
+    modelValue: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, { labels: l } = K(et()), { twinTypeNames: n } = K(me()), r = b([]), s = S(() => (_) => l.value.filter((h) => !n.value.includes(h) && (_.key === h || !r.value.find(({ key: w }) => w === h)))), a = S(() => (_) => n.value.filter((h) => _.key === h || !r.value.find(({ key: w }) => w === h))), c = () => {
+      r.value.push({ key: "", value: "" });
+    }, v = (_) => {
+      r.value.splice(_, 1);
+    };
+    return J(r, (_) => {
+      const h = _.reduce((w, I) => (I.key && I.value && (w[I.key] = I.value), w), {});
+      t("update:modelValue", h);
+    }, { deep: !0 }), ue(() => {
+      o.modelValue && (r.value = Object.entries(o.modelValue).map(([_, h]) => ({ key: _, value: h })));
+    }), (_, h) => {
+      const w = p("v-spacer"), I = p("v-btn"), T = p("v-row"), j = p("v-card-title"), U = p("v-list-subheader"), D = p("v-col"), O = p("v-divider"), m = ve, g = p("v-card-text"), k = p("v-sheet");
+      return A(), C(k, {
+        class: "pa-3",
+        variant: "tonal",
+        border: "",
+        rounded: "",
+        color: "grey-lighten-4"
+      }, {
+        default: i(() => [
+          d(j, { class: "text-primary" }, {
+            default: i(() => [
+              d(T, { "no-gutters": "" }, {
+                default: i(() => [
+                  E(" Labels "),
+                  d(w),
+                  ("readonly" in _ ? _.readonly : u(q)) ? P("", !0) : (A(), C(I, {
+                    key: 0,
+                    class: "label-add-btn",
+                    size: "small",
+                    "prepend-icon": "mdi-plus",
+                    variant: "tonal",
+                    color: "primary",
+                    onClick: c
+                  }, {
+                    default: i(() => [
+                      E(" add a label ")
+                    ]),
+                    _: 1
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          u(r).length ? (A(), C(g, { key: 0 }, {
+            default: i(() => [
+              d(T, { "no-gutters": "" }, {
+                default: i(() => [
+                  d(D, null, {
+                    default: i(() => [
+                      d(U, null, {
+                        default: i(() => [
+                          E("Key")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(D, null, {
+                    default: i(() => [
+                      d(U, null, {
+                        default: i(() => [
+                          E("Value")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d(O, { class: "mb-3" }),
+              (A(!0), pe(Ae, null, Ee(u(r), ($, V) => (A(), C(m, {
+                key: V,
+                labelkey: u(r)[V].key,
+                "onUpdate:labelkey": (M) => u(r)[V].key = M,
+                labelvalue: u(r)[V].value,
+                "onUpdate:labelvalue": (M) => u(r)[V].value = M,
+                readonly: "readonly" in _ ? _.readonly : u(q),
+                labels: u(s)(u(r)[V]),
+                twintypes: u(a)(u(r)[V]),
+                "data-lab-key": $.key,
+                onRemovelabel: (M) => v(V)
+              }, null, 8, ["labelkey", "onUpdate:labelkey", "labelvalue", "onUpdate:labelvalue", "readonly", "labels", "twintypes", "data-lab-key", "onRemovelabel"]))), 128))
+            ]),
+            _: 1
+          })) : P("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), at = /* @__PURE__ */ L({
+  __name: "Modal",
+  props: {
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean }
+  },
+  emits: ["confirm", "update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, l = o.parentActivator ? b(!1) : G(o, "modelValue", t);
+    return (n, r) => {
+      const s = p("v-dialog");
+      return A(), C(s, {
+        modelValue: u(l),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => R(l) ? l.value = a : null),
+        activator: n.parentActivator ? "parent" : void 0
+      }, {
+        default: i(() => [
+          z(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator"]);
+    };
+  }
+}), nt = Symbol.for("vuetify:display");
+function st() {
+  const e = Ce(nt);
+  if (!e)
+    throw new Error("Could not find Vuetify display injection");
+  return e;
+}
+const ot = /* @__PURE__ */ L({
+  __name: "ViewObjectModal",
+  props: {
+    title: {},
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean },
+    hideActions: { type: Boolean }
+  },
+  emits: ["confirm", "update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, l = o.parentActivator ? b(!1) : G(o, "modelValue", t), n = () => {
+      t("confirm"), l.value = !1;
+    }, { mobile: r } = st();
+    return (s, a) => {
+      const c = p("v-toolbar-title"), v = p("v-btn"), _ = p("v-toolbar"), h = p("v-card-text"), w = p("v-spacer"), I = p("v-card-actions"), T = p("v-card"), j = p("v-dialog");
+      return A(), C(j, {
+        modelValue: u(l),
+        "onUpdate:modelValue": a[2] || (a[2] = (U) => R(l) ? l.value = U : null),
+        activator: s.parentActivator ? "parent" : void 0,
+        "max-width": "800px",
+        fullscreen: u(r)
+      }, {
+        default: i(() => [
+          d(T, null, {
+            default: i(() => [
+              d(_, { color: "white" }, {
+                append: i(() => [
+                  d(v, {
+                    "data-testid": "close-kpi-modal",
+                    size: "small",
+                    icon: "mdi-close",
+                    onClick: a[0] || (a[0] = (U) => l.value = !1)
+                  })
+                ]),
+                default: i(() => [
+                  d(c, null, {
+                    default: i(() => [
+                      E(B(s.title), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d(h, null, {
+                default: i(() => [
+                  z(s.$slots, "default")
+                ]),
+                _: 3
+              }),
+              s.hideActions ? P("", !0) : (A(), C(I, { key: 0 }, {
+                default: i(() => [
+                  z(s.$slots, "actions", Ie(Se({ confirm: n, dialog: u(l) })), () => [
+                    d(w),
+                    d(v, {
+                      class: "delete-modal-dismiss",
+                      color: "grey",
+                      onClick: a[1] || (a[1] = (U) => l.value = !1)
+                    }, {
+                      default: i(() => [
+                        E(" Dismiss ")
+                      ]),
+                      _: 1
+                    }),
+                    d(v, {
+                      class: "delete-modal-confirm",
+                      color: "red",
+                      variant: "elevated",
+                      onClick: n
+                    }, {
+                      default: i(() => [
+                        E(" Yes, I'm sure ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 3
+              }))
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator", "fullscreen"]);
+    };
+  }
+}), rt = /* @__PURE__ */ L({
+  __name: "DeleteModal",
+  props: {
+    title: {},
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean }
+  },
+  emits: ["confirm", "update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, l = o.parentActivator ? b(!1) : G(o, "modelValue", t), n = () => {
+      t("confirm"), l.value = !1;
+    };
+    return (r, s) => {
+      const a = p("v-card-title"), c = p("v-card-text"), v = p("v-spacer"), _ = p("v-btn"), h = p("v-card-actions"), w = p("v-card"), I = p("v-dialog");
+      return A(), C(I, {
+        modelValue: u(l),
+        "onUpdate:modelValue": s[1] || (s[1] = (T) => R(l) ? l.value = T : null),
+        activator: r.parentActivator ? "parent" : void 0,
+        "max-width": "400px"
+      }, {
+        default: i(() => [
+          d(w, null, {
+            default: i(() => [
+              d(a, null, {
+                default: i(() => [
+                  E(B(r.title), 1)
+                ]),
+                _: 1
+              }),
+              d(c, null, {
+                default: i(() => [
+                  z(r.$slots, "default")
+                ]),
+                _: 3
+              }),
+              d(h, null, {
+                default: i(() => [
+                  d(v),
+                  d(_, {
+                    class: "delete-modal-dismiss",
+                    color: "grey",
+                    onClick: s[0] || (s[0] = (T) => l.value = !1)
+                  }, {
+                    default: i(() => [
+                      E(" Dismiss ")
+                    ]),
+                    _: 1
+                  }),
+                  d(_, {
+                    class: "delete-modal-confirm",
+                    color: "red",
+                    variant: "elevated",
+                    onClick: n
+                  }, {
+                    default: i(() => [
+                      E(" Yes, I'm sure ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator"]);
+    };
+  }
+}), lt = /* @__PURE__ */ L({
+  __name: "ConfirmModal",
+  props: {
+    title: {}
+  },
+  emits: ["confirm"],
+  setup(e, { emit: t }) {
+    const o = b(!1), l = () => {
+      o.value = !1, t("confirm");
+    };
+    return (n, r) => {
+      const s = p("v-card-title"), a = p("v-card-text"), c = p("v-spacer"), v = p("v-btn"), _ = p("v-card-actions"), h = p("v-card"), w = p("v-dialog");
+      return A(), C(w, {
+        modelValue: u(o),
+        "onUpdate:modelValue": r[1] || (r[1] = (I) => R(o) ? o.value = I : null),
+        activator: "parent",
+        "max-width": "400px"
+      }, {
+        default: i(() => [
+          d(h, null, {
+            default: i(() => [
+              d(s, null, {
+                default: i(() => [
+                  E(B(n.title), 1)
+                ]),
+                _: 1
+              }),
+              d(a, null, {
+                default: i(() => [
+                  z(n.$slots, "default")
+                ]),
+                _: 3
+              }),
+              d(_, null, {
+                default: i(() => [
+                  d(c),
+                  d(v, {
+                    class: "confirm-modal-dismiss",
+                    color: "grey",
+                    onClick: r[0] || (r[0] = (I) => o.value = !1)
+                  }, {
+                    default: i(() => [
+                      E(" Cancel ")
+                    ]),
+                    _: 1
+                  }),
+                  d(v, {
+                    class: "confirm-modal-confirm",
+                    color: "primary",
+                    variant: "elevated",
+                    onClick: l
+                  }, {
+                    default: i(() => [
+                      E(" Yes, I'm sure ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ct = /* @__PURE__ */ L({
+  __name: "ScrollText",
+  setup(e) {
+    Te((s) => ({
+      "2e2ac96b": u(n),
+      e0628022: u(l)
+    }));
+    const t = b(null), o = S(() => {
+      var s, a;
+      return t.value ? ((s = t.value) == null ? void 0 : s.scrollWidth) - ((a = t.value) == null ? void 0 : a.offsetWidth) : 0;
+    }), l = S(() => `${-o.value - 10}px`), n = S(() => `${o.value / 30}s`), r = S(() => {
+      var s, a;
+      return ((s = t.value) == null ? void 0 : s.scrollWidth) !== ((a = t.value) == null ? void 0 : a.offsetWidth);
+    });
+    return (s, a) => (A(), pe("div", {
+      ref_key: "text",
+      ref: t,
+      class: Ue({ "scroll-text": u(r) })
+    }, [
+      z(s.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+const it = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [l, n] of t)
+    o[l] = n;
+  return o;
+}, ut = /* @__PURE__ */ it(ct, [["__scopeId", "data-v-4d66a865"]]), Q = N("alertMessages", () => {
+  const e = b(!1), t = b(""), o = b(""), l = b(5e3);
+  return {
+    snackbar: e,
+    snackbarText: t,
+    snackbarSeverity: o,
+    snackbarTimeout: l,
+    setSnackbarMessage: (r = "", s = "", a = 5e3) => {
+      t.value = r, o.value = s, l.value = a, e.value = !0;
+    }
+  };
+}), dt = /* @__PURE__ */ L({
+  __name: "Snackbar",
+  setup(e) {
+    const { snackbar: t, snackbarText: o, snackbarTimeout: l, snackbarSeverity: n } = K(Q());
+    return (r, s) => {
+      const a = p("v-btn"), c = p("v-snackbar");
+      return A(), C(c, {
+        modelValue: u(t),
+        "onUpdate:modelValue": s[1] || (s[1] = (v) => R(t) ? t.value = v : null),
+        style: { "margin-bottom": "50px" },
+        "data-testid": "snackbar",
+        timeout: u(l),
+        variant: "tonal",
+        color: u(n)
+      }, {
+        actions: i(() => [
+          d(a, {
+            color: "snackbarSeverity",
+            variant: "text",
+            onClick: s[0] || (s[0] = (v) => t.value = !1)
+          }, {
+            default: i(() => [
+              E(" Close ")
+            ]),
+            _: 1
+          })
+        ]),
+        default: i(() => [
+          E(B(u(o)) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "timeout", "color"]);
+    };
+  }
+}), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ConfirmModal: lt,
+  DeleteModal: rt,
+  LabelInput: ve,
+  LabelsSelector: tt,
+  Modal: at,
+  ScrollText: ut,
+  Snackbar: dt,
+  ViewObjectModal: ot
+}, Symbol.toStringTag, { value: "Module" }));
+const pt = 100, Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAGIC_NUM: pt
+}, Symbol.toStringTag, { value: "Module" }));
+function vt(e, t) {
+  return e + t;
+}
+const Bt = {
+  add: vt
+}, mt = async () => {
+  try {
+    const { data: e } = await f().get(
+      "/user",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return e;
+  } catch (e) {
+    throw e;
+  }
+}, ye = [
+  { Action: "devices.ACCESS" },
+  { Action: "devices.CREATE_DEVICE" },
+  { Action: "devicetypes.CREATE_DEVICE_TYPE" },
+  { Action: "devices.DELETE" },
+  { Action: "metrics.ACCESS" },
+  { Action: "metrics.CREATE_METRIC" },
+  { Action: "users.ACCESS" },
+  { Action: "users.CREATE_USER" },
+  { Action: "applications.ACCESS" },
+  { Action: "applications.CREATE_APPLICATION" },
+  { Action: "rulesengine.ACCESS" },
+  { Action: "rulesengine.CREATE_RULE" },
+  { Action: "microservices.ACCESS" },
+  { Action: "microservices.CREATE_MICROSERVICE" },
+  { Action: "componenttoolkit.ACCESS" },
+  { Action: "componenttoolkit.CREATE_WIDGET" },
+  { Action: "authorization.roles.ACCESS" },
+  { Action: "authorization.roles.CREATE_ROLE" },
+  { Action: "jobs.ACCESS" },
+  { Action: "jobs.CREATE_JOB" },
+  { Action: "files.ACCESS" },
+  { Action: "files.CREATE_FILE" },
+  { Action: "auditlogs.ACCESS" },
+  { Action: "twintypes.ACCESS" },
+  { Action: "twintypes.CREATE_TWINTYPE" },
+  { Action: "twins.ACCESS" },
+  { Action: "twins.CREATE_TWIN" },
+  { Action: "features.ACCESS" },
+  { Action: "features.CREATE_FEATURE" },
+  { Action: "oauthclients.ACCESS" },
+  { Action: "oauthclients.CREATE" },
+  { Action: "digitalSignatures.ACCESS" },
+  { Action: "digitalSignatures.CREATE_DIGITAL_SIGNATURE" },
+  { Action: "dashboards.ACCESS" },
+  { Action: "dashboards.CREATE_DASHBOARD" },
+  { Action: "integrations.ACCESS" }
+], yt = async (e = []) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v1/authorization/policy/check",
+      e.length ? e : ye,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    return [];
+  }
+}, ce = {
+  getUser: mt,
+  getUserPermissions: yt,
+  permissionList: ye
+}, _t = async (e) => {
+  const t = [];
+  e && t.push(e);
+  try {
+    const { data: o } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics?${t.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return o;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, ft = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, wt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, bt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, ht = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/latest/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t[0];
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, gt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/latest?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, xt = {
+  getDevicesCountersMetric: _t,
+  getDevicesCountersMetricByUUID: wt,
+  getDevicesCountersMetricByUUIDs: ft,
+  getDevicesCountersByUUID: bt,
+  getDevicesCountersLatestByUUID: ht,
+  getDevicesCountersLatestByUUIDs: gt
+}, At = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/twins/counters/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins Counters API Error");
+  }
+}, Et = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/twins/counters/latest/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins Counters API Error");
+  }
+}, Lt = {
+  getTwinsCountersLatestByUUID: Et,
+  getTwinsCountersByUUID: At
+}, Ct = async (e, t, o, l) => {
+  const n = [];
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), o && n.push(`sort=${o}`), l && n.push(l);
+  try {
+    const { data: r } = await f().get(
+      `/api/v1/devices?${n.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return r;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, It = async (e) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v1/devices/query",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, St = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t.records[0];
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, Tt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, Ut = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices/attachments/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, Y = {
+  getDevices: Ct,
+  queryDevices: It,
+  getDeviceByUUID: St,
+  getDeviceByUUIDs: Tt,
+  getDeviceAttachements: Ut
+}, Dt = async (e) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v2/timeseriesdata",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Timeseries Error");
+  }
+}, Nt = {
+  queryTimeseries: Dt
+}, kt = async () => {
+  var e, t, o, l, n, r, s;
+  try {
+    const { data: a } = await f().get(
+      "/api/v1/iotdata/meta-data/metrics",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return a.fields;
+  } catch (a) {
+    const c = typeof ((t = (e = a == null ? void 0 : a.response) == null ? void 0 : e.data) == null ? void 0 : t.message) == "string" ? (l = (o = a == null ? void 0 : a.response) == null ? void 0 : o.data) == null ? void 0 : l.message : typeof ((n = a == null ? void 0 : a.response) == null ? void 0 : n.data) == "string" ? (r = a == null ? void 0 : a.response) == null ? void 0 : r.data : "";
+    throw new Error(`API Error ${(s = a == null ? void 0 : a.response) == null ? void 0 : s.status} ${c}`);
+  }
+}, Vt = async (e) => {
+  var t, o, l, n, r, s, a;
+  try {
+    const { data: c } = await f().post(
+      "/api/v1/iotdata/meta-data",
+      {
+        name: e.name,
+        label: e.label,
+        units: e.units,
+        description: e.description,
+        semantics: e.semantics || "metric",
+        labels: e.labels
+      },
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return c;
+  } catch (c) {
+    const v = typeof ((o = (t = c == null ? void 0 : c.response) == null ? void 0 : t.data) == null ? void 0 : o.message) == "string" ? (n = (l = c == null ? void 0 : c.response) == null ? void 0 : l.data) == null ? void 0 : n.message : typeof ((r = c == null ? void 0 : c.response) == null ? void 0 : r.data) == "string" ? (s = c == null ? void 0 : c.response) == null ? void 0 : s.data : "";
+    throw new Error(`API Error ${(a = c == null ? void 0 : c.response) == null ? void 0 : a.status} ${v}`);
+  }
+}, ie = {
+  getMetrics: kt,
+  postMetric: Vt
+}, qt = N("userSession", () => {
+  const e = b(JSON.parse(localStorage.getItem("user") || "null")), t = b(JSON.parse(localStorage.getItem("user-permissions") || "[]")), o = S(() => {
+    var s;
+    return ((s = e.value) == null ? void 0 : s.name) || "no user";
+  }), l = S(() => (s) => {
+    var a, c;
+    return s ? ((c = (a = t.value) == null ? void 0 : a.find((v) => v.Action === s)) == null ? void 0 : c.Allowed) || !1 : !0;
+  }), n = async () => {
+    var s, a;
+    try {
+      const c = await ce.getUser();
+      if (e.value = c, (s = e.value) != null && s.UUID) {
+        const v = await ce.getUserPermissions();
+        t.value = v, localStorage.setItem("user", JSON.stringify(e.value)), localStorage.setItem("user-permissions", JSON.stringify(t.value));
+      }
+    } catch (c) {
+      ((a = c.response) == null ? void 0 : a.status) === 401 && (window.location.href = "/ui/login.html");
+    }
+  }, r = () => {
+    e.value = null, t.value = [], localStorage.removeItem("user"), localStorage.removeItem("user-permission"), window.location.href = "/ui/logout";
+  };
+  return n(), { user: e, pullUser: n, userName: o, userPermissions: t, getPermission: l, logout: r };
+}), zt = N("devices", () => {
+  const e = b({});
+  return {
+    pullDevicesByUUIDs: async (n, r = !1) => {
+      r && n.forEach((s) => {
+        delete e.value[s];
+      });
+      try {
+        const s = await Y.getDeviceByUUIDs(n);
+        return s.records.forEach((a) => {
+          e.value[a.UUID] = a;
+        }), s;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    pullDevices: async (n, r, s, a) => {
+      try {
+        const c = await Y.getDevices(n, r, s, a);
+        return c.records.forEach((v) => {
+          e.value[v.UUID] = v;
+        }), c;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    devicesCollection: e,
+    getDeviceFromUUID: async (n, r) => {
+      const s = e.value[n];
+      if (s)
+        return s;
+      if (r)
+        return null;
+      try {
+        const a = await Y.getDeviceByUUID(n);
+        if (a)
+          return e.value[a.UUID] = a, a;
+      } catch {
+        return null;
+      }
+    }
+  };
+}), Ft = N("twins", () => {
+  const e = b({});
+  return {
+    pullTwinsByUUIDs: async (n, r = !1) => {
+      r && n.forEach((s) => {
+        delete e.value[s];
+      });
+      try {
+        const s = await W.getTwinByUUIDs(n);
+        return s.records.forEach((a) => {
+          e.value[a.UUID] = a;
+        }), s;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    pullTwins: async (n, r, s, a) => {
+      try {
+        const c = await W.getTwins(n, r, s, a);
+        return c.records.forEach((v) => {
+          e.value[v.UUID] = v;
+        }), c;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    twinsCollection: e,
+    getTwinFromUUID: async (n, r) => {
+      const s = e.value[n];
+      if (s)
+        return s;
+      if (r)
+        return null;
+      try {
+        const a = await W.getTwinByUUID(n);
+        if (a)
+          return e.value[a.UUID] = a, a;
+      } catch {
+        return null;
+      }
+    }
+  };
+}), $t = async () => {
+  try {
+    const { data: e } = await f().get(
+      "/api/v1/iotdata/metrics/counters",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return e;
+  } catch {
+    throw new Error("Metric Counter API Error");
+  }
+}, Rt = {
+  getMetricsCounters: $t
+}, Qt = N("metrics", () => {
+  const e = b([]), t = b([]), o = S(() => (a) => {
+    var c;
+    return (c = t.value) == null ? void 0 : c.find((v) => v.name === a);
+  }), l = S(() => e.value.map((a) => ({ title: `${a.label} ${a.name}`, label: a.label, value: a.name }))), n = async (a) => {
+    if (!(a && e.value.length))
+      try {
+        const c = await ie.getMetrics();
+        e.value = c;
+      } catch (c) {
+        Q().setSnackbarMessage(c, "error");
+      }
+  }, r = async () => {
+    try {
+      const a = await Rt.getMetricsCounters();
+      t.value = a;
+    } catch (a) {
+      Q().setSnackbarMessage(a, "error");
+    }
+  }, s = async (a) => {
+    let c = !1;
+    try {
+      await ie.postMetric(a), c = !0, Q().setSnackbarMessage(`Metric ${a.name} successfully saved`, "success");
+    } catch (v) {
+      Q().setSnackbarMessage(v, "error");
+    }
+    return await n(), await r(), c;
+  };
+  return n(), {
+    metrics: e,
+    metricsCounters: t,
+    pullMetrics: n,
+    pullMetricsCounters: r,
+    getMetricCounter: o,
+    saveMetric: s,
+    metricsArr: l
+  };
+});
+function Wt(e) {
+  for (const t in le)
+    e.component(t, le[t]);
+}
+export {
+  lt as ConfirmModal,
+  f as DavraApiClient,
+  ee as DavraApiConfig,
+  rt as DeleteModal,
+  xt as DevicesCountersService,
+  Y as DevicesService,
+  ve as LabelInput,
+  tt as LabelsSelector,
+  Z as LabelsService,
+  ie as MetricsService,
+  at as Modal,
+  Pt as MyConstants,
+  Bt as MyUtil,
+  ut as ScrollText,
+  dt as Snackbar,
+  Nt as TimeseriesService,
+  Xe as TwinTypesService,
+  Lt as TwinsCountersService,
+  W as TwinsService,
+  ce as UserSessionService,
+  ot as ViewObjectModal,
+  Wt as installCoreComponents,
+  Q as useAlertMessagesStore,
+  zt as useDevicesStore,
+  et as useLabelsStore,
+  Qt as useMetricsStore,
+  me as useTwinTypesStore,
+  Ft as useTwinsStore,
+  qt as useUserSessionStore
+};