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

package/dist/ui-core.es.js

@@ -1,919 +1,1098 @@
-import { defineComponent as Se, openBlock as T, createElementBlock as x, createTextVNode as je, toDisplayString as q, createElementVNode as A, mergeProps as I, resolveComponent as Le, resolveDirective as ke, withDirectives as Fe, renderSlot as X, normalizeClass as le, createBlock as Ve, createCommentVNode as ue, ref as v, createVNode as de, unref as pe, pushScopeId as Be, popScopeId as We, hasInjectionContext as Me, inject as He, getCurrentInstance as qe, watch as ze, reactive as Ye, markRaw as k, effectScope as Je, isRef as $, isReactive as Y, toRef as H, toRaw as Ae, nextTick as fe, computed as D, getCurrentScope as Xe, onScopeDispose as Ge, toRefs as he } from "vue";
-import Ze from "axios";
-const Qe = /* @__PURE__ */ A("span", {
-  class: "icon-heart",
-  style: { color: "tomato" }
-}, null, -1), Ke = /* @__PURE__ */ Se({
-  __name: "ComponentA",
-  props: {
-    msg: {}
-  },
-  setup(e) {
-    return (t, n) => (T(), x("div", null, [
-      je(" Hello " + q(t.msg) + "! ", 1),
-      Qe
-    ]));
-  }
-});
-var S = {
-  innerWidth(e) {
-    if (e) {
-      let t = e.offsetWidth, n = getComputedStyle(e);
-      return t += parseFloat(n.paddingLeft) + parseFloat(n.paddingRight), t;
-    }
-    return 0;
-  },
-  width(e) {
-    if (e) {
-      let t = e.offsetWidth, n = getComputedStyle(e);
-      return t -= parseFloat(n.paddingLeft) + parseFloat(n.paddingRight), t;
-    }
-    return 0;
-  },
-  getWindowScrollTop() {
-    let e = document.documentElement;
-    return (window.pageYOffset || e.scrollTop) - (e.clientTop || 0);
-  },
-  getWindowScrollLeft() {
-    let e = document.documentElement;
-    return (window.pageXOffset || e.scrollLeft) - (e.clientLeft || 0);
-  },
-  getOuterWidth(e, t) {
-    if (e) {
-      let n = e.offsetWidth;
-      if (t) {
-        let s = getComputedStyle(e);
-        n += parseFloat(s.marginLeft) + parseFloat(s.marginRight);
+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 De from "axios";
+import { defineStore as q, storeToRefs as G } from "pinia";
+const ee = {
+  baseURL: ""
+}, w = (e = "") => De.create({
+  ...ee,
+  baseURL: e || ee.baseURL
+}), ke = async () => {
+  try {
+    const { data: e } = await w().get(
+      "/api/v1/tags/keys",
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-      return n;
-    }
-    return 0;
-  },
-  getOuterHeight(e, t) {
-    if (e) {
-      let n = e.offsetHeight;
-      if (t) {
-        let s = getComputedStyle(e);
-        n += parseFloat(s.marginTop) + parseFloat(s.marginBottom);
+    );
+    return e || [];
+  } catch {
+    return [];
+  }
+}, Ve = async (e) => {
+  try {
+    const { data: t } = await w().get(
+      `/api/v1/tags/values/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-      return n;
-    }
-    return 0;
-  },
-  getClientHeight(e, t) {
-    if (e) {
-      let n = e.clientHeight;
-      if (t) {
-        let s = getComputedStyle(e);
-        n += parseFloat(s.marginTop) + parseFloat(s.marginBottom);
+    );
+    return t || [];
+  } catch {
+    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];
+  });
+  try {
+    return await w().post(
+      "/api/v1/tags",
+      s,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-      return n;
-    }
-    return 0;
-  },
-  getViewport() {
-    let e = window, t = document, n = t.documentElement, s = t.getElementsByTagName("body")[0], o = e.innerWidth || n.clientWidth || s.clientWidth, r = e.innerHeight || n.clientHeight || s.clientHeight;
-    return { width: o, height: r };
-  },
-  getOffset(e) {
-    if (e) {
-      let t = e.getBoundingClientRect();
-      return {
-        top: t.top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0),
-        left: t.left + (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0)
-      };
-    }
-    return {
-      top: "auto",
-      left: "auto"
-    };
-  },
-  index(e) {
-    if (e) {
-      let t = e.parentNode.childNodes, n = 0;
-      for (let s = 0; s < t.length; s++) {
-        if (t[s] === e)
-          return n;
-        t[s].nodeType === 1 && n++;
+    ), !0;
+  } catch {
+    return !1;
+  }
+}, Z = {
+  getLabels: ke,
+  createLabel: $e,
+  getValuesByKey: Ve
+}, Re = async (e = 0, t = 1e3, s, r) => {
+  const n = [];
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), s && n.push(`sort=${s}`), r && n.push(r);
+  try {
+    const { data: l, headers: o } = await w().get(
+      `/api/v1/twins?${n.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-    }
-    return -1;
-  },
-  addMultipleClasses(e, t) {
-    if (e && t)
-      if (e.classList) {
-        let n = t.split(" ");
-        for (let s = 0; s < n.length; s++)
-          e.classList.add(n[s]);
-      } else {
-        let n = t.split(" ");
-        for (let s = 0; s < n.length; s++)
-          e.className += " " + n[s];
+    );
+    return { totalRecords: parseInt(o["com-davra-total-results"]), records: l };
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, je = async (e) => {
+  try {
+    const { data: t, headers: s } = await w().post(
+      "/api/v1/twins/query",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-  },
-  addClass(e, t) {
-    e && t && (e.classList ? e.classList.add(t) : e.className += " " + t);
-  },
-  removeClass(e, t) {
-    e && t && (e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp("(^|\\b)" + t.split(" ").join("|") + "(\\b|$)", "gi"), " "));
-  },
-  hasClass(e, t) {
-    return e ? e.classList ? e.classList.contains(t) : new RegExp("(^| )" + t + "( |$)", "gi").test(e.className) : !1;
-  },
-  find(e, t) {
-    return this.isElement(e) ? e.querySelectorAll(t) : [];
-  },
-  findSingle(e, t) {
-    return this.isElement(e) ? e.querySelector(t) : null;
-  },
-  getHeight(e) {
-    if (e) {
-      let t = e.offsetHeight, n = getComputedStyle(e);
-      return t -= parseFloat(n.paddingTop) + parseFloat(n.paddingBottom) + parseFloat(n.borderTopWidth) + parseFloat(n.borderBottomWidth), t;
-    }
-    return 0;
-  },
-  getWidth(e) {
-    if (e) {
-      let t = e.offsetWidth, n = getComputedStyle(e);
-      return t -= parseFloat(n.paddingLeft) + parseFloat(n.paddingRight) + parseFloat(n.borderLeftWidth) + parseFloat(n.borderRightWidth), t;
-    }
-    return 0;
-  },
-  absolutePosition(e, t) {
-    if (e) {
-      let n = e.offsetParent ? { width: e.offsetWidth, height: e.offsetHeight } : this.getHiddenElementDimensions(e), s = n.height, o = n.width, r = t.offsetHeight, a = t.offsetWidth, i = t.getBoundingClientRect(), c = this.getWindowScrollTop(), d = this.getWindowScrollLeft(), y = this.getViewport(), h, m;
-      i.top + r + s > y.height ? (h = i.top + c - s, e.style.transformOrigin = "bottom", h < 0 && (h = c)) : (h = r + i.top + c, e.style.transformOrigin = "top"), i.left + o > y.width ? m = Math.max(0, i.left + d + a - o) : m = i.left + d, e.style.top = h + "px", e.style.left = m + "px";
-    }
-  },
-  relativePosition(e, t) {
-    if (e) {
-      let n = e.offsetParent ? { width: e.offsetWidth, height: e.offsetHeight } : this.getHiddenElementDimensions(e);
-      const s = t.offsetHeight, o = t.getBoundingClientRect(), r = this.getViewport();
-      let a, i;
-      o.top + s + n.height > r.height ? (a = -1 * n.height, e.style.transformOrigin = "bottom", o.top + a < 0 && (a = -1 * o.top)) : (a = s, e.style.transformOrigin = "top"), n.width > r.width ? i = o.left * -1 : o.left + n.width > r.width ? i = (o.left + n.width - r.width) * -1 : i = 0, e.style.top = a + "px", e.style.left = i + "px";
-    }
-  },
-  getParents(e, t = []) {
-    return e.parentNode === null ? t : this.getParents(e.parentNode, t.concat([e.parentNode]));
-  },
-  getScrollableParents(e) {
-    let t = [];
-    if (e) {
-      let n = this.getParents(e);
-      const s = /(auto|scroll)/, o = (r) => {
-        let a = window.getComputedStyle(r, null);
-        return s.test(a.getPropertyValue("overflow")) || s.test(a.getPropertyValue("overflowX")) || s.test(a.getPropertyValue("overflowY"));
-      };
-      for (let r of n) {
-        let a = r.nodeType === 1 && r.dataset.scrollselectors;
-        if (a) {
-          let i = a.split(",");
-          for (let c of i) {
-            let d = this.findSingle(r, c);
-            d && o(d) && t.push(d);
-          }
+    );
+    return { totalRecords: parseInt(s["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(
+      `/api/v1/twins?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
         }
-        r.nodeType !== 9 && o(r) && t.push(r);
       }
-    }
-    return t;
-  },
-  getHiddenElementOuterHeight(e) {
-    if (e) {
-      e.style.visibility = "hidden", e.style.display = "block";
-      let t = e.offsetHeight;
-      return e.style.display = "none", e.style.visibility = "visible", t;
-    }
-    return 0;
-  },
-  getHiddenElementOuterWidth(e) {
-    if (e) {
-      e.style.visibility = "hidden", e.style.display = "block";
-      let t = e.offsetWidth;
-      return e.style.display = "none", e.style.visibility = "visible", t;
-    }
-    return 0;
-  },
-  getHiddenElementDimensions(e) {
-    if (e) {
-      let t = {};
-      return e.style.visibility = "hidden", e.style.display = "block", t.width = e.offsetWidth, t.height = e.offsetHeight, e.style.display = "none", e.style.visibility = "visible", t;
-    }
-    return 0;
-  },
-  fadeIn(e, t) {
-    if (e) {
-      e.style.opacity = 0;
-      let n = +/* @__PURE__ */ new Date(), s = 0, o = function() {
-        s = +e.style.opacity + ((/* @__PURE__ */ new Date()).getTime() - n) / t, e.style.opacity = s, n = +/* @__PURE__ */ new Date(), +s < 1 && (window.requestAnimationFrame && requestAnimationFrame(o) || setTimeout(o, 16));
-      };
-      o();
-    }
-  },
-  fadeOut(e, t) {
-    if (e) {
-      let n = 1, s = 50, o = t, r = s / o, a = setInterval(() => {
-        n -= r, n <= 0 && (n = 0, clearInterval(a)), e.style.opacity = n;
-      }, s);
-    }
-  },
-  getUserAgent() {
-    return navigator.userAgent;
-  },
-  appendChild(e, t) {
-    if (this.isElement(t))
-      t.appendChild(e);
-    else if (t.el && t.elElement)
-      t.elElement.appendChild(e);
-    else
-      throw new Error("Cannot append " + t + " to " + e);
-  },
-  isElement(e) {
-    return typeof HTMLElement == "object" ? e instanceof HTMLElement : e && typeof e == "object" && e !== null && e.nodeType === 1 && typeof e.nodeName == "string";
-  },
-  scrollInView(e, t) {
-    let n = getComputedStyle(e).getPropertyValue("borderTopWidth"), s = n ? parseFloat(n) : 0, o = getComputedStyle(e).getPropertyValue("paddingTop"), r = o ? parseFloat(o) : 0, a = e.getBoundingClientRect(), c = t.getBoundingClientRect().top + document.body.scrollTop - (a.top + document.body.scrollTop) - s - r, d = e.scrollTop, y = e.clientHeight, h = this.getOuterHeight(t);
-    c < 0 ? e.scrollTop = d + c : c + h > y && (e.scrollTop = d + c - y + h);
-  },
-  clearSelection() {
-    if (window.getSelection)
-      window.getSelection().empty ? window.getSelection().empty() : window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0 && window.getSelection().removeAllRanges();
-    else if (document.selection && document.selection.empty)
-      try {
-        document.selection.empty();
-      } catch {
+    );
+    return { totalRecords: parseInt(s["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}`);
+  try {
+    const { data: o, headers: a } = await w().get(
+      `/api/v1/twins/?${l.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-  },
-  getSelection() {
-    return window.getSelection ? window.getSelection().toString() : document.getSelection ? document.getSelection().toString() : document.selection ? document.selection.createRange().text : null;
-  },
-  calculateScrollbarWidth() {
-    if (this.calculatedScrollbarWidth != null)
-      return this.calculatedScrollbarWidth;
-    let e = document.createElement("div");
-    e.className = "p-scrollbar-measure", document.body.appendChild(e);
-    let t = e.offsetWidth - e.clientWidth;
-    return document.body.removeChild(e), this.calculatedScrollbarWidth = t, t;
-  },
-  getBrowser() {
-    if (!this.browser) {
-      let e = this.resolveUserAgent();
-      this.browser = {}, e.browser && (this.browser[e.browser] = !0, this.browser.version = e.version), this.browser.chrome ? this.browser.webkit = !0 : this.browser.webkit && (this.browser.safari = !0);
-    }
-    return this.browser;
-  },
-  resolveUserAgent() {
-    let e = navigator.userAgent.toLowerCase(), t = /(chrome)[ ]([\w.]+)/.exec(e) || /(webkit)[ ]([\w.]+)/.exec(e) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(e) || /(msie) ([\w.]+)/.exec(e) || e.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e) || [];
-    return {
-      browser: t[1] || "",
-      version: t[2] || "0"
-    };
-  },
-  isVisible(e) {
-    return e && e.offsetParent != null;
-  },
-  invokeElementMethod(e, t, n) {
-    e[t].apply(e, n);
-  },
-  isExist(e) {
-    return !!(e !== null && typeof e < "u" && e.nodeName && e.parentNode);
-  },
-  isClient() {
-    return !!(typeof window < "u" && window.document && window.document.createElement);
-  },
-  focus(e, t) {
-    e && document.activeElement !== e && e.focus(t);
-  },
-  isFocusableElement(e, t = "") {
-    return this.isElement(e) ? e.matches(`button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t}`) : !1;
-  },
-  getFocusableElements(e, t = "") {
-    let n = this.find(
-      e,
-      `button:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [href][clientHeight][clientWidth]:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                input:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                select:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                textarea:not([tabindex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [tabIndex]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t},
-                [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${t}`
-    ), s = [];
-    for (let o of n)
-      getComputedStyle(o).display != "none" && getComputedStyle(o).visibility != "hidden" && s.push(o);
-    return s;
-  },
-  getFirstFocusableElement(e, t) {
-    const n = this.getFocusableElements(e, t);
-    return n.length > 0 ? n[0] : null;
-  },
-  getLastFocusableElement(e, t) {
-    const n = this.getFocusableElements(e, t);
-    return n.length > 0 ? n[n.length - 1] : null;
-  },
-  getNextFocusableElement(e, t, n) {
-    const s = this.getFocusableElements(e, n), o = s.length > 0 ? s.findIndex((a) => a === t) : -1, r = o > -1 && s.length >= o + 1 ? o + 1 : -1;
-    return r > -1 ? s[r] : null;
-  },
-  isClickable(e) {
-    if (e) {
-      const t = e.nodeName, n = e.parentElement && e.parentElement.nodeName;
-      return t === "INPUT" || t === "TEXTAREA" || t === "BUTTON" || t === "A" || n === "INPUT" || n === "TEXTAREA" || n === "BUTTON" || n === "A" || !!e.closest(".p-button, .p-checkbox, .p-radiobutton");
-    }
-    return !1;
-  },
-  applyStyle(e, t) {
-    if (typeof t == "string")
-      e.style.cssText = t;
-    else
-      for (let n in t)
-        e.style[n] = t[n];
-  },
-  isIOS() {
-    return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
-  },
-  isAndroid() {
-    return /(android)/i.test(navigator.userAgent);
-  },
-  isTouchDevice() {
-    return "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
-  },
-  exportCSV(e, t) {
-    let n = new Blob([e], {
-      type: "application/csv;charset=utf-8;"
-    });
-    if (window.navigator.msSaveOrOpenBlob)
-      navigator.msSaveOrOpenBlob(n, t + ".csv");
-    else {
-      let s = document.createElement("a");
-      s.download !== void 0 ? (s.setAttribute("href", URL.createObjectURL(n)), s.setAttribute("download", t + ".csv"), s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s)) : (e = "data:text/csv;charset=utf-8," + e, window.open(encodeURI(e)));
-    }
+    );
+    return { totalRecords: parseInt(a["com-davra-total-results"]), records: o };
+  } catch {
+    throw new Error("Twins API Error");
   }
-}, R = {
-  equals(e, t, n) {
-    return n ? this.resolveFieldData(e, n) === this.resolveFieldData(t, n) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      var n = Array.isArray(e), s = Array.isArray(t), o, r, a;
-      if (n && s) {
-        if (r = e.length, r != t.length)
-          return !1;
-        for (o = r; o-- !== 0; )
-          if (!this.deepEquals(e[o], t[o]))
-            return !1;
-        return !0;
+}, Pe = async (e) => {
+  try {
+    const { data: t } = await w().get(
+      `/api/v1/twins/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
       }
-      if (n != s)
-        return !1;
-      var i = e instanceof Date, c = t instanceof Date;
-      if (i != c)
-        return !1;
-      if (i && c)
-        return e.getTime() == t.getTime();
-      var d = e instanceof RegExp, y = t instanceof RegExp;
-      if (d != y)
-        return !1;
-      if (d && y)
-        return e.toString() == t.toString();
-      var h = Object.keys(e);
-      if (r = h.length, r !== Object.keys(t).length)
-        return !1;
-      for (o = r; o-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, h[o]))
-          return !1;
-      for (o = r; o-- !== 0; )
-        if (a = h[o], !this.deepEquals(e[a], t[a]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (this.isFunction(t))
-        return t(e);
-      if (t.indexOf(".") === -1)
-        return e[t];
+    );
+    return t;
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, xe = async (e) => {
+  try {
+    const { data: t } = await w().get(
+      `/api/v1/twins/${e}/attachments`,
       {
-        let o = t.split("."), r = e;
-        for (var n = 0, s = o.length; n < s; ++n) {
-          if (r == null)
-            return null;
-          r = r[o[n]];
+        headers: {
+          Accept: "application/json"
         }
-        return r;
       }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  getItemValue(e, ...t) {
-    return this.isFunction(e) ? e(...t) : e;
-  },
-  filter(e, t, n) {
-    var s = [];
-    if (e) {
-      for (let o of e)
-        for (let r of t)
-          if (String(this.resolveFieldData(o, r)).toLowerCase().indexOf(n.toLowerCase()) > -1) {
-            s.push(o);
-            break;
-          }
-    }
-    return s;
-  },
-  reorderArray(e, t, n) {
-    e && t !== n && (n >= e.length && (n %= e.length, t %= e.length), e.splice(n, 0, e.splice(t, 1)[0]));
-  },
-  findIndexInList(e, t) {
-    let n = -1;
-    if (t) {
-      for (let s = 0; s < t.length; s++)
-        if (t[s] === e) {
-          n = s;
-          break;
+    );
+    return t;
+  } catch {
+    throw new Error("Twins API Error");
+  }
+}, J = {
+  getTwins: Re,
+  getTwinsByTypeName: Me,
+  getTwinByUUID: Pe,
+  getTwinByUUIDs: Oe,
+  getTwinAttachements: xe,
+  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);
+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 oe;
+(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]);
+  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 W(e, t, s, r = {}) {
+  var n, l, o;
+  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));
+  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]) : _;
+  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;
+  } else
+    return S({
+      get() {
+        return D();
+      },
+      set(k) {
+        I(T, k);
+      }
+    });
+}
+function Ge(e, t, s = {}) {
+  const r = {};
+  for (const n in e)
+    r[n] = W(e, n, t, s);
+  return r;
+}
+const He = /* @__PURE__ */ de("span", null, null, -1), Ye = /* @__PURE__ */ de("span", null, null, -1), ve = /* @__PURE__ */ B({
+  __name: "LabelInput",
+  props: {
+    labels: {},
+    twintypes: {},
+    labelkey: {},
+    labelvalue: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["update:labelkey", "update:labelvalue", "removelabel"],
+  setup(e, { emit: t }) {
+    const s = e, r = S(() => [
+      { header: "Keys", color: "blue", icon: "mdi-label" },
+      ...s.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 = () => {
+      document.activeElement.blur();
+    }, T = (m) => {
+      m.key === "Enter" && I();
+    }, j = async (m) => {
+      const A = _(m);
+      if (y.value = !0, A === "twintypes")
+        try {
+          const V = await J.getTwinsByTypeName(m);
+          v.value = V.records.map((R) => ({ value: R.UUID, label: R.name }));
+        } catch {
         }
-    }
-    return n;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (let n of t)
-        if (this.equals(e, n))
-          return !0;
-    }
-    return !1;
-  },
-  insertIntoOrderedArray(e, t, n, s) {
-    if (n.length > 0) {
-      let o = !1;
-      for (let r = 0; r < n.length; r++)
-        if (this.findIndexInList(n[r], s) > t) {
-          n.splice(r, 0, e), o = !0;
-          break;
+      else if (A === "labels")
+        try {
+          const V = await Z.getValuesByKey(m);
+          c.value = V;
+        } catch {
+        }
+      else
+        v.value = [], c.value = [];
+      y.value = !1;
+    };
+    K(n, async (m, A) => {
+      m !== A && (j(m), A !== "" && (l.value = ""));
+    });
+    const D = h(), k = S(() => {
+      var m;
+      return (m = D.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, 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" }, {
+        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),
+                "item-value": "value",
+                "data-testid": "label-key-selector",
+                readonly: "readonly" in m ? m.readonly : u(z),
+                class: "label-combo-key",
+                variant: "outlined",
+                label: "Key",
+                items: u(r),
+                "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(o) && !u(r).includes(u(o)) ? (g(), E(M, {
+                    key: 0,
+                    class: "bg-blue-lighten-5",
+                    onClick: I
+                  }, {
+                    default: i(() => [
+                      d($, null, {
+                        default: i(() => [
+                          C(" Create new key "),
+                          d(R, {
+                            class: "ma-2",
+                            color: "blue",
+                            label: ""
+                          }, {
+                            default: i(() => [
+                              d(V, {
+                                start: "",
+                                icon: "mdi-label"
+                              }),
+                              C(" " + x(u(o)), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : P("", !0)
+                ]),
+                item: i(({ item: f, props: L }) => [
+                  f.raw.header ? (g(), E(M, N({ key: 0 }, L, {
+                    disabled: "",
+                    class: ["opacityMax", `bg-${f.raw.color}-lighten-5`],
+                    style: {},
+                    title: !1,
+                    subtitle: f.raw.header
+                  }), {
+                    prepend: i(() => [
+                      he(d(V, {
+                        icon: f.raw.icon,
+                        color: f.raw.color,
+                        size: "small"
+                      }, null, 8, ["icon", "color"]), [
+                        [ge, f.raw.icon]
+                      ])
+                    ]),
+                    _: 2
+                  }, 1040, ["class", "subtitle"])) : (g(), E(M, N({ key: 1 }, L, {
+                    title: f.value
+                  }), null, 16, ["title"]))
+                ]),
+                chip: i(({ item: f, props: L }) => [
+                  f.value ? (g(), E(R, N({
+                    key: 0,
+                    color: _(f.value) === "twintypes" ? "purple" : "blue",
+                    label: ""
+                  }, L), {
+                    default: i(() => [
+                      d(V, {
+                        start: "",
+                        icon: _(f.value) === "twintypes" ? "mdi-content-duplicate" : "mdi-label"
+                      }, null, 8, ["icon"]),
+                      C(" " + x(f.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(b) === "twintypes" ? (g(), E(_e, {
+                key: 0,
+                ref_key: "autocomplete",
+                ref: D,
+                modelValue: u(l),
+                "onUpdate:modelValue": A[2] || (A[2] = (f) => U(l) ? l.value = f : null),
+                "data-testid": "label-twin-selector",
+                readonly: "readonly" in m ? m.readonly : u(z),
+                class: "label-auto-value",
+                variant: "outlined",
+                "hide-details": "auto",
+                label: "Twin",
+                loading: u(y),
+                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: f, props: L }) => [
+                  f.value && !u(k) ? (g(), E(R, N({
+                    key: 0,
+                    color: "purple",
+                    label: ""
+                  }, L), {
+                    default: i(() => [
+                      d(V, {
+                        start: "",
+                        icon: "mdi-shape"
+                      }),
+                      C(" " + x(f.title), 1)
+                    ]),
+                    _: 2
+                  }, 1040)) : P("", !0)
+                ]),
+                _: 1
+              }, 8, ["modelValue", "readonly", "loading", "items", "disabled"])) : (g(), E(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),
+                disabled: !u(n) || u(n) === "",
+                "data-testid": "label-value-selector",
+                class: "label-combo-value",
+                "menu-props": { maxHeight: "400px" },
+                loading: u(y),
+                "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(z)
+              }, {
+                "no-data": i(() => [
+                  Ye
+                ]),
+                "prepend-item": i(() => [
+                  u(a) && !u(c).find((f) => f === u(a)) ? (g(), E(M, {
+                    key: 0,
+                    class: "bg-blue-lighten-5",
+                    onClick: I
+                  }, {
+                    default: i(() => [
+                      d($, null, {
+                        default: i(() => [
+                          C(" Create new value "),
+                          d(R, {
+                            class: "ma-2",
+                            color: "blue",
+                            label: ""
+                          }, {
+                            default: i(() => [
+                              d(V, {
+                                start: "",
+                                icon: "mdi-label"
+                              }),
+                              C(" " + x(u(a)), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : P("", !0)
+                ]),
+                chip: i(({ item: f, props: L }) => [
+                  f.value ? (g(), E(R, N({
+                    key: 0,
+                    color: "blue",
+                    label: ""
+                  }, L), {
+                    default: i(() => [
+                      d(V, {
+                        start: "",
+                        icon: "mdi-shape"
+                      }),
+                      C(" " + x(f.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(z)) ? P("", !0) : (g(), E(fe, {
+                key: 0,
+                class: "label-delete-btn",
+                variant: "text",
+                icon: "mdi-delete",
+                color: "grey-darken-1",
+                flat: "",
+                size: "small",
+                onClick: A[5] || (A[5] = (f) => m.$emit("removelabel"))
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Ze = async () => {
+  try {
+    const { data: e } = await w().get(
+      "/api/v1/twintypes",
+      {
+        headers: {
+          Accept: "application/json"
         }
-      o || n.push(e);
-    } else
-      n.push(e);
-  },
-  removeAccents(e) {
-    return e && e.search(/[\xC0-\xFF]/g) > -1 && (e = e.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y")), e;
-  },
-  getVNodeProp(e, t) {
-    let n = e.props;
-    if (n) {
-      let s = t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), o = Object.prototype.hasOwnProperty.call(n, s) ? s : t;
-      return e.type.props[t].type === Boolean && n[o] === "" ? !0 : n[o];
-    }
-    return null;
-  },
-  convertToFlatCase(e) {
-    return this.isNotEmpty(e) ? e.replace(/(-|_)/g, "").toLowerCase() : e;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  isPrintableCharacter(e = "") {
-    return this.isNotEmpty(e) && e.length === 1 && e.match(/\S| /);
-  },
-  /**
-   * Firefox-v103 does not currently support the "findLast" method. It is stated that this method will be supported with Firefox-v104.
-   * https://caniuse.com/mdn-javascript_builtins_array_findlast
-   */
-  findLast(e, t) {
-    let n;
-    if (this.isNotEmpty(e))
-      try {
-        n = e.findLast(t);
-      } catch {
-        n = [...e].reverse().find(t);
-      }
-    return n;
-  },
-  /**
-   * Firefox-v103 does not currently support the "findLastIndex" method. It is stated that this method will be supported with Firefox-v104.
-   * https://caniuse.com/mdn-javascript_builtins_array_findlastindex
-   */
-  findLastIndex(e, t) {
-    let n = -1;
-    if (this.isNotEmpty(e))
-      try {
-        n = e.findLastIndex(t);
-      } catch {
-        n = e.lastIndexOf([...e].reverse().find(t));
       }
-    return n;
+    );
+    return Object.values(e) || [];
+  } catch {
+    return [];
   }
-}, et = {
-  name: "BaseComponent",
-  props: {
-    pt: {
-      type: Object,
-      default: void 0
+}, 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 () => {
+    try {
+      const n = await Xe.getTwinTypes();
+      e.value = n;
+    } catch {
     }
-  },
-  methods: {
-    getOption(e = {}, t = "") {
-      const n = R.convertToFlatCase(t);
-      return e[Object.keys(e).find((s) => R.convertToFlatCase(s) === n) || ""];
-    },
-    getPTValue(e = {}, t = "", n = {}) {
-      const s = R.getItemValue(this.getOption(e, t), n), o = R.getItemValue(this.getOption(this.defaultPT, t), n);
-      return I(s, o);
-    },
-    ptm(e = "", t = {}) {
-      return this.getPTValue(this.pt, e, { props: this.$props, state: this.$data, ...t });
-    },
-    ptmo(e = {}, t = "", n = {}) {
-      return this.getPTValue(e, t, n);
+  };
+  return r(), {
+    twinTypes: e,
+    pullTwinTypes: r,
+    twinTypeNames: t,
+    twinTypeSelectArray: s
+  };
+}), et = q("labels", () => {
+  const e = h([]), t = async () => {
+    try {
+      const r = await Z.getLabels();
+      e.value = r;
+    } catch {
     }
-  },
-  computed: {
-    defaultPT() {
-      return R.getItemValue(this.getOption(this.$primevue.config.pt, this.$.type.name), this.defaultsParams);
-    },
-    defaultsParams() {
-      return { instance: this.$ };
+  }, s = async (r) => {
+    const { twinTypeNames: n } = G(me());
+    try {
+      await Z.createLabel(r, n.value), await t();
+    } catch {
     }
-  }
-}, tt = {
-  name: "BaseIcon",
+  };
+  return t(), {
+    labels: e,
+    pullLabels: t,
+    updateLabels: s
+  };
+}), tt = /* @__PURE__ */ B({
+  __name: "LabelsSelector",
   props: {
-    label: {
-      type: String,
-      default: void 0
-    },
-    spin: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  methods: {
-    pti() {
-      const e = R.isEmpty(this.label);
-      return {
-        class: [
-          "p-icon",
-          {
-            "p-icon-spin": this.spin
-          }
-        ],
-        role: e ? void 0 : "img",
-        "aria-label": e ? void 0 : this.label,
-        "aria-hidden": e
-      };
-    }
+    modelValue: {},
+    readonly: { type: Boolean }
+  },
+  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);
+    };
+    return K(l, (y) => {
+      const _ = y.reduce((b, I) => (I.key && I.value && (b[I.key] = I.value), b), {});
+      t("update:modelValue", _);
+    }, { 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, {
+        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(() => [
+                  C(" Labels "),
+                  d(b),
+                  ("readonly" in y ? y.readonly : u(z)) ? P("", !0) : (g(), E(I, {
+                    key: 0,
+                    class: "label-add-btn",
+                    size: "small",
+                    "prepend-icon": "mdi-plus",
+                    variant: "tonal",
+                    color: "primary",
+                    onClick: c
+                  }, {
+                    default: i(() => [
+                      C(" add a label ")
+                    ]),
+                    _: 1
+                  }))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          u(l).length ? (g(), E(A, { key: 0 }, {
+            default: i(() => [
+              d(T, { "no-gutters": "" }, {
+                default: i(() => [
+                  d(k, null, {
+                    default: i(() => [
+                      d(D, null, {
+                        default: i(() => [
+                          C("Key")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  d(k, null, {
+                    default: i(() => [
+                      d(D, null, {
+                        default: i(() => [
+                          C("Value")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 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($)
+              }, null, 8, ["labelkey", "onUpdate:labelkey", "labelvalue", "onUpdate:labelvalue", "readonly", "labels", "twintypes", "data-lab-key", "onRemovelabel"]))), 128))
+            ]),
+            _: 1
+          })) : P("", !0)
+        ]),
+        _: 1
+      });
+    };
   }
-};
-function nt(e, t) {
-  t === void 0 && (t = {});
-  var n = t.insertAt;
-  if (!(!e || typeof document > "u")) {
-    var s = document.head || document.getElementsByTagName("head")[0], o = document.createElement("style");
-    o.type = "text/css", n === "top" && s.firstChild ? s.insertBefore(o, s.firstChild) : s.appendChild(o), o.styleSheet ? o.styleSheet.cssText = e : o.appendChild(document.createTextNode(e));
+}), at = /* @__PURE__ */ B({
+  __name: "Modal",
+  props: {
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean }
+  },
+  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),
+        activator: n.parentActivator ? "parent" : void 0
+      }, {
+        default: i(() => [
+          F(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator"]);
+    };
   }
+}), nt = Symbol.for("vuetify:display");
+function ot() {
+  const e = Ce(nt);
+  if (!e)
+    throw new Error("Could not find Vuetify display injection");
+  return e;
 }
-var st = `
-.p-icon {
-    display: inline-block;
-}
-.p-icon-spin {
-    -webkit-animation: p-icon-spin 2s infinite linear;
-    animation: p-icon-spin 2s infinite linear;
-}
-@-webkit-keyframes p-icon-spin {
-0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-}
-100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-}
-}
-@keyframes p-icon-spin {
-0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-}
-100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-}
-}
-`;
-nt(st);
-var _e = {
-  name: "SpinnerIcon",
-  extends: tt
-};
-const ot = /* @__PURE__ */ A("g", { "clip-path": "url(#clip0_417_21408)" }, [
-  /* @__PURE__ */ A("path", {
-    d: "M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z",
-    fill: "currentColor"
-  })
-], -1), rt = /* @__PURE__ */ A("defs", null, [
-  /* @__PURE__ */ A("clipPath", { id: "clip0_417_21408" }, [
-    /* @__PURE__ */ A("rect", {
-      width: "14",
-      height: "14",
-      fill: "white"
-    })
-  ])
-], -1), it = [
-  ot,
-  rt
-];
-function at(e, t, n, s, o, r) {
-  return T(), x("svg", I({
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), it, 16);
-}
-_e.render = at;
-let ee;
-function ct(e) {
-  e.addEventListener("mousedown", Ie);
-}
-function lt(e) {
-  e.removeEventListener("mousedown", Ie);
-}
-function ut(e) {
-  let t = document.createElement("span");
-  t.className = "p-ink", t.setAttribute("role", "presentation"), t.setAttribute("aria-hidden", "true"), e.appendChild(t), t.addEventListener("animationend", Te);
-}
-function dt(e) {
-  let t = De(e);
-  t && (lt(e), t.removeEventListener("animationend", Te), t.remove());
-}
-function Ie(e) {
-  let t = e.currentTarget, n = De(t);
-  if (!n || getComputedStyle(n, null).display === "none")
-    return;
-  if (S.removeClass(n, "p-ink-active"), !S.getHeight(n) && !S.getWidth(n)) {
-    let a = Math.max(S.getOuterWidth(t), S.getOuterHeight(t));
-    n.style.height = a + "px", n.style.width = a + "px";
+const st = /* @__PURE__ */ B({
+  __name: "ViewObjectModal",
+  props: {
+    title: {},
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean },
+    hideActions: { type: Boolean }
+  },
+  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,
+        "max-width": "800px",
+        fullscreen: u(l)
+      }, {
+        default: i(() => [
+          d(T, null, {
+            default: i(() => [
+              d(y, { 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)
+                  })
+                ]),
+                default: i(() => [
+                  d(c, null, {
+                    default: i(() => [
+                      C(x(o.title), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d(_, null, {
+                default: i(() => [
+                  F(o.$slots, "default")
+                ]),
+                _: 3
+              }),
+              o.hideActions ? P("", !0) : (g(), E(I, { key: 0 }, {
+                default: i(() => [
+                  F(o.$slots, "actions", Ie(Se({ confirm: n, dialog: u(r) })), () => [
+                    d(b),
+                    d(v, {
+                      class: "delete-modal-dismiss",
+                      color: "grey",
+                      onClick: a[1] || (a[1] = (D) => r.value = !1)
+                    }, {
+                      default: i(() => [
+                        C(" Dismiss ")
+                      ]),
+                      _: 1
+                    }),
+                    d(v, {
+                      class: "delete-modal-confirm",
+                      color: "red",
+                      variant: "elevated",
+                      onClick: n
+                    }, {
+                      default: i(() => [
+                        C(" Yes, I'm sure ")
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 3
+              }))
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator", "fullscreen"]);
+    };
+  }
+}), rt = /* @__PURE__ */ B({
+  __name: "DeleteModal",
+  props: {
+    title: {},
+    modelValue: { type: Boolean },
+    parentActivator: { type: Boolean }
+  },
+  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;
+    };
+    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,
+        "max-width": "400px"
+      }, {
+        default: i(() => [
+          d(b, null, {
+            default: i(() => [
+              d(a, null, {
+                default: i(() => [
+                  C(x(l.title), 1)
+                ]),
+                _: 1
+              }),
+              d(c, null, {
+                default: i(() => [
+                  F(l.$slots, "default")
+                ]),
+                _: 3
+              }),
+              d(_, null, {
+                default: i(() => [
+                  d(v),
+                  d(y, {
+                    class: "delete-modal-dismiss",
+                    color: "grey",
+                    onClick: o[0] || (o[0] = (T) => r.value = !1)
+                  }, {
+                    default: i(() => [
+                      C(" Dismiss ")
+                    ]),
+                    _: 1
+                  }),
+                  d(y, {
+                    class: "delete-modal-confirm",
+                    color: "red",
+                    variant: "elevated",
+                    onClick: n
+                  }, {
+                    default: i(() => [
+                      C(" Yes, I'm sure ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "activator"]);
+    };
   }
-  let s = S.getOffset(t), o = e.pageX - s.left + document.body.scrollTop - S.getWidth(n) / 2, r = e.pageY - s.top + document.body.scrollLeft - S.getHeight(n) / 2;
-  n.style.top = r + "px", n.style.left = o + "px", S.addClass(n, "p-ink-active"), ee = setTimeout(() => {
-    n && S.removeClass(n, "p-ink-active");
-  }, 401);
-}
-function Te(e) {
-  ee && clearTimeout(ee), S.removeClass(e.currentTarget, "p-ink-active");
-}
-function De(e) {
-  for (let t = 0; t < e.children.length; t++)
-    if (typeof e.children[t].className == "string" && e.children[t].className.indexOf("p-ink") !== -1)
-      return e.children[t];
-  return null;
-}
-const pt = {
-  mounted(e, t) {
-    t.instance.$primevue && t.instance.$primevue.config && t.instance.$primevue.config.ripple && (ut(e), ct(e));
+}), lt = /* @__PURE__ */ B({
+  __name: "ConfirmModal",
+  props: {
+    title: {}
   },
-  unmounted(e) {
-    dt(e);
+  emits: ["confirm"],
+  setup(e, { emit: t }) {
+    const s = h(!1), r = () => {
+      s.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),
+        activator: "parent",
+        "max-width": "400px"
+      }, {
+        default: i(() => [
+          d(_, null, {
+            default: i(() => [
+              d(o, null, {
+                default: i(() => [
+                  C(x(n.title), 1)
+                ]),
+                _: 1
+              }),
+              d(a, null, {
+                default: i(() => [
+                  F(n.$slots, "default")
+                ]),
+                _: 3
+              }),
+              d(y, null, {
+                default: i(() => [
+                  d(c),
+                  d(v, {
+                    class: "confirm-modal-dismiss",
+                    color: "grey",
+                    onClick: l[0] || (l[0] = (I) => s.value = !1)
+                  }, {
+                    default: i(() => [
+                      C(" Cancel ")
+                    ]),
+                    _: 1
+                  }),
+                  d(v, {
+                    class: "confirm-modal-confirm",
+                    color: "primary",
+                    variant: "elevated",
+                    onClick: r
+                  }, {
+                    default: i(() => [
+                      C(" Yes, I'm sure ")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
   }
-};
-var te = {
-  name: "Button",
-  extends: et,
+}), ct = /* @__PURE__ */ B({
+  __name: "ColorInput",
   props: {
-    label: {
-      type: String,
-      default: null
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    iconPos: {
-      type: String,
-      default: "left"
-    },
-    iconClass: {
-      type: String,
-      default: null
-    },
-    badge: {
-      type: String,
-      default: null
-    },
-    badgeClass: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    loadingIcon: {
-      type: String,
-      default: void 0
-    },
-    link: {
-      type: Boolean,
-      default: !1
-    },
-    severity: {
-      type: String,
-      default: null
-    },
-    raised: {
-      type: Boolean,
-      default: !1
-    },
-    rounded: {
-      type: Boolean,
-      default: !1
-    },
-    text: {
-      type: Boolean,
-      default: !1
-    },
-    outlined: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: null
-    },
-    plain: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    buttonClass() {
-      return [
-        "p-button p-component",
-        {
-          "p-button-icon-only": this.hasIcon && !this.label,
-          "p-button-vertical": (this.iconPos === "top" || this.iconPos === "bottom") && this.label,
-          "p-disabled": this.$attrs.disabled || this.loading,
-          "p-button-loading": this.loading,
-          "p-button-loading-label-only": this.loading && !this.hasIcon && this.label,
-          "p-button-link": this.link,
-          [`p-button-${this.severity}`]: this.severity,
-          "p-button-raised": this.raised,
-          "p-button-rounded": this.rounded,
-          "p-button-text": this.text,
-          "p-button-outlined": this.outlined,
-          "p-button-sm": this.size === "small",
-          "p-button-lg": this.size === "large",
-          "p-button-plain": this.plain
-        }
-      ];
-    },
-    iconStyleClass() {
-      return [
-        "p-button-icon",
-        this.iconClass,
-        {
-          "p-button-icon-left": this.iconPos === "left" && this.label,
-          "p-button-icon-right": this.iconPos === "right" && this.label,
-          "p-button-icon-top": this.iconPos === "top" && this.label,
-          "p-button-icon-bottom": this.iconPos === "bottom" && this.label
-        }
-      ];
-    },
-    loadingIconStyleClass() {
-      return ["p-button-loading-icon pi-spin", this.iconStyleClass];
-    },
-    badgeStyleClass() {
-      return [
-        "p-badge p-component",
-        this.badgeClass,
-        {
-          "p-badge-no-gutter": this.badge && String(this.badge).length === 1
-        }
-      ];
-    },
-    disabled() {
-      return this.$attrs.disabled || this.loading;
-    },
-    defaultAriaLabel() {
-      return this.label ? this.label + (this.badge ? " " + this.badge : "") : this.$attrs["aria-label"];
-    },
-    hasIcon() {
-      return this.icon || this.$slots.icon;
-    }
-  },
-  components: {
-    SpinnerIcon: _e
-  },
-  directives: {
-    ripple: pt
+    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"]);
+    };
   }
-};
-const ft = ["aria-label", "disabled"];
-function ht(e, t, n, s, o, r) {
-  const a = Le("SpinnerIcon"), i = ke("ripple");
-  return Fe((T(), x("button", I({
-    class: r.buttonClass,
-    type: "button",
-    "aria-label": r.defaultAriaLabel,
-    disabled: r.disabled
-  }, e.ptm("root")), [
-    X(e.$slots, "default", {}, () => [
-      n.loading ? X(e.$slots, "loadingicon", {
-        key: 0,
-        class: le(r.loadingIconStyleClass)
-      }, () => [
-        n.loadingIcon ? (T(), x("span", I({
-          key: 0,
-          class: [r.loadingIconStyleClass, n.loadingIcon]
-        }, e.ptm("loadingIcon")), null, 16)) : (T(), Ve(a, I({
-          key: 1,
-          class: r.loadingIconStyleClass,
-          spin: ""
-        }, e.ptm("loadingIcon")), null, 16, ["class"]))
-      ]) : X(e.$slots, "icon", {
-        key: 1,
-        class: le(r.iconStyleClass)
-      }, () => [
-        n.icon ? (T(), x("span", I({
-          key: 0,
-          class: [r.iconStyleClass, n.icon]
-        }, e.ptm("icon")), null, 16)) : ue("", !0)
-      ]),
-      A("span", I({ class: "p-button-label" }, e.ptm("label")), q(n.label || " "), 17),
-      n.badge ? (T(), x("span", I({
-        key: 2,
-        class: r.badgeStyleClass
-      }, e.ptm("badge")), q(n.badge), 17)) : ue("", !0)
-    ])
-  ], 16, ft)), [
-    [i]
-  ]);
-}
-te.render = ht;
-const gt = (e) => (Be("data-v-31c691d5"), e = e(), We(), e), yt = { class: "flex align-content-center flex-wrap counter" }, mt = /* @__PURE__ */ gt(() => /* @__PURE__ */ A("label", { class: "flex align-items-center justify-content-center" }, "Counter:", -1)), vt = { class: "flex align-items-center justify-content-center count" }, wt = /* @__PURE__ */ Se({
-  __name: "ComponentB",
+}), it = /* @__PURE__ */ B({
+  __name: "ScrollText",
   setup(e) {
-    const t = v(0);
-    return (n, s) => (T(), x("div", yt, [
-      mt,
-      de(pe(te), {
-        icon: "pi pi-plus",
-        class: "p-button-sm flex align-items-center justify-content-center",
-        onClick: s[0] || (s[0] = (o) => t.value++)
-      }),
-      A("span", vt, q(t.value), 1),
-      de(pe(te), {
-        icon: "pi pi-minus",
-        class: "p-button-sm flex align-items-center justify-content-center",
-        onClick: s[1] || (s[1] = (o) => t.value--)
-      })
-    ]));
+    Te((o) => ({
+      "2e2ac96b": u(n),
+      e0628022: u(r)
+    }));
+    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);
+    });
+    return (o, a) => (g(), pe("div", {
+      ref_key: "text",
+      ref: t,
+      class: Ue({ "scroll-text": u(l) })
+    }, [
+      F(o.$slots, "default", {}, void 0, !0)
+    ], 2));
   }
 });
-const bt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [s, o] of t)
-    n[s] = o;
-  return n;
-}, Et = /* @__PURE__ */ bt(wt, [["__scopeId", "data-v-31c691d5"]]), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+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);
+  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;
+    }
+  };
+}), pt = /* @__PURE__ */ B({
+  __name: "Snackbar",
+  setup(e) {
+    const { snackbar: t, snackbarText: s, snackbarTimeout: r, snackbarSeverity: n } = G(Q());
+    return (l, o) => {
+      const a = p("v-btn"), c = p("v-snackbar");
+      return g(), E(c, {
+        modelValue: u(t),
+        "onUpdate:modelValue": o[1] || (o[1] = (v) => U(t) ? t.value = v : null),
+        style: { "margin-bottom": "50px" },
+        "data-testid": "snackbar",
+        timeout: u(r),
+        variant: "tonal",
+        color: u(n)
+      }, {
+        actions: i(() => [
+          d(a, {
+            color: "snackbarSeverity",
+            variant: "text",
+            onClick: o[0] || (o[0] = (v) => t.value = !1)
+          }, {
+            default: i(() => [
+              C(" Close ")
+            ]),
+            _: 1
+          })
+        ]),
+        default: i(() => [
+          C(x(u(s)) + " ", 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "timeout", "color"]);
+    };
+  }
+}), le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ComponentA: Ke,
-  ComponentB: Et
+  ColorInput: ct,
+  ConfirmModal: lt,
+  DeleteModal: rt,
+  LabelInput: ve,
+  LabelsSelector: tt,
+  Modal: at,
+  ScrollText: dt,
+  Snackbar: pt,
+  ViewObjectModal: st
 }, Symbol.toStringTag, { value: "Module" }));
-const Ct = 100, pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vt = 100, xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MAGIC_NUM: Ct
+  MAGIC_NUM: vt
 }, Symbol.toStringTag, { value: "Module" }));
-function St(e, t) {
+function mt(e, t) {
   return e + t;
 }
-const fn = {
-  add: St
-}, ye = {
-  baseURL: ""
-}, f = (e = "") => Ze.create({
-  ...ye,
-  baseURL: e || ye.baseURL
-}), At = async () => {
+const Bt = {
+  add: mt
+}, yt = async () => {
   try {
-    const { data: e } = await f().get(
+    const { data: e } = await w().get(
       "/user",
       {
         headers: {
@@ -925,7 +1104,7 @@ const fn = {
   } catch (e) {
     throw e;
   }
-}, xe = [
+}, ye = [
   { Action: "devices.ACCESS" },
   { Action: "devices.CREATE_DEVICE" },
   { Action: "devicetypes.CREATE_DEVICE_TYPE" },
@@ -964,9 +1143,9 @@ const fn = {
   { Action: "integrations.ACCESS" }
 ], _t = async (e = []) => {
   try {
-    const { data: t } = await f().post(
+    const { data: t } = await w().post(
       "/api/v1/authorization/policy/check",
-      e.length ? e : xe,
+      e.length ? e : ye,
       {
         headers: {
           Accept: "application/json"
@@ -977,15 +1156,15 @@ const fn = {
   } catch {
     return [];
   }
-}, me = {
-  getUser: At,
+}, ce = {
+  getUser: yt,
   getUserPermissions: _t,
-  permissionList: xe
-}, It = async (e) => {
+  permissionList: ye
+}, ft = async (e) => {
   const t = [];
   e && t.push(e);
   try {
-    const { data: n } = await f().get(
+    const { data: s } = await w().get(
       `/api/v1/iotdata/devices/counters/metrics?${t.join("&")}`,
       {
         headers: {
@@ -993,13 +1172,13 @@ const fn = {
         }
       }
     );
-    return n;
+    return s;
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, Tt = async (e) => {
+}, wt = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/devices/counters/metrics?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1011,9 +1190,9 @@ const fn = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, Dt = async (e) => {
+}, bt = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/devices/counters/metrics/${e}`,
       {
         headers: {
@@ -1025,9 +1204,9 @@ const fn = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, xt = async (e) => {
+}, ht = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/devices/counters/${e}`,
       {
         headers: {
@@ -1039,9 +1218,9 @@ const fn = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, Pt = async (e) => {
+}, gt = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/devices/counters/latest/${e}`,
       {
         headers: {
@@ -1053,9 +1232,9 @@ const fn = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, Ot = async (e) => {
+}, At = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/devices/counters/latest?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1067,16 +1246,16 @@ const fn = {
   } catch {
     throw new Error("Devices Counters API Error");
   }
-}, hn = {
-  getDevicesCountersMetric: It,
-  getDevicesCountersMetricByUUID: Dt,
-  getDevicesCountersMetricByUUIDs: Tt,
-  getDevicesCountersByUUID: xt,
-  getDevicesCountersLatestByUUID: Pt,
-  getDevicesCountersLatestByUUIDs: Ot
-}, Nt = async (e) => {
+}, Lt = {
+  getDevicesCountersMetric: ft,
+  getDevicesCountersMetricByUUID: bt,
+  getDevicesCountersMetricByUUIDs: wt,
+  getDevicesCountersByUUID: ht,
+  getDevicesCountersLatestByUUID: gt,
+  getDevicesCountersLatestByUUIDs: At
+}, Et = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/twins/counters/${e}`,
       {
         headers: {
@@ -1088,9 +1267,9 @@ const fn = {
   } catch {
     throw new Error("Twins Counters API Error");
   }
-}, Ut = async (e) => {
+}, Ct = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/iotdata/twins/counters/latest/${e}`,
       {
         headers: {
@@ -1102,28 +1281,28 @@ const fn = {
   } catch {
     throw new Error("Twins Counters API Error");
   }
-}, gn = {
-  getTwinsCountersLatestByUUID: Ut,
-  getTwinsCountersByUUID: Nt
-}, Rt = async (e, t, n, s) => {
-  const o = [];
-  o.push(`start=${e || 0}`), t && o.push(`limit=${t}`), n && o.push(`sort=${n}`), s && o.push(s);
+}, Nt = {
+  getTwinsCountersLatestByUUID: Ct,
+  getTwinsCountersByUUID: Et
+}, It = async (e, t, s, r) => {
+  const n = [];
+  n.push(`start=${e || 0}`), t && n.push(`limit=${t}`), s && n.push(`sort=${s}`), r && n.push(r);
   try {
-    const { data: r } = await f().get(
-      `/api/v1/devices?${o.join("&")}`,
+    const { data: l } = await w().get(
+      `/api/v1/devices?${n.join("&")}`,
       {
         headers: {
           Accept: "application/json"
         }
       }
     );
-    return r;
+    return l;
   } catch {
     throw new Error("Devices API Error");
   }
-}, $t = async (e) => {
+}, St = async (e) => {
   try {
-    const { data: t } = await f().post(
+    const { data: t } = await w().post(
       "/api/v1/devices/query",
       e,
       {
@@ -1136,9 +1315,9 @@ const fn = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, jt = async (e) => {
+}, Tt = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/devices/${e}`,
       {
         headers: {
@@ -1150,9 +1329,9 @@ const fn = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, Lt = async (e) => {
+}, Ut = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/devices?arrayUUIDs=${e.join(",")}`,
       {
         headers: {
@@ -1164,9 +1343,9 @@ const fn = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, kt = async (e) => {
+}, Dt = async (e) => {
   try {
-    const { data: t } = await f().get(
+    const { data: t } = await w().get(
       `/api/v1/devices/attachments/${e}`,
       {
         headers: {
@@ -1178,111 +1357,15 @@ const fn = {
   } catch {
     throw new Error("Devices API Error");
   }
-}, G = {
-  getDevices: Rt,
-  queryDevices: $t,
-  getDeviceByUUID: jt,
-  getDeviceByUUIDs: Lt,
-  getDeviceAttachements: kt
-}, Ft = async (e = 0, t = 1e3, n, s) => {
-  const o = [];
-  o.push(`start=${e || 0}`), t && o.push(`limit=${t}`), n && o.push(`sort=${n}`), s && o.push(s);
-  try {
-    const { data: r, headers: a } = await f().get(
-      `/api/v1/twins?${o.join("&")}`,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return { totalRecords: parseInt(a["com-davra-total-results"]), records: r };
-  } catch {
-    throw new Error("Twins API Error");
-  }
-}, Vt = async (e) => {
-  try {
-    const { data: t, headers: n } = await f().post(
-      "/api/v1/twins/query",
-      e,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return { totalRecords: parseInt(n["com-davra-total-results"]), records: t };
-  } catch {
-    throw new Error("Twins API Error");
-  }
-}, Bt = async (e) => {
-  try {
-    const { data: t, headers: n } = await f().get(
-      `/api/v1/twins?arrayUUIDs=${e.join(",")}`,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return { totalRecords: parseInt(n["com-davra-total-results"]), records: t };
-  } catch {
-    throw new Error("Twins API Error");
-  }
-}, Wt = async (e, t = 0, n = 1e3, s, o) => {
-  const r = [`digitalTwinTypeName=${e}`, `limit=${n}`, `start=${t}`];
-  s && r.push(`sort=${s}`), o && r.push(`name=~${o}`);
-  try {
-    const { data: a, headers: i } = await f().get(
-      `/api/v1/twins/?${r.join("&")}`,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return { totalRecords: parseInt(i["com-davra-total-results"]), records: a };
-  } catch {
-    throw new Error("Twins API Error");
-  }
-}, Mt = 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");
-  }
-}, Ht = 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");
-  }
-}, Z = {
-  getTwins: Ft,
-  getTwinsByTypeName: Wt,
-  getTwinByUUID: Mt,
-  getTwinByUUIDs: Bt,
-  getTwinAttachements: Ht,
-  queryTwins: Vt
-}, qt = async (e) => {
+}, Y = {
+  getDevices: It,
+  queryDevices: St,
+  getDeviceByUUID: Tt,
+  getDeviceByUUIDs: Ut,
+  getDeviceAttachements: Dt
+}, kt = async (e) => {
   try {
-    const { data: t } = await f().post(
+    const { data: t } = await w().post(
       "/api/v2/timeseriesdata",
       e,
       {
@@ -1295,62 +1378,12 @@ const fn = {
   } catch {
     throw new Error("Timeseries Error");
   }
-}, yn = {
-  queryTimeseries: qt
-}, zt = async () => {
+}, qt = {
+  queryTimeseries: kt
+}, Vt = async () => {
+  var e, t, s, r, n, l, o;
   try {
-    const { data: e } = await f().get(
-      "/api/v1/tags/keys",
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return e || [];
-  } catch {
-    return [];
-  }
-}, Yt = async (e) => {
-  try {
-    const { data: t } = await f().get(
-      `/api/v1/tags/values/${e}`,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return t || [];
-  } catch {
-    return [];
-  }
-}, Jt = async (e, t) => {
-  const n = { ...e };
-  Object.entries(n).forEach(([s, o]) => {
-    t && t.includes(s) && delete n[s], (!o || /[^a-zA-Z_0-9\-+]/g.test(o)) && delete n[s];
-  });
-  try {
-    return await f().post(
-      "/api/v1/tags",
-      n,
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    ), !0;
-  } catch {
-    return !1;
-  }
-}, ve = {
-  getLabels: zt,
-  createLabel: Jt,
-  getValuesByKey: Yt
-}, Xt = async () => {
-  var e, t, n, s, o, r, a;
-  try {
-    const { data: i } = await f().get(
+    const { data: a } = await w().get(
       "/api/v1/iotdata/meta-data/metrics",
       {
         headers: {
@@ -1358,15 +1391,15 @@ const fn = {
         }
       }
     );
-    return i.fields;
-  } catch (i) {
-    const c = typeof ((t = (e = i == null ? void 0 : i.response) == null ? void 0 : e.data) == null ? void 0 : t.message) == "string" ? (s = (n = i == null ? void 0 : i.response) == null ? void 0 : n.data) == null ? void 0 : s.message : typeof ((o = i == null ? void 0 : i.response) == null ? void 0 : o.data) == "string" ? (r = i == null ? void 0 : i.response) == null ? void 0 : r.data : "";
-    throw new Error(`API Error ${(a = i == null ? void 0 : i.response) == null ? void 0 : a.status} ${c}`);
+    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}`);
   }
-}, Gt = async (e) => {
-  var t, n, s, o, r, a, i;
+}, $t = async (e) => {
+  var t, s, r, n, l, o, a;
   try {
-    const { data: c } = await f().post(
+    const { data: c } = await w().post(
       "/api/v1/iotdata/meta-data",
       {
         name: e.name,
@@ -1384,387 +1417,46 @@ const fn = {
     );
     return c;
   } catch (c) {
-    const d = typeof ((n = (t = c == null ? void 0 : c.response) == null ? void 0 : t.data) == null ? void 0 : n.message) == "string" ? (o = (s = c == null ? void 0 : c.response) == null ? void 0 : s.data) == null ? void 0 : o.message : typeof ((r = c == null ? void 0 : c.response) == null ? void 0 : r.data) == "string" ? (a = c == null ? void 0 : c.response) == null ? void 0 : a.data : "";
-    throw new Error(`API Error ${(i = c == null ? void 0 : c.response) == null ? void 0 : i.status} ${d}`);
-  }
-}, we = {
-  getMetrics: Xt,
-  postMetric: Gt
-};
-var Zt = !1;
-function W(e, t, n) {
-  return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
-}
-function Q(e, t) {
-  if (Array.isArray(e)) {
-    e.splice(t, 1);
-    return;
-  }
-  delete e[t];
-}
-/*!
- * pinia v2.1.7
- * (c) 2023 Eduardo San Martin Morote
- * @license MIT
- */
-let F;
-const z = (e) => F = e, Qt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
-  /* istanbul ignore next */
-  Symbol()
-);
-function P(e) {
-  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
-}
-var V;
-(function(e) {
-  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
-})(V || (V = {}));
-const oe = typeof window < "u", K = (process.env.NODE_ENV !== "production" || !1) && process.env.NODE_ENV !== "test" && oe;
-function Pe(e, t) {
-  for (const n in t) {
-    const s = t[n];
-    if (!(n in e))
-      continue;
-    const o = e[n];
-    P(o) && P(s) && !$(s) && !Y(s) ? e[n] = Pe(o, s) : e[n] = s;
-  }
-  return e;
-}
-const Oe = () => {
-};
-function be(e, t, n, s = Oe) {
-  e.push(t);
-  const o = () => {
-    const r = e.indexOf(t);
-    r > -1 && (e.splice(r, 1), s());
-  };
-  return !n && Xe() && Ge(o), o;
-}
-function U(e, ...t) {
-  e.slice().forEach((n) => {
-    n(...t);
-  });
-}
-const Kt = (e) => e();
-function ne(e, t) {
-  e instanceof Map && t instanceof Map && t.forEach((n, s) => e.set(s, n)), e instanceof Set && t instanceof Set && t.forEach(e.add, e);
-  for (const n in t) {
-    if (!t.hasOwnProperty(n))
-      continue;
-    const s = t[n], o = e[n];
-    P(o) && P(s) && e.hasOwnProperty(n) && !$(s) && !Y(s) ? e[n] = ne(o, s) : e[n] = s;
-  }
-  return e;
-}
-const en = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
-  /* istanbul ignore next */
-  Symbol()
-);
-function tn(e) {
-  return !P(e) || !e.hasOwnProperty(en);
-}
-const { assign: C } = Object;
-function Ee(e) {
-  return !!($(e) && e.effect);
-}
-function Ce(e, t, n, s) {
-  const { state: o, actions: r, getters: a } = t, i = n.state.value[e];
-  let c;
-  function d() {
-    !i && (process.env.NODE_ENV === "production" || !s) && (n.state.value[e] = o ? o() : {});
-    const y = process.env.NODE_ENV !== "production" && s ? (
-      // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      he(v(o ? o() : {}).value)
-    ) : he(n.state.value[e]);
-    return C(y, r, Object.keys(a || {}).reduce((h, m) => (process.env.NODE_ENV !== "production" && m in y && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${m}" in store "${e}".`), h[m] = k(D(() => {
-      z(n);
-      const b = n._s.get(e);
-      return a[m].call(b, b);
-    })), h), {}));
-  }
-  return c = se(e, d, t, n, s, !0), c;
-}
-function se(e, t, n = {}, s, o, r) {
-  let a;
-  const i = C({ actions: {} }, n);
-  if (process.env.NODE_ENV !== "production" && !s._e.active)
-    throw new Error("Pinia destroyed");
-  const c = {
-    deep: !0
-    // flush: 'post',
-  };
-  process.env.NODE_ENV !== "production" && !Zt && (c.onTrigger = (u) => {
-    d ? b = u : d == !1 && !p._hotUpdating && (Array.isArray(b) ? b.push(u) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
-  });
-  let d, y, h = [], m = [], b;
-  const N = s.state.value[e];
-  !r && !N && (process.env.NODE_ENV === "production" || !o) && (s.state.value[e] = {});
-  const J = v({});
-  let re;
-  function ie(u) {
-    let l;
-    d = y = !1, process.env.NODE_ENV !== "production" && (b = []), typeof u == "function" ? (u(s.state.value[e]), l = {
-      type: V.patchFunction,
-      storeId: e,
-      events: b
-    }) : (ne(s.state.value[e], u), l = {
-      type: V.patchObject,
-      payload: u,
-      storeId: e,
-      events: b
-    });
-    const g = re = Symbol();
-    fe().then(() => {
-      re === g && (d = !0);
-    }), y = !0, U(h, l, s.state.value[e]);
-  }
-  const Ne = r ? function() {
-    const { state: l } = n, g = l ? l() : {};
-    this.$patch((w) => {
-      C(w, g);
-    });
-  } : (
-    /* istanbul ignore next */
-    process.env.NODE_ENV !== "production" ? () => {
-      throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
-    } : Oe
-  );
-  function Ue() {
-    a.stop(), h = [], m = [], s._s.delete(e);
+    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 : "";
+    throw new Error(`API Error ${(a = c == null ? void 0 : c.response) == null ? void 0 : a.status} ${v}`);
   }
-  function ae(u, l) {
-    return function() {
-      z(s);
-      const g = Array.from(arguments), w = [], j = [];
-      function Re(E) {
-        w.push(E);
-      }
-      function $e(E) {
-        j.push(E);
-      }
-      U(m, {
-        args: g,
-        name: u,
-        store: p,
-        after: Re,
-        onError: $e
-      });
-      let L;
-      try {
-        L = l.apply(this && this.$id === e ? this : p, g);
-      } catch (E) {
-        throw U(j, E), E;
-      }
-      return L instanceof Promise ? L.then((E) => (U(w, E), E)).catch((E) => (U(j, E), Promise.reject(E))) : (U(w, L), L);
-    };
-  }
-  const B = /* @__PURE__ */ k({
-    actions: {},
-    getters: {},
-    state: [],
-    hotState: J
-  }), ce = {
-    _p: s,
-    // _s: scope,
-    $id: e,
-    $onAction: be.bind(null, m),
-    $patch: ie,
-    $reset: Ne,
-    $subscribe(u, l = {}) {
-      const g = be(h, u, l.detached, () => w()), w = a.run(() => ze(() => s.state.value[e], (j) => {
-        (l.flush === "sync" ? y : d) && u({
-          storeId: e,
-          type: V.direct,
-          events: b
-        }, j);
-      }, C({}, c, l)));
-      return g;
-    },
-    $dispose: Ue
-  }, p = Ye(process.env.NODE_ENV !== "production" || K ? C(
-    {
-      _hmrPayload: B,
-      _customProperties: k(/* @__PURE__ */ new Set())
-      // devtools custom properties
-    },
-    ce
-    // must be added later
-    // setupStore
-  ) : ce);
-  s._s.set(e, p);
-  const _ = (s._a && s._a.runWithContext || Kt)(() => s._e.run(() => (a = Je()).run(t)));
-  for (const u in _) {
-    const l = _[u];
-    if ($(l) && !Ee(l) || Y(l))
-      process.env.NODE_ENV !== "production" && o ? W(J.value, u, H(_, u)) : r || (N && tn(l) && ($(l) ? l.value = N[u] : ne(l, N[u])), s.state.value[e][u] = l), process.env.NODE_ENV !== "production" && B.state.push(u);
-    else if (typeof l == "function") {
-      const g = process.env.NODE_ENV !== "production" && o ? l : ae(u, l);
-      _[u] = g, process.env.NODE_ENV !== "production" && (B.actions[u] = l), i.actions[u] = l;
-    } else
-      process.env.NODE_ENV !== "production" && Ee(l) && (B.getters[u] = r ? (
-        // @ts-expect-error
-        n.getters[u]
-      ) : l, oe && (_._getters || // @ts-expect-error: same
-      (_._getters = k([]))).push(u));
-  }
-  if (C(p, _), C(Ae(p), _), Object.defineProperty(p, "$state", {
-    get: () => process.env.NODE_ENV !== "production" && o ? J.value : s.state.value[e],
-    set: (u) => {
-      if (process.env.NODE_ENV !== "production" && o)
-        throw new Error("cannot set hotState");
-      ie((l) => {
-        C(l, u);
-      });
-    }
-  }), process.env.NODE_ENV !== "production" && (p._hotUpdate = k((u) => {
-    p._hotUpdating = !0, u._hmrPayload.state.forEach((l) => {
-      if (l in p.$state) {
-        const g = u.$state[l], w = p.$state[l];
-        typeof g == "object" && P(g) && P(w) ? Pe(g, w) : u.$state[l] = w;
-      }
-      W(p, l, H(u.$state, l));
-    }), Object.keys(p.$state).forEach((l) => {
-      l in u.$state || Q(p, l);
-    }), d = !1, y = !1, s.state.value[e] = H(u._hmrPayload, "hotState"), y = !0, fe().then(() => {
-      d = !0;
-    });
-    for (const l in u._hmrPayload.actions) {
-      const g = u[l];
-      W(p, l, ae(l, g));
-    }
-    for (const l in u._hmrPayload.getters) {
-      const g = u._hmrPayload.getters[l], w = r ? (
-        // special handling of options api
-        D(() => (z(s), g.call(p, p)))
-      ) : g;
-      W(p, l, w);
-    }
-    Object.keys(p._hmrPayload.getters).forEach((l) => {
-      l in u._hmrPayload.getters || Q(p, l);
-    }), Object.keys(p._hmrPayload.actions).forEach((l) => {
-      l in u._hmrPayload.actions || Q(p, l);
-    }), p._hmrPayload = u._hmrPayload, p._getters = u._getters, p._hotUpdating = !1;
-  })), K) {
-    const u = {
-      writable: !0,
-      configurable: !0,
-      // avoid warning on devtools trying to display this property
-      enumerable: !1
-    };
-    ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((l) => {
-      Object.defineProperty(p, l, C({ value: p[l] }, u));
-    });
-  }
-  return s._p.forEach((u) => {
-    if (K) {
-      const l = a.run(() => u({
-        store: p,
-        app: s._a,
-        pinia: s,
-        options: i
-      }));
-      Object.keys(l || {}).forEach((g) => p._customProperties.add(g)), C(p, l);
-    } else
-      C(p, a.run(() => u({
-        store: p,
-        app: s._a,
-        pinia: s,
-        options: i
-      })));
-  }), process.env.NODE_ENV !== "production" && p.$state && typeof p.$state == "object" && typeof p.$state.constructor == "function" && !p.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
-	state: () => new MyClass()
-Found in store "${p.$id}".`), N && r && n.hydrate && n.hydrate(p.$state, N), d = !0, y = !0, p;
-}
-function O(e, t, n) {
-  let s, o;
-  const r = typeof t == "function";
-  if (typeof e == "string")
-    s = e, o = r ? n : t;
-  else if (o = e, s = e.id, process.env.NODE_ENV !== "production" && typeof s != "string")
-    throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
-  function a(i, c) {
-    const d = Me();
-    if (i = // in test mode, ignore the argument provided as we can always retrieve a
-    // pinia instance with getActivePinia()
-    (process.env.NODE_ENV === "test" && F && F._testing ? null : i) || (d ? He(Qt, null) : null), i && z(i), process.env.NODE_ENV !== "production" && !F)
-      throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
-See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
-This will fail in production.`);
-    i = F, i._s.has(s) || (r ? se(s, t, o, i) : Ce(s, o, i), process.env.NODE_ENV !== "production" && (a._pinia = i));
-    const y = i._s.get(s);
-    if (process.env.NODE_ENV !== "production" && c) {
-      const h = "__hot:" + s, m = r ? se(h, t, o, i, !0) : Ce(h, C({}, o), i, !0);
-      c._hotUpdate(m), delete i.state.value[h], i._s.delete(h);
-    }
-    if (process.env.NODE_ENV !== "production" && oe) {
-      const h = qe();
-      if (h && h.proxy && // avoid adding stores that are just built for hot module replacement
-      !c) {
-        const m = h.proxy, b = "_pStores" in m ? m._pStores : m._pStores = {};
-        b[s] = y;
-      }
-    }
-    return y;
-  }
-  return a.$id = s, a;
-}
-function nn(e) {
-  {
-    e = Ae(e);
-    const t = {};
-    for (const n in e) {
-      const s = e[n];
-      ($(s) || Y(s)) && (t[n] = // ---
-      H(e, n));
-    }
-    return t;
-  }
-}
-const M = O("alertMessages", () => {
-  const e = v(!1), t = v(""), n = v(""), s = v(5e3);
-  return {
-    snackbar: e,
-    snackbarText: t,
-    snackbarSeverity: n,
-    snackbarTimeout: s,
-    setSnackbarMessage: (r = "", a = "", i = 5e3) => {
-      t.value = r, n.value = a, s.value = i, e.value = !0;
-    }
-  };
-}), mn = O("userSession", () => {
-  const e = v(JSON.parse(localStorage.getItem("user") || "null")), t = v(JSON.parse(localStorage.getItem("user-permissions") || "[]")), n = D(() => {
-    var a;
-    return ((a = e.value) == null ? void 0 : a.name) || "no user";
-  }), s = D(() => (a) => {
-    var i, c;
-    return a ? ((c = (i = t.value) == null ? void 0 : i.find((d) => d.Action === a)) == null ? void 0 : c.Allowed) || !1 : !0;
-  }), o = async () => {
-    var a, i;
+}, 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) => {
+    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;
+  }), n = async () => {
+    var o, a;
     try {
-      const c = await me.getUser();
-      if (e.value = c, (a = e.value) != null && a.UUID) {
-        const d = await me.getUserPermissions();
-        t.value = d, localStorage.setItem("user", JSON.stringify(e.value)), localStorage.setItem("user-permissions", JSON.stringify(t.value));
+      const c = await ce.getUser();
+      if (e.value = c, (o = e.value) != null && o.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) {
-      ((i = c.response) == null ? void 0 : i.status) === 401 && (window.location.href = "/ui/login.html");
+      ((a = c.response) == null ? void 0 : a.status) === 401 && (window.location.href = "/ui/login.html");
     }
-  }, r = () => {
+  }, l = () => {
     e.value = null, t.value = [], localStorage.removeItem("user"), localStorage.removeItem("user-permission"), window.location.href = "/ui/logout";
   };
-  return o(), { user: e, pullUser: o, userName: n, userPermissions: t, getPermission: s, logout: r };
-}), vn = O("devices", () => {
-  const e = v({});
+  return n(), { user: e, pullUser: n, userName: s, userPermissions: t, getPermission: r, logout: l };
+}), Ft = q("devices", () => {
+  const e = h({});
   return {
-    pullDevicesByUUIDs: async (o, r = !1) => {
-      r && o.forEach((a) => {
-        delete e.value[a];
+    pullDevicesByUUIDs: async (n, l = !1) => {
+      l && n.forEach((o) => {
+        delete e.value[o];
       });
       try {
-        const a = await G.getDeviceByUUIDs(o);
-        return a.records.forEach((i) => {
-          e.value[i.UUID] = i;
-        }), a;
+        const o = await Y.getDeviceByUUIDs(n);
+        return o.records.forEach((a) => {
+          e.value[a.UUID] = a;
+        }), o;
       } catch {
         return {
           totalRecords: 0,
@@ -1772,11 +1464,11 @@ const M = O("alertMessages", () => {
         };
       }
     },
-    pullDevices: async (o, r, a, i) => {
+    pullDevices: async (n, l, o, a) => {
       try {
-        const c = await G.getDevices(o, r, a, i);
-        return c.records.forEach((d) => {
-          e.value[d.UUID] = d;
+        const c = await Y.getDevices(n, l, o, a);
+        return c.records.forEach((v) => {
+          e.value[v.UUID] = v;
         }), c;
       } catch {
         return {
@@ -1786,33 +1478,33 @@ const M = O("alertMessages", () => {
       }
     },
     devicesCollection: e,
-    getDeviceFromUUID: async (o, r) => {
-      const a = e.value[o];
-      if (a)
-        return a;
-      if (r)
+    getDeviceFromUUID: async (n, l) => {
+      const o = e.value[n];
+      if (o)
+        return o;
+      if (l)
         return null;
       try {
-        const i = await G.getDeviceByUUID(o);
-        if (i)
-          return e.value[i.UUID] = i, i;
+        const a = await Y.getDeviceByUUID(n);
+        if (a)
+          return e.value[a.UUID] = a, a;
       } catch {
         return null;
       }
     }
   };
-}), wn = O("twins", () => {
-  const e = v({});
+}), Qt = q("twins", () => {
+  const e = h({});
   return {
-    pullTwinsByUUIDs: async (o, r = !1) => {
-      r && o.forEach((a) => {
-        delete e.value[a];
+    pullTwinsByUUIDs: async (n, l = !1) => {
+      l && n.forEach((o) => {
+        delete e.value[o];
       });
       try {
-        const a = await Z.getTwinByUUIDs(o);
-        return a.records.forEach((i) => {
-          e.value[i.UUID] = i;
-        }), a;
+        const o = await J.getTwinByUUIDs(n);
+        return o.records.forEach((a) => {
+          e.value[a.UUID] = a;
+        }), o;
       } catch {
         return {
           totalRecords: 0,
@@ -1820,11 +1512,11 @@ const M = O("alertMessages", () => {
         };
       }
     },
-    pullTwins: async (o, r, a, i) => {
+    pullTwins: async (n, l, o, a) => {
       try {
-        const c = await Z.getTwins(o, r, a, i);
-        return c.records.forEach((d) => {
-          e.value[d.UUID] = d;
+        const c = await J.getTwins(n, l, o, a);
+        return c.records.forEach((v) => {
+          e.value[v.UUID] = v;
         }), c;
       } catch {
         return {
@@ -1834,73 +1526,24 @@ const M = O("alertMessages", () => {
       }
     },
     twinsCollection: e,
-    getTwinFromUUID: async (o, r) => {
-      const a = e.value[o];
-      if (a)
-        return a;
-      if (r)
+    getTwinFromUUID: async (n, l) => {
+      const o = e.value[n];
+      if (o)
+        return o;
+      if (l)
         return null;
       try {
-        const i = await Z.getTwinByUUID(o);
-        if (i)
-          return e.value[i.UUID] = i, i;
+        const a = await J.getTwinByUUID(n);
+        if (a)
+          return e.value[a.UUID] = a, a;
       } catch {
         return null;
       }
     }
   };
-}), sn = async () => {
-  try {
-    const { data: e } = await f().get(
-      "/api/v1/twintypes",
-      {
-        headers: {
-          Accept: "application/json"
-        }
-      }
-    );
-    return Object.values(e) || [];
-  } catch {
-    return [];
-  }
-}, on = {
-  getTwinTypes: sn
-}, rn = O("twinTypes", () => {
-  const e = v([]), t = D(() => e.value.map((o) => o.name)), n = D(() => e.value.map((o) => ({ value: o.UUID, label: o.name }))), s = async () => {
-    try {
-      const o = await on.getTwinTypes();
-      e.value = o;
-    } catch {
-    }
-  };
-  return s(), {
-    twinTypes: e,
-    pullTwinTypes: s,
-    twinTypeNames: t,
-    twinTypeSelectArray: n
-  };
-}), bn = O("labels", () => {
-  const e = v([]), t = async () => {
-    try {
-      const s = await ve.getLabels();
-      e.value = s;
-    } catch {
-    }
-  }, n = async (s) => {
-    const { twinTypeNames: o } = nn(rn());
-    try {
-      await ve.createLabel(s, o.value), await t();
-    } catch {
-    }
-  };
-  return t(), {
-    labels: e,
-    pullLabels: t,
-    updateLabels: n
-  };
-}), an = async () => {
+}), Rt = async () => {
   try {
-    const { data: e } = await f().get(
+    const { data: e } = await w().get(
       "/api/v1/iotdata/metrics/counters",
       {
         headers: {
@@ -1912,71 +1555,79 @@ const M = O("alertMessages", () => {
   } catch {
     throw new Error("Metric Counter API Error");
   }
-}, cn = {
-  getMetricsCounters: an
-}, En = O("metrics", () => {
-  const e = v([]), t = v([]), n = D(() => (i) => {
+}, jt = {
+  getMetricsCounters: Rt
+}, Wt = q("metrics", () => {
+  const e = h([]), t = h([]), s = S(() => (a) => {
     var c;
-    return (c = t.value) == null ? void 0 : c.find((d) => d.name === i);
-  }), s = D(() => e.value.map((i) => ({ title: `${i.label} ${i.name}`, label: i.label, value: i.name }))), o = async (i) => {
-    if (!(i && e.value.length))
+    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) => {
+    if (!(a && e.value.length))
       try {
-        const c = await we.getMetrics();
+        const c = await ie.getMetrics();
         e.value = c;
       } catch (c) {
-        M().setSnackbarMessage(c, "error");
+        Q().setSnackbarMessage(c, "error");
       }
-  }, r = async () => {
+  }, l = async () => {
     try {
-      const i = await cn.getMetricsCounters();
-      t.value = i;
-    } catch (i) {
-      M().setSnackbarMessage(i, "error");
+      const a = await jt.getMetricsCounters();
+      t.value = a;
+    } catch (a) {
+      Q().setSnackbarMessage(a, "error");
     }
-  }, a = async (i) => {
+  }, o = async (a) => {
     let c = !1;
     try {
-      await we.postMetric(i), c = !0, M().setSnackbarMessage(`Metric ${i.name} successfully saved`, "success");
-    } catch (d) {
-      M().setSnackbarMessage(d, "error");
+      await ie.postMetric(a), c = !0, Q().setSnackbarMessage(`Metric ${a.name} successfully saved`, "success");
+    } catch (v) {
+      Q().setSnackbarMessage(v, "error");
     }
-    return await o(), await r(), c;
+    return await n(), await l(), c;
   };
-  return o(), {
+  return n(), {
     metrics: e,
     metricsCounters: t,
-    pullMetrics: o,
-    pullMetricsCounters: r,
-    getMetricCounter: n,
-    saveMetric: a,
-    metricsArr: s
+    pullMetrics: n,
+    pullMetricsCounters: l,
+    getMetricCounter: s,
+    saveMetric: o,
+    metricsArr: r
   };
 });
-function Cn(e) {
-  for (const t in ge)
-    e.component(t, ge[t]);
+function Jt(e) {
+  for (const t in le)
+    e.component(t, le[t]);
 }
 export {
-  Ke as ComponentA,
-  Et as ComponentB,
-  f as DavraApiClient,
-  ye as DavraApiConfig,
-  hn as DevicesCountersService,
-  G as DevicesService,
-  ve as LabelService,
-  we as MetricsService,
-  pn as MyConstants,
-  fn as MyUtil,
-  yn as TimeseriesService,
-  gn as TwinsCountersService,
-  Z as TwinsService,
-  me as UserSessionService,
-  Cn as install,
-  M as useAlertMessagesStore,
-  vn as useDevicesStore,
-  bn as useLabelsStore,
-  En as useMetricsStore,
-  rn as useTwinTypesStore,
-  wn as useTwinsStore,
-  mn as useUserSessionStore
+  ct as ColorInput,
+  lt as ConfirmModal,
+  w as DavraApiClient,
+  ee as DavraApiConfig,
+  rt as DeleteModal,
+  Lt as DevicesCountersService,
+  Y as DevicesService,
+  ve as LabelInput,
+  tt as LabelsSelector,
+  Z as LabelsService,
+  ie as MetricsService,
+  at as Modal,
+  xt as MyConstants,
+  Bt as MyUtil,
+  dt as ScrollText,
+  pt as Snackbar,
+  qt as TimeseriesService,
+  Xe as TwinTypesService,
+  Nt as TwinsCountersService,
+  J as TwinsService,
+  ce as UserSessionService,
+  st as ViewObjectModal,
+  Jt as installCoreComponents,
+  Q as useAlertMessagesStore,
+  Ft as useDevicesStore,
+  et as useLabelsStore,
+  Wt as useMetricsStore,
+  me as useTwinTypesStore,
+  Qt as useTwinsStore,
+  zt as useUserSessionStore
 };