@davra/ui-core 1.0.0-alpha.1

package/dist/ui-core.es.js

@@ -0,0 +1,1982 @@
+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);
+      }
+      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 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 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++;
+      }
+    }
+    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];
+      }
+  },
+  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);
+          }
+        }
+        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 {
+      }
+  },
+  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)));
+    }
+  }
+}, 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;
+      }
+      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];
+      {
+        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]];
+        }
+        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 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;
+        }
+      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;
+  }
+}, et = {
+  name: "BaseComponent",
+  props: {
+    pt: {
+      type: Object,
+      default: void 0
+    }
+  },
+  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);
+    }
+  },
+  computed: {
+    defaultPT() {
+      return R.getItemValue(this.getOption(this.$primevue.config.pt, this.$.type.name), this.defaultsParams);
+    },
+    defaultsParams() {
+      return { instance: this.$ };
+    }
+  }
+}, tt = {
+  name: "BaseIcon",
+  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
+      };
+    }
+  }
+};
+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));
+  }
+}
+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";
+  }
+  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));
+  },
+  unmounted(e) {
+    dt(e);
+  }
+};
+var te = {
+  name: "Button",
+  extends: et,
+  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
+  }
+};
+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",
+  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--)
+      })
+    ]));
+  }
+});
+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({
+  __proto__: null,
+  ComponentA: Ke,
+  ComponentB: Et
+}, Symbol.toStringTag, { value: "Module" }));
+const Ct = 100, pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAGIC_NUM: Ct
+}, Symbol.toStringTag, { value: "Module" }));
+function St(e, t) {
+  return e + t;
+}
+const fn = {
+  add: St
+}, ye = {
+  baseURL: ""
+}, f = (e = "") => Ze.create({
+  ...ye,
+  baseURL: e || ye.baseURL
+}), At = async () => {
+  try {
+    const { data: e } = await f().get(
+      "/user",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return e;
+  } catch (e) {
+    throw e;
+  }
+}, xe = [
+  { Action: "devices.ACCESS" },
+  { Action: "devices.CREATE_DEVICE" },
+  { Action: "devicetypes.CREATE_DEVICE_TYPE" },
+  { Action: "devices.DELETE" },
+  { Action: "metrics.ACCESS" },
+  { Action: "metrics.CREATE_METRIC" },
+  { Action: "users.ACCESS" },
+  { Action: "users.CREATE_USER" },
+  { Action: "applications.ACCESS" },
+  { Action: "applications.CREATE_APPLICATION" },
+  { Action: "rulesengine.ACCESS" },
+  { Action: "rulesengine.CREATE_RULE" },
+  { Action: "microservices.ACCESS" },
+  { Action: "microservices.CREATE_MICROSERVICE" },
+  { Action: "componenttoolkit.ACCESS" },
+  { Action: "componenttoolkit.CREATE_WIDGET" },
+  { Action: "authorization.roles.ACCESS" },
+  { Action: "authorization.roles.CREATE_ROLE" },
+  { Action: "jobs.ACCESS" },
+  { Action: "jobs.CREATE_JOB" },
+  { Action: "files.ACCESS" },
+  { Action: "files.CREATE_FILE" },
+  { Action: "auditlogs.ACCESS" },
+  { Action: "twintypes.ACCESS" },
+  { Action: "twintypes.CREATE_TWINTYPE" },
+  { Action: "twins.ACCESS" },
+  { Action: "twins.CREATE_TWIN" },
+  { Action: "features.ACCESS" },
+  { Action: "features.CREATE_FEATURE" },
+  { Action: "oauthclients.ACCESS" },
+  { Action: "oauthclients.CREATE" },
+  { Action: "digitalSignatures.ACCESS" },
+  { Action: "digitalSignatures.CREATE_DIGITAL_SIGNATURE" },
+  { Action: "dashboards.ACCESS" },
+  { Action: "dashboards.CREATE_DASHBOARD" },
+  { Action: "integrations.ACCESS" }
+], _t = async (e = []) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v1/authorization/policy/check",
+      e.length ? e : xe,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    return [];
+  }
+}, me = {
+  getUser: At,
+  getUserPermissions: _t,
+  permissionList: xe
+}, It = async (e) => {
+  const t = [];
+  e && t.push(e);
+  try {
+    const { data: n } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics?${t.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return n;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, Tt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, Dt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/metrics/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, xt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, Pt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/latest/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t[0];
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, Ot = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/devices/counters/latest?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices Counters API Error");
+  }
+}, hn = {
+  getDevicesCountersMetric: It,
+  getDevicesCountersMetricByUUID: Dt,
+  getDevicesCountersMetricByUUIDs: Tt,
+  getDevicesCountersByUUID: xt,
+  getDevicesCountersLatestByUUID: Pt,
+  getDevicesCountersLatestByUUIDs: Ot
+}, Nt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/twins/counters/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins Counters API Error");
+  }
+}, Ut = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/iotdata/twins/counters/latest/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Twins Counters API Error");
+  }
+}, 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);
+  try {
+    const { data: r } = await f().get(
+      `/api/v1/devices?${o.join("&")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return r;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, $t = async (e) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v1/devices/query",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, jt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t.records[0];
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, Lt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices?arrayUUIDs=${e.join(",")}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, kt = async (e) => {
+  try {
+    const { data: t } = await f().get(
+      `/api/v1/devices/attachments/${e}`,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Devices API Error");
+  }
+}, 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) => {
+  try {
+    const { data: t } = await f().post(
+      "/api/v2/timeseriesdata",
+      e,
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return t;
+  } catch {
+    throw new Error("Timeseries Error");
+  }
+}, yn = {
+  queryTimeseries: qt
+}, zt = async () => {
+  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(
+      "/api/v1/iotdata/meta-data/metrics",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    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}`);
+  }
+}, Gt = async (e) => {
+  var t, n, s, o, r, a, i;
+  try {
+    const { data: c } = await f().post(
+      "/api/v1/iotdata/meta-data",
+      {
+        name: e.name,
+        label: e.label,
+        units: e.units,
+        description: e.description,
+        semantics: e.semantics || "metric",
+        labels: e.labels
+      },
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return c;
+  } catch (c) {
+    const 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);
+  }
+  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;
+    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));
+      }
+    } catch (c) {
+      ((i = c.response) == null ? void 0 : i.status) === 401 && (window.location.href = "/ui/login.html");
+    }
+  }, r = () => {
+    e.value = null, t.value = [], localStorage.removeItem("user"), localStorage.removeItem("user-permission"), window.location.href = "/ui/logout";
+  };
+  return o(), { user: e, pullUser: o, userName: n, userPermissions: t, getPermission: s, logout: r };
+}), vn = O("devices", () => {
+  const e = v({});
+  return {
+    pullDevicesByUUIDs: async (o, r = !1) => {
+      r && o.forEach((a) => {
+        delete e.value[a];
+      });
+      try {
+        const a = await G.getDeviceByUUIDs(o);
+        return a.records.forEach((i) => {
+          e.value[i.UUID] = i;
+        }), a;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    pullDevices: async (o, r, a, i) => {
+      try {
+        const c = await G.getDevices(o, r, a, i);
+        return c.records.forEach((d) => {
+          e.value[d.UUID] = d;
+        }), c;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    devicesCollection: e,
+    getDeviceFromUUID: async (o, r) => {
+      const a = e.value[o];
+      if (a)
+        return a;
+      if (r)
+        return null;
+      try {
+        const i = await G.getDeviceByUUID(o);
+        if (i)
+          return e.value[i.UUID] = i, i;
+      } catch {
+        return null;
+      }
+    }
+  };
+}), wn = O("twins", () => {
+  const e = v({});
+  return {
+    pullTwinsByUUIDs: async (o, r = !1) => {
+      r && o.forEach((a) => {
+        delete e.value[a];
+      });
+      try {
+        const a = await Z.getTwinByUUIDs(o);
+        return a.records.forEach((i) => {
+          e.value[i.UUID] = i;
+        }), a;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    pullTwins: async (o, r, a, i) => {
+      try {
+        const c = await Z.getTwins(o, r, a, i);
+        return c.records.forEach((d) => {
+          e.value[d.UUID] = d;
+        }), c;
+      } catch {
+        return {
+          totalRecords: 0,
+          records: []
+        };
+      }
+    },
+    twinsCollection: e,
+    getTwinFromUUID: async (o, r) => {
+      const a = e.value[o];
+      if (a)
+        return a;
+      if (r)
+        return null;
+      try {
+        const i = await Z.getTwinByUUID(o);
+        if (i)
+          return e.value[i.UUID] = i, i;
+      } 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 () => {
+  try {
+    const { data: e } = await f().get(
+      "/api/v1/iotdata/metrics/counters",
+      {
+        headers: {
+          Accept: "application/json"
+        }
+      }
+    );
+    return e;
+  } catch {
+    throw new Error("Metric Counter API Error");
+  }
+}, cn = {
+  getMetricsCounters: an
+}, En = O("metrics", () => {
+  const e = v([]), t = v([]), n = D(() => (i) => {
+    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))
+      try {
+        const c = await we.getMetrics();
+        e.value = c;
+      } catch (c) {
+        M().setSnackbarMessage(c, "error");
+      }
+  }, r = async () => {
+    try {
+      const i = await cn.getMetricsCounters();
+      t.value = i;
+    } catch (i) {
+      M().setSnackbarMessage(i, "error");
+    }
+  }, a = async (i) => {
+    let c = !1;
+    try {
+      await we.postMetric(i), c = !0, M().setSnackbarMessage(`Metric ${i.name} successfully saved`, "success");
+    } catch (d) {
+      M().setSnackbarMessage(d, "error");
+    }
+    return await o(), await r(), c;
+  };
+  return o(), {
+    metrics: e,
+    metricsCounters: t,
+    pullMetrics: o,
+    pullMetricsCounters: r,
+    getMetricCounter: n,
+    saveMetric: a,
+    metricsArr: s
+  };
+});
+function Cn(e) {
+  for (const t in ge)
+    e.component(t, ge[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
+};