@davra/ui-core 1.0.0-alpha.4 → 1.0.1

package/dist/ui-core.es.js

@@ -1,14 +1,14 @@
-import { getCurrentInstance as be, ref as h, watch as K, computed as S, defineComponent as B, onMounted as ue, resolveComponent as p, openBlock as g, createBlock as E, withCtx as i, createVNode as d, unref as u, isRef as U, readonly as z, createTextVNode as C, toDisplayString as x, createCommentVNode as P, mergeProps as N, withDirectives as he, vShow as ge, createElementVNode as de, createElementBlock as pe, Fragment as Ae, renderList as Ee, renderSlot as F, inject as Ce, normalizeProps as Ie, guardReactiveProps as Se, useCssVars as Te, normalizeClass as Ue } from "vue";
+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 q, storeToRefs as G } from "pinia";
+import { defineStore as N, storeToRefs as K } from "pinia";
 const ee = {
   baseURL: ""
-}, w = (e = "") => De.create({
+}, f = (e = "") => De.create({
   ...ee,
   baseURL: e || ee.baseURL
 }), ke = async () => {
   try {
-    const { data: e } = await w().get(
+    const { data: e } = await f().get(
       "/api/v1/tags/keys",
       {
         headers: {
@@ -22,7 +22,7 @@ const ee = {
   }
 }, Ve = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/tags/values/${e}`,
       {
         headers: {
@@ -35,14 +35,14 @@ const ee = {
     return [];
   }
 }, $e = async (e, t) => {
-  const s = { ...e };
-  Object.entries(s).forEach(([r, n]) => {
-    t && t.includes(r) && delete s[r], (!n || /[^a-zA-Z_0-9\-+]/g.test(n)) && delete s[r];
+  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 w().post(
+    return await f().post(
       "/api/v1/tags",
-      s,
+      o,
       {
         headers: {
           Accept: "application/json"
@@ -56,11 +56,11 @@ const ee = {
   getLabels: ke,
   createLabel: $e,
   getValuesByKey: Ve
-}, Re = async (e = 0, t = 1e3, s, r) => {
+}, Re = async (e = 0, t = 1e3, o, l) => {
   const n = [];
-  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), s && n.push(`sort=${s}`), r && n.push(r);
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), o && n.push(`sort=${o}`), l && n.push(l);
   try {
-    const { data: l, headers: o } = await w().get(
+    const { data: r, headers: s } = await f().get(
       `/api/v1/twins?${n.join("&")}`,
       {
         headers: {
@@ -68,13 +68,13 @@ const ee = {
         }
       }
     );
-    return { totalRecords: parseInt(o["com-davra-total-results"]), records: l };
+    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: s } = await w().post(
+    const { data: t, headers: o } = await f().post(
       "/api/v1/twins/query",
       e,
       {
@@ -83,13 +83,13 @@ const ee = {
         }
       }
     );
-    return { totalRecords: parseInt(s["com-davra-total-results"]), records: t };
+    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: s } = await w().get(
+    const { data: t, headers: o } = await f().get(
       `/api/v1/twins?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -97,29 +97,29 @@ const ee = {
         }
       }
     );
-    return { totalRecords: parseInt(s["com-davra-total-results"]), records: t };
+    return { totalRecords: parseInt(o["com-davra-total-results"]), records: t };
   } catch {
     throw new Error("Twins API Error");
   }
-}, Me = async (e, t = 0, s = 1e3, r, n) => {
-  const l = [`digitalTwinTypeName=${e}`, `limit=${s}`, `start=${t}`];
-  r && l.push(`sort=${r}`), n && l.push(`name=~${n}`);
+}, 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: o, headers: a } = await w().get(
-      `/api/v1/twins/?${l.join("&")}`,
+    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: o };
+    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 w().get(
+    const { data: t } = await f().get(
       `/api/v1/twins/${e}`,
       {
         headers: {
@@ -131,9 +131,9 @@ const ee = {
   } catch {
     throw new Error("Twins API Error");
   }
-}, xe = async (e) => {
+}, Be = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/twins/${e}/attachments`,
       {
         headers: {
@@ -145,17 +145,17 @@ const ee = {
   } catch {
     throw new Error("Twins API Error");
   }
-}, J = {
+}, W = {
   getTwins: Re,
   getTwinsByTypeName: Me,
   getTwinByUUID: Pe,
   getTwinByUUIDs: Oe,
-  getTwinAttachements: xe,
+  getTwinAttachements: Be,
   queryTwins: je
 };
 var te;
-const Be = typeof window < "u", Le = (e) => typeof e < "u", Ne = (e) => typeof e == "function";
-Be && ((te = window == null ? void 0 : window.navigator) != null && te.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+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;
 }
@@ -164,16 +164,16 @@ function ze(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 oe;
+var se;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(oe || (oe = {}));
-var Fe = Object.defineProperty, se = Object.getOwnPropertySymbols, Qe = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable, re = (e, t, s) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, Je = (e, t) => {
-  for (var s in t || (t = {}))
-    Qe.call(t, s) && re(e, s, t[s]);
-  if (se)
-    for (var s of se(t))
-      We.call(t, s) && re(e, s, t[s]);
+})(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 = {
@@ -205,40 +205,40 @@ const Ke = {
 Je({
   linear: qe
 }, Ke);
-function W(e, t, s, r = {}) {
-  var n, l, o;
+function G(e, t, o, l = {}) {
+  var n, r, s;
   const {
     clone: a = !1,
     passive: c = !1,
     eventName: v,
-    deep: y = !1,
-    defaultValue: _
-  } = r, b = be(), I = s || (b == null ? void 0 : b.emit) || ((n = b == null ? void 0 : b.$emit) == null ? void 0 : n.bind(b)) || ((o = (l = b == null ? void 0 : b.proxy) == null ? void 0 : l.$emit) == null ? void 0 : o.bind(b == null ? void 0 : b.proxy));
+    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 = (k) => a ? Ne(a) ? a(k) : ze(k) : k, D = () => Le(e[t]) ? j(e[t]) : _;
+  const j = (D) => a ? Ne(a) ? a(D) : ze(D) : D, U = () => Le(e[t]) ? j(e[t]) : h;
   if (c) {
-    const k = D(), O = h(k);
-    return K(() => e[t], (m) => O.value = j(m)), K(O, (m) => {
-      (m !== e[t] || y) && I(T, m);
-    }, { deep: y }), O;
+    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 D();
+        return U();
       },
-      set(k) {
-        I(T, k);
+      set(D) {
+        I(T, D);
       }
     });
 }
-function Ge(e, t, s = {}) {
-  const r = {};
+function Ge(e, t, o = {}) {
+  const l = {};
   for (const n in e)
-    r[n] = W(e, n, t, s);
-  return r;
+    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__ */ B({
+const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("span", null, null, -1), ve = /* @__PURE__ */ L({
   __name: "LabelInput",
   props: {
     labels: {},
@@ -249,39 +249,39 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
   },
   emits: ["update:labelkey", "update:labelvalue", "removelabel"],
   setup(e, { emit: t }) {
-    const s = e, r = S(() => [
+    const o = e, l = S(() => [
       { header: "Keys", color: "blue", icon: "mdi-label" },
-      ...s.labels,
+      ...o.labels,
       { header: "Digital Twin Types", color: "purple", icon: "mdi-content-duplicate" },
-      ...s.twintypes
-    ]), { labelkey: n, labelvalue: l } = Ge(s, t), o = h(""), a = h(""), c = h([]), v = h([]), y = h(!1), _ = (m) => s.twintypes.find((A) => A === m) ? "twintypes" : "labels", b = S(() => _(n.value)), I = () => {
+      ...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 A = _(m);
-      if (y.value = !0, A === "twintypes")
+      const g = h(m);
+      if (_.value = !0, g === "twintypes")
         try {
-          const V = await J.getTwinsByTypeName(m);
-          v.value = V.records.map((R) => ({ value: R.UUID, label: R.name }));
+          const k = await W.getTwinsByTypeName(m);
+          v.value = k.records.map(($) => ({ value: $.UUID, label: $.name }));
         } catch {
         }
-      else if (A === "labels")
+      else if (g === "labels")
         try {
-          const V = await Z.getValuesByKey(m);
-          c.value = V;
+          const k = await Z.getValuesByKey(m);
+          c.value = k;
         } catch {
         }
       else
         v.value = [], c.value = [];
-      y.value = !1;
+      _.value = !1;
     };
-    K(n, async (m, A) => {
-      m !== A && (j(m), A !== "" && (l.value = ""));
+    J(n, async (m, g) => {
+      m !== g && (j(m), g !== "" && (r.value = ""));
     });
-    const D = h(), k = S(() => {
+    const U = b(), D = S(() => {
       var m;
-      return (m = D.value) == null ? void 0 : m.isFocused;
+      return (m = U.value) == null ? void 0 : m.isFocused;
     }), O = {
       specialNames: (m) => ![
         "deviceid",
@@ -296,24 +296,24 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
     };
     return ue(() => {
       n.value && j(n.value);
-    }), (m, A) => {
-      const V = p("v-icon"), R = p("v-chip"), $ = 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 g(), E(we, { class: "py-2" }, {
+    }), (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": A[0] || (A[0] = (f) => U(n) ? n.value = f : null),
-                search: u(o),
-                "onUpdate:search": A[1] || (A[1] = (f) => U(o) ? o.value = f : null),
+                "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(z),
+                readonly: "readonly" in m ? m.readonly : u(q),
                 class: "label-combo-key",
                 variant: "outlined",
                 label: "Key",
-                items: u(r),
+                items: u(l),
                 "hide-no-data": !1,
                 "no-data-text": "",
                 "hide-details": "auto",
@@ -326,26 +326,26 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                   He
                 ]),
                 "prepend-item": i(() => [
-                  u(o) && !u(r).includes(u(o)) ? (g(), E(M, {
+                  u(s) && !u(l).includes(u(s)) ? (A(), C(M, {
                     key: 0,
                     class: "bg-blue-lighten-5",
                     onClick: I
                   }, {
                     default: i(() => [
-                      d($, null, {
+                      d(V, null, {
                         default: i(() => [
-                          C(" Create new key "),
-                          d(R, {
+                          E(" Create new key "),
+                          d($, {
                             class: "ma-2",
                             color: "blue",
                             label: ""
                           }, {
                             default: i(() => [
-                              d(V, {
+                              d(k, {
                                 start: "",
                                 icon: "mdi-label"
                               }),
-                              C(" " + x(u(o)), 1)
+                              E(" " + B(u(s)), 1)
                             ]),
                             _: 1
                           })
@@ -356,40 +356,40 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                     _: 1
                   })) : P("", !0)
                 ]),
-                item: i(({ item: f, props: L }) => [
-                  f.raw.header ? (g(), E(M, N({ key: 0 }, L, {
+                item: i(({ item: y, props: x }) => [
+                  y.raw.header ? (A(), C(M, F({ key: 0 }, x, {
                     disabled: "",
-                    class: ["opacityMax", `bg-${f.raw.color}-lighten-5`],
+                    class: ["opacityMax", `bg-${y.raw.color}-lighten-5`],
                     style: {},
                     title: !1,
-                    subtitle: f.raw.header
+                    subtitle: y.raw.header
                   }), {
                     prepend: i(() => [
-                      he(d(V, {
-                        icon: f.raw.icon,
-                        color: f.raw.color,
+                      he(d(k, {
+                        icon: y.raw.icon,
+                        color: y.raw.color,
                         size: "small"
                       }, null, 8, ["icon", "color"]), [
-                        [ge, f.raw.icon]
+                        [ge, y.raw.icon]
                       ])
                     ]),
                     _: 2
-                  }, 1040, ["class", "subtitle"])) : (g(), E(M, N({ key: 1 }, L, {
-                    title: f.value
+                  }, 1040, ["class", "subtitle"])) : (A(), C(M, F({ key: 1 }, x, {
+                    title: y.value
                   }), null, 16, ["title"]))
                 ]),
-                chip: i(({ item: f, props: L }) => [
-                  f.value ? (g(), E(R, N({
+                chip: i(({ item: y, props: x }) => [
+                  y.value ? (A(), C($, F({
                     key: 0,
-                    color: _(f.value) === "twintypes" ? "purple" : "blue",
+                    color: h(y.value) === "twintypes" ? "purple" : "blue",
                     label: ""
-                  }, L), {
+                  }, x), {
                     default: i(() => [
-                      d(V, {
+                      d(k, {
                         start: "",
-                        icon: _(f.value) === "twintypes" ? "mdi-content-duplicate" : "mdi-label"
+                        icon: h(y.value) === "twintypes" ? "mdi-content-duplicate" : "mdi-label"
                       }, null, 8, ["icon"]),
-                      C(" " + x(f.value), 1)
+                      E(" " + B(y.value), 1)
                     ]),
                     _: 2
                   }, 1040, ["color"])) : P("", !0)
@@ -401,19 +401,19 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
           }),
           d(H, { class: "py-0 flex-grow-1 flex-shrink-0" }, {
             default: i(() => [
-              u(b) === "twintypes" ? (g(), E(_e, {
+              u(w) === "twintypes" ? (A(), C(_e, {
                 key: 0,
                 ref_key: "autocomplete",
-                ref: D,
-                modelValue: u(l),
-                "onUpdate:modelValue": A[2] || (A[2] = (f) => U(l) ? l.value = f : null),
+                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(z),
+                readonly: "readonly" in m ? m.readonly : u(q),
                 class: "label-auto-value",
                 variant: "outlined",
                 "hide-details": "auto",
                 label: "Twin",
-                loading: u(y),
+                loading: u(_),
                 density: "compact",
                 "item-title": "label",
                 "item-value": "value",
@@ -424,34 +424,34 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                 "no-data-text": "",
                 clearable: ""
               }, {
-                chip: i(({ item: f, props: L }) => [
-                  f.value && !u(k) ? (g(), E(R, N({
+                chip: i(({ item: y, props: x }) => [
+                  y.value && !u(D) ? (A(), C($, F({
                     key: 0,
                     color: "purple",
                     label: ""
-                  }, L), {
+                  }, x), {
                     default: i(() => [
-                      d(V, {
+                      d(k, {
                         start: "",
                         icon: "mdi-shape"
                       }),
-                      C(" " + x(f.title), 1)
+                      E(" " + B(y.title), 1)
                     ]),
                     _: 2
                   }, 1040)) : P("", !0)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "readonly", "loading", "items", "disabled"])) : (g(), E(X, {
+              }, 8, ["modelValue", "readonly", "loading", "items", "disabled"])) : (A(), C(X, {
                 key: 1,
                 search: u(a),
-                "onUpdate:search": A[3] || (A[3] = (f) => U(a) ? a.value = f : null),
-                modelValue: u(l),
-                "onUpdate:modelValue": A[4] || (A[4] = (f) => U(l) ? l.value = f : null),
+                "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(y),
+                loading: u(_),
                 "hide-details": "auto",
                 variant: "outlined",
                 label: "Value",
@@ -462,32 +462,32 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                 "hide-no-data": !1,
                 "no-data-text": "",
                 rules: [O.alphanumericAndDash],
-                readonly: "readonly" in m ? m.readonly : u(z)
+                readonly: "readonly" in m ? m.readonly : u(q)
               }, {
                 "no-data": i(() => [
                   Ye
                 ]),
                 "prepend-item": i(() => [
-                  u(a) && !u(c).find((f) => f === u(a)) ? (g(), E(M, {
+                  u(a) && !u(c).find((y) => y === u(a)) ? (A(), C(M, {
                     key: 0,
                     class: "bg-blue-lighten-5",
                     onClick: I
                   }, {
                     default: i(() => [
-                      d($, null, {
+                      d(V, null, {
                         default: i(() => [
-                          C(" Create new value "),
-                          d(R, {
+                          E(" Create new value "),
+                          d($, {
                             class: "ma-2",
                             color: "blue",
                             label: ""
                           }, {
                             default: i(() => [
-                              d(V, {
+                              d(k, {
                                 start: "",
                                 icon: "mdi-label"
                               }),
-                              C(" " + x(u(a)), 1)
+                              E(" " + B(u(a)), 1)
                             ]),
                             _: 1
                           })
@@ -498,18 +498,18 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                     _: 1
                   })) : P("", !0)
                 ]),
-                chip: i(({ item: f, props: L }) => [
-                  f.value ? (g(), E(R, N({
+                chip: i(({ item: y, props: x }) => [
+                  y.value ? (A(), C($, F({
                     key: 0,
                     color: "blue",
                     label: ""
-                  }, L), {
+                  }, x), {
                     default: i(() => [
-                      d(V, {
+                      d(k, {
                         start: "",
                         icon: "mdi-shape"
                       }),
-                      C(" " + x(f.title), 1)
+                      E(" " + B(y.title), 1)
                     ]),
                     _: 2
                   }, 1040)) : P("", !0)
@@ -525,7 +525,7 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
             class: "pa-0 flex-grow-0 flex-shrink-1"
           }, {
             default: i(() => [
-              ("readonly" in m ? m.readonly : u(z)) ? P("", !0) : (g(), E(fe, {
+              ("readonly" in m ? m.readonly : u(q)) ? P("", !0) : (A(), C(fe, {
                 key: 0,
                 class: "label-delete-btn",
                 variant: "text",
@@ -533,7 +533,7 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                 color: "grey-darken-1",
                 flat: "",
                 size: "small",
-                onClick: A[5] || (A[5] = (f) => m.$emit("removelabel"))
+                onClick: g[5] || (g[5] = (y) => m.$emit("removelabel"))
               }))
             ]),
             _: 1
@@ -545,7 +545,7 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
   }
 }), Ze = async () => {
   try {
-    const { data: e } = await w().get(
+    const { data: e } = await f().get(
       "/api/v1/twintypes",
       {
         headers: {
@@ -559,40 +559,40 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
   }
 }, Xe = {
   getTwinTypes: Ze
-}, me = q("twinTypes", () => {
-  const e = h([]), t = S(() => e.value.map((n) => n.name)), s = S(() => e.value.map((n) => ({ value: n.UUID, label: n.name }))), r = async () => {
+}, 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 r(), {
+  return l(), {
     twinTypes: e,
-    pullTwinTypes: r,
+    pullTwinTypes: l,
     twinTypeNames: t,
-    twinTypeSelectArray: s
+    twinTypeSelectArray: o
   };
-}), et = q("labels", () => {
-  const e = h([]), t = async () => {
+}), et = N("labels", () => {
+  const e = b([]), t = async () => {
     try {
-      const r = await Z.getLabels();
-      e.value = r;
+      const l = await Z.getLabels();
+      e.value = l;
     } catch {
     }
-  }, s = async (r) => {
-    const { twinTypeNames: n } = G(me());
+  }, o = async (l) => {
+    const { twinTypeNames: n } = K(me());
     try {
-      await Z.createLabel(r, n.value), await t();
+      await Z.createLabel(l, n.value), await t();
     } catch {
     }
   };
   return t(), {
     labels: e,
     pullLabels: t,
-    updateLabels: s
+    updateLabels: o
   };
-}), tt = /* @__PURE__ */ B({
+}), tt = /* @__PURE__ */ L({
   __name: "LabelsSelector",
   props: {
     modelValue: {},
@@ -600,19 +600,19 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, { labels: r } = G(et()), { twinTypeNames: n } = G(me()), l = h([]), o = S(() => (y) => r.value.filter((_) => !n.value.includes(_) && (y.key === _ || !l.value.find(({ key: b }) => b === _)))), a = S(() => (y) => n.value.filter((_) => y.key === _ || !l.value.find(({ key: b }) => b === _))), c = () => {
-      l.value.push({ key: "", value: "" });
-    }, v = (y) => {
-      l.value.splice(y, 1);
+    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 K(l, (y) => {
-      const _ = y.reduce((b, I) => (I.key && I.value && (b[I.key] = I.value), b), {});
-      t("update:modelValue", _);
+    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(() => {
-      s.modelValue && (l.value = Object.entries(s.modelValue).map(([y, _]) => ({ key: y, value: _ }))), console.log(n.value, r.value);
-    }), (y, _) => {
-      const b = p("v-spacer"), I = p("v-btn"), T = p("v-row"), j = p("v-card-title"), D = p("v-list-subheader"), k = p("v-col"), O = p("v-divider"), m = ve, A = p("v-card-text"), V = p("v-sheet");
-      return g(), E(V, {
+      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: "",
@@ -624,9 +624,9 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
             default: i(() => [
               d(T, { "no-gutters": "" }, {
                 default: i(() => [
-                  C(" Labels "),
-                  d(b),
-                  ("readonly" in y ? y.readonly : u(z)) ? P("", !0) : (g(), E(I, {
+                  E(" Labels "),
+                  d(w),
+                  ("readonly" in _ ? _.readonly : u(q)) ? P("", !0) : (A(), C(I, {
                     key: 0,
                     class: "label-add-btn",
                     size: "small",
@@ -636,7 +636,7 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                     onClick: c
                   }, {
                     default: i(() => [
-                      C(" add a label ")
+                      E(" add a label ")
                     ]),
                     _: 1
                   }))
@@ -646,26 +646,26 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
             ]),
             _: 1
           }),
-          u(l).length ? (g(), E(A, { key: 0 }, {
+          u(r).length ? (A(), C(g, { key: 0 }, {
             default: i(() => [
               d(T, { "no-gutters": "" }, {
                 default: i(() => [
-                  d(k, null, {
+                  d(D, null, {
                     default: i(() => [
-                      d(D, null, {
+                      d(U, null, {
                         default: i(() => [
-                          C("Key")
+                          E("Key")
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }),
-                  d(k, null, {
+                  d(D, null, {
                     default: i(() => [
-                      d(D, null, {
+                      d(U, null, {
                         default: i(() => [
-                          C("Value")
+                          E("Value")
                         ]),
                         _: 1
                       })
@@ -676,17 +676,17 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
                 _: 1
               }),
               d(O, { class: "mb-3" }),
-              (g(!0), pe(Ae, null, Ee(u(l), (R, $) => (g(), E(m, {
-                key: $,
-                labelkey: u(l)[$].key,
-                "onUpdate:labelkey": (M) => u(l)[$].key = M,
-                labelvalue: u(l)[$].value,
-                "onUpdate:labelvalue": (M) => u(l)[$].value = M,
-                readonly: "readonly" in y ? y.readonly : u(z),
-                labels: u(o)(u(l)[$]),
-                twintypes: u(a)(u(l)[$]),
-                "data-lab-key": R.key,
-                onRemovelabel: (M) => v($)
+              (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
@@ -696,7 +696,7 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
       });
     };
   }
-}), at = /* @__PURE__ */ B({
+}), at = /* @__PURE__ */ L({
   __name: "Modal",
   props: {
     modelValue: { type: Boolean },
@@ -704,29 +704,29 @@ const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("
   },
   emits: ["confirm", "update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, r = s.parentActivator ? h(!1) : W(s, "modelValue", t);
-    return (n, l) => {
-      const o = p("v-dialog");
-      return g(), E(o, {
-        modelValue: u(r),
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => U(r) ? r.value = a : null),
+    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(() => [
-          F(n.$slots, "default")
+          z(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["modelValue", "activator"]);
     };
   }
 }), nt = Symbol.for("vuetify:display");
-function ot() {
+function st() {
   const e = Ce(nt);
   if (!e)
     throw new Error("Could not find Vuetify display injection");
   return e;
 }
-const st = /* @__PURE__ */ B({
+const ot = /* @__PURE__ */ L({
   __name: "ViewObjectModal",
   props: {
     title: {},
@@ -736,57 +736,57 @@ const st = /* @__PURE__ */ B({
   },
   emits: ["confirm", "update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, r = s.parentActivator ? h(!1) : W(s, "modelValue", t), n = () => {
-      t("confirm"), r.value = !1;
-    }, { mobile: l } = ot();
-    return (o, a) => {
-      const c = p("v-toolbar-title"), v = p("v-btn"), y = p("v-toolbar"), _ = p("v-card-text"), b = p("v-spacer"), I = p("v-card-actions"), T = p("v-card"), j = p("v-dialog");
-      return g(), E(j, {
-        modelValue: u(r),
-        "onUpdate:modelValue": a[2] || (a[2] = (D) => U(r) ? r.value = D : null),
-        activator: o.parentActivator ? "parent" : void 0,
+    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(l)
+        fullscreen: u(r)
       }, {
         default: i(() => [
           d(T, null, {
             default: i(() => [
-              d(y, { color: "white" }, {
+              d(_, { color: "white" }, {
                 append: i(() => [
                   d(v, {
                     "data-testid": "close-kpi-modal",
                     size: "small",
                     icon: "mdi-close",
-                    onClick: a[0] || (a[0] = (D) => r.value = !1)
+                    onClick: a[0] || (a[0] = (U) => l.value = !1)
                   })
                 ]),
                 default: i(() => [
                   d(c, null, {
                     default: i(() => [
-                      C(x(o.title), 1)
+                      E(B(s.title), 1)
                     ]),
                     _: 1
                   })
                 ]),
                 _: 1
               }),
-              d(_, null, {
+              d(h, null, {
                 default: i(() => [
-                  F(o.$slots, "default")
+                  z(s.$slots, "default")
                 ]),
                 _: 3
               }),
-              o.hideActions ? P("", !0) : (g(), E(I, { key: 0 }, {
+              s.hideActions ? P("", !0) : (A(), C(I, { key: 0 }, {
                 default: i(() => [
-                  F(o.$slots, "actions", Ie(Se({ confirm: n, dialog: u(r) })), () => [
-                    d(b),
+                  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] = (D) => r.value = !1)
+                      onClick: a[1] || (a[1] = (U) => l.value = !1)
                     }, {
                       default: i(() => [
-                        C(" Dismiss ")
+                        E(" Dismiss ")
                       ]),
                       _: 1
                     }),
@@ -797,7 +797,7 @@ const st = /* @__PURE__ */ B({
                       onClick: n
                     }, {
                       default: i(() => [
-                        C(" Yes, I'm sure ")
+                        E(" Yes, I'm sure ")
                       ]),
                       _: 1
                     })
@@ -813,7 +813,7 @@ const st = /* @__PURE__ */ B({
       }, 8, ["modelValue", "activator", "fullscreen"]);
     };
   }
-}), rt = /* @__PURE__ */ B({
+}), rt = /* @__PURE__ */ L({
   __name: "DeleteModal",
   props: {
     title: {},
@@ -822,53 +822,53 @@ const st = /* @__PURE__ */ B({
   },
   emits: ["confirm", "update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, r = s.parentActivator ? h(!1) : W(s, "modelValue", t), n = () => {
-      t("confirm"), r.value = !1;
+    const o = e, l = o.parentActivator ? b(!1) : G(o, "modelValue", t), n = () => {
+      t("confirm"), l.value = !1;
     };
-    return (l, o) => {
-      const a = p("v-card-title"), c = p("v-card-text"), v = p("v-spacer"), y = p("v-btn"), _ = p("v-card-actions"), b = p("v-card"), I = p("v-dialog");
-      return g(), E(I, {
-        modelValue: u(r),
-        "onUpdate:modelValue": o[1] || (o[1] = (T) => U(r) ? r.value = T : null),
-        activator: l.parentActivator ? "parent" : void 0,
+    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(b, null, {
+          d(w, null, {
             default: i(() => [
               d(a, null, {
                 default: i(() => [
-                  C(x(l.title), 1)
+                  E(B(r.title), 1)
                 ]),
                 _: 1
               }),
               d(c, null, {
                 default: i(() => [
-                  F(l.$slots, "default")
+                  z(r.$slots, "default")
                 ]),
                 _: 3
               }),
-              d(_, null, {
+              d(h, null, {
                 default: i(() => [
                   d(v),
-                  d(y, {
+                  d(_, {
                     class: "delete-modal-dismiss",
                     color: "grey",
-                    onClick: o[0] || (o[0] = (T) => r.value = !1)
+                    onClick: s[0] || (s[0] = (T) => l.value = !1)
                   }, {
                     default: i(() => [
-                      C(" Dismiss ")
+                      E(" Dismiss ")
                     ]),
                     _: 1
                   }),
-                  d(y, {
+                  d(_, {
                     class: "delete-modal-confirm",
                     color: "red",
                     variant: "elevated",
                     onClick: n
                   }, {
                     default: i(() => [
-                      C(" Yes, I'm sure ")
+                      E(" Yes, I'm sure ")
                     ]),
                     _: 1
                   })
@@ -883,49 +883,49 @@ const st = /* @__PURE__ */ B({
       }, 8, ["modelValue", "activator"]);
     };
   }
-}), lt = /* @__PURE__ */ B({
+}), lt = /* @__PURE__ */ L({
   __name: "ConfirmModal",
   props: {
     title: {}
   },
   emits: ["confirm"],
   setup(e, { emit: t }) {
-    const s = h(!1), r = () => {
-      s.value = !1, t("confirm");
+    const o = b(!1), l = () => {
+      o.value = !1, t("confirm");
     };
-    return (n, l) => {
-      const o = p("v-card-title"), a = p("v-card-text"), c = p("v-spacer"), v = p("v-btn"), y = p("v-card-actions"), _ = p("v-card"), b = p("v-dialog");
-      return g(), E(b, {
-        modelValue: u(s),
-        "onUpdate:modelValue": l[1] || (l[1] = (I) => U(s) ? s.value = I : null),
+    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(_, null, {
+          d(h, null, {
             default: i(() => [
-              d(o, null, {
+              d(s, null, {
                 default: i(() => [
-                  C(x(n.title), 1)
+                  E(B(n.title), 1)
                 ]),
                 _: 1
               }),
               d(a, null, {
                 default: i(() => [
-                  F(n.$slots, "default")
+                  z(n.$slots, "default")
                 ]),
                 _: 3
               }),
-              d(y, null, {
+              d(_, null, {
                 default: i(() => [
                   d(c),
                   d(v, {
                     class: "confirm-modal-dismiss",
                     color: "grey",
-                    onClick: l[0] || (l[0] = (I) => s.value = !1)
+                    onClick: r[0] || (r[0] = (I) => o.value = !1)
                   }, {
                     default: i(() => [
-                      C(" Cancel ")
+                      E(" Cancel ")
                     ]),
                     _: 1
                   }),
@@ -933,10 +933,10 @@ const st = /* @__PURE__ */ B({
                     class: "confirm-modal-confirm",
                     color: "primary",
                     variant: "elevated",
-                    onClick: r
+                    onClick: l
                   }, {
                     default: i(() => [
-                      C(" Yes, I'm sure ")
+                      E(" Yes, I'm sure ")
                     ]),
                     _: 1
                   })
@@ -951,102 +951,57 @@ const st = /* @__PURE__ */ B({
       }, 8, ["modelValue"]);
     };
   }
-}), ct = /* @__PURE__ */ B({
-  __name: "ColorInput",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const r = W(e, "modelValue", t), n = h(!1);
-    return (l, o) => {
-      const a = p("v-btn"), c = p("v-text-field"), v = p("v-color-picker"), y = p("v-menu");
-      return g(), E(y, {
-        modelValue: u(n),
-        "onUpdate:modelValue": o[2] || (o[2] = (_) => U(n) ? n.value = _ : null),
-        "close-on-content-click": !1,
-        location: "end"
-      }, {
-        activator: i(({ props: _ }) => [
-          d(a, N({
-            icon: "",
-            size: "small",
-            color: u(r)
-          }, _, { class: "mr-2" }), null, 16, ["color"]),
-          d(c, N({
-            modelValue: u(r),
-            "onUpdate:modelValue": o[0] || (o[0] = (b) => U(r) ? r.value = b : null),
-            "data-testid": "color-input",
-            "hide-details": "",
-            variant: "outlined",
-            density: "compact"
-          }, _, { style: { "max-width": "200px" } }), null, 16, ["modelValue"])
-        ]),
-        default: i(() => [
-          d(v, {
-            modelValue: u(r),
-            "onUpdate:modelValue": o[1] || (o[1] = (_) => U(r) ? r.value = _ : null),
-            "show-swatches": "",
-            mode: "hex",
-            modes: ["hex"],
-            "data-testid": "color-picker"
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), it = /* @__PURE__ */ B({
+}), ct = /* @__PURE__ */ L({
   __name: "ScrollText",
   setup(e) {
-    Te((o) => ({
+    Te((s) => ({
       "2e2ac96b": u(n),
-      e0628022: u(r)
+      e0628022: u(l)
     }));
-    const t = h(null), s = S(() => {
-      var o, a;
-      return t.value ? ((o = t.value) == null ? void 0 : o.scrollWidth) - ((a = t.value) == null ? void 0 : a.offsetWidth) : 0;
-    }), r = S(() => `${-s.value - 10}px`), n = S(() => `${s.value / 30}s`), l = S(() => {
-      var o, a;
-      return ((o = t.value) == null ? void 0 : o.scrollWidth) !== ((a = t.value) == null ? void 0 : a.offsetWidth);
+    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 (o, a) => (g(), pe("div", {
+    return (s, a) => (A(), pe("div", {
       ref_key: "text",
       ref: t,
-      class: Ue({ "scroll-text": u(l) })
+      class: Ue({ "scroll-text": u(r) })
     }, [
-      F(o.$slots, "default", {}, void 0, !0)
+      z(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const ut = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [r, n] of t)
-    s[r] = n;
-  return s;
-}, dt = /* @__PURE__ */ ut(it, [["__scopeId", "data-v-4d66a865"]]), Q = q("alertMessages", () => {
-  const e = h(!1), t = h(""), s = h(""), r = h(5e3);
+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: s,
-    snackbarTimeout: r,
-    setSnackbarMessage: (l = "", o = "", a = 5e3) => {
-      t.value = l, s.value = o, r.value = a, e.value = !0;
+    snackbarSeverity: o,
+    snackbarTimeout: l,
+    setSnackbarMessage: (r = "", s = "", a = 5e3) => {
+      t.value = r, o.value = s, l.value = a, e.value = !0;
     }
   };
-}), pt = /* @__PURE__ */ B({
+}), dt = /* @__PURE__ */ L({
   __name: "Snackbar",
   setup(e) {
-    const { snackbar: t, snackbarText: s, snackbarTimeout: r, snackbarSeverity: n } = G(Q());
-    return (l, o) => {
+    const { snackbar: t, snackbarText: o, snackbarTimeout: l, snackbarSeverity: n } = K(Q());
+    return (r, s) => {
       const a = p("v-btn"), c = p("v-snackbar");
-      return g(), E(c, {
+      return A(), C(c, {
         modelValue: u(t),
-        "onUpdate:modelValue": o[1] || (o[1] = (v) => U(t) ? t.value = v : null),
+        "onUpdate:modelValue": s[1] || (s[1] = (v) => R(t) ? t.value = v : null),
         style: { "margin-bottom": "50px" },
         "data-testid": "snackbar",
-        timeout: u(r),
+        timeout: u(l),
         variant: "tonal",
         color: u(n)
       }, {
@@ -1054,16 +1009,16 @@ const ut = (e, t) => {
           d(a, {
             color: "snackbarSeverity",
             variant: "text",
-            onClick: o[0] || (o[0] = (v) => t.value = !1)
+            onClick: s[0] || (s[0] = (v) => t.value = !1)
           }, {
             default: i(() => [
-              C(" Close ")
+              E(" Close ")
             ]),
             _: 1
           })
         ]),
         default: i(() => [
-          C(x(u(s)) + " ", 1)
+          E(B(u(o)) + " ", 1)
         ]),
         _: 1
       }, 8, ["modelValue", "timeout", "color"]);
@@ -1071,28 +1026,27 @@ const ut = (e, t) => {
   }
 }), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ColorInput: ct,
   ConfirmModal: lt,
   DeleteModal: rt,
   LabelInput: ve,
   LabelsSelector: tt,
   Modal: at,
-  ScrollText: dt,
-  Snackbar: pt,
-  ViewObjectModal: st
+  ScrollText: ut,
+  Snackbar: dt,
+  ViewObjectModal: ot
 }, Symbol.toStringTag, { value: "Module" }));
-const vt = 100, xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pt = 100, Pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MAGIC_NUM: vt
+  MAGIC_NUM: pt
 }, Symbol.toStringTag, { value: "Module" }));
-function mt(e, t) {
+function vt(e, t) {
   return e + t;
 }
 const Bt = {
-  add: mt
-}, yt = async () => {
+  add: vt
+}, mt = async () => {
   try {
-    const { data: e } = await w().get(
+    const { data: e } = await f().get(
       "/user",
       {
         headers: {
@@ -1141,9 +1095,9 @@ const Bt = {
   { Action: "dashboards.ACCESS" },
   { Action: "dashboards.CREATE_DASHBOARD" },
   { Action: "integrations.ACCESS" }
-], _t = async (e = []) => {
+], yt = async (e = []) => {
   try {
-    const { data: t } = await w().post(
+    const { data: t } = await f().post(
       "/api/v1/authorization/policy/check",
       e.length ? e : ye,
       {
@@ -1157,14 +1111,14 @@ const Bt = {
     return [];
   }
 }, ce = {
-  getUser: yt,
-  getUserPermissions: _t,
+  getUser: mt,
+  getUserPermissions: yt,
   permissionList: ye
-}, ft = async (e) => {
+}, _t = async (e) => {
   const t = [];
   e && t.push(e);
   try {
-    const { data: s } = await w().get(
+    const { data: o } = await f().get(
       `/api/v1/iotdata/devices/counters/metrics?${t.join("&")}`,
       {
         headers: {
@@ -1172,13 +1126,13 @@ const Bt = {
         }
       }
     );
-    return s;
+    return o;
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, wt = async (e) => {
+}, ft = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/devices/counters/metrics?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1190,9 +1144,9 @@ const Bt = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, bt = async (e) => {
+}, wt = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/devices/counters/metrics/${e}`,
       {
         headers: {
@@ -1204,9 +1158,9 @@ const Bt = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, ht = async (e) => {
+}, bt = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/devices/counters/${e}`,
       {
         headers: {
@@ -1218,9 +1172,9 @@ const Bt = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, gt = async (e) => {
+}, ht = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/devices/counters/latest/${e}`,
       {
         headers: {
@@ -1232,9 +1186,9 @@ const Bt = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, At = async (e) => {
+}, gt = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/devices/counters/latest?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1246,16 +1200,16 @@ const Bt = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, Lt = {
-  getDevicesCountersMetric: ft,
-  getDevicesCountersMetricByUUID: bt,
-  getDevicesCountersMetricByUUIDs: wt,
-  getDevicesCountersByUUID: ht,
-  getDevicesCountersLatestByUUID: gt,
-  getDevicesCountersLatestByUUIDs: At
-}, Et = async (e) => {
+}, xt = {
+  getDevicesCountersMetric: _t,
+  getDevicesCountersMetricByUUID: wt,
+  getDevicesCountersMetricByUUIDs: ft,
+  getDevicesCountersByUUID: bt,
+  getDevicesCountersLatestByUUID: ht,
+  getDevicesCountersLatestByUUIDs: gt
+}, At = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/twins/counters/${e}`,
       {
         headers: {
@@ -1267,9 +1221,9 @@ const Bt = {
   } catch {
     throw new Error("Twins Counters API Error");
   }
-}, Ct = async (e) => {
+}, Et = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/iotdata/twins/counters/latest/${e}`,
       {
         headers: {
@@ -1281,14 +1235,14 @@ const Bt = {
   } catch {
     throw new Error("Twins Counters API Error");
   }
-}, Nt = {
-  getTwinsCountersLatestByUUID: Ct,
-  getTwinsCountersByUUID: Et
-}, It = async (e, t, s, r) => {
+}, Lt = {
+  getTwinsCountersLatestByUUID: Et,
+  getTwinsCountersByUUID: At
+}, Ct = async (e, t, o, l) => {
   const n = [];
-  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), s && n.push(`sort=${s}`), r && n.push(r);
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), o && n.push(`sort=${o}`), l && n.push(l);
   try {
-    const { data: l } = await w().get(
+    const { data: r } = await f().get(
       `/api/v1/devices?${n.join("&")}`,
       {
         headers: {
@@ -1296,13 +1250,13 @@ const Bt = {
         }
       }
     );
-    return l;
+    return r;
   } catch {
     throw new Error("Devices API Error");
   }
-}, St = async (e) => {
+}, It = async (e) => {
   try {
-    const { data: t } = await w().post(
+    const { data: t } = await f().post(
       "/api/v1/devices/query",
       e,
       {
@@ -1315,9 +1269,9 @@ const Bt = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, Tt = async (e) => {
+}, St = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/devices/${e}`,
       {
         headers: {
@@ -1329,9 +1283,9 @@ const Bt = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, Ut = async (e) => {
+}, Tt = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/devices?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1343,9 +1297,9 @@ const Bt = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, Dt = async (e) => {
+}, Ut = async (e) => {
   try {
-    const { data: t } = await w().get(
+    const { data: t } = await f().get(
       `/api/v1/devices/attachments/${e}`,
       {
         headers: {
@@ -1358,14 +1312,14 @@ const Bt = {
     throw new Error("Devices API Error");
   }
 }, Y = {
-  getDevices: It,
-  queryDevices: St,
-  getDeviceByUUID: Tt,
-  getDeviceByUUIDs: Ut,
-  getDeviceAttachements: Dt
-}, kt = async (e) => {
+  getDevices: Ct,
+  queryDevices: It,
+  getDeviceByUUID: St,
+  getDeviceByUUIDs: Tt,
+  getDeviceAttachements: Ut
+}, Dt = async (e) => {
   try {
-    const { data: t } = await w().post(
+    const { data: t } = await f().post(
       "/api/v2/timeseriesdata",
       e,
       {
@@ -1378,12 +1332,12 @@ const Bt = {
   } catch {
     throw new Error("Timeseries Error");
   }
-}, qt = {
-  queryTimeseries: kt
-}, Vt = async () => {
-  var e, t, s, r, n, l, o;
+}, Nt = {
+  queryTimeseries: Dt
+}, kt = async () => {
+  var e, t, o, l, n, r, s;
   try {
-    const { data: a } = await w().get(
+    const { data: a } = await f().get(
       "/api/v1/iotdata/meta-data/metrics",
       {
         headers: {
@@ -1393,13 +1347,13 @@ const Bt = {
     );
     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" ? (r = (s = a == null ? void 0 : a.response) == null ? void 0 : s.data) == null ? void 0 : r.message : typeof ((n = a == null ? void 0 : a.response) == null ? void 0 : n.data) == "string" ? (l = a == null ? void 0 : a.response) == null ? void 0 : l.data : "";
-    throw new Error(`API Error ${(o = a == null ? void 0 : a.response) == null ? void 0 : o.status} ${c}`);
+    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}`);
   }
-}, $t = async (e) => {
-  var t, s, r, n, l, o, a;
+}, Vt = async (e) => {
+  var t, o, l, n, r, s, a;
   try {
-    const { data: c } = await w().post(
+    const { data: c } = await f().post(
       "/api/v1/iotdata/meta-data",
       {
         name: e.name,
@@ -1417,46 +1371,46 @@ const Bt = {
     );
     return c;
   } catch (c) {
-    const v = typeof ((s = (t = c == null ? void 0 : c.response) == null ? void 0 : t.data) == null ? void 0 : s.message) == "string" ? (n = (r = c == null ? void 0 : c.response) == null ? void 0 : r.data) == null ? void 0 : n.message : typeof ((l = c == null ? void 0 : c.response) == null ? void 0 : l.data) == "string" ? (o = c == null ? void 0 : c.response) == null ? void 0 : o.data : "";
+    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: Vt,
-  postMetric: $t
-}, zt = q("userSession", () => {
-  const e = h(JSON.parse(localStorage.getItem("user") || "null")), t = h(JSON.parse(localStorage.getItem("user-permissions") || "[]")), s = S(() => {
-    var o;
-    return ((o = e.value) == null ? void 0 : o.name) || "no user";
-  }), r = S(() => (o) => {
+  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 o ? ((c = (a = t.value) == null ? void 0 : a.find((v) => v.Action === o)) == null ? void 0 : c.Allowed) || !1 : !0;
+    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 o, a;
+    var s, a;
     try {
       const c = await ce.getUser();
-      if (e.value = c, (o = e.value) != null && o.UUID) {
+      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");
     }
-  }, l = () => {
+  }, 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: s, userPermissions: t, getPermission: r, logout: l };
-}), Ft = q("devices", () => {
-  const e = h({});
+  return n(), { user: e, pullUser: n, userName: o, userPermissions: t, getPermission: l, logout: r };
+}), zt = N("devices", () => {
+  const e = b({});
   return {
-    pullDevicesByUUIDs: async (n, l = !1) => {
-      l && n.forEach((o) => {
-        delete e.value[o];
+    pullDevicesByUUIDs: async (n, r = !1) => {
+      r && n.forEach((s) => {
+        delete e.value[s];
       });
       try {
-        const o = await Y.getDeviceByUUIDs(n);
-        return o.records.forEach((a) => {
+        const s = await Y.getDeviceByUUIDs(n);
+        return s.records.forEach((a) => {
           e.value[a.UUID] = a;
-        }), o;
+        }), s;
       } catch {
         return {
           totalRecords: 0,
@@ -1464,9 +1418,9 @@ const Bt = {
         };
       }
     },
-    pullDevices: async (n, l, o, a) => {
+    pullDevices: async (n, r, s, a) => {
       try {
-        const c = await Y.getDevices(n, l, o, a);
+        const c = await Y.getDevices(n, r, s, a);
         return c.records.forEach((v) => {
           e.value[v.UUID] = v;
         }), c;
@@ -1478,11 +1432,11 @@ const Bt = {
       }
     },
     devicesCollection: e,
-    getDeviceFromUUID: async (n, l) => {
-      const o = e.value[n];
-      if (o)
-        return o;
-      if (l)
+    getDeviceFromUUID: async (n, r) => {
+      const s = e.value[n];
+      if (s)
+        return s;
+      if (r)
         return null;
       try {
         const a = await Y.getDeviceByUUID(n);
@@ -1493,18 +1447,18 @@ const Bt = {
       }
     }
   };
-}), Qt = q("twins", () => {
-  const e = h({});
+}), Ft = N("twins", () => {
+  const e = b({});
   return {
-    pullTwinsByUUIDs: async (n, l = !1) => {
-      l && n.forEach((o) => {
-        delete e.value[o];
+    pullTwinsByUUIDs: async (n, r = !1) => {
+      r && n.forEach((s) => {
+        delete e.value[s];
       });
       try {
-        const o = await J.getTwinByUUIDs(n);
-        return o.records.forEach((a) => {
+        const s = await W.getTwinByUUIDs(n);
+        return s.records.forEach((a) => {
           e.value[a.UUID] = a;
-        }), o;
+        }), s;
       } catch {
         return {
           totalRecords: 0,
@@ -1512,9 +1466,9 @@ const Bt = {
         };
       }
     },
-    pullTwins: async (n, l, o, a) => {
+    pullTwins: async (n, r, s, a) => {
       try {
-        const c = await J.getTwins(n, l, o, a);
+        const c = await W.getTwins(n, r, s, a);
         return c.records.forEach((v) => {
           e.value[v.UUID] = v;
         }), c;
@@ -1526,14 +1480,14 @@ const Bt = {
       }
     },
     twinsCollection: e,
-    getTwinFromUUID: async (n, l) => {
-      const o = e.value[n];
-      if (o)
-        return o;
-      if (l)
+    getTwinFromUUID: async (n, r) => {
+      const s = e.value[n];
+      if (s)
+        return s;
+      if (r)
         return null;
       try {
-        const a = await J.getTwinByUUID(n);
+        const a = await W.getTwinByUUID(n);
         if (a)
           return e.value[a.UUID] = a, a;
       } catch {
@@ -1541,9 +1495,9 @@ const Bt = {
       }
     }
   };
-}), Rt = async () => {
+}), $t = async () => {
   try {
-    const { data: e } = await w().get(
+    const { data: e } = await f().get(
       "/api/v1/iotdata/metrics/counters",
       {
         headers: {
@@ -1555,13 +1509,13 @@ const Bt = {
   } catch {
     throw new Error("Metric Counter API Error");
   }
-}, jt = {
-  getMetricsCounters: Rt
-}, Wt = q("metrics", () => {
-  const e = h([]), t = h([]), s = S(() => (a) => {
+}, 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);
-  }), r = S(() => e.value.map((a) => ({ title: `${a.label} ${a.name}`, label: a.label, value: a.name }))), n = async (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();
@@ -1569,65 +1523,64 @@ const Bt = {
       } catch (c) {
         Q().setSnackbarMessage(c, "error");
       }
-  }, l = async () => {
+  }, r = async () => {
     try {
-      const a = await jt.getMetricsCounters();
+      const a = await Rt.getMetricsCounters();
       t.value = a;
     } catch (a) {
       Q().setSnackbarMessage(a, "error");
     }
-  }, o = async (a) => {
+  }, 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 l(), c;
+    return await n(), await r(), c;
   };
   return n(), {
     metrics: e,
     metricsCounters: t,
     pullMetrics: n,
-    pullMetricsCounters: l,
-    getMetricCounter: s,
-    saveMetric: o,
-    metricsArr: r
+    pullMetricsCounters: r,
+    getMetricCounter: o,
+    saveMetric: s,
+    metricsArr: l
   };
 });
-function Jt(e) {
+function Wt(e) {
   for (const t in le)
     e.component(t, le[t]);
 }
 export {
-  ct as ColorInput,
   lt as ConfirmModal,
-  w as DavraApiClient,
+  f as DavraApiClient,
   ee as DavraApiConfig,
   rt as DeleteModal,
-  Lt as DevicesCountersService,
+  xt as DevicesCountersService,
   Y as DevicesService,
   ve as LabelInput,
   tt as LabelsSelector,
   Z as LabelsService,
   ie as MetricsService,
   at as Modal,
-  xt as MyConstants,
+  Pt as MyConstants,
   Bt as MyUtil,
-  dt as ScrollText,
-  pt as Snackbar,
-  qt as TimeseriesService,
+  ut as ScrollText,
+  dt as Snackbar,
+  Nt as TimeseriesService,
   Xe as TwinTypesService,
-  Nt as TwinsCountersService,
-  J as TwinsService,
+  Lt as TwinsCountersService,
+  W as TwinsService,
   ce as UserSessionService,
-  st as ViewObjectModal,
-  Jt as installCoreComponents,
+  ot as ViewObjectModal,
+  Wt as installCoreComponents,
   Q as useAlertMessagesStore,
-  Ft as useDevicesStore,
+  zt as useDevicesStore,
   et as useLabelsStore,
-  Wt as useMetricsStore,
+  Qt as useMetricsStore,
   me as useTwinTypesStore,
-  Qt as useTwinsStore,
-  zt as useUserSessionStore
+  Ft as useTwinsStore,
+  qt as useUserSessionStore
 };