@bimdata/bcf-components 4.1.2-rc.2 → 4.1.2

package/dist/vue3/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as t3, computed as F, ref as w, watch as c1, openBlock as r, createElementBlock as a, normalizeClass as D, normalizeStyle as V, renderSlot as y, createElementVNode as t, createBlock as k, resolveDynamicComponent as f1, pushScopeId as C1, popScopeId as p1, mergeProps as R1, toDisplayString as b, createCommentVNode as M, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as O1, withDirectives as j, Transition as a1, withCtx as f, Fragment as E, renderList as W, vShow as e1, toRaw as g5, withModifiers as N, withKeys as S, createSlots as a5, createStaticVNode as N5, inject as T1, onMounted as l5, onBeforeUnmount as R5 } from "vue";
+import { reactive as t3, computed as E, ref as w, watch as c1, openBlock as r, createElementBlock as a, normalizeClass as V, normalizeStyle as H, renderSlot as _, createElementVNode as t, createBlock as B, resolveDynamicComponent as f1, pushScopeId as C1, popScopeId as p1, mergeProps as O1, toDisplayString as b, createCommentVNode as M, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as E1, withDirectives as j, Transition as a1, withCtx as f, Fragment as O, renderList as W, vShow as n1, toRaw as g5, withModifiers as N, withKeys as S, createSlots as l5, createStaticVNode as N5, inject as $1, onMounted as i5, onBeforeUnmount as R5 } from "vue";
 const O5 = Object.freeze([
   "Priority",
   "Type",
@@ -21,37 +21,37 @@ const O5 = Object.freeze([
   Stage: "stages",
   Status: "topic_statuses",
   Label: "topic_labels"
-}), i5 = "D8D8D8", U5 = "D8D8D8", E1 = "originating_system", F1 = "authoring_tool_id", v1 = Object.freeze({
+}), s5 = "D8D8D8", U5 = "D8D8D8", F1 = "originating_system", P1 = "authoring_tool_id", m1 = Object.freeze({
   V3D: "ifc3d",
   PTC: "pointCloud",
   V2D: "ifc2d",
   DWG: "dwg",
   PLAN: "plan"
-}), P1 = Object.freeze({
-  [v1.V3D]: {
+}), U1 = Object.freeze({
+  [m1.V3D]: {
     order: 1,
     window: "3d",
     plugin: "viewer3d",
     icon: "fileIfcPolychrome"
   },
-  [v1.PTC]: {
+  [m1.PTC]: {
     order: 2,
     window: "pointCloud",
     plugin: "pointCloud"
   },
-  [v1.V2D]: {
+  [m1.V2D]: {
     order: 3,
     window: "2d",
     plugin: "viewer2d",
     icon: "fileIfcPolychrome"
   },
-  [v1.DWG]: {
+  [m1.DWG]: {
     order: 4,
     window: "dwg",
     plugin: "dwg",
     icon: "fileDwgPolychrome"
   },
-  [v1.PLAN]: {
+  [m1.PLAN]: {
     order: 5,
     window: "plan",
     plugin: "plan",
@@ -59,16 +59,16 @@ const O5 = Object.freeze([
   }
 }), jy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DEFAULT_PRIORITY_COLOR: i5,
+  DEFAULT_PRIORITY_COLOR: s5,
   DEFAULT_STATUS_COLOR: U5,
   EXTENSION_FIELDS: F5,
   EXTENSION_LIST_FIELDS: P5,
   EXTENSION_TYPES: O5,
   EXTENSION_WITH_COLOR: E5,
-  VIEWPOINT_CONFIG: P1,
-  VIEWPOINT_MODELS_FIELD: F1,
-  VIEWPOINT_TYPES: v1,
-  VIEWPOINT_TYPE_FIELD: E1
+  VIEWPOINT_CONFIG: U1,
+  VIEWPOINT_MODELS_FIELD: P1,
+  VIEWPOINT_TYPES: m1,
+  VIEWPOINT_TYPE_FIELD: F1
 }, Symbol.toStringTag, { value: "Module" })), r3 = Object.freeze({
   bisque: "ffe4c4",
   orange: "ffa500",
@@ -114,7 +114,7 @@ function a3() {
   const e = Math.floor(Math.random() * f5.length);
   return f5[e][1];
 }
-function I2(e, n, o) {
+function y2(e, n, o) {
   const l = e.charAt(0) === "#" ? e.substring(1, 7) : e, s = parseInt(l.substring(0, 2), 16), i = parseInt(l.substring(2, 4), 16), c = parseInt(l.substring(4, 6), 16);
   return s * 0.299 + i * 0.587 + c * 0.114 > 186 ? o : n;
 }
@@ -127,7 +127,7 @@ function l3(e, n) {
 function i3(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var O2 = { exports: {} }, E2 = { exports: {} }, F2 = { exports: {} };
+var E2 = { exports: {} }, F2 = { exports: {} }, P2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -142,8 +142,8 @@ var O2 = { exports: {} }, E2 = { exports: {} }, F2 = { exports: {} };
     return Object.assign(s, l), s;
   }
   e.exports = n.default;
-})(F2, F2.exports);
-var s3 = F2.exports, P2 = { exports: {} }, U2 = { exports: {} };
+})(P2, P2.exports);
+var s3 = P2.exports, U2 = { exports: {} }, z2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -152,16 +152,16 @@ var s3 = F2.exports, P2 = { exports: {} }, U2 = { exports: {} };
     return l && typeof l.length == "number" && l.length >= 0 && l.length % 1 === 0;
   }
   e.exports = n.default;
-})(U2, U2.exports);
-var c3 = U2.exports, z2 = { exports: {} };
+})(z2, z2.exports);
+var c3 = z2.exports, G2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   }), n.default = function(o) {
     return o[Symbol.iterator] && o[Symbol.iterator]();
   }, e.exports = n.default;
-})(z2, z2.exports);
-var d3 = z2.exports;
+})(G2, G2.exports);
+var d3 = G2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -179,15 +179,15 @@ var d3 = z2.exports;
   function d(h) {
     var m = -1;
     return function() {
-      var I = h.next();
-      return I.done ? null : (m++, { value: I.value, key: m });
+      var y = h.next();
+      return y.done ? null : (m++, { value: y.value, key: m });
     };
   }
   function C(h) {
-    var m = h ? Object.keys(h) : [], v = -1, I = m.length;
-    return function B() {
+    var m = h ? Object.keys(h) : [], v = -1, y = m.length;
+    return function D() {
       var $ = m[++v];
-      return $ === "__proto__" ? B() : v < I ? { value: h[$], key: $ } : null;
+      return $ === "__proto__" ? D() : v < y ? { value: h[$], key: $ } : null;
     };
   }
   function L(h) {
@@ -197,8 +197,8 @@ var d3 = z2.exports;
     return m ? d(m) : C(h);
   }
   e.exports = n.default;
-})(P2, P2.exports);
-var u3 = P2.exports, G2 = { exports: {} };
+})(U2, U2.exports);
+var u3 = U2.exports, Y2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -212,8 +212,8 @@ var u3 = P2.exports, G2 = { exports: {} };
     };
   }
   e.exports = n.default;
-})(G2, G2.exports);
-var C3 = G2.exports, s1 = {}, Y1 = { exports: {} }, Y2 = { exports: {} };
+})(Y2, Y2.exports);
+var C3 = Y2.exports, s1 = {}, X1 = { exports: {} }, X2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -223,8 +223,8 @@ var C3 = G2.exports, s1 = {}, Y1 = { exports: {} }, Y2 = { exports: {} };
       return o.call(this, l, s);
     };
   }, e.exports = n.default;
-})(Y2, Y2.exports);
-var p3 = Y2.exports, h1 = {};
+})(X2, X2.exports);
+var p3 = X2.exports, h1 = {};
 Object.defineProperty(h1, "__esModule", {
   value: !0
 });
@@ -237,33 +237,33 @@ function z5(e) {
 function G5(e) {
   return (n, ...o) => e(() => n(...o));
 }
-var D1;
-h3 ? D1 = queueMicrotask : b3 ? D1 = setImmediate : g3 ? D1 = process.nextTick : D1 = z5;
-h1.default = G5(D1);
+var B1;
+h3 ? B1 = queueMicrotask : b3 ? B1 = setImmediate : g3 ? B1 = process.nextTick : B1 = z5;
+h1.default = G5(B1);
 var L5;
 function f3() {
   return L5 || (L5 = 1, function(e, n) {
     Object.defineProperty(n, "__esModule", {
       value: !0
     }), n.default = d;
-    var o = p3, l = u(o), s = h1, i = u(s), c = s5();
+    var o = p3, l = u(o), s = h1, i = u(s), c = c5();
     function u(h) {
       return h && h.__esModule ? h : { default: h };
     }
     function d(h) {
       return (0, c.isAsync)(h) ? function(...m) {
-        const v = m.pop(), I = h.apply(this, m);
-        return C(I, v);
+        const v = m.pop(), y = h.apply(this, m);
+        return C(y, v);
       } : (0, l.default)(function(m, v) {
-        var I;
+        var y;
         try {
-          I = h.apply(this, m);
-        } catch (B) {
-          return v(B);
+          y = h.apply(this, m);
+        } catch (D) {
+          return v(D);
         }
-        if (I && typeof I.then == "function")
-          return C(I, v);
-        v(null, I);
+        if (y && typeof y.then == "function")
+          return C(y, v);
+        v(null, y);
       });
     }
     function C(h, m) {
@@ -276,17 +276,17 @@ function f3() {
     function L(h, m, v) {
       try {
         h(m, v);
-      } catch (I) {
-        (0, i.default)((B) => {
-          throw B;
-        }, I);
+      } catch (y) {
+        (0, i.default)((D) => {
+          throw D;
+        }, y);
       }
     }
     e.exports = n.default;
-  }(Y1, Y1.exports)), Y1.exports;
+  }(X1, X1.exports)), X1.exports;
 }
 var v5;
-function s5() {
+function c5() {
   if (v5)
     return s1;
   v5 = 1, Object.defineProperty(s1, "__esModule", {
@@ -312,15 +312,15 @@ function s5() {
   }
   return s1.default = c, s1.isAsync = l, s1.isAsyncGenerator = s, s1.isAsyncIterable = i, s1;
 }
-var X2 = { exports: {} }, W2 = { exports: {} };
+var W2 = { exports: {} }, j2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
   const o = {};
   n.default = o, e.exports = n.default;
-})(W2, W2.exports);
-var Y5 = W2.exports;
+})(j2, j2.exports);
+var Y5 = j2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -330,84 +330,84 @@ var Y5 = W2.exports;
     return c && c.__esModule ? c : { default: c };
   }
   function i(c, u, d, C) {
-    let L = !1, h = !1, m = !1, v = 0, I = 0;
-    function B() {
-      v >= u || m || L || (m = !0, c.next().then(({ value: Z, done: U }) => {
+    let L = !1, h = !1, m = !1, v = 0, y = 0;
+    function D() {
+      v >= u || m || L || (m = !0, c.next().then(({ value: x, done: U }) => {
         if (!(h || L)) {
           if (m = !1, U) {
             L = !0, v <= 0 && C(null);
             return;
           }
-          v++, d(Z, I, $), I++, B();
+          v++, d(x, y, $), y++, D();
         }
       }).catch(T));
     }
-    function $(Z, U) {
+    function $(x, U) {
       if (v -= 1, !h) {
-        if (Z)
-          return T(Z);
-        if (Z === !1) {
+        if (x)
+          return T(x);
+        if (x === !1) {
           L = !0, h = !0;
           return;
         }
         if (U === l.default || L && v <= 0)
           return L = !0, C(null);
-        B();
+        D();
       }
     }
-    function T(Z) {
-      h || (m = !1, L = !0, C(Z));
+    function T(x) {
+      h || (m = !1, L = !0, C(x));
     }
-    B();
+    D();
   }
   e.exports = n.default;
-})(X2, X2.exports);
-var L3 = X2.exports;
+})(W2, W2.exports);
+var L3 = W2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var o = s3, l = v(o), s = u3, i = v(s), c = C3, u = v(c), d = s5(), C = L3, L = v(C), h = Y5, m = v(h);
-  function v(I) {
-    return I && I.__esModule ? I : { default: I };
+  var o = s3, l = v(o), s = u3, i = v(s), c = C3, u = v(c), d = c5(), C = L3, L = v(C), h = Y5, m = v(h);
+  function v(y) {
+    return y && y.__esModule ? y : { default: y };
   }
-  n.default = (I) => (B, $, T) => {
-    if (T = (0, l.default)(T), I <= 0)
+  n.default = (y) => (D, $, T) => {
+    if (T = (0, l.default)(T), y <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
-    if (!B)
+    if (!D)
       return T(null);
-    if ((0, d.isAsyncGenerator)(B))
-      return (0, L.default)(B, I, $, T);
-    if ((0, d.isAsyncIterable)(B))
-      return (0, L.default)(B[Symbol.asyncIterator](), I, $, T);
-    var Z = (0, i.default)(B), U = !1, l1 = !1, q = 0, t1 = !1;
-    function i1(H, _) {
+    if ((0, d.isAsyncGenerator)(D))
+      return (0, L.default)(D, y, $, T);
+    if ((0, d.isAsyncIterable)(D))
+      return (0, L.default)(D[Symbol.asyncIterator](), y, $, T);
+    var x = (0, i.default)(D), U = !1, l1 = !1, q = 0, r1 = !1;
+    function i1(Y, I) {
       if (!l1)
-        if (q -= 1, H)
-          U = !0, T(H);
-        else if (H === !1)
+        if (q -= 1, Y)
+          U = !0, T(Y);
+        else if (Y === !1)
           U = !0, l1 = !0;
         else {
-          if (_ === m.default || U && q <= 0)
+          if (I === m.default || U && q <= 0)
             return U = !0, T(null);
-          t1 || P();
+          r1 || F();
         }
     }
-    function P() {
-      for (t1 = !0; q < I && !U; ) {
-        var H = Z();
-        if (H === null) {
+    function F() {
+      for (r1 = !0; q < y && !U; ) {
+        var Y = x();
+        if (Y === null) {
           U = !0, q <= 0 && T(null);
           return;
         }
-        q += 1, $(H.value, H.key, (0, u.default)(i1));
+        q += 1, $(Y.value, Y.key, (0, u.default)(i1));
       }
-      t1 = !1;
+      r1 = !1;
     }
-    P();
+    F();
   }, e.exports = n.default;
-})(E2, E2.exports);
-var v3 = E2.exports, j2 = { exports: {} };
+})(F2, F2.exports);
+var v3 = F2.exports, K2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -416,8 +416,8 @@ var v3 = E2.exports, j2 = { exports: {} };
     return (s, i, c) => l(s, c);
   }
   e.exports = n.default;
-})(j2, j2.exports);
-var m3 = j2.exports, K2 = { exports: {} };
+})(K2, K2.exports);
+var m3 = K2.exports, q2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -437,36 +437,36 @@ var m3 = j2.exports, K2 = { exports: {} };
     return i;
   }
   e.exports = n.default;
-})(K2, K2.exports);
-var M3 = K2.exports;
+})(q2, q2.exports);
+var M3 = q2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var o = v3, l = L(o), s = m3, i = L(s), c = s5(), u = L(c), d = M3, C = L(d);
+  var o = v3, l = L(o), s = m3, i = L(s), c = c5(), u = L(c), d = M3, C = L(d);
   function L(m) {
     return m && m.__esModule ? m : { default: m };
   }
-  function h(m, v, I, B) {
-    return (0, l.default)(v)(m, (0, i.default)((0, u.default)(I)), B);
+  function h(m, v, y, D) {
+    return (0, l.default)(v)(m, (0, i.default)((0, u.default)(y)), D);
   }
   n.default = (0, C.default)(h, 4), e.exports = n.default;
-})(O2, O2.exports);
-var I3 = O2.exports;
+})(E2, E2.exports);
+var I3 = E2.exports;
 const y3 = /* @__PURE__ */ i3(I3);
-function m1(e) {
+function M1(e) {
   return F5[e];
 }
 function X5(e, n) {
   return n[P5[e]].slice();
 }
-function _1(e, n) {
+function H1(e, n) {
   const o = n.priorities.find(
     (l) => l.priority === e.priority
   );
-  return (o == null ? void 0 : o.color) || i5;
+  return (o == null ? void 0 : o.color) || s5;
 }
-function c5(e, n) {
+function d5(e, n) {
   const o = n.topic_statuses.find(
     (l) => l.topic_status === e.topic_status
   );
@@ -478,38 +478,36 @@ async function _3(e, n) {
 }
 let W5 = null;
 function Ky(e, { fetchUsers: n }) {
-  const o = n ? (H) => n(H) : (H) => e.collaborationApi.getProjectUsers(H.cloud.id, H.id), l = () => e.bcfApi.getUser(), s = async (H, { extensions: _, users: x } = {}) => {
-    const R = _ ?? await e.bcfApi.getDetailedExtensions(H.id), O = x ?? await o(H), z = await e.bcfApi.getTopics(H.id);
-    return z.sort((G, o1) => o1.index - G.index), z.forEach((G) => {
-      G.color = _1(G, R), G.creator = O.find((o1) => o1.email === G.creation_author);
-    }), z;
-  }, i = async (H, _) => {
-    const x = await e.bcfApi.getDetailedExtensions(H.id), R = await e.bcfApi.getFullTopic(_, H.id, "url");
-    return R.color = _1(R, x), R;
-  }, c = async (H, _) => await e.bcfApi.createFullTopic(H.id, _), u = async (H, _) => await e.bcfApi.updateFullTopic(_.guid, H.id, "url", _), d = async (H, _) => {
-    await e.bcfApi.deleteTopic(_.guid, H.id);
-  }, C = async (H, _) => {
-    const x = new FormData();
-    x.append("name", _.name), x.append("file", _), await fetch(`${e.config.basePath}/bcf/2.1/projects/${H.id}/import`, {
+  const o = n ? (I) => n(I) : (I) => e.collaborationApi.getProjectUsers(I.cloud.id, I.id), l = () => e.bcfApi.getUser(), s = async (I, { extensions: k, users: Z } = {}) => {
+    const R = k ?? await e.bcfApi.getDetailedExtensions(I.id), z = Z ?? await o(I), P = await e.bcfApi.getTopics(I.id);
+    return P.sort((e1, v1) => v1.index - e1.index), P.forEach((e1) => {
+      e1.color = H1(e1, R), e1.creator = z.find((v1) => v1.email === e1.creation_author);
+    }), P;
+  }, i = async (I, k) => {
+    const Z = await e.bcfApi.getDetailedExtensions(I.id), R = await e.bcfApi.getFullTopic(k, I.id, "url");
+    return R.color = H1(R, Z), R;
+  }, c = (I, k) => e.bcfApi.createTopic(I.id, k), u = (I, k) => e.bcfApi.updateTopic(k.guid, I.id, k), d = (I, k) => e.bcfApi.deleteTopic(k.guid, I.id), C = async (I, k) => {
+    const Z = new FormData();
+    Z.append("name", k.name), Z.append("file", k), await fetch(`${e.config.basePath}/bcf/2.1/projects/${I.id}/import`, {
       method: "POST",
       credentials: "include",
       headers: {
         ...e.authHeader
       },
-      body: x
+      body: Z
     });
-  }, L = async (H, _) => {
-    const x = await e.bcfApi.downloadBcfExport(
-      H.id,
+  }, L = async (I, k) => {
+    const Z = await e.bcfApi.downloadBcfExport(
+      I.id,
       void 0,
-      _.map((R) => R.guid).join(",")
+      k.map((R) => R.guid).join(",")
     );
-    _3(`${H.name}.bcf`, x);
-  }, h = async (H, _) => (await y3(_, 10, (x, R) => {
-    m(H, x).then((O) => {
-      x.viewpoints = O, R();
+    _3(`${I.name}.bcf`, Z);
+  }, h = async (I, k) => (await y3(k, 10, (Z, R) => {
+    m(I, Z).then((z) => {
+      Z.viewpoints = z, R();
     }, R);
-  }), _), m = async (H, _) => await e.bcfApi.getTopicViewpoints(H.id, _.guid, "url");
+  }), k), m = (I, k) => e.bcfApi.getTopicViewpoints(I.id, k.guid, "url");
   return {
     fetchCurrentUser: l,
     fetchTopics: s,
@@ -521,41 +519,38 @@ function Ky(e, { fetchUsers: n }) {
     exportBcf: L,
     loadTopicsViewpoints: h,
     fetchTopicViewpoints: m,
-    fetchTopicCommentViewpoint: async (H, _, x) => await e.bcfApi.getViewpoint(x.viewpoint_guid, H.id, _.guid),
-    createViewpoint: async (H, _, x) => await e.bcfApi.createViewpoint(H.id, _.guid, "url", x),
-    deleteViewpoint: async (H, _, x) => {
-      await e.bcfApi.deleteViewpoint(x.guid, H.id, _.guid);
-    },
-    fetchTopicComments: async (H, _) => {
-      const x = await o(H), R = await e.bcfApi.getComments(H.id, _.guid);
-      return R.sort((O, z) => O.date > z.date ? -1 : 1), R.forEach((O) => {
-        O.user = x.find((z) => z.email === O.author);
+    fetchTopicCommentViewpoint: (I, k, Z) => e.bcfApi.getViewpoint(Z.viewpoint_guid, I.id, k.guid),
+    createViewpoint: (I, k, Z) => e.bcfApi.createViewpoint(I.id, k.guid, "url", Z),
+    updateViewpoint: (I, k, Z) => e.bcfApi.updateViewpoint(Z.guid, I.id, k.guid, "url", Z),
+    deleteViewpoint: (I, k, Z) => e.bcfApi.deleteViewpoint(Z.guid, I.id, k.guid),
+    fetchTopicComments: async (I, k) => {
+      const Z = await o(I), R = await e.bcfApi.getComments(I.id, k.guid);
+      return R.sort((z, P) => z.date > P.date ? -1 : 1), R.forEach((z) => {
+        z.user = Z.find((P) => P.email === z.author);
       }), R;
     },
-    createComment: async (H, _, x) => await e.bcfApi.createComment(H.id, _.guid, x),
-    updateComment: async (H, _, x, R) => await e.bcfApi.updateComment(x.guid, H.id, _.guid, R),
-    deleteComment: async (H, _, x) => {
-      await e.bcfApi.deleteComment(x.guid, H.id, _.guid);
-    },
-    fetchExtensions: (H) => e.bcfApi.getExtensions(H.id),
-    fetchDetailedExtensions: (H) => e.bcfApi.getDetailedExtensions(H.id),
-    createExtension: async (H, _, x) => await e.bcfApi[`createExtension${_}`](H.id, {
-      [m1(_)]: x.value,
+    createComment: (I, k, Z) => e.bcfApi.createComment(I.id, k.guid, Z),
+    updateComment: (I, k, Z, R) => e.bcfApi.updateComment(Z.guid, I.id, k.guid, R),
+    deleteComment: (I, k, Z) => e.bcfApi.deleteComment(Z.guid, I.id, k.guid),
+    fetchExtensions: (I) => e.bcfApi.getExtensions(I.id),
+    fetchDetailedExtensions: (I) => e.bcfApi.getDetailedExtensions(I.id),
+    createExtension: async (I, k, Z) => await e.bcfApi[`createExtension${k}`](I.id, {
+      [M1(k)]: Z.value,
       color: a3()
     }),
-    updateExtension: async (H, _, x, R) => await e.bcfApi[`updateExtension${_}`](x.id, H.id, {
-      [m1(_)]: R.value,
+    updateExtension: async (I, k, Z, R) => await e.bcfApi[`updateExtension${k}`](Z.id, I.id, {
+      [M1(k)]: R.value,
       color: R.color
     }),
-    deleteExtension: async (H, _, x) => {
-      await e.bcfApi[`deleteExtension${_}`](x.id, H.id);
+    deleteExtension: async (I, k, Z) => {
+      await e.bcfApi[`deleteExtension${k}`](Z.id, I.id);
     }
   };
 }
 function qy(e) {
   W5 = e;
 }
-function U1() {
+function z1() {
   return W5;
 }
 const m5 = {
@@ -568,7 +563,7 @@ const m5 = {
   endDate: null
 };
 function H3(e) {
-  const n = t3({ ...m5 }), o = F(() => {
+  const n = t3({ ...m5 }), o = E(() => {
     let i = e.value;
     return n.priorities.length > 0 && (i = i.filter((c) => n.priorities.includes(c.priority))), n.statuses.length > 0 && (i = i.filter((c) => n.statuses.includes(c.topic_status))), n.users.length > 0 && (i = i.filter((c) => n.users.includes(c.assigned_to))), n.creators.length > 0 && (i = i.filter((c) => n.creators.includes(c.creation_author))), n.labels.length > 0 && (i = i.filter((c) => n.labels.some((u) => c.labels.includes(u)))), n.startDate && n.endDate && (i = i.filter((c) => c.creation_date >= n.startDate && c.creation_date <= n.endDate)), i;
   });
@@ -617,7 +612,7 @@ function Jy(e) {
     filteredTopics: o
   };
 }
-function B2(e, n = (o) => o) {
+function k2(e, n = (o) => o) {
   const o = w(e), l = (c = "asc") => {
     const u = o.value.slice().sort((d, C) => n(d) < n(C) ? -1 : 1);
     c === "desc" && u.reverse(), o.value = u;
@@ -630,7 +625,7 @@ function B2(e, n = (o) => o) {
   };
 }
 function Qy(e) {
-  const { sortToggle: n, sortOrder: o } = B2(e, (h) => h.index), { sortToggle: l, sortOrder: s } = B2(e, (h) => h.title), { sortToggle: i, sortOrder: c } = B2(e, (h) => h.creation_date), u = w("");
+  const { sortToggle: n, sortOrder: o } = k2(e, (h) => h.index), { sortToggle: l, sortOrder: s } = k2(e, (h) => h.title), { sortToggle: i, sortOrder: c } = k2(e, (h) => h.creation_date), u = w("");
   return {
     sortedBy: u,
     sortByIndex: () => {
@@ -648,14 +643,14 @@ function Qy(e) {
   };
 }
 function D3(e) {
-  return e[E1];
+  return e[F1];
 }
 function e_(e) {
   var n;
-  return ((n = e[F1]) == null ? void 0 : n.split(",").map(Number)) ?? [];
+  return ((n = e[P1]) == null ? void 0 : n.split(",").map(Number)) ?? [];
 }
 function B3(e) {
-  return P1[D3(e)];
+  return U1[D3(e)];
 }
 function k3(e) {
   return e.components.selection || (e.components.selection = []), e.components.visibility || (e.components.visibility = {
@@ -1144,7 +1139,7 @@ j5(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), J.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, x3);
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, x3);
 }, J.__scopeId = "data-v-3f903003", J.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Z3 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" }, S3 = { render: function(e, n) {
   return r(), a("path", Z3);
@@ -1645,7 +1640,7 @@ K5(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), Q.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: D(i.classes), style: V(i.style) }, [(r(), k(f1(`bimdata-icon-${o.name}`)))], 14, g6);
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: H(i.style) }, [(r(), B(f1(`bimdata-icon-${o.name}`)))], 14, g6);
 }, Q.__scopeId = "data-v-1312d4d1", Q.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 let y5 = 0;
 var b1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { modelValue: { type: [String, Number, Boolean], default: "" }, placeholder: { type: String, default: "" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, loading: { type: Boolean, default: !1 }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "12px 0px" }, autocomplete: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "blur", "keypress", "focus", "change"], computed: { style() {
@@ -2003,9 +1998,9 @@ input:-webkit-autofill {
 .bimdata-input.success .bar::before, .bimdata-input.success .bar::after {
   background-color: var(--color-success);
 }`), b1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { class: D(["bimdata-input", { error: o.error, success: o.success, disabled: o.disabled, loading: o.loading, "not-empty": !!o.modelValue }]), style: V(i.style) }, [t("input", R1({ ref: "input", id: `bimdata-input-${e.uuid}`, onInput: n[0] || (n[0] = (c) => e.$emit("update:modelValue", c.currentTarget.value)), disabled: o.disabled, value: o.modelValue, onFocus: n[1] || (n[1] = (c) => {
+  return r(), a("div", { class: V(["bimdata-input", { error: o.error, success: o.success, disabled: o.disabled, loading: o.loading, "not-empty": !!o.modelValue }]), style: H(i.style) }, [t("input", O1({ ref: "input", id: `bimdata-input-${e.uuid}`, onInput: n[0] || (n[0] = (c) => e.$emit("update:modelValue", c.currentTarget.value)), disabled: o.disabled, value: o.modelValue, onFocus: n[1] || (n[1] = (c) => {
     c.target.select(), e.$emit("focus", c);
-  }), onBlur: n[2] || (n[2] = (c) => e.$emit("blur", c)), onKeypress: n[3] || (n[3] = (c) => e.$emit("keypress", c)), onChange: n[4] || (n[4] = (c) => e.$emit("change", c)), autocomplete: o.autocomplete ? "on" : "off" }, e.$attrs), null, 16, f6), t("div", L6, [y(e.$slots, "inputIcon")]), t("label", { for: `bimdata-input-${e.uuid}` }, b(o.placeholder), 9, v6), m6, o.error ? (r(), a("span", M6, b(o.errorMessage), 1)) : M("v-if", !0), o.success ? (r(), a("span", I6, b(o.successMessage), 1)) : M("v-if", !0)], 6);
+  }), onBlur: n[2] || (n[2] = (c) => e.$emit("blur", c)), onKeypress: n[3] || (n[3] = (c) => e.$emit("keypress", c)), onChange: n[4] || (n[4] = (c) => e.$emit("change", c)), autocomplete: o.autocomplete ? "on" : "off" }, e.$attrs), null, 16, f6), t("div", L6, [_(e.$slots, "inputIcon")]), t("label", { for: `bimdata-input-${e.uuid}` }, b(o.placeholder), 9, v6), m6, o.error ? (r(), a("span", M6, b(o.errorMessage), 1)) : M("v-if", !0), o.success ? (r(), a("span", I6, b(o.successMessage), 1)) : M("v-if", !0)], 6);
 }, b1.__scopeId = "data-v-5d42d486", b1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
 var J5 = { beforeMount(e, n) {
   if (typeof n.value != "function")
@@ -2015,7 +2010,7 @@ var J5 = { beforeMount(e, n) {
   }, window.addEventListener(n.arg || "click", e.clickAwayHandler, !0);
 }, unmounted(e, n) {
   window.removeEventListener(n.arg || "click", e.clickAwayHandler, !0), delete e.clickAwayHandler;
-} }, X1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (e) => e === null || typeof e == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
+} }, W1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (e) => e === null || typeof e == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
   return this.modelValue === null;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -2025,7 +2020,7 @@ var J5 = { beforeMount(e, n) {
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
 const y6 = ((e) => (C1("data-v-34d34265"), e = e(), p1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), _6 = { key: 0, class: "bimdata-checkbox__text" };
-function r1(e, n) {
+function o1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -2033,7 +2028,7 @@ function r1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2191,7 +2186,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-r1(`.bimdata-checkbox {
+o1(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2278,24 +2273,24 @@ r1(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), X1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", R1({ class: ["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }], onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: i.style }, e.$attrs), [y6, o.text ? (r(), a("span", _6, [y(e.$slots, "default", {}, () => [A(b(o.text), 1)])])) : M("v-if", !0)], 16);
-}, X1.__scopeId = "data-v-34d34265", X1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), W1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", O1({ class: ["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }], onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: i.style }, e.$attrs), [y6, o.text ? (r(), a("span", _6, [_(e.$slots, "default", {}, () => [A(b(o.text), 1)])])) : M("v-if", !0)], 16);
+}, W1.__scopeId = "data-v-34d34265", W1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const H6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" }, V6 = { render: function(e, n) {
   return r(), a("path", H6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var D6 = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const _5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var y2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => D6.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(_5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var _2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => D6.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(_5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const o = this.getPixelSize(this.size);
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : _5[this.size];
-} } }), k1 = y2("Chevron", V6);
+} } }), w1 = _2("Chevron", V6);
 const B6 = ["fill", "color"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2364,7 +2359,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-r1(`.icon-fill--black {
+o1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2447,16 +2442,16 @@ r1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), k1.render = function(e, n, o, l, s, i) {
+}`), w1.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, B6);
-}, k1.__scopeId = "data-v-5e440aca", k1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, B6);
+}, w1.__scopeId = "data-v-5e440aca", w1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const k6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.47105C0.982285 2.39544 0.982285 2.27217 1.05119 2.19676L3.00683 0.0565512C3.07573 -0.0188504 3.18857 -0.0188504 3.25748 0.0565512L13.5625 11.3331C13.5796 11.3518 13.5925 11.3736 13.6012 11.3968C13.6665 11.4724 13.6658 11.5928 13.598 11.667L3.29296 22.9433C3.22406 23.0189 3.11122 23.0189 3.04231 22.9433L1.08668 20.8033C1.01758 20.7279 1.01758 20.6044 1.08668 20.529L9.32003 11.5192L1.05119 2.47105ZM10.2512 2.47105C10.1823 2.39544 10.1823 2.27217 10.2512 2.19676L12.2068 0.0565512C12.2757 -0.0188504 12.3886 -0.0188504 12.4575 0.0565512L22.7625 11.3331C22.7796 11.3518 22.7925 11.3736 22.8012 11.3968C22.8665 11.4724 22.8658 11.5928 22.798 11.667L12.493 22.9433C12.4241 23.0189 12.3112 23.0189 12.2423 22.9433L10.2867 20.8033C10.2176 20.7279 10.2176 20.6044 10.2867 20.529L18.52 11.5192L10.2512 2.47105Z" }, w6 = { render: function(e, n) {
   return r(), a("path", k6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var k2 = y2("DoubleChevron", w6);
+var w2 = _2("DoubleChevron", w6);
 const x6 = ["fill", "color"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2525,7 +2520,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-r1(`.icon-fill--black {
+o1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2608,16 +2603,16 @@ r1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), k2.render = function(e, n, o, l, s, i) {
+}`), w2.render = function(e, n, o, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, x6);
-}, k2.__scopeId = "data-v-859297ec", k2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, x6);
+}, w2.__scopeId = "data-v-859297ec", w2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const Z6 = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, S6 = { render: function(e, n) {
   return r(), a("path", Z6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var w2 = y2("Close", S6);
+var x2 = _2("Close", S6);
 const A6 = ["fill", "color"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2686,7 +2681,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-r1(`.icon-fill--black {
+o1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2769,16 +2764,16 @@ r1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), w2.render = function(e, n, o, l, s, i) {
+}`), x2.render = function(e, n, o, l, s, i) {
   const c = g("Close");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, A6);
-}, w2.__scopeId = "data-v-797f55d8", w2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, A6);
+}, x2.__scopeId = "data-v-797f55d8", x2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const T6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, $6 = { render: function(e, n) {
   return r(), a("path", T6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var x2 = y2("Search", $6);
+var Z2 = _2("Search", $6);
 const N6 = ["fill", "color"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2847,7 +2842,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-r1(`.icon-fill--black {
+o1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2930,11 +2925,11 @@ r1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), x2.render = function(e, n, o, l, s, i) {
+}`), Z2.render = function(e, n, o, l, s, i) {
   const c = g("Search");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, N6);
-}, x2.__scopeId = "data-v-0993abf8", x2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var W1 = { components: { BIMDataCheckbox: X1, BIMDataIconChevron: k1 }, directives: { clickaway: J5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: Array }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, N6);
+}, Z2.__scopeId = "data-v-0993abf8", Z2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var j1 = { components: { BIMDataCheckbox: W1, BIMDataIconChevron: w1 }, directives: { clickaway: J5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: Array }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
   return this.modelValue.map(this.optionLabel).join(", ");
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -2961,7 +2956,7 @@ var W1 = { components: { BIMDataCheckbox: X1, BIMDataIconChevron: k1 }, directiv
   this.$emit("update:modelValue", n);
 } } };
 const R6 = { class: "bimdata-select__content" }, O6 = { class: "bimdata-select__content__label" }, E6 = ((e) => (C1("data-v-2c3115dc"), e = e(), p1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), F6 = { class: "bimdata-select__option-list" }, P6 = ["onClick"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3141,11 +3136,11 @@ html[data-v-2c3115dc] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-2c3115dc]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), W1.render = function(e, n, o, l, s, i) {
-  const c = g("BIMDataIconChevron"), u = g("BIMDataCheckbox"), d = O1("clickaway");
-  return j((r(), a("div", { class: D(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue.length > 0 }]), style: V({ width: o.width }) }, [t("div", R6, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...C) => i.toggle && i.toggle(...C)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", O6, b(o.label), 1), E6]), p(a1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [j(t("ul", F6, [(r(!0), a(E, null, W(o.options, (C, L) => (r(), a("li", { class: D(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: L, onClick: (h) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), a(E, { key: 0 }, [A(b(i.optionLabel(C)), 1)], 64)) : (r(), k(u, { key: 1, modelValue: i.isSelected(C), disabled: i.isDisabled(C), text: i.optionLabel(C) }, null, 8, ["modelValue", "disabled", "text"]))], 10, P6))), 128))], 512), [[e1, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
-}, W1.__scopeId = "data-v-2c3115dc", W1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
-var j1 = { components: { BIMDataIconChevron: k1 }, directives: { clickaway: J5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object] }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
+}`), j1.render = function(e, n, o, l, s, i) {
+  const c = g("BIMDataIconChevron"), u = g("BIMDataCheckbox"), d = E1("clickaway");
+  return j((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue.length > 0 }]), style: H({ width: o.width }) }, [t("div", R6, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...C) => i.toggle && i.toggle(...C)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", O6, b(o.label), 1), E6]), p(a1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [j(t("ul", F6, [(r(!0), a(O, null, W(o.options, (C, L) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: L, onClick: (h) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), a(O, { key: 0 }, [A(b(i.optionLabel(C)), 1)], 64)) : (r(), B(u, { key: 1, modelValue: i.isSelected(C), disabled: i.isDisabled(C), text: i.optionLabel(C) }, null, 8, ["modelValue", "disabled", "text"]))], 10, P6))), 128))], 512), [[n1, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
+}, j1.__scopeId = "data-v-2c3115dc", j1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
+var K1 = { components: { BIMDataIconChevron: w1 }, directives: { clickaway: J5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object] }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
   return this.optionLabel(this.modelValue);
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -3166,7 +3161,7 @@ var j1 = { components: { BIMDataIconChevron: k1 }, directives: { clickaway: J5 }
   this.$emit("update:modelValue", null), this.isOpen = !1;
 } } };
 const U6 = { class: "bimdata-select__content" }, z6 = { class: "bimdata-select__content__label" }, G6 = ((e) => (C1("data-v-41a0d93f"), e = e(), p1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), Y6 = { class: "bimdata-select__option-list" }, X6 = ["onClick"];
-r1(`/* base COLORS --------------------------------------------- */
+o1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3346,23 +3341,23 @@ html[data-v-41a0d93f] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-41a0d93f]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), j1.render = function(e, n, o, l, s, i) {
-  const c = g("BIMDataIconChevron"), u = O1("clickaway");
-  return j((r(), a("div", { class: D(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue !== void 0 && o.modelValue !== null }]), style: V({ width: o.width }) }, [t("div", U6, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...d) => i.toggle && i.toggle(...d)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", z6, b(o.label), 1), G6]), p(a1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [j(t("ul", Y6, [o.nullValue ? (r(), a("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, b(o.nullLabel || "None"), 1)) : M("v-if", !0), (r(!0), a(E, null, W(o.options, (d, C) => (r(), a("li", { class: D(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (L) => i.onOptionClick(d) }, b(i.optionLabel(d)), 11, X6))), 128))], 512), [[e1, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
-}, j1.__scopeId = "data-v-41a0d93f", j1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
-var M2 = { components: { BIMDataSelectMulti: W1, BIMDataSelectSingle: j1 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number], default: "100%" }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object, Array] }, multi: { type: Boolean, default: !1 }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], computed: { selectorComponent() {
+}`), K1.render = function(e, n, o, l, s, i) {
+  const c = g("BIMDataIconChevron"), u = E1("clickaway");
+  return j((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue !== void 0 && o.modelValue !== null }]), style: H({ width: o.width }) }, [t("div", U6, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...d) => i.toggle && i.toggle(...d)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", z6, b(o.label), 1), G6]), p(a1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [j(t("ul", Y6, [o.nullValue ? (r(), a("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, b(o.nullLabel || "None"), 1)) : M("v-if", !0), (r(!0), a(O, null, W(o.options, (d, C) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (L) => i.onOptionClick(d) }, b(i.optionLabel(d)), 11, X6))), 128))], 512), [[n1, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
+}, K1.__scopeId = "data-v-41a0d93f", K1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
+var I2 = { components: { BIMDataSelectMulti: j1, BIMDataSelectSingle: K1 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number], default: "100%" }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object, Array] }, multi: { type: Boolean, default: !1 }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], computed: { selectorComponent() {
   return this.multi ? "BIMDataSelectMulti" : "BIMDataSelectSingle";
 } } };
-M2.render = function(e, n, o, l, s, i) {
-  return r(), k(f1(i.selectorComponent), R1(e.$props, { modelValue: o.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
-}, M2.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
-const Y = (e, n) => {
+I2.render = function(e, n, o, l, s, i) {
+  return r(), B(f1(i.selectorComponent), O1(e.$props, { modelValue: o.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
+}, I2.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
+const G = (e, n) => {
   const o = e.__vccOpts || e;
   for (const [l, s] of n)
     o[l] = s;
   return o;
 };
-function V1(e) {
+function D1(e) {
   return Array.from(new Set(e)).sort(
     (n, o) => n.localeCompare(o, void 0, { sensitivity: "base" })
   );
@@ -3372,7 +3367,7 @@ const W6 = {
     BIMDataButton: J,
     BIMDataIcon: Q,
     BIMDataInput: b1,
-    BIMDataSelect: M2
+    BIMDataSelect: I2
   },
   props: {
     topics: {
@@ -3383,17 +3378,17 @@ const W6 = {
   emits: ["submit"],
   setup(e, { emit: n }) {
     const o = w(!1), l = () => o.value = !1, s = () => o.value = !o.value, { filters: i, filteredTopics: c, reset: u } = H3(
-      F(() => e.topics)
-    ), d = F(
-      () => V1(e.topics.map((B) => B.priority))
-    ), C = F(
-      () => V1(e.topics.map((B) => B.topic_status))
-    ), L = F(
-      () => V1(e.topics.map((B) => B.assigned_to))
-    ), h = F(
-      () => V1(e.topics.map((B) => B.creation_author))
-    ), m = F(
-      () => V1(e.topics.flatMap((B) => B.labels))
+      E(() => e.topics)
+    ), d = E(
+      () => D1(e.topics.map((D) => D.priority))
+    ), C = E(
+      () => D1(e.topics.map((D) => D.topic_status))
+    ), L = E(
+      () => D1(e.topics.map((D) => D.assigned_to))
+    ), h = E(
+      () => D1(e.topics.map((D) => D.creation_author))
+    ), m = E(
+      () => D1(e.topics.flatMap((D) => D.labels))
     );
     return {
       // References
@@ -3413,8 +3408,8 @@ const W6 = {
         });
       },
       submitFilters: () => {
-        var B;
-        (B = i.endDate) == null || B.setHours(23, 59, 59), n("submit", {
+        var D;
+        (D = i.endDate) == null || D.setHours(23, 59, 59), n("submit", {
           filters: g5(i),
           topics: c.value
         }), o.value = !1;
@@ -3424,7 +3419,7 @@ const W6 = {
   }
 }, j6 = { class: "bcf-filters" }, K6 = { class: "bcf-filters__container" }, q6 = { class: "bcf-filters__container__header" }, J6 = { class: "bcf-filters__container__header__title" }, Q6 = { class: "bcf-filters__container__date" }, ee = { class: "bcf-filters__container__actions" };
 function ne(e, n, o, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataSelect"), C = g("BIMDataDatePicker"), L = O1("click-away");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataSelect"), C = g("BIMDataDatePicker"), L = E1("click-away");
   return j((r(), a("div", j6, [
     p(u, {
       class: "bcf-filters__btn-toggle",
@@ -3560,7 +3555,7 @@ function ne(e, n, o, l, s, i) {
             }, 8, ["onClick"])
           ])
         ], 512), [
-          [e1, l.isOpen]
+          [n1, l.isOpen]
         ])
       ]),
       _: 1
@@ -3569,11 +3564,11 @@ function ne(e, n, o, l, s, i) {
     [L, l.close]
   ]);
 }
-const te = /* @__PURE__ */ Y(W6, [["render", ne], ["__scopeId", "data-v-d21221e8"]]), d5 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), re = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
-Object.entries(d5).filter(([e]) => !re.includes(e));
-var oe = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), K1 = { props: { text: { type: String } } };
+const te = /* @__PURE__ */ G(W6, [["render", ne], ["__scopeId", "data-v-d21221e8"]]), u5 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), re = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
+Object.entries(u5).filter(([e]) => !re.includes(e));
+var oe = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), q1 = { props: { text: { type: String } } };
 const ae = { class: "bimdata-card__brand" }, le = { class: "bimdata-card__brand--left" }, ie = { key: 0 };
-function z1(e, n) {
+function G1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -3581,7 +3576,7 @@ function z1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-z1(`/* base COLORS --------------------------------------------- */
+G1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3650,7 +3645,7 @@ html[data-v-0185c658] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-z1(`.bimdata-card__brand {
+G1(`.bimdata-card__brand {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
@@ -3666,14 +3661,14 @@ z1(`.bimdata-card__brand {
 }
 .bimdata-card__brand--left svg {
   margin-right: calc(var(--spacing-unit) / 2);
-}`), K1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", ae, [t("div", le, [y(e.$slots, "left"), o.text ? (r(), a("span", ie, b(o.text), 1)) : M("v-if", !0)]), y(e.$slots, "right")]);
-}, K1.__scopeId = "data-v-0185c658", K1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
-var q1 = { components: { BIMDataCardBand: K1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (e) => oe.includes(e) } }, computed: { classes() {
+}`), q1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", ae, [t("div", le, [_(e.$slots, "left"), o.text ? (r(), a("span", ie, b(o.text), 1)) : M("v-if", !0)]), _(e.$slots, "right")]);
+}, q1.__scopeId = "data-v-0185c658", q1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
+var J1 = { components: { BIMDataCardBand: q1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (e) => oe.includes(e) } }, computed: { classes() {
   return { [`bimdata-card__${this.bgColor}`]: this.bgColor };
 } } };
 const se = { key: 2, class: "bimdata-card__content" }, ce = { key: 3, class: "bimdata-card__footer" };
-z1(`/* base COLORS --------------------------------------------- */
+G1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3831,7 +3826,7 @@ html[data-v-5c84207f] {
 .primary-font[data-v-5c84207f] {
   font-family: "roboto", sans-serif;
 }`);
-z1(`.bimdata-card {
+G1(`.bimdata-card {
   background-color: var(--color-white);
   -webkit-box-shadow: var(--box-shadow);
           box-shadow: var(--box-shadow);
@@ -3907,14 +3902,14 @@ z1(`.bimdata-card {
   color: var(--color-primary);
   -webkit-filter: saturate(0.8);
           filter: saturate(0.8);
-}`), q1.render = function(e, n, o, l, s, i) {
+}`), J1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCardBand");
-  return r(), a("div", { class: D(["bimdata-card", i.classes]), style: V({ "min-width": o.width, "border-radius": o.borderRadius }) }, [o.titleHeader || e.$slots.headerIcons ? (r(), k(c, { key: 0, text: o.titleHeader, class: "bimdata-card__header" }, { right: f(() => [y(e.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : M("v-if", !0), e.$slots.left || o.submenuText || e.$slots.right ? (r(), k(c, { key: 1, class: "bimdata-card__submenu", text: o.submenuText }, { left: f(() => [y(e.$slots, "left")]), right: f(() => [y(e.$slots, "right")]), _: 3 }, 8, ["text"])) : M("v-if", !0), e.$slots.content ? (r(), a("div", se, [y(e.$slots, "content")])) : M("v-if", !0), e.$slots.footer ? (r(), a("footer", ce, [y(e.$slots, "footer")])) : M("v-if", !0)], 6);
-}, q1.__scopeId = "data-v-5c84207f", q1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
-const de = Object.entries(d5).reduce((e, n, o) => (o % 5 == 0 ? e.push([n]) : e[e.length - 1].push(n), e), []);
-var J1 = { components: { BIMDataCard: q1 }, props: { modelValue: { type: String, default: null, validator: (e) => Object.values(d5).includes(e) } }, emits: ["update:modelValue"], data: () => ({ colorLines: de }) };
+  return r(), a("div", { class: V(["bimdata-card", i.classes]), style: H({ "min-width": o.width, "border-radius": o.borderRadius }) }, [o.titleHeader || e.$slots.headerIcons ? (r(), B(c, { key: 0, text: o.titleHeader, class: "bimdata-card__header" }, { right: f(() => [_(e.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : M("v-if", !0), e.$slots.left || o.submenuText || e.$slots.right ? (r(), B(c, { key: 1, class: "bimdata-card__submenu", text: o.submenuText }, { left: f(() => [_(e.$slots, "left")]), right: f(() => [_(e.$slots, "right")]), _: 3 }, 8, ["text"])) : M("v-if", !0), e.$slots.content ? (r(), a("div", se, [_(e.$slots, "content")])) : M("v-if", !0), e.$slots.footer ? (r(), a("footer", ce, [_(e.$slots, "footer")])) : M("v-if", !0)], 6);
+}, J1.__scopeId = "data-v-5c84207f", J1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
+const de = Object.entries(u5).reduce((e, n, o) => (o % 5 == 0 ? e.push([n]) : e[e.length - 1].push(n), e), []);
+var Q1 = { components: { BIMDataCard: J1 }, props: { modelValue: { type: String, default: null, validator: (e) => Object.values(u5).includes(e) } }, emits: ["update:modelValue"], data: () => ({ colorLines: de }) };
 const ue = ["title", "onClick"];
-z1(`.color-selector__line[data-v-dd521886] {
+G1(`.color-selector__line[data-v-dd521886] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3928,14 +3923,14 @@ z1(`.color-selector__line[data-v-dd521886] {
 }
 .color-selector__line__element.selected[data-v-dd521886] {
   border: solid 2px var(--color-primary);
-}`), J1.render = function(e, n, o, l, s, i) {
+}`), Q1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCard");
-  return r(), k(c, { class: "color-selector" }, { content: f(() => [(r(!0), a(E, null, W(s.colorLines, (u, d) => (r(), a("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), a(E, null, W(u, ([C, L], h) => (r(), a("div", { class: D(["color-selector__line__element", { selected: L === o.modelValue }]), key: `colorElement${h}ofColorLine${d}`, style: V(`background-color: #${L}`), title: C, onClick: N((m) => e.$emit("update:modelValue", L), ["stop"]) }, null, 14, ue))), 128))]))), 128))]), _: 1 });
-}, J1.__scopeId = "data-v-dd521886", J1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
+  return r(), B(c, { class: "color-selector" }, { content: f(() => [(r(!0), a(O, null, W(s.colorLines, (u, d) => (r(), a("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), a(O, null, W(u, ([C, L], h) => (r(), a("div", { class: V(["color-selector__line__element", { selected: L === o.modelValue }]), key: `colorElement${h}ofColorLine${d}`, style: H(`background-color: #${L}`), title: C, onClick: N((m) => e.$emit("update:modelValue", L), ["stop"]) }, null, 14, ue))), 128))]))), 128))]), _: 1 });
+}, Q1.__scopeId = "data-v-dd521886", Q1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
 const Ce = {
   components: {
     BIMDataButton: J,
-    BIMDataColorSelector: J1,
+    BIMDataColorSelector: Q1,
     BIMDataIcon: Q,
     BIMDataInput: b1
   },
@@ -3953,7 +3948,7 @@ const Ce = {
   ],
   setup(e, { emit: n }) {
     const o = w(!1), l = w(!1), s = w(!1), i = w(
-      e.extension[m1(e.extensionType)]
+      e.extension[M1(e.extensionType)]
     ), c = w(e.extension.color), u = w(null);
     return c1(
       o,
@@ -3969,7 +3964,7 @@ const Ce = {
       isOpenDeleteGuard: s,
       // Methods
       adjustBorderColor: l3,
-      getExtensionField: m1,
+      getExtensionField: M1,
       submitColor: async (h) => {
         h !== e.extension.color && (n("update-extension", {
           extensionType: e.extensionType,
@@ -3984,7 +3979,7 @@ const Ce = {
         });
       },
       submitValue: async () => {
-        i.value !== e.extension[m1(e.extensionType)] && (n("update-extension", {
+        i.value !== e.extension[M1(e.extensionType)] && (n("update-extension", {
           extensionType: e.extensionType,
           extension: e.extension,
           data: { value: i.value }
@@ -3997,9 +3992,9 @@ const Ce = {
   class: "setting-card-item__delete-guard"
 }, fe = { class: "flex items-center" };
 function Le(e, n, o, l, s, i) {
-  const c = g("BIMDataInput"), u = g("BIMDataIcon"), d = g("BIMDataButton"), C = g("BIMDataColorSelector"), L = O1("click-away");
+  const c = g("BIMDataInput"), u = g("BIMDataIcon"), d = g("BIMDataButton"), C = g("BIMDataColorSelector"), L = E1("click-away");
   return r(), a("li", pe, [
-    l.editMode ? (r(), k(c, {
+    l.editMode ? (r(), B(c, {
       key: 1,
       ref: "input",
       modelValue: l.extensionName,
@@ -4037,16 +4032,16 @@ function Le(e, n, o, l, s, i) {
         ]),
         _: 1
       }),
-      l.EXTENSION_WITH_COLOR.includes(o.extensionType) ? (r(), a(E, { key: 0 }, [
+      l.EXTENSION_WITH_COLOR.includes(o.extensionType) ? (r(), a(O, { key: 0 }, [
         t("span", {
           class: "setting-card-item__color",
-          style: V({
+          style: H({
             "border-color": l.adjustBorderColor(`${l.extensionColor}`, -50),
             "background-color": `#${l.extensionColor}`
           }),
           onClick: n[3] || (n[3] = (h) => l.isOpenColorSelector = !0)
         }, null, 4),
-        l.isOpenColorSelector ? j((r(), k(C, {
+        l.isOpenColorSelector ? j((r(), B(C, {
           key: 0,
           class: "setting-card-item__color-selector",
           modelValue: l.extensionColor,
@@ -4091,7 +4086,7 @@ function Le(e, n, o, l, s, i) {
     ])) : M("", !0)
   ]);
 }
-const ve = /* @__PURE__ */ Y(Ce, [["render", Le], ["__scopeId", "data-v-b97a5399"]]);
+const ve = /* @__PURE__ */ G(Ce, [["render", Le], ["__scopeId", "data-v-b97a5399"]]);
 const me = {
   components: {
     BIMDataButton: J,
@@ -4115,7 +4110,7 @@ const me = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const o = F(
+    const o = E(
       () => X5(e.extensionType, e.detailedExtensions)
     ), l = w(null), s = w(""), i = w(!1), c = () => i.value = !1, u = () => i.value = !i.value, d = w(!1), C = () => {
       s.value = "", d.value = !1;
@@ -4217,13 +4212,13 @@ function ke(e, n, o, l, s, i) {
               }, 8, ["onClick"])
             ])
           ], 512), [
-            [e1, l.isOpenForm]
+            [n1, l.isOpenForm]
           ])
         ]),
         _: 1
       }),
       t("ul", Be, [
-        (r(!0), a(E, null, W(l.availableExtensions, (L) => (r(), k(C, {
+        (r(!0), a(O, null, W(l.availableExtensions, (L) => (r(), B(C, {
           key: L.id,
           extensionType: o.extensionType,
           extension: L,
@@ -4232,11 +4227,11 @@ function ke(e, n, o, l, s, i) {
         }, null, 8, ["extensionType", "extension"]))), 128))
       ])
     ], 512), [
-      [e1, l.isOpen]
+      [n1, l.isOpen]
     ])
   ]);
 }
-const we = /* @__PURE__ */ Y(me, [["render", ke], ["__scopeId", "data-v-3ea16e8c"]]);
+const we = /* @__PURE__ */ G(me, [["render", ke], ["__scopeId", "data-v-3ea16e8c"]]);
 const xe = {
   components: {
     BIMDataButton: J,
@@ -4268,7 +4263,7 @@ const xe = {
     "extension-deleted"
   ],
   setup(e, { emit: n }) {
-    const o = U1();
+    const o = z1();
     return {
       // References
       EXTENSION_TYPES: O5,
@@ -4304,7 +4299,7 @@ function Ne(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("SettingCard");
   return r(), a("div", Ze, [
     t("div", Se, [
-      o.uiConfig.backButton ? (r(), k(u, {
+      o.uiConfig.backButton ? (r(), B(u, {
         key: 0,
         color: "granite",
         ghost: "",
@@ -4321,7 +4316,7 @@ function Ne(e, n, o, l, s, i) {
         _: 1
       })) : M("", !0),
       t("span", Ae, b(e.$t("BcfComponents.BcfSettings.title")), 1),
-      o.uiConfig.closeButton ? (r(), k(u, {
+      o.uiConfig.closeButton ? (r(), B(u, {
         key: 1,
         color: "granite",
         ghost: "",
@@ -4340,7 +4335,7 @@ function Ne(e, n, o, l, s, i) {
     ]),
     t("div", Te, [
       t("div", $e, b(e.$t("BcfComponents.BcfSettings.text")), 1),
-      (r(!0), a(E, null, W(l.EXTENSION_TYPES, (C) => (r(), k(d, {
+      (r(!0), a(O, null, W(l.EXTENSION_TYPES, (C) => (r(), B(d, {
         detailedExtensions: o.detailedExtensions,
         extensionType: C,
         onCreateExtension: l.createExtension,
@@ -4350,8 +4345,8 @@ function Ne(e, n, o, l, s, i) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ Y(xe, [["render", Ne], ["__scopeId", "data-v-9e0003a6"]]);
-var Oe = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), w1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Oe.includes(e) } }, emits: ["click"], computed: { classes() {
+const Re = /* @__PURE__ */ G(xe, [["render", Ne], ["__scopeId", "data-v-9e0003a6"]]);
+var Oe = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), x1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Oe.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
@@ -4826,22 +4821,22 @@ K(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), w1.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, Ee);
-}, w1.__scopeId = "data-v-3f903003", w1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), x1.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Ee);
+}, x1.__scopeId = "data-v-3f903003", x1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Fe = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" }, Pe = { render: function(e, n) {
   return r(), a("path", Fe);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var Ue = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const H5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var _2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => Ue.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(H5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var H2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => Ue.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(H5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const o = this.getPixelSize(this.size);
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : H5[this.size];
-} } }), Q1 = _2("Chevron", Pe);
+} } }), e2 = H2("Chevron", Pe);
 const ze = ["fill", "color"];
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -4995,14 +4990,14 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), Q1.render = function(e, n, o, l, s, i) {
+}`), e2.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, ze);
-}, Q1.__scopeId = "data-v-5e440aca", Q1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, ze);
+}, e2.__scopeId = "data-v-5e440aca", e2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const Ge = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.47105C0.982285 2.39544 0.982285 2.27217 1.05119 2.19676L3.00683 0.0565512C3.07573 -0.0188504 3.18857 -0.0188504 3.25748 0.0565512L13.5625 11.3331C13.5796 11.3518 13.5925 11.3736 13.6012 11.3968C13.6665 11.4724 13.6658 11.5928 13.598 11.667L3.29296 22.9433C3.22406 23.0189 3.11122 23.0189 3.04231 22.9433L1.08668 20.8033C1.01758 20.7279 1.01758 20.6044 1.08668 20.529L9.32003 11.5192L1.05119 2.47105ZM10.2512 2.47105C10.1823 2.39544 10.1823 2.27217 10.2512 2.19676L12.2068 0.0565512C12.2757 -0.0188504 12.3886 -0.0188504 12.4575 0.0565512L22.7625 11.3331C22.7796 11.3518 22.7925 11.3736 22.8012 11.3968C22.8665 11.4724 22.8658 11.5928 22.798 11.667L12.493 22.9433C12.4241 23.0189 12.3112 23.0189 12.2423 22.9433L10.2867 20.8033C10.2176 20.7279 10.2176 20.6044 10.2867 20.529L18.52 11.5192L10.2512 2.47105Z" }, Ye = { render: function(e, n) {
   return r(), a("path", Ge);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var e2 = _2("DoubleChevron", Ye);
+var n2 = H2("DoubleChevron", Ye);
 const Xe = ["fill", "color"];
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5156,14 +5151,14 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), e2.render = function(e, n, o, l, s, i) {
+}`), n2.render = function(e, n, o, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Xe);
-}, e2.__scopeId = "data-v-859297ec", e2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Xe);
+}, n2.__scopeId = "data-v-859297ec", n2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const We = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, je = { render: function(e, n) {
   return r(), a("path", We);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var Z2 = _2("Close", je);
+var S2 = H2("Close", je);
 const Ke = ["fill", "color"];
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5317,14 +5312,14 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), Z2.render = function(e, n, o, l, s, i) {
+}`), S2.render = function(e, n, o, l, s, i) {
   const c = g("Close");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Ke);
-}, Z2.__scopeId = "data-v-797f55d8", Z2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Ke);
+}, S2.__scopeId = "data-v-797f55d8", S2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const qe = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, Je = { render: function(e, n) {
   return r(), a("path", qe);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var S2 = _2("Search", Je);
+var A2 = H2("Search", Je);
 const Qe = ["fill", "color"];
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5478,11 +5473,11 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), S2.render = function(e, n, o, l, s, i) {
+}`), A2.render = function(e, n, o, l, s, i) {
   const c = g("Search");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Qe);
-}, S2.__scopeId = "data-v-0993abf8", S2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var n2 = { components: { BIMDataIconChevron: Q1, BIMDataIconDoubleChevron: e2, BIMDataButton: w1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Qe);
+}, A2.__scopeId = "data-v-0993abf8", A2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var t2 = { components: { BIMDataIconChevron: e2, BIMDataIconDoubleChevron: n2, BIMDataButton: x1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
 const en = { class: "bimdata-navigation__left m-r-6" }, nn = { key: 0, class: "bimdata-navigation__item" }, tn = { key: 1, class: "bimdata-navigation__item" }, rn = { key: 2, class: "bimdata-navigation__item" }, on = { key: 3, class: "bimdata-navigation__item" }, an = { class: "bimdata-navigation__right" };
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5589,11 +5584,11 @@ K(`.bimdata-navigation[data-v-aa907072] {
   padding: 6px 2px;
   font-size: 10px;
   cursor: default;
-}`), n2.render = function(e, n, o, l, s, i) {
+}`), t2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconDoubleChevron"), u = g("BIMDataButton"), d = g("BIMDataIconChevron");
-  return r(), a("ul", { class: "bimdata-list bimdata-navigation", style: V({ "background-color": o.backgroundColor }) }, [t("li", en, [y(e.$slots, "left")]), o.first ? (r(), a("li", nn, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: o.firstDisabled, ghost: "", class: D({ disabled: o.firstDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.previous ? (r(), a("li", tn, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: o.previousDisabled, ghost: "", class: D({ disabled: o.previousDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", null, [y(e.$slots, "default")]), o.next ? (r(), a("li", rn, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: o.nextDisabled, ghost: "", class: D({ disabled: o.nextDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.last ? (r(), a("li", on, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: o.lastDisabled, ghost: "", class: D({ disabled: o.lastDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", an, [y(e.$slots, "right")])], 4);
-}, n2.__scopeId = "data-v-aa907072", n2.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
-var t2 = { components: { BIMDataNavigation: n2, BIMDataButton: w1 }, props: { length: { type: Number, required: !0 }, currentPage: { type: Number, required: !0 }, totalPages: { type: Number, required: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: !0, validator: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
+  return r(), a("ul", { class: "bimdata-list bimdata-navigation", style: H({ "background-color": o.backgroundColor }) }, [t("li", en, [_(e.$slots, "left")]), o.first ? (r(), a("li", nn, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: o.firstDisabled, ghost: "", class: V({ disabled: o.firstDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.previous ? (r(), a("li", tn, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: o.previousDisabled, ghost: "", class: V({ disabled: o.previousDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", null, [_(e.$slots, "default")]), o.next ? (r(), a("li", rn, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: o.nextDisabled, ghost: "", class: V({ disabled: o.nextDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.last ? (r(), a("li", on, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: o.lastDisabled, ghost: "", class: V({ disabled: o.lastDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", an, [_(e.$slots, "right")])], 4);
+}, t2.__scopeId = "data-v-aa907072", t2.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
+var r2 = { components: { BIMDataNavigation: t2, BIMDataButton: x1 }, props: { length: { type: Number, required: !0 }, currentPage: { type: Number, required: !0 }, totalPages: { type: Number, required: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: !0, validator: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
   return this.perPage * (this.currentPage - 1) + 1;
 }, lastIndex() {
   return Math.min(this.firstIndex + this.perPage - 1, this.length);
@@ -5688,11 +5683,11 @@ K(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
 }
 .bimdata-pagination__item.active .bimdata-btn[data-v-45066753] {
   font-weight: 700;
-}`), t2.render = function(e, n, o, l, s, i) {
+}`), r2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataNavigation");
-  return r(), k(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, a5({ default: f(() => [t("span", ln, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [A(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [A(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
-}, t2.__scopeId = "data-v-45066753", t2.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
-var r2 = { props: ["size", "border"], methods: { getStyle() {
+  return r(), B(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, l5({ default: f(() => [t("span", ln, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [A(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [A(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
+}, r2.__scopeId = "data-v-45066753", r2.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
+var o2 = { props: ["size", "border"], methods: { getStyle() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
@@ -5844,10 +5839,10 @@ K(`@-webkit-keyframes bimdataspinner {
   border: 2px var(--color-primary) solid;
   -webkit-animation: bimdataspinner 1.4s linear infinite;
           animation: bimdataspinner 1.4s linear infinite;
-}`), r2.render = function(e, n, o, l, s, i) {
-  return r(), a("div", sn, [t("div", { class: "bimdata-spinner--square", style: V(i.getStyle()) }, null, 4)]);
-}, r2.__scopeId = "data-v-162f2cc6", r2.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
-var o2 = { components: { BIMDataPagination: t2, BIMDataSpinner: r2 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
+}`), o2.render = function(e, n, o, l, s, i) {
+  return r(), a("div", sn, [t("div", { class: "bimdata-spinner--square", style: H(i.getStyle()) }, null, 4)]);
+}, o2.__scopeId = "data-v-162f2cc6", o2.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
+var a2 = { components: { BIMDataPagination: r2, BIMDataSpinner: o2 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
   return this.list.length ? Math.ceil(this.list.length / this.perPage) : 0;
 }, page() {
   const e = this.perPage * (this.currentPage - 1), n = e + this.perPage;
@@ -5971,11 +5966,11 @@ K(`.bimdata-paginated-list[data-v-3ab4d75d] {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-}`), o2.render = function(e, n, o, l, s, i) {
+}`), a2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataSpinner"), u = g("BIMDataPagination");
-  return r(), a("div", cn, [o.loading ? (r(), k(c, { key: 0 })) : (r(), a("div", dn, [y(e.$slots, "header"), t("ul", un, [(r(!0), a(E, null, W(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [y(e.$slots, "element", { element: d }, () => [A(b(d && d.toString()), 1)])], 8, Cn))), 128))]), o.list.length === 0 ? y(e.$slots, "empty", { key: 0 }) : M("v-if", !0), i.totalPages > 1 ? (r(), k(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
-}, o2.__scopeId = "data-v-3ab4d75d", o2.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
-var a2 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
+  return r(), a("div", cn, [o.loading ? (r(), B(c, { key: 0 })) : (r(), a("div", dn, [_(e.$slots, "header"), t("ul", un, [(r(!0), a(O, null, W(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [_(e.$slots, "element", { element: d }, () => [A(b(d && d.toString()), 1)])], 8, Cn))), 128))]), o.list.length === 0 ? _(e.$slots, "empty", { key: 0 }) : M("v-if", !0), i.totalPages > 1 ? (r(), B(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
+}, a2.__scopeId = "data-v-3ab4d75d", a2.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
+var l2 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
   return (this.barStrokeWidth / 2 - 4) / (2 * this.barDistanceFromCenter * Math.PI) * 100;
 }, center() {
   return this.viewBoxSize / 2;
@@ -6027,13 +6022,13 @@ to {
 to {
     stroke-dashoffset: 0;
 }
-}`), a2.render = function(e, n, o, l, s, i) {
-  return r(), a("div", pn, [(r(), a("svg", { viewBox: i.viewBox, style: V(`--graph-draw-time: ${o.graphDrawTime}s;`) }, [o.placeholder ? (r(), a("circle", { key: 0, cx: i.center, cy: i.center, r: o.barDistanceFromCenter, "stroke-width": o.placeholderStrokeWidth, stroke: o.placeholderColor, fill: "none" }, null, 8, bn)) : M("v-if", !0), (r(!0), a(E, null, W(i.displayedBarsData, (c, u) => (r(), a("g", { key: u }, [c.percentage > 0 ? (r(), a("path", { key: 0, class: "path", d: i.getPath(c), "stroke-width": o.barStrokeWidth, stroke: c.color, fill: "none" }, null, 8, gn)) : M("v-if", !0)]))), 128))], 12, hn))], 512);
-}, a2.__scopeId = "data-v-b68a8bb2", a2.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
+}`), l2.render = function(e, n, o, l, s, i) {
+  return r(), a("div", pn, [(r(), a("svg", { viewBox: i.viewBox, style: H(`--graph-draw-time: ${o.graphDrawTime}s;`) }, [o.placeholder ? (r(), a("circle", { key: 0, cx: i.center, cy: i.center, r: o.barDistanceFromCenter, "stroke-width": o.placeholderStrokeWidth, stroke: o.placeholderColor, fill: "none" }, null, 8, bn)) : M("v-if", !0), (r(!0), a(O, null, W(i.displayedBarsData, (c, u) => (r(), a("g", { key: u }, [c.percentage > 0 ? (r(), a("path", { key: 0, class: "path", d: i.getPath(c), "stroke-width": o.barStrokeWidth, stroke: c.color, fill: "none" }, null, 8, gn)) : M("v-if", !0)]))), 128))], 12, hn))], 512);
+}, l2.__scopeId = "data-v-b68a8bb2", l2.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
 const fn = {
   components: {
-    BIMDataPaginatedList: o2,
-    BIMDataSimplePieChart: a2
+    BIMDataPaginatedList: a2,
+    BIMDataSimplePieChart: l2
   },
   props: {
     detailedExtensions: {
@@ -6050,15 +6045,15 @@ const fn = {
   },
   setup(e) {
     return {
-      chartData: F(() => {
+      chartData: E(() => {
         if (e.topics.length === 0)
           return [];
-        const o = m1(e.extensionType), l = X5(e.extensionType, e.detailedExtensions);
+        const o = M1(e.extensionType), l = X5(e.extensionType, e.detailedExtensions);
         return l.push({ [o]: void 0 }), l.map((s) => {
           const i = e.topics.filter((c) => c[o] === s[o]).length;
           return {
             label: s[o],
-            color: `#${s.color ?? i5}`,
+            color: `#${s.color ?? s5}`,
             count: i,
             percentage: i * 100 / e.topics.length
           };
@@ -6092,7 +6087,7 @@ function Vn(e, n, o, l, s, i) {
             t("div", In, [
               t("span", {
                 class: "bcf-statistics__content__legend__item__mark",
-                style: V({ borderColor: d.color })
+                style: H({ borderColor: d.color })
               }, null, 4),
               t("span", yn, b(d.percentage.toFixed(0)) + " % ", 1),
               t("span", _n, [
@@ -6107,7 +6102,7 @@ function Vn(e, n, o, l, s, i) {
     ])
   ]);
 }
-const Dn = /* @__PURE__ */ Y(fn, [["render", Vn], ["__scopeId", "data-v-173b3d02"]]);
+const Dn = /* @__PURE__ */ G(fn, [["render", Vn], ["__scopeId", "data-v-173b3d02"]]);
 var d1 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (e) => ["start", "middle", "end"].includes(e) }, tooltip: { type: Boolean, default: !0 }, tooltipPosition: { type: String, default: "bottom", validator: (e) => ["top", "right", "bottom", "left"].includes(e) }, tooltipColor: { type: String, default: "primary", validator: (e) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(e) } }, data: () => ({ showTooltip: !1, isOverflowing: !1, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -6316,7 +6311,7 @@ html[data-v-330fe2fd] {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
 }`), d1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { ref: "textBox", class: "bimdata-textbox", style: V({ width: o.width, minWidth: o.minWidth, maxWidth: o.maxWidth }), onMouseenter: n[0] || (n[0] = (c) => s.showTooltip = !0), onMouseleave: n[1] || (n[1] = (c) => s.showTooltip = !1) }, [t("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: V({ width: s.textTail ? "50%" : "100%", direction: o.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, b(s.textHead), 1)], 4), j(t("span", Bn, [t("bdi", null, b(s.textTail), 1)], 512), [[e1, s.textTail]]), o.tooltip && s.isOverflowing ? j((r(), a("div", { key: 0, class: D(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${o.tooltipPosition}`, `bimdata-textbox__tooltip--${o.tooltipColor}`]]) }, b(o.text), 3)), [[e1, s.showTooltip]]) : M("v-if", !0)], 36);
+  return r(), a("div", { ref: "textBox", class: "bimdata-textbox", style: H({ width: o.width, minWidth: o.minWidth, maxWidth: o.maxWidth }), onMouseenter: n[0] || (n[0] = (c) => s.showTooltip = !0), onMouseleave: n[1] || (n[1] = (c) => s.showTooltip = !1) }, [t("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: H({ width: s.textTail ? "50%" : "100%", direction: o.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, b(s.textHead), 1)], 4), j(t("span", Bn, [t("bdi", null, b(s.textTail), 1)], 512), [[n1, s.textTail]]), o.tooltip && s.isOverflowing ? j((r(), a("div", { key: 0, class: V(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${o.tooltipPosition}`, `bimdata-textbox__tooltip--${o.tooltipColor}`]]) }, b(o.text), 3)), [[n1, s.showTooltip]]) : M("v-if", !0)], 36);
 }, d1.__scopeId = "data-v-330fe2fd", d1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 const kn = {}, wn = {
   width: "84",
@@ -6330,10 +6325,10 @@ const kn = {}, wn = {
 function Sn(e, n) {
   return r(), a("svg", wn, Zn);
 }
-const u5 = /* @__PURE__ */ Y(kn, [["render", Sn]]);
+const C5 = /* @__PURE__ */ G(kn, [["render", Sn]]);
 const An = {
   components: {
-    BcfTopicDefaultImage: u5,
+    BcfTopicDefaultImage: C5,
     BIMDataButton: J,
     BIMDataIcon: Q,
     BIMDataTextbox: d1
@@ -6358,10 +6353,10 @@ const An = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const n = w(!1), o = F(() => _1(e.topic, e.detailedExtensions)), l = F(() => c5(e.topic, e.detailedExtensions)), s = F(() => {
+    const n = w(!1), o = E(() => H1(e.topic, e.detailedExtensions)), l = E(() => d5(e.topic, e.detailedExtensions)), s = E(() => {
       var c, u;
       return (u = (c = e.topic.viewpoints) == null ? void 0 : c.filter((d) => d.snapshot)[0]) == null ? void 0 : u.snapshot.snapshot_data;
-    }), i = F(() => {
+    }), i = E(() => {
       var c, u, d;
       return ((d = (u = (c = e.topic.viewpoints) == null ? void 0 : c[0]) == null ? void 0 : u.components) == null ? void 0 : d.selection) ?? [];
     });
@@ -6373,21 +6368,21 @@ const An = {
       topicImage: s,
       topicObjects: i,
       // Methods
-      adjustTextColor: I2
+      adjustTextColor: y2
     };
   }
 }, Tn = { class: "bcf-topic-card__header" }, $n = { class: "title" }, Nn = { class: "checkbox" }, Rn = { class: "bcf-topic-card__image" }, On = { class: "m-l-6" }, En = { class: "date" }, Fn = ["src"], Pn = { class: "bcf-topic-card__content" }, Un = { class: "flex justify-around m-t-12" }, zn = { class: "flex items-center" }, Gn = { class: "m-l-6" };
 function Yn(e, n, o, l, s, i) {
   const c = g("BIMDataTextbox"), u = g("BIMDataCheckbox"), d = g("BIMDataIcon"), C = g("BcfTopicDefaultImage"), L = g("BIMDataButton");
   return r(), a("div", {
-    class: D(["bcf-topic-card", { selected: o.selected }]),
+    class: V(["bcf-topic-card", { selected: o.selected }]),
     onMouseover: n[2] || (n[2] = (h) => l.hover = !0),
     onMouseleave: n[3] || (n[3] = (h) => l.hover = !1)
   }, [
     t("div", Tn, [
       t("div", {
         class: "index",
-        style: V({
+        style: H({
           "background-color": `#${l.priorityColor}`,
           color: l.adjustTextColor(`#${l.priorityColor}`, "#FFF", "var(--color-text)")
         })
@@ -6403,7 +6398,7 @@ function Yn(e, n, o, l, s, i) {
           modelValue: o.selected,
           "onUpdate:modelValue": n[0] || (n[0] = (h) => e.$emit("update:selected", h))
         }, null, 8, ["modelValue"]), [
-          [e1, o.selectable && l.hover]
+          [n1, o.selectable && l.hover]
         ])
       ])
     ]),
@@ -6411,7 +6406,7 @@ function Yn(e, n, o, l, s, i) {
       o.topic.topic_status ? (r(), a("div", {
         key: 0,
         class: "status",
-        style: V({
+        style: H({
           "background-color": `#${l.statusColor}`,
           color: l.adjustTextColor(`#${l.statusColor}`, "#FFF", "var(--color-text)")
         })
@@ -6429,7 +6424,7 @@ function Yn(e, n, o, l, s, i) {
         src: l.topicImage,
         alt: "topic viewpoint",
         loading: "lazy"
-      }, null, 8, Fn)) : (r(), k(C, {
+      }, null, 8, Fn)) : (r(), B(C, {
         key: 2,
         class: "img-default"
       }))
@@ -6438,7 +6433,7 @@ function Yn(e, n, o, l, s, i) {
       t("div", null, [
         t("strong", null, b(e.$t("BcfComponents.BcfTopicCard.priority")), 1),
         t("span", {
-          style: V({ color: `#${l.priorityColor}` })
+          style: H({ color: `#${l.priorityColor}` })
         }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
       ]),
       t("div", null, [
@@ -6471,7 +6466,7 @@ function Yn(e, n, o, l, s, i) {
     ])
   ], 34);
 }
-const Xn = /* @__PURE__ */ Y(An, [["render", Yn], ["__scopeId", "data-v-6a7340ba"]]), Wn = {}, jn = {
+const Xn = /* @__PURE__ */ G(An, [["render", Yn], ["__scopeId", "data-v-6a7340ba"]]), Wn = {}, jn = {
   width: "66",
   height: "60",
   viewBox: "0 0 66 60",
@@ -6483,7 +6478,7 @@ const Xn = /* @__PURE__ */ Y(An, [["render", Yn], ["__scopeId", "data-v-6a7340ba
 function Jn(e, n) {
   return r(), a("svg", jn, qn);
 }
-const Qn = /* @__PURE__ */ Y(Wn, [["render", Jn]]);
+const Qn = /* @__PURE__ */ G(Wn, [["render", Jn]]);
 const et = {
   components: {
     BcfTopicCreationCardImage: Qn,
@@ -6518,7 +6513,7 @@ function rt(e, n, o, l, s, i) {
     })
   ]);
 }
-const ot = /* @__PURE__ */ Y(et, [["render", rt], ["__scopeId", "data-v-af2c3cbc"]]);
+const ot = /* @__PURE__ */ G(et, [["render", rt], ["__scopeId", "data-v-af2c3cbc"]]);
 let L1 = class {
   constructor(n, o, l, s, i = !1, c = !1, u = "") {
     this.language = n, this.months = o, this.monthsAbbr = l, this.days = s, this.rtl = i, this.ymd = c, this.yearSuffix = u;
@@ -6568,7 +6563,7 @@ let L1 = class {
     return o < 10 ? `0${o}` : `${o}`;
   }
 };
-var at = new L1("German", ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."]), B1 = new L1("English", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]), lt = new L1("Spanish", ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"], ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"]), it = new L1("French", ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], ["Jan", "Fév", "Mar", "Avr", "Mai", "Juin", "Juil", "Août", "Sep", "Oct", "Nov", "Déc"], ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]), st = new L1("Italian", ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"], ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"]), ct = new L1("Dutch", ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"], ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"], ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"]), dt = new L1("Norwegian", ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], ["Jan", "Feb", "Mar", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Des"], ["Sø", "Ma", "Ti", "On", "To", "Fr", "Lø"]), V5 = { de: at, en: B1, es: lt, fr: it, it: st, nl: ct, no: dt };
+var at = new L1("German", ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."]), k1 = new L1("English", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]), lt = new L1("Spanish", ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"], ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"]), it = new L1("French", ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], ["Jan", "Fév", "Mar", "Avr", "Mai", "Juin", "Juil", "Août", "Sep", "Oct", "Nov", "Déc"], ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]), st = new L1("Italian", ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"], ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"]), ct = new L1("Dutch", ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"], ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"], ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"]), dt = new L1("Norwegian", ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], ["Jan", "Feb", "Mar", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Des"], ["Sø", "Ma", "Ti", "On", "To", "Fr", "Lø"]), V5 = { de: at, en: k1, es: lt, fr: it, it: st, nl: ct, no: dt };
 const ut = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" }, Ct = { render: function(e, n) {
   return r(), a("path", ut);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, pt = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, ht = { render: function(e, n) {
@@ -6896,7 +6891,7 @@ const ut = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var D5 = { addFile: Ct, addFolder: ht, addUser: gt, alphabeticalAscending: Lt, alphabeticalDescending: mt, alphabeticalSort: It, alt: _t, angle: Vt, api: Bt, app: wt, archive: Zt, arrow: At, attach: $t, backInTime: Ot, bcf: Ft, building: Ut, burgerMenu: Gt, calendar: Xt, caliper: jt, camera: qt, cancelCamera: Qt, check: nr, chevron: rr, classificationCategorie: ar, classificationElement: ir, click: cr, close: ur, cloud: pr, color: br, comment: fr, cursor: vr, dateAscending: Mr, dateDescending: yr, default: Hr, delete: Dr, deniedFile: kr, deploy: xr, detach: Sr, distance: Tr, doubleChevron: Nr, down: Or, download: Fr, drag: Ur, edit: Gr, ellipsis: Xr, expanded: jr, explosion: qr, export: Qr, exportIfc: no, failed: ro, filter: ao, fitView: io, folder: co, folderMove: Co, folderOpen: ho, fullscreen: go, grid: Lo, group: mo, hide: Io, ifc: _o, ifcFile: Vo, import: Bo, indexAscending: wo, indexDescending: Zo, information: Ao, inProgressFile: $o, invitation: Ro, isolate: Eo, key: Po, left: zo, linkedDocument: Yo, list: Wo, listManage: Ko, location: Jo, lock: ea, logout: ta, measure: oa, minus: la, model3d: sa, organization: da, parameters: Ca, path: ha, pieGraph: ga, pipette: La, plus: ma, project: Ia, quickSelect: _a, readonlyFolder: Va, redo: Ba, reduced: wa, refresh: Za, reprocessIfc: Aa, reset: $a, right: Ra, rules: Ea, sandglass: Pa, save: za, screenConfig: Ya, screenshot: Wa, search: Ka, section: Ja, settings: el, share: tl, show: ol, showSelected: ll, smartview: sl, socotec: dl, space: Cl, split: hl, storey: gl, success: Ll, surface: ml, swap: Il, synchro2d: _l, system: Vl, tag: kl, translate: xl, tree: Sl, unarchive: Tl, undo: Nl, union: Ol, up: Fl, upload: Ul, user: Gl, validate: Xl, validatedFile: jl, versioning: Jl, video: ei, visa: ti, warning: oi, windowBottom: li, windowed: si, windowLeft: di, windowRight: Ci, windowTop: hi, zone: gi, bcfPolychrome: Li, createWindowPolychrome: mi, docInfoPolychrome: Ii, fileDwgPolychrome: _i, fileDxfPolychrome: Vi, fileIfcPolychrome: Bi, fileImagePolychrome: wi, fileJpegPolychrome: Zi, filePdfPolychrome: Ai, filePngPolychrome: $i, filePointCloudPolychrome: Ri, filePlanPolychrome: Ei, folderPolychrome: Pi, structurePolychrome: zi, viewer2dPolychrome: Yi, viewer3dPolychrome: Wi }, ji = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const B5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var M1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var I1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(D5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(D5).includes(e) }, color: { type: String, default: "default", validator: (e) => ji.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(B5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -6907,7 +6902,7 @@ var M1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : B5[this.size];
 } } };
 const Ki = ["fill", "color"];
-function H1(e, n) {
+function V1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -6915,7 +6910,7 @@ function H1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-H1(`/* base COLORS --------------------------------------------- */
+V1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -6984,7 +6979,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-H1(`.icon-fill--black {
+V1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -7067,16 +7062,16 @@ H1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), M1.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: D(i.classes), style: V(i.style) }, [(r(), k(f1(`bimdata-icon-${o.name}`)))], 14, Ki);
-}, M1.__scopeId = "data-v-1312d4d1", M1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var qi = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), x1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => qi.includes(e) } }, emits: ["click"], computed: { classes() {
+}`), I1.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: H(i.style) }, [(r(), B(f1(`bimdata-icon-${o.name}`)))], 14, Ki);
+}, I1.__scopeId = "data-v-1312d4d1", I1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var qi = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), Z1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => qi.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const Ji = ["color"];
-H1(`/* base COLORS --------------------------------------------- */
+V1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -7234,7 +7229,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-H1(`.bimdata-btn {
+V1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -7537,9 +7532,9 @@ H1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), x1.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, Ji);
-}, x1.__scopeId = "data-v-3f903003", x1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), Z1.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Ji);
+}, Z1.__scopeId = "data-v-3f903003", Z1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Qi = { useUtc: !1, getFullYear(e) {
   return this.useUtc ? e.getUTCFullYear() : e.getFullYear();
 }, getMonth(e) {
@@ -7572,8 +7567,8 @@ const Qi = { useUtc: !1, getFullYear(e) {
     throw TypeError("Invalid Type");
   return n[this.getDay(e)];
 }, getDayFromAbbr(e) {
-  for (let n = 0; n < B1.days.length; n += 1)
-    if (e.toLowerCase() === B1.days[n].toLowerCase())
+  for (let n = 0; n < k1.days.length; n += 1)
+    if (e.toLowerCase() === k1.days[n].toLowerCase())
       return n;
   throw TypeError("Invalid week day");
 }, getMonthName(e, n) {
@@ -7607,10 +7602,10 @@ const Qi = { useUtc: !1, getFullYear(e) {
     default:
       return "th";
   }
-}, formatDate(e, n, o = B1) {
+}, formatDate(e, n, o = k1) {
   const l = this.getFullYear(e), s = this.getMonth(e) + 1, i = this.getDate(e), c = { d: i, dd: `0${i}`.slice(-2), E: this.getDayNameAbbr(e, o.days), o: this.getNthSuffix(this.getDate(e)), M: s, MM: `0${s}`.slice(-2), MMM: this.getMonthNameAbbr(this.getMonth(e), o.monthsAbbr), MMMM: this.getMonthName(this.getMonth(e), o.months), yy: String(l).slice(2), yyyy: l };
   return n.replace(/y{4}|y{2}|M{1,4}|d{1,2}|o|E/g, (u) => c[u]);
-}, parseDate(e, n, o = B1, l = null) {
+}, parseDate(e, n, o = k1, l = null) {
   if (!e || !n)
     return e;
   if (l)
@@ -7623,22 +7618,22 @@ const Qi = { useUtc: !1, getFullYear(e) {
     }(e, n, l);
   const s = (({ dateStr: c, formatStr: u, translation: d, time: C }) => {
     const L = u.match(/-|\/|\s|\./) || ["-"], h = u.split(L[0]), m = c.split(L[0]), v = [(/* @__PURE__ */ new Date()).getFullYear().toString(), "01", "01"];
-    for (let I = 0; I < h.length; I += 1)
-      if (/yyyy/i.test(h[I]))
-        v[0] = m[I];
-      else if (/mmmm/i.test(h[I]))
-        v[1] = d.getMonthByName(m[I]);
-      else if (/mmm/i.test(h[I]))
-        v[1] = d.getMonthByAbbrName(m[I]);
-      else if (/mm/i.test(h[I]))
-        v[1] = m[I];
-      else if (/m/i.test(h[I]))
-        v[1] = m[I];
-      else if (/dd/i.test(h[I]))
-        v[2] = m[I];
-      else if (/d/i.test(h[I])) {
-        const B = m[I].replace(/st|rd|nd|th/g, "");
-        v[2] = B < 10 ? `0${B}` : `${B}`;
+    for (let y = 0; y < h.length; y += 1)
+      if (/yyyy/i.test(h[y]))
+        v[0] = m[y];
+      else if (/mmmm/i.test(h[y]))
+        v[1] = d.getMonthByName(m[y]);
+      else if (/mmm/i.test(h[y]))
+        v[1] = d.getMonthByAbbrName(m[y]);
+      else if (/mm/i.test(h[y]))
+        v[1] = m[y];
+      else if (/m/i.test(h[y]))
+        v[1] = m[y];
+      else if (/dd/i.test(h[y]))
+        v[2] = m[y];
+      else if (/d/i.test(h[y])) {
+        const D = m[y].replace(/st|rd|nd|th/g, "");
+        v[2] = D < 10 ? `0${D}` : `${D}`;
       }
     return `${v.join("-")}${C}`;
   })({ dateStr: e, formatStr: n, translation: o, time: this.getTime() }), i = Date.parse(s);
@@ -7657,8 +7652,8 @@ const Qi = { useUtc: !1, getFullYear(e) {
 }, getNewDateObject(e) {
   return e ? this.resetDateTime(new Date(e)) : this.resetDateTime(/* @__PURE__ */ new Date());
 } };
-var H2 = (e) => ({ ...Qi, useUtc: e }), C5 = { props: { autofocus: { type: Boolean, default: !1 }, bootstrapStyling: { type: Boolean, default: !1 }, clearButton: { type: Boolean, default: !1 }, clearButtonIcon: { type: String, default: "" }, calendarButton: { type: Boolean, default: !1 }, calendarButtonIcon: { type: String, default: "" }, calendarButtonIconContent: { type: String, default: "" }, disabled: { type: Boolean, default: !1 }, format: { type: [String, Function], default: "dd MMM yyyy" }, id: { type: String, default: null }, inline: { type: Boolean, default: !1 }, inputClass: { type: [String, Object, Array], default: null }, maxlength: { type: [Number, String], default: null }, name: { type: String, default: null }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, parser: { type: Function, default: null }, pattern: { type: String, default: null }, placeholder: { type: String, default: null }, refName: { type: String, default: "" }, required: { type: Boolean, default: !1 }, showCalendarOnButtonClick: { type: Boolean, default: !1 }, showCalendarOnFocus: { type: Boolean, default: !1 }, tabIndex: { type: [Number, String], default: null }, typeable: { type: Boolean, default: !1 }, useUtc: { type: Boolean, default: !1 } }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/inputProps.vue" }, q2 = { name: "DateInput", components: { BIMDataIcon: M1, BIMDataButton: x1 }, mixins: [C5], props: { isOpen: { type: Boolean, default: !1 }, selectedDate: { type: Date, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
-  return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, typedDate: "", utils: H2(this.useUtc) };
+var V2 = (e) => ({ ...Qi, useUtc: e }), p5 = { props: { autofocus: { type: Boolean, default: !1 }, bootstrapStyling: { type: Boolean, default: !1 }, clearButton: { type: Boolean, default: !1 }, clearButtonIcon: { type: String, default: "" }, calendarButton: { type: Boolean, default: !1 }, calendarButtonIcon: { type: String, default: "" }, calendarButtonIconContent: { type: String, default: "" }, disabled: { type: Boolean, default: !1 }, format: { type: [String, Function], default: "dd MMM yyyy" }, id: { type: String, default: null }, inline: { type: Boolean, default: !1 }, inputClass: { type: [String, Object, Array], default: null }, maxlength: { type: [Number, String], default: null }, name: { type: String, default: null }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, parser: { type: Function, default: null }, pattern: { type: String, default: null }, placeholder: { type: String, default: null }, refName: { type: String, default: "" }, required: { type: Boolean, default: !1 }, showCalendarOnButtonClick: { type: Boolean, default: !1 }, showCalendarOnFocus: { type: Boolean, default: !1 }, tabIndex: { type: [Number, String], default: null }, typeable: { type: Boolean, default: !1 }, useUtc: { type: Boolean, default: !1 } }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/inputProps.vue" }, J2 = { name: "DateInput", components: { BIMDataIcon: I1, BIMDataButton: Z1 }, mixins: [p5], props: { isOpen: { type: Boolean, default: !1 }, selectedDate: { type: Date, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
+  return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, typedDate: "", utils: V2(this.useUtc) };
 }, computed: { computedInputClass() {
   return this.inputClass;
 }, formattedValue() {
@@ -7720,12 +7715,12 @@ var H2 = (e) => ({ ...Qi, useUtc: e }), C5 = { props: { autofocus: { type: Boole
   this.isOpen && this.$emit("set-focus", [e || "input"]), this.$emit(this.isOpen ? "close" : "open");
 } } };
 const es = ["disabled"], ns = { key: 0 }, ts = ["for"], rs = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
-q2.render = function(e, n, o, l, s, i) {
+J2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), M(" Calendar Button "), e.calendarButton ? (r(), a("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? M("v-if", !0) : (r(), a("span", ns, "…"))], 2)])])], 40, es)) : M("v-if", !0), M(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ts), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, rs), M(" Clear Button "), e.clearButton && o.selectedDate ? (r(), k(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: f(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : M("v-if", !0), y(e.$slots, "afterDateInput")], 2);
-}, q2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInput.vue";
-var J2 = { name: "DateInput", components: { BIMDataIcon: M1, BIMDataButton: x1 }, mixins: [C5], props: { isOpen: { type: Boolean, default: !1 }, selectedDates: { type: Array, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
-  return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, utils: H2(this.useUtc) };
+  return r(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), M(" Calendar Button "), e.calendarButton ? (r(), a("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: V(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? M("v-if", !0) : (r(), a("span", ns, "…"))], 2)])])], 40, es)) : M("v-if", !0), M(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ts), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, rs), M(" Clear Button "), e.clearButton && o.selectedDate ? (r(), B(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: f(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : M("v-if", !0), _(e.$slots, "afterDateInput")], 2);
+}, J2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInput.vue";
+var Q2 = { name: "DateInput", components: { BIMDataIcon: I1, BIMDataButton: Z1 }, mixins: [p5], props: { isOpen: { type: Boolean, default: !1 }, selectedDates: { type: Array, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
+  return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, utils: V2(this.useUtc) };
 }, computed: { computedInputClass() {
   return this.inputClass;
 }, formattedValue() {
@@ -7785,10 +7780,10 @@ var J2 = { name: "DateInput", components: { BIMDataIcon: M1, BIMDataButton: x1 }
   this.isOpen && this.$emit("set-focus", [e || "input"]), this.$emit(this.isOpen ? "close" : "open");
 } } };
 const os = ["disabled"], as = { key: 0 }, ls = ["for"], is = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
-J2.render = function(e, n, o, l, s, i) {
+Q2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), M(" Calendar Button "), e.calendarButton ? (r(), a("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? M("v-if", !0) : (r(), a("span", as, "…"))], 2)])])], 40, os)) : M("v-if", !0), M(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ls), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, is), M(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), k(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: f(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : M("v-if", !0), y(e.$slots, "afterDateInput")], 2);
-}, J2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInputRange.vue";
+  return r(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), M(" Calendar Button "), e.calendarButton ? (r(), a("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: V(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? M("v-if", !0) : (r(), a("span", as, "…"))], 2)])])], 40, os)) : M("v-if", !0), M(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ls), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, is), M(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), B(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: f(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : M("v-if", !0), _(e.$slots, "afterDateInput")], 2);
+}, Q2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInputRange.vue";
 const ss = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isDefined(e, n) {
   return this.configExists(e) && e[n] !== void 0;
 }, hasArray(e, n) {
@@ -7802,13 +7797,13 @@ const ss = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isD
   const l = e[n];
   return { day: o.getDate(l), month: o.getMonth(l), year: o.getFullYear(l) };
 } };
-var Q2 = (e) => ({ ...ss, utils: e });
+var e5 = (e) => ({ ...ss, utils: e });
 let u1 = class {
   constructor(n, o) {
     this._utils = n, this._disabledDates = o;
   }
   get config() {
-    const n = this._disabledDates, o = Q2(this._utils);
+    const n = this._disabledDates, o = e5(this._utils);
     return { exists: o.configExists(n), to: o.dayMonthYear(n, "to"), from: o.dayMonthYear(n, "from"), has: { customPredictor: o.isDefined(n, "customPredictor"), daysOfMonth: o.hasArray(n, "daysOfMonth"), daysOfWeek: o.hasArray(n, "days"), from: o.hasDate(n, "from"), ranges: o.hasArray(n, "ranges"), specificDates: o.hasArray(n, "dates"), to: o.hasDate(n, "to") } };
   }
   daysInMonth(n) {
@@ -7820,7 +7815,7 @@ let u1 = class {
     return { to: () => l.to && n < o.to, from: () => l.from && n > o.from, range: () => {
       if (!l.ranges)
         return !1;
-      const { ranges: s } = o, i = Q2(this._utils);
+      const { ranges: s } = o, i = e5(this._utils);
       return s.some((c) => {
         const u = i.isDefined(c, "from"), d = i.isDefined(c, "to");
         return u && d && n < c.to && n > c.from;
@@ -8042,7 +8037,7 @@ var cs = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
 }, updateTabbableCell() {
   const e = this.hasClass(document.activeElement, "cell");
   (!this.tabbableCell || e) && this.setTabbableCell();
-} }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/navMixin.vue" }, e5 = { name: "PickerHeader", components: { BIMDataIcon: M1 }, props: { isNextDisabled: { type: Boolean, required: !0 }, isPreviousDisabled: { type: Boolean, required: !0 } }, data: () => ({ previousPage: { incrementBy: -1, focusRefs: ["prev"] }, nextPage: { incrementBy: 1, focusRefs: ["next"] }, doublePreviousPage: { incrementBy: -12, focusRefs: ["doublePrev"] }, doubleNextPage: { incrementBy: 12, focusRefs: ["doubleNext"] } }), methods: { arrowLeftPrev() {
+} }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/navMixin.vue" }, n5 = { name: "PickerHeader", components: { BIMDataIcon: I1 }, props: { isNextDisabled: { type: Boolean, required: !0 }, isPreviousDisabled: { type: Boolean, required: !0 } }, data: () => ({ previousPage: { incrementBy: -1, focusRefs: ["prev"] }, nextPage: { incrementBy: 1, focusRefs: ["next"] }, doublePreviousPage: { incrementBy: -12, focusRefs: ["doublePrev"] }, doubleNextPage: { incrementBy: 12, focusRefs: ["doubleNext"] } }), methods: { arrowLeftPrev() {
   this.$emit("page-change", this.previousPage);
 }, arrowRightPrev() {
   this.$emit("set-focus", ["up", "next", "tabbableCell"]);
@@ -8054,12 +8049,12 @@ var cs = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
   this.$emit("set-focus", ["tabbableCell"]);
 } } };
 const ds = ["disabled"], us = ["disabled"], Cs = ["disabled"], ps = ["disabled"];
-e5.render = function(e, n, o, l, s, i) {
+n5.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon");
-  return r(), a("header", null, [e.$attrs.view === "day" ? (r(), a("button", { key: 0, ref: "doublePrev", class: "doublePrev", disabled: o.isPreviousDisabled, type: "button", onClick: n[0] || (n[0] = N((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ds)) : M("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = N((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, us), y(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = N((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = S(N((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = S(N((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Cs), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = N((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, ps)) : M("v-if", !0)]);
-}, e5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerHeader.vue";
-var p5 = { components: { PickerHeader: e5 }, inheritAttrs: !1, props: { bootstrapStyling: { type: Boolean, default: !1 }, disabledDates: { type: Object, default: () => ({}) }, isTypeable: { type: Boolean, default: !1 }, isUpDisabled: { type: Boolean, default: !1 }, isMinimumView: { type: Boolean, default: !0 }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, pageDate: { type: Date, default: null }, selectedDate: { type: Date, default: null }, showHeader: { type: Boolean, default: !0 }, slideDuration: { type: Number, default: 250 }, tabbableCellId: { type: Number, default: null }, transitionName: { type: String, default: "" }, translation: { type: Object, default: () => ({}) }, useUtc: { type: Boolean, default: !1 }, view: { type: String, default: "day" } }, data() {
-  return { utils: H2(this.useUtc) };
+  return r(), a("header", null, [e.$attrs.view === "day" ? (r(), a("button", { key: 0, ref: "doublePrev", class: "doublePrev", disabled: o.isPreviousDisabled, type: "button", onClick: n[0] || (n[0] = N((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ds)) : M("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = N((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, us), _(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = N((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = S(N((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = S(N((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Cs), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = N((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, ps)) : M("v-if", !0)]);
+}, n5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerHeader.vue";
+var h5 = { components: { PickerHeader: n5 }, inheritAttrs: !1, props: { bootstrapStyling: { type: Boolean, default: !1 }, disabledDates: { type: Object, default: () => ({}) }, isTypeable: { type: Boolean, default: !1 }, isUpDisabled: { type: Boolean, default: !1 }, isMinimumView: { type: Boolean, default: !0 }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, pageDate: { type: Date, default: null }, selectedDate: { type: Date, default: null }, showHeader: { type: Boolean, default: !0 }, slideDuration: { type: Number, default: 250 }, tabbableCellId: { type: Number, default: null }, transitionName: { type: String, default: "" }, translation: { type: Object, default: () => ({}) }, useUtc: { type: Boolean, default: !1 }, view: { type: String, default: "day" } }, data() {
+  return { utils: V2(this.useUtc) };
 }, computed: { disabledConfig() {
   return new u1(this.utils, this.disabledDates).config;
 }, earliestPossibleDate() {
@@ -8119,7 +8114,7 @@ let k5 = class {
     this._utils = n, this._disabledDates = o, this._highlighted = l;
   }
   get config() {
-    const n = this._highlighted, o = Q2(this._utils);
+    const n = this._highlighted, o = e5(this._utils);
     return { exists: o.configExists(n), to: o.dayMonthYear(n, "to"), from: o.dayMonthYear(n, "from"), has: { customPredictor: o.isDefined(n, "customPredictor"), daysOfMonth: o.hasArray(n, "daysOfMonth"), daysOfWeek: o.hasArray(n, "days"), from: o.hasDate(n, "from"), specificDates: o.hasArray(n, "dates"), to: o.hasDate(n, "to"), includeDisabled: o.isDefined(n, "includeDisabled") && n.includeDisabled } };
   }
   isDateDisabled(n) {
@@ -8141,7 +8136,7 @@ let k5 = class {
     return o.to() && o.from() || o.specificDate() || o.daysOfWeek() || o.daysOfMonth() || o.customPredictor();
   }
 };
-var $1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, showEdgeDates: { type: Boolean, default: !0 }, tabbableCellId: { type: Number, default: null }, view: { type: String, validator: (e) => ["day", "month", "year"].includes(e), required: !0 } }, computed: { columns() {
+var N1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, showEdgeDates: { type: Boolean, default: !0 }, tabbableCellId: { type: Number, default: null }, view: { type: String, validator: (e) => ["day", "month", "year"].includes(e), required: !0 } }, computed: { columns() {
   return this.view === "day" ? 7 : 3;
 } }, methods: { cellClasses(e) {
   return ["cell", this.view, { disabled: e.isDisabled, "highlight-start": e.isHighlightStart, "highlight-end": e.isHighlightEnd, highlighted: e.isHighlighted, muted: e.isPreviousMonth || e.isNextMonth, open: e.isOpenDate, sat: e.isSaturday, sun: e.isSunday, selected: this.showEdgeDates ? e.isSelected : e.isSelected && !e.isPreviousMonth && !e.isNextMonth, today: this.showEdgeDates ? e.isToday : e.isToday && !e.isPreviousMonth && !e.isNextMonth, weekend: e.isWeekend }];
@@ -8151,15 +8146,15 @@ var $1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, s
   return this.tabbableCellId ? n === this.tabbableCellId : e.isOpenDate;
 } } };
 const hs = { class: "picker-cells" }, bs = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
-$1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", hs, [(r(!0), a(E, null, W(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: D(i.cellClasses(c)), id: u, dataTestTabbableCell: i.isTabbableCell(c, u), dataTestOpenDate: c.isOpenDate, dataTestTodayCell: c.isToday, disabled: c.isDisabled, type: "button", onClick: (d) => e.$emit("select", c), onKeydown: [S(N((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), S(N((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["left"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [y(e.$slots, "default", { cell: c })], 42, bs))), 128))]);
-}, $1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
-var N1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
-const gs = ["disabled"];
 N1.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: "bimdata-datepicker__up", disabled: o.isDisabled, type: "button", onClick: n[0] || (n[0] = (c) => e.$emit("select")), onKeydown: [n[1] || (n[1] = S(N((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [y(e.$slots, "default")], 40, gs);
-}, N1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/UpButton.vue";
-var n5 = { name: "PickerDay", components: { PickerCells: $1, UpButton: N1 }, mixins: [p5], props: { selectedToDate: { type: Date, default: null }, isDateRange: { type: Boolean, default: !1 }, dayCellContent: { type: Function, default: (e) => e.date }, firstDayOfWeek: { type: String, default: "sun" }, showFullMonthName: { type: Boolean, default: !1 }, showEdgeDates: { type: Boolean, default: !0 } }, data: () => ({ highlightedToDate: null }), computed: { cells() {
+  return r(), a("div", hs, [(r(!0), a(O, null, W(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: V(i.cellClasses(c)), id: u, dataTestTabbableCell: i.isTabbableCell(c, u), dataTestOpenDate: c.isOpenDate, dataTestTodayCell: c.isToday, disabled: c.isDisabled, type: "button", onClick: (d) => e.$emit("select", c), onKeydown: [S(N((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), S(N((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["left"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [_(e.$slots, "default", { cell: c })], 42, bs))), 128))]);
+}, N1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
+var R1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
+const gs = ["disabled"];
+R1.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: "bimdata-datepicker__up", disabled: o.isDisabled, type: "button", onClick: n[0] || (n[0] = (c) => e.$emit("select")), onKeydown: [n[1] || (n[1] = S(N((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [_(e.$slots, "default")], 40, gs);
+}, R1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/UpButton.vue";
+var t5 = { name: "PickerDay", components: { PickerCells: N1, UpButton: R1 }, mixins: [h5], props: { selectedToDate: { type: Date, default: null }, isDateRange: { type: Boolean, default: !1 }, dayCellContent: { type: Function, default: (e) => e.date }, firstDayOfWeek: { type: String, default: "sun" }, showFullMonthName: { type: Boolean, default: !1 }, showEdgeDates: { type: Boolean, default: !0 } }, data: () => ({ highlightedToDate: null }), computed: { cells() {
   const e = [], n = this.daysFromPrevMonth + this.daysInMonth + this.daysFromNextMonth, o = this.firstCellDate();
   for (let l = 0; l < n; l += 1)
     e.push(this.makeDay(l, o)), this.utils.setDate(o, this.utils.getDate(o) + 1);
@@ -8218,11 +8213,11 @@ var n5 = { name: "PickerDay", components: { PickerCells: $1, UpButton: N1 }, mix
   return { date: c ? this.utils.getDate(n) : "", timestamp: n.valueOf(), isSelected: this.isSelectedDate(n), isDisabled: !c || this.isDisabledDate(n), isHighlighted: !!this.isDateRange && this.isHighlightedDate(n), isHighlightStart: !!this.isDateRange && this.isHighlightStart(n), isHighlightEnd: !!this.isDateRange && this.isHighlightEnd(n), isOpenDate: this.utils.compareDates(n, this.openDate), isToday: this.utils.compareDates(n, /* @__PURE__ */ new Date()), isWeekend: s || i, isSaturday: s, isSunday: i, isPreviousMonth: l, isNextMonth: o };
 } } };
 const fs = { key: 0 }, Ls = { class: "day-header" }, vs = { class: "cells-wrapper" }, ms = { key: 2 };
-n5.render = function(e, n, o, l, s, i) {
+t5.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), a("div", fs, [y(e.$slots, "beforeCalendarHeaderDay")])) : M("v-if", !0), e.showHeader ? (r(), k(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, view: "day", onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [y(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [y(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "month")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: f(() => [A(b(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : M("v-if", !0), t("div", null, [t("div", Ls, [(r(!0), a(E, null, W(i.daysOfWeek, (C) => (r(), a("span", { key: C }, b(C), 1))), 128))]), t("div", vs, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), k(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: o.showEdgeDates, tabbableCellId: e.tabbableCellId, view: "day", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)), onHover: n[6] || (n[6] = (C) => i.hover(C)) }, { default: f(({ cell: C }) => [y(e.$slots, "dayCellContent", { cell: C }, () => [A(b(o.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), a("div", ms, [y(e.$slots, "calendarFooterDay")])) : M("v-if", !0)]);
-}, n5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerDay.vue";
-var t5 = { name: "PickerMonth", components: { PickerCells: $1, UpButton: N1 }, mixins: [p5], computed: { cells() {
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), a("div", fs, [_(e.$slots, "beforeCalendarHeaderDay")])) : M("v-if", !0), e.showHeader ? (r(), B(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, view: "day", onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "month")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: f(() => [A(b(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : M("v-if", !0), t("div", null, [t("div", Ls, [(r(!0), a(O, null, W(i.daysOfWeek, (C) => (r(), a("span", { key: C }, b(C), 1))), 128))]), t("div", vs, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), B(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: o.showEdgeDates, tabbableCellId: e.tabbableCellId, view: "day", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)), onHover: n[6] || (n[6] = (C) => i.hover(C)) }, { default: f(({ cell: C }) => [_(e.$slots, "dayCellContent", { cell: C }, () => [A(b(o.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), a("div", ms, [_(e.$slots, "calendarFooterDay")])) : M("v-if", !0)]);
+}, t5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerDay.vue";
+var r5 = { name: "PickerMonth", components: { PickerCells: N1, UpButton: R1 }, mixins: [h5], computed: { cells() {
   const e = this.pageDate, n = [], o = this.useUtc ? new Date(Date.UTC(e.getUTCFullYear(), 0, e.getUTCDate())) : new Date(e.getFullYear(), 0, e.getDate(), e.getHours(), e.getMinutes()), l = new Date(this.utils.setDate(this.utils.getNewDateObject(), 1));
   for (let s = 0; s < 12; s += 1)
     n.push({ month: this.utils.getMonthName(s, this.translation.months), timestamp: o.valueOf(), isDisabled: this.isDisabledMonth(o), isOpenDate: this.isOpenMonth(o), isSelected: this.isSelectedMonth(o), isToday: this.utils.compareDates(o, l) }), this.utils.setMonth(o, this.utils.getMonth(o) + 1);
@@ -8246,11 +8241,11 @@ var t5 = { name: "PickerMonth", components: { PickerCells: $1, UpButton: N1 }, m
   return this.selectedDate && o === this.utils.getFullYear(this.selectedDate) && n === this.utils.getMonth(this.selectedDate);
 } } };
 const Ms = { key: 0 }, Is = { class: "cells-wrapper" }, ys = { key: 2 };
-t5.render = function(e, n, o, l, s, i) {
+r5.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), a("div", Ms, [y(e.$slots, "beforeCalendarHeaderMonth")])) : M("v-if", !0), e.showHeader ? (r(), k(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [y(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [y(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "year")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: f(() => [A(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : M("v-if", !0), t("div", Is, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), k(d, { ref: "cells", key: i.pageTitleMonth, cells: i.cells, tabbableCellId: e.tabbableCellId, view: "month", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)) }, { default: f(({ cell: C }) => [A(b(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), a("div", ys, [y(e.$slots, "calendarFooterMonth")])) : M("v-if", !0)]);
-}, t5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerMonth.vue";
-var r5 = { name: "PickerYear", components: { PickerCells: $1, UpButton: N1 }, mixins: [p5], props: { yearRange: { type: Number, default: 12 } }, computed: { cells() {
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), a("div", Ms, [_(e.$slots, "beforeCalendarHeaderMonth")])) : M("v-if", !0), e.showHeader ? (r(), B(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "year")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: f(() => [A(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : M("v-if", !0), t("div", Is, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), B(d, { ref: "cells", key: i.pageTitleMonth, cells: i.cells, tabbableCellId: e.tabbableCellId, view: "month", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)) }, { default: f(({ cell: C }) => [A(b(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), a("div", ys, [_(e.$slots, "calendarFooterMonth")])) : M("v-if", !0)]);
+}, r5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerMonth.vue";
+var o5 = { name: "PickerYear", components: { PickerCells: N1, UpButton: R1 }, mixins: [h5], props: { yearRange: { type: Number, default: 12 } }, computed: { cells() {
   const e = this.pageDate, n = [], o = this.useUtc ? Math.floor(e.getUTCFullYear() / this.yearRange) * this.yearRange : Math.floor(e.getFullYear() / this.yearRange) * this.yearRange, l = this.useUtc ? new Date(Date.UTC(o, e.getUTCMonth(), e.getUTCDate())) : new Date(o, e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()), s = this.utils.getFullYear(this.utils.getNewDateObject());
   for (let c = 0; c < this.yearRange; c += 1)
     n.push({ year: this.utils.getFullYear(l), timestamp: l.valueOf(), isDisabled: this.isDisabledYear(l), isOpenDate: this.isOpenYear(l), isSelected: this.isSelectedYear(l), isToday: l.getFullYear() === s }), this.utils.setFullYear(l, this.utils.getFullYear(l) + 1);
@@ -8278,13 +8273,13 @@ var r5 = { name: "PickerYear", components: { PickerCells: $1, UpButton: N1 }, mi
   return this.selectedDate && n === this.utils.getFullYear(this.selectedDate);
 } } };
 const _s = { key: 0 }, Hs = { class: "cells-wrapper" }, Vs = { key: 2 };
-r5.render = function(e, n, o, l, s, i) {
+o5.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), a("div", _s, [y(e.$slots, "beforeCalendarHeaderYear")])) : M("v-if", !0), e.showHeader ? (r(), k(u, { key: 1, ref: "pickerHeader", "is-next-disabled": i.isNextDisabled, "is-previous-disabled": i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[0] || (n[0] = (C) => e.changePage(C)), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [y(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [y(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: f(() => [A(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : M("v-if", !0), t("div", Hs, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), k(d, { ref: "cells", key: i.pageTitleYear, cells: i.cells, "tabbable-cell-id": e.tabbableCellId, view: "year", onArrow: n[2] || (n[2] = (C) => e.handleArrow(C)), onSelect: n[3] || (n[3] = (C) => e.select(C)) }, { default: f(({ cell: C }) => [A(b(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), a("div", Vs, [y(e.$slots, "calendarFooterYear")])) : M("v-if", !0)]);
-}, r5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerYear.vue";
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), a("div", _s, [_(e.$slots, "beforeCalendarHeaderYear")])) : M("v-if", !0), e.showHeader ? (r(), B(u, { key: 1, ref: "pickerHeader", "is-next-disabled": i.isNextDisabled, "is-previous-disabled": i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[0] || (n[0] = (C) => e.changePage(C)), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: f(() => [A(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : M("v-if", !0), t("div", Hs, [p(a1, { name: e.transitionName }, { default: f(() => [(r(), B(d, { ref: "cells", key: i.pageTitleYear, cells: i.cells, "tabbable-cell-id": e.tabbableCellId, view: "year", onArrow: n[2] || (n[2] = (C) => e.handleArrow(C)), onSelect: n[3] || (n[3] = (C) => e.select(C)) }, { default: f(({ cell: C }) => [A(b(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), a("div", Vs, [_(e.$slots, "calendarFooterYear")])) : M("v-if", !0)]);
+}, o5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerYear.vue";
 const Ds = ["beforeCalendarHeaderDay", "calendarFooterDay", "beforeCalendarHeaderMonth", "calendarFooterMonth", "beforeCalendarHeaderYear", "calendarFooterYear", "nextIntervalBtn", "prevIntervalBtn"];
-var l2 = { components: { DateInput: q2, DateInputRange: J2, PickerDay: n5, PickerMonth: t5, PickerYear: r5 }, mixins: [C5, cs], model: { prop: "modelValue", event: "update:modelValue" }, props: { autoCloseRange: { type: Boolean, default: !1 }, modelValue: { type: Date }, toDate: { type: Date }, appendToBody: { type: Boolean, default: !1 }, calendarClass: { type: [String, Object, Array], default: "" }, dayCellContent: { type: Function, default: (e) => e.date }, disabledDates: { type: Object, default: () => ({}) }, firstDayOfWeek: { type: String, default: "sun" }, fixedPosition: { type: String, default: "", validator: (e) => ["", "bottom", "bottom-left", "bottom-right", "top", "top-left", "top-right"].includes(e) }, fullMonthName: { type: Boolean, default: !1 }, initialView: { type: String, default: "" }, language: { type: String, default: () => "en", validator: (e) => Object.keys(V5).includes(e) }, maximumView: { type: String, default: "year" }, minimumView: { type: String, default: "day" }, showEdgeDates: { type: Boolean, default: !0 }, showHeader: { type: Boolean, default: !0 }, value: { type: [String, Date, Number], default: "", validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, wrapperClass: { type: [String, Object, Array], default: "" }, yearPickerRange: { type: Number, default: 10 }, width: { type: String, default: "280px" }, isDateRange: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "blur", "focus", "opened", "changed", "input", "selected", "closed", "cleared", "to-date-change"], data() {
-  const e = H2(this.useUtc), n = e.getNewDateObject(this.openDate || null), o = e.setDate(n, 1);
+var i2 = { components: { DateInput: J2, DateInputRange: Q2, PickerDay: t5, PickerMonth: r5, PickerYear: o5 }, mixins: [p5, cs], model: { prop: "modelValue", event: "update:modelValue" }, props: { autoCloseRange: { type: Boolean, default: !1 }, modelValue: { type: Date }, toDate: { type: Date }, appendToBody: { type: Boolean, default: !1 }, calendarClass: { type: [String, Object, Array], default: "" }, dayCellContent: { type: Function, default: (e) => e.date }, disabledDates: { type: Object, default: () => ({}) }, firstDayOfWeek: { type: String, default: "sun" }, fixedPosition: { type: String, default: "", validator: (e) => ["", "bottom", "bottom-left", "bottom-right", "top", "top-left", "top-right"].includes(e) }, fullMonthName: { type: Boolean, default: !1 }, initialView: { type: String, default: "" }, language: { type: String, default: () => "en", validator: (e) => Object.keys(V5).includes(e) }, maximumView: { type: String, default: "year" }, minimumView: { type: String, default: "day" }, showEdgeDates: { type: Boolean, default: !0 }, showHeader: { type: Boolean, default: !0 }, value: { type: [String, Date, Number], default: "", validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, wrapperClass: { type: [String, Object, Array], default: "" }, yearPickerRange: { type: Number, default: 10 }, width: { type: String, default: "280px" }, isDateRange: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "blur", "focus", "opened", "changed", "input", "selected", "closed", "cleared", "to-date-change"], data() {
+  const e = V2(this.useUtc), n = e.getNewDateObject(this.openDate || null), o = e.setDate(n, 1);
   return { calendarHeight: 0, calendarSlots: Ds, isClickOutside: !1, globalDatepickerId: "", pageTimestamp: o, selectedDate: null, selectedToDate: null, slideDuration: 250, utils: e, view: "" };
 }, computed: { lang() {
   return V5[this.language];
@@ -8425,7 +8420,7 @@ var l2 = { components: { DateInput: q2, DateInputRange: J2, PickerDay: n5, Picke
   this.setPageDate(new Date(e.timestamp)), this.$emit(`changed-${this.view}`, e), this.setView(this.nextView.down);
 }, ucFirst: (e) => e[0].toUpperCase() + e.substring(1) } };
 const Bs = ["id"], ks = { key: 2 }, ws = { key: 0 }, xs = { key: 1 };
-H1(`/* base COLORS --------------------------------------------- */
+V1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -8494,7 +8489,7 @@ html[data-v-0090dd57] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-H1(`.slide-fade-up-enter-active,
+V1(`.slide-fade-up-enter-active,
 .slide-fade-up-leave-active {
   -webkit-transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
   transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
@@ -8894,12 +8889,12 @@ H1(`.slide-fade-up-enter-active,
 }
 .bimdata-datepicker__calendar-button.input-group-prepend, .bimdata-datepicker__calendar-button.input-group-append {
   padding: 0;
-}`), l2.render = function(e, n, o, l, s, i) {
+}`), i2.render = function(e, n, o, l, s, i) {
   const c = g("DateInputRange"), u = g("DateInput");
-  return r(), a("div", { id: i.datepickerId, ref: "datepicker", class: D(["bimdata-datepicker", [o.wrapperClass]]), onFocusin: n[10] || (n[10] = (d) => e.handleFocusIn(d)), onFocusout: n[11] || (n[11] = (d) => e.handleFocusOut(d)), onKeydown: n[12] || (n[12] = S((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [o.isDateRange ? (r(), k(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: V(i.style) }, { beforeDateInput: f(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [y(e.$slots, "afterDateInput")]), clearBtn: f(() => [y(e.$slots, "clearBtn")]), calendarBtn: f(() => [y(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDates", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "useUtc", "onClear", "onClose", "onOpen", "onTab", "style"])) : (r(), k(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: V(i.style) }, { beforeDateInput: f(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [y(e.$slots, "afterDateInput")]), clearBtn: f(() => [y(e.$slots, "clearBtn")]), calendarBtn: f(() => [y(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDate", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "typeable", "useUtc", "onClearDate", "onClose", "onOpen", "onTab", "style"])), i.isOpen ? (r(), a("div", ks, [p(a1, { name: "toggle", persisted: "" }, { default: f(() => [j(t("div", { class: D(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = N(() => {
-  }, ["prevent"])), onFocusin: n[6] || (n[6] = N((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = N((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = S(N((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = S(N((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(a1, { name: "view" }, { default: f(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", ws, [y(e.$slots, "beforeCalendarHeader")])) : M("v-if", !0), (r(), k(f1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": o.dayCellContent, disabledDates: o.disabledDates, firstDayOfWeek: o.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: o.isDateRange, showEdgeDates: o.showEdgeDates, fullMonthName: o.fullMonthName, showHeader: o.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: o.yearPickerRange, onPageChange: i.handlePageChange, onSelect: i.handleSelect, onSetFocus: n[2] || (n[2] = (d) => e.setFocus(d)), onSetSkipReviewFocus: n[3] || (n[3] = (d) => e.skipReviewFocus = d), onSetTransitionName: n[4] || (n[4] = (d) => e.setTransitionName(d)), onSetView: i.setView }, a5({ dayCellContent: f(({ cell: d }) => [d ? y(e.$slots, "dayCellContent", { key: 0, cell: d }) : M("v-if", !0)]), _: 2 }, [W(s.calendarSlots, (d) => ({ name: d, fn: f(() => [y(e.$slots, d)]) }))]), 1064, ["day-cell-content", "disabledDates", "firstDayOfWeek", "typeable", "isUpDisabled", "isMinimumView", "openDate", "pageDate", "selectedDate", "selectedToDate", "isDateRange", "showEdgeDates", "fullMonthName", "showHeader", "slideDuration", "tabbableCellId", "transitionName", "translation", "useUtc", "view", "yearPickerRange", "onPageChange", "onSelect", "onSetView"])), e.$slots.calendarFooter ? (r(), a("div", xs, [y(e.$slots, "calendarFooter")])) : M("v-if", !0)]))]), _: 3 })], 34), [[e1, i.isOpen]])]), _: 3 })])) : M("v-if", !0)], 42, Bs);
-}, l2.__scopeId = "data-v-0090dd57", l2.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
-var o5 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (e) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(e) } }, computed: { classes() {
+  return r(), a("div", { id: i.datepickerId, ref: "datepicker", class: V(["bimdata-datepicker", [o.wrapperClass]]), onFocusin: n[10] || (n[10] = (d) => e.handleFocusIn(d)), onFocusout: n[11] || (n[11] = (d) => e.handleFocusOut(d)), onKeydown: n[12] || (n[12] = S((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [o.isDateRange ? (r(), B(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDates", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "useUtc", "onClear", "onClose", "onOpen", "onTab", "style"])) : (r(), B(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDate", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "typeable", "useUtc", "onClearDate", "onClose", "onOpen", "onTab", "style"])), i.isOpen ? (r(), a("div", ks, [p(a1, { name: "toggle", persisted: "" }, { default: f(() => [j(t("div", { class: V(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = N(() => {
+  }, ["prevent"])), onFocusin: n[6] || (n[6] = N((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = N((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = S(N((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = S(N((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(a1, { name: "view" }, { default: f(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", ws, [_(e.$slots, "beforeCalendarHeader")])) : M("v-if", !0), (r(), B(f1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": o.dayCellContent, disabledDates: o.disabledDates, firstDayOfWeek: o.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: o.isDateRange, showEdgeDates: o.showEdgeDates, fullMonthName: o.fullMonthName, showHeader: o.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: o.yearPickerRange, onPageChange: i.handlePageChange, onSelect: i.handleSelect, onSetFocus: n[2] || (n[2] = (d) => e.setFocus(d)), onSetSkipReviewFocus: n[3] || (n[3] = (d) => e.skipReviewFocus = d), onSetTransitionName: n[4] || (n[4] = (d) => e.setTransitionName(d)), onSetView: i.setView }, l5({ dayCellContent: f(({ cell: d }) => [d ? _(e.$slots, "dayCellContent", { key: 0, cell: d }) : M("v-if", !0)]), _: 2 }, [W(s.calendarSlots, (d) => ({ name: d, fn: f(() => [_(e.$slots, d)]) }))]), 1064, ["day-cell-content", "disabledDates", "firstDayOfWeek", "typeable", "isUpDisabled", "isMinimumView", "openDate", "pageDate", "selectedDate", "selectedToDate", "isDateRange", "showEdgeDates", "fullMonthName", "showHeader", "slideDuration", "tabbableCellId", "transitionName", "translation", "useUtc", "view", "yearPickerRange", "onPageChange", "onSelect", "onSetView"])), e.$slots.calendarFooter ? (r(), a("div", xs, [_(e.$slots, "calendarFooter")])) : M("v-if", !0)]))]), _: 3 })], 34), [[n1, i.isOpen]])]), _: 3 })])) : M("v-if", !0)], 42, Bs);
+}, i2.__scopeId = "data-v-0090dd57", i2.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
+var a5 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (e) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(e) } }, computed: { classes() {
   return `${this.color}`;
 }, style() {
   return { fontSize: `${this.calcFontSize}`, lineHeight: `${this.calcLineHeight}`, display: `${this.display}`, fontWeight: `${this.calcFontWeight}`, margin: `${this.margin}`, padding: `${this.padding}` };
@@ -8910,10 +8905,10 @@ var o5 = { props: { component: { type: String, default: "p" }, display: { type:
 }, calcLineHeight() {
   return this.lineHeight ? this.lineHeight : this.component === "h1" ? "36px" : this.component === "h2" ? "30px" : this.component === "h3" ? "26px" : this.component === "h4" ? "24px" : this.component === "h5" ? "20px" : "18px";
 } } };
-o5.render = function(e, n, o, l, s, i) {
-  return r(), k(f1(o.component), { style: V(i.style), class: D(i.classes) }, { default: f(() => [y(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
-}, o5.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
-var g1 = { components: { BIMDataText: o5 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
+a5.render = function(e, n, o, l, s, i) {
+  return r(), B(f1(o.component), { style: H(i.style), class: V(i.classes) }, { default: f(() => [_(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
+}, a5.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
+var g1 = { components: { BIMDataText: a5 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
 const Zs = { class: "bimdata-loading" }, Ss = ((e) => (C1("data-v-6d3be186"), e = e(), p1(), e))(() => t("span", { class: "bimdata-loading--square" }, null, -1));
 function Q5(e, n) {
   n === void 0 && (n = {});
@@ -9429,7 +9424,7 @@ const As = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var w5 = { addFile: Ts, addFolder: Ns, addUser: Os, alphabeticalAscending: Fs, alphabeticalDescending: Us, alphabeticalSort: Gs, alt: Xs, angle: js, api: qs, app: Qs, archive: nc, arrow: rc, attach: ac, backInTime: sc, bcf: dc, building: Cc, burgerMenu: hc, calendar: gc, caliper: Lc, camera: mc, cancelCamera: Ic, check: _c, chevron: Vc, classificationCategorie: Bc, classificationElement: wc, click: Zc, close: Ac, cloud: $c, color: Rc, comment: Ec, cursor: Pc, dateAscending: zc, dateDescending: Yc, default: Wc, delete: Kc, deniedFile: Jc, deploy: ed, detach: td, distance: od, doubleChevron: ld, down: sd, download: dd, drag: Cd, edit: hd, ellipsis: gd, expanded: Ld, explosion: md, export: Id, exportIfc: _d, failed: Vd, filter: Bd, fitView: wd, folder: Zd, folderMove: Ad, folderOpen: $d, fullscreen: Rd, grid: Ed, group: Pd, hide: zd, ifc: Yd, ifcFile: Wd, import: Kd, indexAscending: Jd, indexDescending: eu, information: tu, inProgressFile: ou, invitation: lu, isolate: su, key: du, left: Cu, linkedDocument: hu, list: gu, listManage: Lu, location: mu, lock: Iu, logout: _u, measure: Vu, minus: Bu, model3d: wu, organization: Zu, parameters: Au, path: $u, pieGraph: Ru, pipette: Eu, plus: Pu, project: zu, quickSelect: Yu, readonlyFolder: Wu, redo: Ku, reduced: Ju, refresh: eC, reprocessIfc: tC, reset: oC, right: lC, rules: sC, sandglass: dC, save: CC, screenConfig: hC, screenshot: gC, search: LC, section: mC, settings: IC, share: _C, show: VC, showSelected: BC, smartview: wC, socotec: ZC, space: AC, split: $C, storey: RC, success: EC, surface: PC, swap: zC, synchro2d: YC, system: WC, tag: qC, translate: QC, tree: np, unarchive: rp, undo: ap, union: ip, up: cp, upload: up, user: pp, validate: bp, validatedFile: fp, versioning: mp, video: Ip, visa: _p, warning: Vp, windowBottom: Bp, windowed: wp, windowLeft: Zp, windowRight: Ap, windowTop: $p, zone: Rp, bcfPolychrome: Ep, createWindowPolychrome: Pp, docInfoPolychrome: zp, fileDwgPolychrome: Yp, fileDxfPolychrome: Wp, fileIfcPolychrome: Kp, fileImagePolychrome: Jp, fileJpegPolychrome: eh, filePdfPolychrome: th, filePngPolychrome: oh, filePointCloudPolychrome: lh, filePlanPolychrome: sh, folderPolychrome: dh, structurePolychrome: Ch, viewer2dPolychrome: hh, viewer3dPolychrome: gh }, fh = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const x5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var i2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var s2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(w5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(w5).includes(e) }, color: { type: String, default: "default", validator: (e) => fh.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(x5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -9440,7 +9435,7 @@ var i2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : x5[this.size];
 } } };
 const Lh = ["fill", "color"];
-function h5(e, n) {
+function b5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -9448,7 +9443,7 @@ function h5(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-h5(`/* base COLORS --------------------------------------------- */
+b5(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -9517,7 +9512,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-h5(`.icon-fill--black {
+b5(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -9600,12 +9595,12 @@ h5(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), i2.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: D(i.classes), style: V(i.style) }, [(r(), k(f1(`bimdata-icon-${o.name}`)))], 14, Lh);
-}, i2.__scopeId = "data-v-1312d4d1", i2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var Z1 = { components: { BIMDataIcon: i2 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
+}`), s2.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: H(i.style) }, [(r(), B(f1(`bimdata-icon-${o.name}`)))], 14, Lh);
+}, s2.__scopeId = "data-v-1312d4d1", s2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var S1 = { components: { BIMDataIcon: s2 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
 const vh = { class: "overlay flex items-center justify-center" }, mh = { class: "safe-zone__content flex flex-col items-center justify-center p-18" }, Mh = { class: "safe-zone__actions flex items-center p-x-18" };
-h5(`.overlay[data-v-1bd53efd] {
+b5(`.overlay[data-v-1bd53efd] {
   position: absolute;
   left: 0;
   top: 0;
@@ -9641,11 +9636,11 @@ h5(`.overlay[data-v-1bd53efd] {
           justify-content: space-evenly;
   background-color: var(--color-silver-light);
   border-top: 1px solid var(--color-silver);
-}`), Z1.render = function(e, n, o, l, s, i) {
+}`), S1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon");
-  return r(), a("div", vh, [t("div", { class: "safe-zone", style: V({ width: o.width }) }, [t("div", mh, [p(c, { name: o.iconName, size: "l", fill: "", color: "high" }, null, 8, ["name"]), t("p", null, [y(e.$slots, "text")])]), t("div", Mh, [y(e.$slots, "actions")])], 4)]);
-}, Z1.__scopeId = "data-v-1bd53efd", Z1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
-var I1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
+  return r(), a("div", vh, [t("div", { class: "safe-zone", style: H({ width: o.width }) }, [t("div", mh, [p(c, { name: o.iconName, size: "l", fill: "", color: "high" }, null, 8, ["name"]), t("p", null, [_(e.$slots, "text")])]), t("div", Mh, [_(e.$slots, "actions")])], 4)]);
+}, S1.__scopeId = "data-v-1bd53efd", S1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
+var y1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
   this.$watch(() => this.success && this.error, (e) => {
     if (e)
       throw new Error("Textarea state cannot be both success and error.");
@@ -9936,10 +9931,10 @@ e3(`textarea:-webkit-autofill {
 }
 .bimdata-textarea.success .bar::before, .bimdata-textarea.success .bar::after {
   background-color: var(--color-success);
-}`), I1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { class: D(["bimdata-textarea", { "not-empty": o.modelValue !== null && o.modelValue !== "" || o.placeholder !== null, error: o.error, success: o.success }]), style: V({ "min-width": o.width, "min-height": o.height }) }, [t("textarea", R1({ ref: "textarea", name: o.name, id: o.name, value: o.modelValue, placeholder: o.placeholder, style: o.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, Ih), t("label", { for: o.name }, b(o.label), 9, yh), _h, o.error ? (r(), a("span", Hh, b(o.errorMessage), 1)) : M("v-if", !0), o.success ? (r(), a("span", Vh, b(o.successMessage), 1)) : M("v-if", !0)], 6);
-}, I1.__scopeId = "data-v-76eaf75a", I1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
-var S1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (e) => ["top", "right", "bottom", "left"].includes(e) }, color: { type: String, default: "primary", validator: (e) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(e) }, disabled: { type: Boolean, default: !1 }, message: { type: String }, className: { type: [String, Array] } }, data: () => ({ width: null, height: null, parentHeight: null, hover: !1 }), computed: { isDisplayed() {
+}`), y1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", { class: V(["bimdata-textarea", { "not-empty": o.modelValue !== null && o.modelValue !== "" || o.placeholder !== null, error: o.error, success: o.success }]), style: H({ "min-width": o.width, "min-height": o.height }) }, [t("textarea", O1({ ref: "textarea", name: o.name, id: o.name, value: o.modelValue, placeholder: o.placeholder, style: o.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, Ih), t("label", { for: o.name }, b(o.label), 9, yh), _h, o.error ? (r(), a("span", Hh, b(o.errorMessage), 1)) : M("v-if", !0), o.success ? (r(), a("span", Vh, b(o.successMessage), 1)) : M("v-if", !0)], 6);
+}, y1.__scopeId = "data-v-76eaf75a", y1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
+var A1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (e) => ["top", "right", "bottom", "left"].includes(e) }, color: { type: String, default: "primary", validator: (e) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(e) }, disabled: { type: Boolean, default: !1 }, message: { type: String }, className: { type: [String, Array] } }, data: () => ({ width: null, height: null, parentHeight: null, hover: !1 }), computed: { isDisplayed() {
   return !this.disabled && this._text && this.hover;
 }, _text() {
   return this.text || this.message;
@@ -10237,9 +10232,9 @@ html[data-v-41eb8f46] {
 }
 .bimdata-tooltip__tooltip--high[data-v-41eb8f46]::before {
   border-color: var(--color-high) transparent transparent;
-}`), S1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", Dh, [t("div", { class: "bimdata-tooltip__content", onMouseover: n[0] || (n[0] = (c) => s.hover = !0), onMouseleave: n[1] || (n[1] = (c) => s.hover = !1) }, [M(' slot "content" for retro-compatibility '), y(e.$slots, "content"), y(e.$slots, "default")], 32), p(a1, { name: "fade", persisted: "" }, { default: f(() => [j(t("div", { ref: "tooltipText", class: D(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${o.position}`, `bimdata-tooltip__tooltip--${o.color}`, ...i._className]]), style: V({ maxWidth: o.maxWidth }) }, b(i._text), 7), [[e1, i.isDisplayed]])]), _: 1 })]);
-}, S1.__scopeId = "data-v-41eb8f46", S1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
+}`), A1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", Dh, [t("div", { class: "bimdata-tooltip__content", onMouseover: n[0] || (n[0] = (c) => s.hover = !0), onMouseleave: n[1] || (n[1] = (c) => s.hover = !1) }, [M(' slot "content" for retro-compatibility '), _(e.$slots, "content"), _(e.$slots, "default")], 32), p(a1, { name: "fade", persisted: "" }, { default: f(() => [j(t("div", { ref: "tooltipText", class: V(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${o.position}`, `bimdata-tooltip__tooltip--${o.color}`, ...i._className]]), style: H({ maxWidth: o.maxWidth }) }, b(i._text), 7), [[n1, i.isDisplayed]])]), _: 1 })]);
+}, A1.__scopeId = "data-v-41eb8f46", A1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 const Bh = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i, kh = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
 function wh() {
   const e = navigator.userAgent.toLowerCase(), n = Bh.test(e), o = kh.test(e);
@@ -10298,10 +10293,10 @@ const xh = {
 function Fh(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
   return r(), a("div", Zh, [
-    o.viewpoints.length > 0 ? (r(), a(E, { key: 0 }, [
+    o.viewpoints.length > 0 ? (r(), a(O, { key: 0 }, [
       t("div", Sh, [
-        (r(!0), a(E, null, W(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
-          class: D(["image-preview", { single: o.viewpoints.length === 1 }]),
+        (r(!0), a(O, null, W(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
+          class: V(["image-preview", { single: o.viewpoints.length === 1 }]),
           key: d.guid || C
         }, [
           d.snapshot.snapshot_data ? (r(), a("img", {
@@ -10385,7 +10380,7 @@ function Fh(e, n, o, l, s, i) {
     ]))
   ]);
 }
-const Ph = /* @__PURE__ */ Y(xh, [["render", Fh], ["__scopeId", "data-v-dde22dcf"]]);
+const Ph = /* @__PURE__ */ G(xh, [["render", Fh], ["__scopeId", "data-v-dde22dcf"]]);
 const Uh = {
   components: {
     BIMDataButton: J,
@@ -10402,15 +10397,15 @@ const Uh = {
     "delete-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const o = T1("getViewers", () => ({}));
+    const o = $1("getViewers", () => ({}));
     return {
       // Methods
       createViewpoints: async () => {
         Object.entries(o()).forEach(([i, c]) => {
-          const [u, d] = Object.entries(P1).find(([, C]) => C.plugin === i);
+          const [u, d] = Object.entries(U1).find(([, C]) => C.plugin === i);
           c.forEach(async (C) => {
             const L = await C.getViewpoint(), { order: h } = d ?? {};
-            L.order = h, L[E1] = u, L[F1] = C.getLoadedModels().map((m) => m.id).join(","), n("create-viewpoint", L);
+            L.order = h, L[F1] = u, L[P1] = C.getLoadedModels().map((m) => m.id).join(","), n("create-viewpoint", L);
           });
         });
       },
@@ -10427,8 +10422,8 @@ function Xh(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
   return r(), a("div", zh, [
     o.viewpoints.length > 0 ? (r(), a("div", Gh, [
-      (r(!0), a(E, null, W(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
-        class: D(["snapshot-preview", { single: o.viewpoints.length === 1 }]),
+      (r(!0), a(O, null, W(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
+        class: V(["snapshot-preview", { single: o.viewpoints.length === 1 }]),
         key: d.guid || C
       }, [
         d.snapshot.snapshot_data ? (r(), a("img", {
@@ -10465,21 +10460,21 @@ function Xh(e, n, o, l, s, i) {
     ]))
   ]);
 }
-const Wh = /* @__PURE__ */ Y(Uh, [["render", Xh], ["__scopeId", "data-v-75e087f1"]]);
+const Wh = /* @__PURE__ */ G(Uh, [["render", Xh], ["__scopeId", "data-v-75e087f1"]]);
 const jh = {
   components: {
     BcfTopicImages: Ph,
     BcfTopicSnapshots: Wh,
     BIMDataButton: J,
-    BIMDataDatePicker: l2,
+    BIMDataDatePicker: i2,
     BIMDataIcon: Q,
     BIMDataInput: b1,
     BIMDataLoading: g1,
-    BIMDataSafeZoneModal: Z1,
-    BIMDataSelect: M2,
-    BIMDataTextarea: I1,
+    BIMDataSafeZoneModal: S1,
+    BIMDataSelect: I2,
+    BIMDataTextarea: y1,
     BIMDataTextbox: d1,
-    BIMDataTooltip: S1
+    BIMDataTooltip: A1
   },
   props: {
     uiConfig: {
@@ -10554,19 +10549,19 @@ const jh = {
     "topic-update-error"
   ],
   setup(e, { emit: n }) {
-    const o = U1(), l = F(
+    const o = z1(), l = E(
       () => !e.topic
-    ), s = F(
-      () => Math.max(0, ...e.topics.map((_) => _.index)) + 1
-    ), i = w(""), c = w(null), u = w(null), d = w(null), C = w(null), L = w(null), h = w(null), m = w(""), v = w([]), I = w([]), B = w([]), $ = w([]), T = w([]), Z = F(
-      () => I.value.concat(B.value).filter((_) => !T.value.some((x) => x.guid === _.guid)).filter((_) => _.snapshot)
-    ), U = w(!1), l1 = w(!1), q = w(!1), t1 = () => {
-      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, L.value = null, h.value = null, m.value = "", v.value = [], I.value = [], B.value = [], $.value = [], T.value = [], U.value = !1, l1.value = !1, q.value = !1;
+    ), s = E(
+      () => Math.max(0, ...e.topics.map((I) => I.index)) + 1
+    ), i = w(""), c = w(null), u = w(null), d = w(null), C = w(null), L = w(null), h = w(null), m = w(""), v = w([]), y = w([]), D = w([]), $ = w([]), T = w([]), x = E(
+      () => y.value.concat(D.value).filter((I) => !T.value.some((k) => k.guid === I.guid)).filter((I) => I.snapshot)
+    ), U = w(!1), l1 = w(!1), q = w(!1), r1 = () => {
+      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, L.value = null, h.value = null, m.value = "", v.value = [], y.value = [], D.value = [], $.value = [], T.value = [], U.value = !1, l1.value = !1, q.value = !1;
     };
     return c1(
       () => e.topic,
-      (_) => {
-        _ ? (i.value = _.title || "", c.value = _.topic_type || null, u.value = _.priority || null, d.value = _.topic_status || null, C.value = _.stage || null, L.value = _.assigned_to || null, h.value = _.due_date, m.value = _.description || "", v.value = _.labels || [], I.value = _.viewpoints || []) : t1();
+      (I) => {
+        I ? (i.value = I.title || "", c.value = I.topic_type || null, u.value = I.priority || null, d.value = I.topic_status || null, C.value = I.stage || null, L.value = I.assigned_to || null, h.value = I.due_date, m.value = I.description || "", v.value = I.labels || [], y.value = I.viewpoints || []) : r1();
       },
       { immediate: !0 }
     ), {
@@ -10585,41 +10580,41 @@ const jh = {
       topicLabels: v,
       topicTitle: i,
       topicType: c,
-      viewpointsToDisplay: Z,
+      viewpointsToDisplay: x,
       // Methods
-      createViewpoint: (_) => {
-        B.value.push(_);
+      createViewpoint: (I) => {
+        D.value.push(I);
       },
-      deleteViewpoint: (_) => {
-        if (_.guid)
-          T.value.push(_);
+      deleteViewpoint: (I) => {
+        if (I.guid)
+          T.value.push(I);
         else {
-          let x = B.value.indexOf(_);
-          B.value.splice(x, 1);
+          let k = D.value.indexOf(I);
+          D.value.splice(k, 1);
         }
       },
       submit: async () => {
-        var _, x;
+        var I, k;
         if (!i.value) {
           U.value = !0;
           return;
         }
         try {
-          q.value = !0, $.value = I.value.map(
-            (G) => ({ ...G, snapshot: void 0 })
-          ), $.value.length === 0 && B.value.sort((G, o1) => (G.order ?? 1 / 0) - (o1.order ?? 1 / 0));
-          const R = $.value.concat(B.value);
-          e.topicObjects && (R.length > 0 ? R.forEach((G) => {
-            Object.assign(G, {
+          q.value = !0, $.value = y.value.map(
+            (P) => ({ ...P, snapshot: void 0 })
+          ), $.value.length === 0 && D.value.sort((P, e1) => (P.order ?? 1 / 0) - (e1.order ?? 1 / 0));
+          const Z = $.value.concat(D.value);
+          e.topicObjects && (Z.length > 0 ? Z.forEach((P) => {
+            Object.assign(P, {
               components: e.topicObjects
-            }), k3(G);
-          }) : B.value.push({
+            }), k3(P);
+          }) : D.value.push({
             components: e.topicObjects
-          })), e.topicAnnotations && R.forEach(
-            (G) => G.pins = e.topicAnnotations
+          })), e.topicAnnotations && Z.forEach(
+            (P) => P.pins = e.topicAnnotations
           );
-          const O = {
-            guid: (_ = e.topic) == null ? void 0 : _.guid,
+          const R = {
+            guid: (I = e.topic) == null ? void 0 : I.guid,
             title: i.value,
             topic_type: c.value,
             priority: u.value,
@@ -10630,24 +10625,24 @@ const jh = {
             description: m.value,
             labels: v.value,
             // Keep topic models unchanged if any, otherwise use provided topic models.
-            models: ((x = e.topic) == null ? void 0 : x.models) || e.topicModels,
-            // Topic viewpoints will be updated with `updateFullTopic` API method.
-            viewpoints: $.value
+            models: ((k = e.topic) == null ? void 0 : k.models) || e.topicModels
           };
           let z;
-          l.value ? z = await o.createTopic(e.project, O) : z = await o.updateTopic(e.project, O), await Promise.all(
-            B.value.map(
-              (G) => o.createViewpoint(e.project, z, G)
-            )
-          ), await Promise.all(
-            T.value.map(
-              (G) => o.deleteViewpoint(e.project, z, G)
+          l.value ? z = await o.createTopic(e.project, R) : z = await o.updateTopic(e.project, R), await Promise.all([
+            ...D.value.map(
+              (P) => o.createViewpoint(e.project, z, P)
+            ),
+            ...$.value.map(
+              (P) => o.updateViewpoint(e.project, z, P)
+            ),
+            ...T.value.map(
+              (P) => o.deleteViewpoint(e.project, z, P)
             )
-          ), l.value ? (n("topic-created", z), t1()) : n("topic-updated", z);
-        } catch (R) {
+          ]), l.value ? (n("topic-created", z), r1()) : n("topic-updated", z);
+        } catch (Z) {
           n(
             l.value ? "topic-create-error" : "topic-update-error",
-            R
+            Z
           );
         } finally {
           q.value = !1;
@@ -10666,15 +10661,15 @@ const jh = {
   class: "bcf-topic-form__loader"
 };
 function db(e, n, o, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), L = g("BIMDataTooltip"), h = g("BcfTopicImages"), m = g("BIMDataInput"), v = g("BIMDataSelect"), I = g("BIMDataDatePicker"), B = g("BIMDataTextarea"), $ = g("BIMDataLoading"), T = g("BIMDataSafeZoneModal");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), L = g("BIMDataTooltip"), h = g("BcfTopicImages"), m = g("BIMDataInput"), v = g("BIMDataSelect"), y = g("BIMDataDatePicker"), D = g("BIMDataTextarea"), $ = g("BIMDataLoading"), T = g("BIMDataSafeZoneModal");
   return r(), a("div", Kh, [
     t("div", qh, [
-      o.uiConfig.backButton ? (r(), k(u, {
+      o.uiConfig.backButton ? (r(), B(u, {
         key: 0,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[0] || (n[0] = (Z) => e.$emit("back"))
+        onClick: n[0] || (n[0] = (x) => e.$emit("back"))
       }, {
         default: f(() => [
           p(c, {
@@ -10687,20 +10682,20 @@ function db(e, n, o, l, s, i) {
         _: 1
       })) : M("", !0),
       t("div", Jh, [
-        l.isCreation ? (r(), a(E, { key: 0 }, [
+        l.isCreation ? (r(), a(O, { key: 0 }, [
           A(b(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
-        ], 64)) : (r(), k(d, {
+        ], 64)) : (r(), B(d, {
           key: 1,
           maxWidth: "250px",
           text: o.topic.title
         }, null, 8, ["text"]))
       ]),
-      o.uiConfig.closeButton ? (r(), k(u, {
+      o.uiConfig.closeButton ? (r(), B(u, {
         key: 1,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[1] || (n[1] = (Z) => e.$emit("close"))
+        onClick: n[1] || (n[1] = (x) => e.$emit("close"))
       }, {
         default: f(() => [
           p(c, {
@@ -10718,7 +10713,7 @@ function db(e, n, o, l, s, i) {
         t("div", nb, b(l.isCreation ? l.nextIndex : o.topic.index), 1),
         t("div", tb, b(e.$d(l.isCreation ? /* @__PURE__ */ new Date() : o.topic.creation_date, "short")), 1)
       ]),
-      o.uiConfig.viewerMode ? (r(), a(E, { key: 0 }, [
+      o.uiConfig.viewerMode ? (r(), a(O, { key: 0 }, [
         p(C, {
           viewpoints: l.viewpointsToDisplay,
           onCreateViewpoint: l.createViewpoint,
@@ -10729,7 +10724,7 @@ function db(e, n, o, l, s, i) {
             fill: "",
             radius: "",
             disabled: !o.objectsEditEnabled,
-            onClick: n[2] || (n[2] = (Z) => e.$emit("edit-topic-objects", o.topic))
+            onClick: n[2] || (n[2] = (x) => e.$emit("edit-topic-objects", o.topic))
           }, {
             default: f(() => [
               p(c, {
@@ -10754,7 +10749,7 @@ function db(e, n, o, l, s, i) {
                 fill: "",
                 radius: "",
                 disabled: !o.annotationsEditEnabled || l.viewpointsToDisplay.length === 0,
-                onClick: n[3] || (n[3] = (Z) => e.$emit("edit-topic-annotations", o.topic))
+                onClick: n[3] || (n[3] = (x) => e.$emit("edit-topic-annotations", o.topic))
               }, {
                 default: f(() => [
                   p(c, {
@@ -10771,7 +10766,7 @@ function db(e, n, o, l, s, i) {
             _: 1
           }, 8, ["disabled", "text"])
         ])
-      ], 64)) : (r(), k(h, {
+      ], 64)) : (r(), B(h, {
         key: 1,
         viewpoints: l.viewpointsToDisplay,
         onCreateViewpoint: l.createViewpoint,
@@ -10783,7 +10778,7 @@ function db(e, n, o, l, s, i) {
           error: l.hasErrorTitle,
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: l.topicTitle,
-          "onUpdate:modelValue": n[4] || (n[4] = (Z) => l.topicTitle = Z),
+          "onUpdate:modelValue": n[4] || (n[4] = (x) => l.topicTitle = x),
           onKeyup: S(N(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
         p(v, {
@@ -10792,7 +10787,7 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.topic_type,
           disabled: o.extensions.topic_type.length === 0,
           modelValue: l.topicType,
-          "onUpdate:modelValue": n[5] || (n[5] = (Z) => l.topicType = Z)
+          "onUpdate:modelValue": n[5] || (n[5] = (x) => l.topicType = x)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
@@ -10800,7 +10795,7 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.priority,
           disabled: o.extensions.priority.length === 0,
           modelValue: l.topicPriority,
-          "onUpdate:modelValue": n[6] || (n[6] = (Z) => l.topicPriority = Z)
+          "onUpdate:modelValue": n[6] || (n[6] = (x) => l.topicPriority = x)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
@@ -10808,7 +10803,7 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.topic_status,
           disabled: o.extensions.topic_status.length === 0,
           modelValue: l.topicStatus,
-          "onUpdate:modelValue": n[7] || (n[7] = (Z) => l.topicStatus = Z)
+          "onUpdate:modelValue": n[7] || (n[7] = (x) => l.topicStatus = x)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
@@ -10816,7 +10811,7 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.stage,
           disabled: o.extensions.stage.length === 0,
           modelValue: l.topicStage,
-          "onUpdate:modelValue": n[8] || (n[8] = (Z) => l.topicStage = Z)
+          "onUpdate:modelValue": n[8] || (n[8] = (x) => l.topicStage = x)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
@@ -10824,24 +10819,24 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.user_id_type,
           disabled: o.extensions.user_id_type.length === 0,
           modelValue: l.topicAssignedTo,
-          "onUpdate:modelValue": n[9] || (n[9] = (Z) => l.topicAssignedTo = Z)
+          "onUpdate:modelValue": n[9] || (n[9] = (x) => l.topicAssignedTo = x)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         t("div", ib, [
-          p(I, {
+          p(y, {
             width: "100%",
             placeholder: e.$t("BcfComponents.BcfTopicForm.dueDateLabel"),
             value: l.topicDueDate,
             modelValue: l.topicDueDate,
-            "onUpdate:modelValue": n[10] || (n[10] = (Z) => l.topicDueDate = Z),
+            "onUpdate:modelValue": n[10] || (n[10] = (x) => l.topicDueDate = x),
             clearButton: !0
           }, null, 8, ["placeholder", "value", "modelValue"])
         ]),
-        p(B, {
+        p(D, {
           width: "100%",
           name: "description",
           label: e.$t("BcfComponents.BcfTopicForm.descriptionLabel"),
           modelValue: l.topicDescription,
-          "onUpdate:modelValue": n[11] || (n[11] = (Z) => l.topicDescription = Z),
+          "onUpdate:modelValue": n[11] || (n[11] = (x) => l.topicDescription = x),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
         p(v, {
@@ -10850,7 +10845,7 @@ function db(e, n, o, l, s, i) {
           options: o.extensions.topic_label,
           disabled: o.extensions.topic_label.length === 0,
           modelValue: l.topicLabels,
-          "onUpdate:modelValue": n[12] || (n[12] = (Z) => l.topicLabels = Z),
+          "onUpdate:modelValue": n[12] || (n[12] = (x) => l.topicLabels = x),
           multi: !0
         }, null, 8, ["label", "options", "disabled", "modelValue"])
       ])
@@ -10873,7 +10868,7 @@ function db(e, n, o, l, s, i) {
     l.loading ? (r(), a("div", cb, [
       p($)
     ])) : M("", !0),
-    l.isOpenModal ? (r(), k(T, { key: 1 }, {
+    l.isOpenModal ? (r(), B(T, { key: 1 }, {
       text: f(() => [
         A(b(e.$t("BcfComponents.BcfTopicForm.modalText", { name: o.topic.title })), 1)
       ]),
@@ -10883,7 +10878,7 @@ function db(e, n, o, l, s, i) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: n[13] || (n[13] = (Z) => e.$emit("close"))
+          onClick: n[13] || (n[13] = (x) => e.$emit("close"))
         }, {
           default: f(() => [
             A(b(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
@@ -10894,7 +10889,7 @@ function db(e, n, o, l, s, i) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: n[14] || (n[14] = (Z) => l.isOpenModal = !1)
+          onClick: n[14] || (n[14] = (x) => l.isOpenModal = !1)
         }, {
           default: f(() => [
             A(b(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
@@ -10906,7 +10901,7 @@ function db(e, n, o, l, s, i) {
     })) : M("", !0)
   ]);
 }
-const ub = /* @__PURE__ */ Y(jh, [["render", db], ["__scopeId", "data-v-7f8fbdd1"]]);
+const ub = /* @__PURE__ */ G(jh, [["render", db], ["__scopeId", "data-v-ecf3b0e9"]]);
 var Cb = { beforeMount(e, n) {
   if (typeof n.value != "function")
     throw Error("click away directive needs function, got " + typeof n.value);
@@ -10921,14 +10916,14 @@ const pb = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var bb = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const Z5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var V2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => bb.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(Z5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var D2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => bb.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys(Z5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const o = this.getPixelSize(this.size);
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : Z5[this.size];
-} } }), A1 = V2("Chevron", hb);
+} } }), T1 = D2("Chevron", hb);
 const gb = ["fill", "color"];
 function X(e, n) {
   n === void 0 && (n = {});
@@ -11090,14 +11085,14 @@ X(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), A1.render = function(e, n, o, l, s, i) {
+}`), T1.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, gb);
-}, A1.__scopeId = "data-v-5e440aca", A1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, gb);
+}, T1.__scopeId = "data-v-5e440aca", T1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const fb = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.47105C0.982285 2.39544 0.982285 2.27217 1.05119 2.19676L3.00683 0.0565512C3.07573 -0.0188504 3.18857 -0.0188504 3.25748 0.0565512L13.5625 11.3331C13.5796 11.3518 13.5925 11.3736 13.6012 11.3968C13.6665 11.4724 13.6658 11.5928 13.598 11.667L3.29296 22.9433C3.22406 23.0189 3.11122 23.0189 3.04231 22.9433L1.08668 20.8033C1.01758 20.7279 1.01758 20.6044 1.08668 20.529L9.32003 11.5192L1.05119 2.47105ZM10.2512 2.47105C10.1823 2.39544 10.1823 2.27217 10.2512 2.19676L12.2068 0.0565512C12.2757 -0.0188504 12.3886 -0.0188504 12.4575 0.0565512L22.7625 11.3331C22.7796 11.3518 22.7925 11.3736 22.8012 11.3968C22.8665 11.4724 22.8658 11.5928 22.798 11.667L12.493 22.9433C12.4241 23.0189 12.3112 23.0189 12.2423 22.9433L10.2867 20.8033C10.2176 20.7279 10.2176 20.6044 10.2867 20.529L18.52 11.5192L10.2512 2.47105Z" }, Lb = { render: function(e, n) {
   return r(), a("path", fb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var s2 = V2("DoubleChevron", Lb);
+var c2 = D2("DoubleChevron", Lb);
 const vb = ["fill", "color"];
 X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -11251,14 +11246,14 @@ X(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), s2.render = function(e, n, o, l, s, i) {
+}`), c2.render = function(e, n, o, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, vb);
-}, s2.__scopeId = "data-v-859297ec", s2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, vb);
+}, c2.__scopeId = "data-v-859297ec", c2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const mb = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, Mb = { render: function(e, n) {
   return r(), a("path", mb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var A2 = V2("Close", Mb);
+var T2 = D2("Close", Mb);
 const Ib = ["fill", "color"];
 X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -11412,14 +11407,14 @@ X(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), A2.render = function(e, n, o, l, s, i) {
+}`), T2.render = function(e, n, o, l, s, i) {
   const c = g("Close");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Ib);
-}, A2.__scopeId = "data-v-797f55d8", A2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Ib);
+}, T2.__scopeId = "data-v-797f55d8", T2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const yb = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, _b = { render: function(e, n) {
   return r(), a("path", yb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var T2 = V2("Search", _b);
+var $2 = D2("Search", _b);
 const Hb = ["fill", "color"];
 X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -11573,11 +11568,11 @@ X(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), T2.render = function(e, n, o, l, s, i) {
+}`), $2.render = function(e, n, o, l, s, i) {
   const c = g("Search");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Hb);
-}, T2.__scopeId = "data-v-0993abf8", T2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var Vb = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), y1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Vb.includes(e) } }, emits: ["click"], computed: { classes() {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Hb);
+}, $2.__scopeId = "data-v-0993abf8", $2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var Vb = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), _1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Vb.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
@@ -12044,10 +12039,10 @@ X(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), y1.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, Db);
-}, y1.__scopeId = "data-v-3f903003", y1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-var c2 = { components: { BIMDataIconChevron: A1, BIMDataIconDoubleChevron: s2, BIMDataButton: y1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
+}`), _1.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Db);
+}, _1.__scopeId = "data-v-3f903003", _1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+var d2 = { components: { BIMDataIconChevron: T1, BIMDataIconDoubleChevron: c2, BIMDataButton: _1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
 const Bb = { class: "bimdata-navigation__left m-r-6" }, kb = { key: 0, class: "bimdata-navigation__item" }, wb = { key: 1, class: "bimdata-navigation__item" }, xb = { key: 2, class: "bimdata-navigation__item" }, Zb = { key: 3, class: "bimdata-navigation__item" }, Sb = { class: "bimdata-navigation__right" };
 X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -12154,11 +12149,11 @@ X(`.bimdata-navigation[data-v-aa907072] {
   padding: 6px 2px;
   font-size: 10px;
   cursor: default;
-}`), c2.render = function(e, n, o, l, s, i) {
+}`), d2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconDoubleChevron"), u = g("BIMDataButton"), d = g("BIMDataIconChevron");
-  return r(), a("ul", { class: "bimdata-list bimdata-navigation", style: V({ "background-color": o.backgroundColor }) }, [t("li", Bb, [y(e.$slots, "left")]), o.first ? (r(), a("li", kb, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: o.firstDisabled, ghost: "", class: D({ disabled: o.firstDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.previous ? (r(), a("li", wb, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: o.previousDisabled, ghost: "", class: D({ disabled: o.previousDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", null, [y(e.$slots, "default")]), o.next ? (r(), a("li", xb, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: o.nextDisabled, ghost: "", class: D({ disabled: o.nextDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.last ? (r(), a("li", Zb, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: o.lastDisabled, ghost: "", class: D({ disabled: o.lastDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", Sb, [y(e.$slots, "right")])], 4);
-}, c2.__scopeId = "data-v-aa907072", c2.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
-var d2 = { components: { BIMDataNavigation: c2, BIMDataButton: y1 }, props: { length: { type: Number, required: !0 }, currentPage: { type: Number, required: !0 }, totalPages: { type: Number, required: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: !0, validator: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
+  return r(), a("ul", { class: "bimdata-list bimdata-navigation", style: H({ "background-color": o.backgroundColor }) }, [t("li", Bb, [_(e.$slots, "left")]), o.first ? (r(), a("li", kb, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: o.firstDisabled, ghost: "", class: V({ disabled: o.firstDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.previous ? (r(), a("li", wb, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: o.previousDisabled, ghost: "", class: V({ disabled: o.previousDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", null, [_(e.$slots, "default")]), o.next ? (r(), a("li", xb, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: o.nextDisabled, ghost: "", class: V({ disabled: o.nextDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o.last ? (r(), a("li", Zb, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: o.lastDisabled, ghost: "", class: V({ disabled: o.lastDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), t("li", Sb, [_(e.$slots, "right")])], 4);
+}, d2.__scopeId = "data-v-aa907072", d2.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
+var u2 = { components: { BIMDataNavigation: d2, BIMDataButton: _1 }, props: { length: { type: Number, required: !0 }, currentPage: { type: Number, required: !0 }, totalPages: { type: Number, required: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: !0, validator: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
   return this.perPage * (this.currentPage - 1) + 1;
 }, lastIndex() {
   return Math.min(this.firstIndex + this.perPage - 1, this.length);
@@ -12253,11 +12248,11 @@ X(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
 }
 .bimdata-pagination__item.active .bimdata-btn[data-v-45066753] {
   font-weight: 700;
-}`), d2.render = function(e, n, o, l, s, i) {
+}`), u2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataNavigation");
-  return r(), k(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, a5({ default: f(() => [t("span", Ab, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [A(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [A(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
-}, d2.__scopeId = "data-v-45066753", d2.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
-var u2 = { props: ["size", "border"], methods: { getStyle() {
+  return r(), B(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, l5({ default: f(() => [t("span", Ab, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [A(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [A(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
+}, u2.__scopeId = "data-v-45066753", u2.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
+var C2 = { props: ["size", "border"], methods: { getStyle() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
@@ -12409,10 +12404,10 @@ X(`@-webkit-keyframes bimdataspinner {
   border: 2px var(--color-primary) solid;
   -webkit-animation: bimdataspinner 1.4s linear infinite;
           animation: bimdataspinner 1.4s linear infinite;
-}`), u2.render = function(e, n, o, l, s, i) {
-  return r(), a("div", Tb, [t("div", { class: "bimdata-spinner--square", style: V(i.getStyle()) }, null, 4)]);
-}, u2.__scopeId = "data-v-162f2cc6", u2.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
-var C2 = { components: { BIMDataPagination: d2, BIMDataSpinner: u2 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
+}`), C2.render = function(e, n, o, l, s, i) {
+  return r(), a("div", Tb, [t("div", { class: "bimdata-spinner--square", style: H(i.getStyle()) }, null, 4)]);
+}, C2.__scopeId = "data-v-162f2cc6", C2.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
+var p2 = { components: { BIMDataPagination: u2, BIMDataSpinner: C2 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
   return this.list.length ? Math.ceil(this.list.length / this.perPage) : 0;
 }, page() {
   const e = this.perPage * (this.currentPage - 1), n = e + this.perPage;
@@ -12536,11 +12531,11 @@ X(`.bimdata-paginated-list[data-v-3ab4d75d] {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-}`), C2.render = function(e, n, o, l, s, i) {
+}`), p2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataSpinner"), u = g("BIMDataPagination");
-  return r(), a("div", $b, [o.loading ? (r(), k(c, { key: 0 })) : (r(), a("div", Nb, [y(e.$slots, "header"), t("ul", Rb, [(r(!0), a(E, null, W(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [y(e.$slots, "element", { element: d }, () => [A(b(d && d.toString()), 1)])], 8, Ob))), 128))]), o.list.length === 0 ? y(e.$slots, "empty", { key: 0 }) : M("v-if", !0), i.totalPages > 1 ? (r(), k(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
-}, C2.__scopeId = "data-v-3ab4d75d", C2.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
-var p2 = { components: { BIMDataIconChevron: A1, BIMDataPaginatedList: C2, BIMDataButton: y1 }, directives: { clickaway: Cb }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10 }, elementKey: { type: String }, disabled: { type: Boolean, default: !1 }, transitionName: { type: String, default: "up", validator: (e) => ["up", "down"].includes(e) }, directionClass: { type: String, default: "down", validator: (e) => ["down", "up", "right", "left"].includes(e) }, loading: { type: Boolean, default: !1 }, closeOnElementClick: { type: Boolean, default: !1 }, width: { type: String, default: "220px" }, height: { type: String, default: "36px" } }, emits: ["element-click"], data: () => ({ displayed: !1 }), computed: { style() {
+  return r(), a("div", $b, [o.loading ? (r(), B(c, { key: 0 })) : (r(), a("div", Nb, [_(e.$slots, "header"), t("ul", Rb, [(r(!0), a(O, null, W(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [_(e.$slots, "element", { element: d }, () => [A(b(d && d.toString()), 1)])], 8, Ob))), 128))]), o.list.length === 0 ? _(e.$slots, "empty", { key: 0 }) : M("v-if", !0), i.totalPages > 1 ? (r(), B(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
+}, p2.__scopeId = "data-v-3ab4d75d", p2.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
+var h2 = { components: { BIMDataIconChevron: T1, BIMDataPaginatedList: p2, BIMDataButton: _1 }, directives: { clickaway: Cb }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10 }, elementKey: { type: String }, disabled: { type: Boolean, default: !1 }, transitionName: { type: String, default: "up", validator: (e) => ["up", "down"].includes(e) }, directionClass: { type: String, default: "down", validator: (e) => ["down", "up", "right", "left"].includes(e) }, loading: { type: Boolean, default: !1 }, closeOnElementClick: { type: Boolean, default: !1 }, width: { type: String, default: "220px" }, height: { type: String, default: "36px" } }, emits: ["element-click"], data: () => ({ displayed: !1 }), computed: { style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 }, iconRotation() {
   return this.displayed ? this.directionClass === "up" ? -90 : 90 : 0;
@@ -12894,10 +12889,10 @@ X(`.slide-fade-up-enter-active,
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-}`), p2.render = function(e, n, o, l, s, i) {
-  const c = g("BIMDataIconChevron"), u = g("BIMDataButton"), d = g("BIMDataPaginatedList"), C = O1("clickaway");
-  return j((r(), a("div", { class: "bimdata-dropdown-list", direction: o.directionClass, closeOnElementClick: o.closeOnElementClick, style: V(i.style) }, [t("div", { class: D(["bimdata-dropdown-list__content", { active: s.displayed, disabled: o.disabled }]), onClick: n[0] || (n[0] = (...L) => i.onHeaderClick && i.onHeaderClick(...L)), style: V(i.style) }, [y(e.$slots, "header", { isOpen: s.displayed }), p(u, { color: "default", icon: "", radius: "", fill: "", width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: i.iconRotation }, null, 8, ["rotate"])]), _: 1 }), y(e.$slots, "contentAfterBtn", { isOpen: s.displayed })], 6), p(a1, { name: `slide-fade-${o.transitionName}`, persisted: "" }, { default: f(() => [j(p(d, { class: D(`submenu submenu--${o.directionClass}`), list: o.list, perPage: o.perPage, elementKey: o.elementKey, onElementClick: i.onElementClick, loading: o.loading }, { element: f(({ element: L }) => [y(e.$slots, "element", { element: L, close: i.away, isOpen: s.displayed })]), _: 3 }, 8, ["class", "list", "perPage", "elementKey", "onElementClick", "loading"]), [[e1, s.displayed]])]), _: 3 }, 8, ["name"])], 12, Eb)), [[C, i.away]]);
-}, p2.__scopeId = "data-v-0368297d", p2.__file = "src/BIMDataComponents/BIMDataDropdownList/BIMDataDropdownList.vue";
+}`), h2.render = function(e, n, o, l, s, i) {
+  const c = g("BIMDataIconChevron"), u = g("BIMDataButton"), d = g("BIMDataPaginatedList"), C = E1("clickaway");
+  return j((r(), a("div", { class: "bimdata-dropdown-list", direction: o.directionClass, closeOnElementClick: o.closeOnElementClick, style: H(i.style) }, [t("div", { class: V(["bimdata-dropdown-list__content", { active: s.displayed, disabled: o.disabled }]), onClick: n[0] || (n[0] = (...L) => i.onHeaderClick && i.onHeaderClick(...L)), style: H(i.style) }, [_(e.$slots, "header", { isOpen: s.displayed }), p(u, { color: "default", icon: "", radius: "", fill: "", width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: i.iconRotation }, null, 8, ["rotate"])]), _: 1 }), _(e.$slots, "contentAfterBtn", { isOpen: s.displayed })], 6), p(a1, { name: `slide-fade-${o.transitionName}`, persisted: "" }, { default: f(() => [j(p(d, { class: V(`submenu submenu--${o.directionClass}`), list: o.list, perPage: o.perPage, elementKey: o.elementKey, onElementClick: i.onElementClick, loading: o.loading }, { element: f(({ element: L }) => [_(e.$slots, "element", { element: L, close: i.away, isOpen: s.displayed })]), _: 3 }, 8, ["class", "list", "perPage", "elementKey", "onElementClick", "loading"]), [[n1, s.displayed]])]), _: 3 }, 8, ["name"])], 12, Eb)), [[C, i.away]]);
+}, h2.__scopeId = "data-v-0368297d", h2.__file = "src/BIMDataComponents/BIMDataDropdownList/BIMDataDropdownList.vue";
 const Fb = {
   props: {
     user: {
@@ -12920,7 +12915,7 @@ const Fb = {
   },
   setup(e) {
     return {
-      initials: F(
+      initials: E(
         () => `${e.user.firstname && e.user.firstname[0] || ""}${e.user.lastname && e.user.lastname[0] || ""}`.toUpperCase()
       )
     };
@@ -12929,8 +12924,8 @@ const Fb = {
 function Ub(e, n, o, l, s, i) {
   const c = g("BIMDataIcon");
   return r(), a("div", {
-    class: D(["user-avatar", `user-avatar--${o.user.profile_picture ? "silver-light" : o.color}`]),
-    style: V({
+    class: V(["user-avatar", `user-avatar--${o.user.profile_picture ? "silver-light" : o.color}`]),
+    style: H({
       width: `${o.size}px`,
       height: `${o.size}px`,
       fontSize: `${o.initialsSize ? o.initialsSize : +o.size * 0.382}px`
@@ -12939,22 +12934,22 @@ function Ub(e, n, o, l, s, i) {
     o.user.profile_picture ? (r(), a("img", {
       key: 0,
       src: o.user.profile_picture
-    }, null, 8, Pb)) : l.initials ? (r(), a(E, { key: 1 }, [
+    }, null, 8, Pb)) : l.initials ? (r(), a(O, { key: 1 }, [
       A(b(l.initials), 1)
-    ], 64)) : (r(), k(c, {
+    ], 64)) : (r(), B(c, {
       key: 2,
       name: "user",
       size: "xs"
     }))
   ], 6);
 }
-const n3 = /* @__PURE__ */ Y(Fb, [["render", Ub], ["__scopeId", "data-v-3c02f1a9"]]);
+const n3 = /* @__PURE__ */ G(Fb, [["render", Ub], ["__scopeId", "data-v-3c02f1a9"]]);
 const zb = {
   components: {
     BIMDataButton: J,
     BIMDataIcon: Q,
     BIMDataLoading: g1,
-    BIMDataTextarea: I1,
+    BIMDataTextarea: y1,
     BIMDataTextbox: d1,
     UserAvatar: n3
   },
@@ -12978,7 +12973,7 @@ const zb = {
   },
   emits: ["comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: n }) {
-    const o = T1("getViewers", () => ({})), l = T1("$viewer"), s = U1(), i = w(!1), c = w(!1), u = () => c.value = !1, d = () => c.value = !c.value, C = w(e.comment.comment), L = w(null), h = async () => {
+    const o = $1("getViewers", () => ({})), l = $1("$viewer"), s = z1(), i = w(!1), c = w(!1), u = () => c.value = !1, d = () => c.value = !c.value, C = w(e.comment.comment), L = w(null), h = async () => {
       L.value = await s.fetchTopicCommentViewpoint(
         e.project,
         e.topic,
@@ -12986,25 +12981,25 @@ const zb = {
       );
     }, m = w(!1), v = () => {
       m.value = !0, u();
-    }, I = () => {
+    }, y = () => {
       m.value = !1, C.value = e.comment.comment;
-    }, B = async () => {
+    }, D = async () => {
       L.value.guid && await s.deleteViewpoint(e.project, e.topic, L.value), L.value = null;
-    }, $ = w(!1), T = w([]), Z = (O) => {
-      O.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", O.$viewer.localContext.el.style.boxSizing = "border-box", O.$viewer.localContext.el.style.opacity = ".85";
-    }, U = (O) => {
-      O.$viewer.localContext.el.style.border = "", O.$viewer.localContext.el.style.boxSizing = "", O.$viewer.localContext.el.style.opacity = "";
+    }, $ = w(!1), T = w([]), x = (R) => {
+      R.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", R.$viewer.localContext.el.style.boxSizing = "border-box", R.$viewer.localContext.el.style.opacity = ".85";
+    }, U = (R) => {
+      R.$viewer.localContext.el.style.border = "", R.$viewer.localContext.el.style.boxSizing = "", R.$viewer.localContext.el.style.opacity = "";
     }, l1 = async () => {
       T.value.length === 1 ? await q(T.value[0]) : T.value.length > 1 && ($.value = !0);
-    }, q = async ({ id: O, viewer: z }) => {
+    }, q = async ({ id: R, viewer: z }) => {
       U(z), $.value = !1;
-      const [G] = Object.entries(P1).find(([, o1]) => o1.plugin === O);
+      const [P] = Object.entries(U1).find(([, e1]) => e1.plugin === R);
       L.value = Object.assign(await z.getViewpoint(), {
-        [E1]: G,
-        [F1]: z.getLoadedModels().map((o1) => o1.id).join(",")
+        [F1]: P,
+        [P1]: z.getLoadedModels().map((e1) => e1.id).join(",")
       });
-    }, t1 = async () => {
-      var O;
+    }, r1 = async () => {
+      var R;
       try {
         if (e.comment.comment === C.value && !L.value) {
           m.value = !1;
@@ -13020,7 +13015,7 @@ const zb = {
             e.project,
             e.topic,
             e.comment,
-            { comment: C.value, viewpoint_guid: (O = L.value) == null ? void 0 : O.guid }
+            { comment: C.value, viewpoint_guid: (R = L.value) == null ? void 0 : R.guid }
           );
           n("comment-updated", z);
         }
@@ -13028,15 +13023,15 @@ const zb = {
       } finally {
         i.value = !1;
       }
-    }, i1 = w(!1), P = () => {
+    }, i1 = w(!1), F = () => {
       i1.value = !0, u();
-    }, H = async () => {
+    }, Y = async () => {
       try {
         i.value = !0, await s.deleteComment(e.project, e.topic, e.comment), n("comment-deleted", e.comment), i1.value = !1;
       } finally {
         i.value = !1;
       }
-    }, _ = (O) => {
+    }, I = (R) => {
       l ? l.globalContext.modals.pushModal(
         {
           template: '<img :src="viewpoint.snapshot.snapshot_data" />',
@@ -13047,23 +13042,23 @@ const zb = {
             }
           }
         },
-        { viewpoint: O }
-      ) : n("view-comment-snapshot", O);
+        { viewpoint: R }
+      ) : n("view-comment-snapshot", R);
     };
-    let x, R;
-    return l5(async () => {
+    let k, Z;
+    return i5(async () => {
       if (e.comment.viewpoint_guid && await h(), l) {
-        const O = () => Object.entries(o()).map(
-          ([z, G]) => G.map((o1, b5) => ({ key: `${z}-${b5}`, id: z, index: b5, viewer: o1 }))
+        const R = () => Object.entries(o()).map(
+          ([z, P]) => P.map((e1, v1) => ({ key: `${z}-${v1}`, id: z, index: v1, viewer: e1 }))
         ).flat();
-        T.value = O(), x = l.globalContext.hub.on("plugin-created", () => {
-          T.value = O();
-        }), R = l.globalContext.hub.on("plugin-destroyed", () => {
-          T.value = O();
+        T.value = R(), k = l.globalContext.hub.on("plugin-created", () => {
+          T.value = R();
+        }), Z = l.globalContext.hub.on("plugin-destroyed", () => {
+          T.value = R();
         });
       }
     }), R5(() => {
-      l && (l.globalContext.hub.off(x), l.globalContext.hub.off(R));
+      l && (l.globalContext.hub.off(k), l.globalContext.hub.off(Z));
     }), {
       // References
       isDeleting: i1,
@@ -13076,17 +13071,17 @@ const zb = {
       viewerSelectVisible: $,
       viewpoint: L,
       // Methods
-      cancelUpdate: I,
+      cancelUpdate: y,
       closeMenu: u,
       createViewpoint: q,
-      deleteViewpoint: B,
-      highlightViewer: Z,
-      onOpenDelete: P,
+      deleteViewpoint: D,
+      highlightViewer: x,
+      onOpenDelete: F,
       onOpenEdit: v,
-      openCommentSnapshot: _,
+      openCommentSnapshot: I,
       setCommentViewpoint: l1,
-      submitDelete: H,
-      submitUpdate: t1,
+      submitDelete: Y,
+      submitUpdate: r1,
       toggleMenu: d,
       loadViewpoint: h,
       unhighlightViewer: U
@@ -13110,7 +13105,7 @@ function ig(e, n, o, l, s, i) {
   return r(), a("div", Yb, [
     t("div", Xb, [
       t("div", Wb, [
-        o.comment.user ? (r(), k(c, {
+        o.comment.user ? (r(), B(c, {
           key: 0,
           class: "m-r-12",
           style: { "box-shadow": "var(--box-shadow)" },
@@ -13136,9 +13131,9 @@ function ig(e, n, o, l, s, i) {
         t("span", qb, b(e.$d(o.comment.date, "long")), 1)
       ]),
       t("div", Jb, [
-        o.currentUserEmail === o.comment.author ? (r(), a(E, { key: 0 }, [
+        o.currentUserEmail === o.comment.author ? (r(), a(O, { key: 0 }, [
           t("div", Qb, [
-            l.showMenu ? (r(), a(E, { key: 0 }, [
+            l.showMenu ? (r(), a(O, { key: 0 }, [
               p(C, {
                 ghost: "",
                 rounded: "",
@@ -13188,7 +13183,7 @@ function ig(e, n, o, l, s, i) {
                 _: 1
               }, 8, ["onClick"])
             ], 64)) : M("", !0),
-            l.isEditing ? (r(), a(E, { key: 1 }, [
+            l.isEditing ? (r(), a(O, { key: 1 }, [
               p(C, {
                 ghost: "",
                 rounded: "",
@@ -13256,7 +13251,7 @@ function ig(e, n, o, l, s, i) {
               })
             ])
           ])) : M("", !0),
-          !l.showMenu && !l.isDeleting && !l.isEditing ? (r(), k(C, {
+          !l.showMenu && !l.isDeleting && !l.isEditing ? (r(), B(C, {
             key: 1,
             class: "topic-comment__header__right__btn",
             rounded: "",
@@ -13278,7 +13273,7 @@ function ig(e, n, o, l, s, i) {
     ]),
     t("div", tg, [
       p(L, {
-        class: D({ editing: l.isEditing }),
+        class: V({ editing: l.isEditing }),
         width: "100%",
         rows: "1",
         modelValue: l.text,
@@ -13300,7 +13295,7 @@ function ig(e, n, o, l, s, i) {
             color: "default"
           })
         ])),
-        l.viewerSelectVisible ? (r(), k(h, {
+        l.viewerSelectVisible ? (r(), B(h, {
           key: 1,
           list: l.viewerSelectOptions,
           elementKey: "key",
@@ -13313,8 +13308,8 @@ function ig(e, n, o, l, s, i) {
           element: f(({ element: v }) => [
             t("div", {
               style: { width: "100%" },
-              onMouseenter: (I) => l.highlightViewer(v.viewer),
-              onMouseleave: (I) => l.unhighlightViewer(v.viewer)
+              onMouseenter: (y) => l.highlightViewer(v.viewer),
+              onMouseleave: (y) => l.unhighlightViewer(v.viewer)
             }, b(`${v.id} (${v.index})`), 41, og)
           ]),
           _: 1
@@ -13325,7 +13320,7 @@ function ig(e, n, o, l, s, i) {
           src: l.viewpoint.snapshot.snapshot_data,
           onClick: n[3] || (n[3] = (v) => l.openCommentSnapshot(l.viewpoint))
         }, null, 8, lg),
-        l.isEditing ? (r(), k(C, {
+        l.isEditing ? (r(), B(C, {
           key: 0,
           class: "btn-delete",
           fill: "",
@@ -13345,17 +13340,17 @@ function ig(e, n, o, l, s, i) {
         }, 8, ["onClick"])) : M("", !0)
       ])) : M("", !0)
     ]),
-    l.loading ? (r(), k(m, { key: 0 })) : M("", !0)
+    l.loading ? (r(), B(m, { key: 0 })) : M("", !0)
   ]);
 }
-const sg = /* @__PURE__ */ Y(zb, [["render", ig], ["__scopeId", "data-v-3aa40e45"]]);
+const sg = /* @__PURE__ */ G(zb, [["render", ig], ["__scopeId", "data-v-3aa40e45"]]);
 const cg = {
   components: {
     BIMDataButton: J,
-    BIMDataDropdownList: p2,
+    BIMDataDropdownList: h2,
     BIMDataIcon: Q,
     BIMDataLoading: g1,
-    BIMDataTextarea: I1,
+    BIMDataTextarea: y1,
     TopicComment: sg
   },
   props: {
@@ -13378,63 +13373,63 @@ const cg = {
   },
   emis: ["comment-created", "comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: n }) {
-    const o = U1(), l = w([]), s = w(!1), i = w(!1), c = w(null), u = w(""), d = w(null), C = async () => {
+    const o = z1(), l = w([]), s = w(!1), i = w(!1), c = w(null), u = w(""), d = w(null), C = async () => {
       l.value = await o.fetchTopicComments(e.project, e.topic);
-    }, L = T1("getViewers", () => ({})), h = T1("$viewer"), m = w(!1), v = w([]), I = (P) => {
-      P.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", P.$viewer.localContext.el.style.boxSizing = "border-box", P.$viewer.localContext.el.style.opacity = ".85";
-    }, B = (P) => {
-      P.$viewer.localContext.el.style.border = "", P.$viewer.localContext.el.style.boxSizing = "", P.$viewer.localContext.el.style.opacity = "";
+    }, L = $1("getViewers", () => ({})), h = $1("$viewer"), m = w(!1), v = w([]), y = (F) => {
+      F.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", F.$viewer.localContext.el.style.boxSizing = "border-box", F.$viewer.localContext.el.style.opacity = ".85";
+    }, D = (F) => {
+      F.$viewer.localContext.el.style.border = "", F.$viewer.localContext.el.style.boxSizing = "", F.$viewer.localContext.el.style.opacity = "";
     }, $ = async () => {
       v.value.length === 1 ? await T(v.value[0]) : v.value.length > 1 && (m.value = !0);
-    }, T = async ({ id: P, viewer: H }) => {
-      B(H), m.value = !1;
-      const [_] = Object.entries(P1).find(([, x]) => x.plugin === P);
-      d.value = Object.assign(await H.getViewpoint(), {
-        [E1]: _,
-        [F1]: H.getLoadedModels().map((x) => x.id).join(",")
+    }, T = async ({ id: F, viewer: Y }) => {
+      D(Y), m.value = !1;
+      const [I] = Object.entries(U1).find(([, k]) => k.plugin === F);
+      d.value = Object.assign(await Y.getViewpoint(), {
+        [F1]: I,
+        [P1]: Y.getLoadedModels().map((k) => k.id).join(",")
       });
-    }, Z = () => {
+    }, x = () => {
       d.value = null;
     }, U = async () => {
-      var P;
+      var F;
       try {
         i.value = !0, d.value && (d.value = await o.createViewpoint(
           e.project,
           e.topic,
           d.value
         ));
-        const H = await o.createComment(e.project, e.topic, {
+        const Y = await o.createComment(e.project, e.topic, {
           comment: u.value,
-          viewpoint_guid: (P = d.value) == null ? void 0 : P.guid
+          viewpoint_guid: (F = d.value) == null ? void 0 : F.guid
         });
-        C(), n("comment-created", H), s.value = !1, u.value = "";
+        C(), n("comment-created", Y), s.value = !1, u.value = "";
       } finally {
         i.value = !1, d.value = null;
       }
-    }, l1 = (P) => {
-      C(), n("comment-updated", P);
-    }, q = (P) => {
-      C(), n("comment-deleted", P);
+    }, l1 = (F) => {
+      C(), n("comment-updated", F);
+    }, q = (F) => {
+      C(), n("comment-deleted", F);
     };
     c1(
       () => e.topic,
       () => C(),
       { immediate: !0 }
     ), c1(s, () => setTimeout(() => s.value && c.value.focus(), 50));
-    let t1, i1;
-    return l5(() => {
+    let r1, i1;
+    return i5(() => {
       if (h) {
-        const P = () => Object.entries(L()).map(
-          ([H, _]) => _.map((x, R) => ({ key: `${H}-${R}`, id: H, index: R, viewer: x }))
+        const F = () => Object.entries(L()).map(
+          ([Y, I]) => I.map((k, Z) => ({ key: `${Y}-${Z}`, id: Y, index: Z, viewer: k }))
         ).flat();
-        v.value = P(), t1 = h.globalContext.hub.on("plugin-created", () => {
-          v.value = P();
+        v.value = F(), r1 = h.globalContext.hub.on("plugin-created", () => {
+          v.value = F();
         }), i1 = h.globalContext.hub.on("plugin-destroyed", () => {
-          v.value = P();
+          v.value = F();
         });
       }
     }), R5(() => {
-      h && (h.globalContext.hub.off(t1), h.globalContext.hub.off(i1));
+      h && (h.globalContext.hub.off(r1), h.globalContext.hub.off(i1));
     }), {
       // References
       comments: l,
@@ -13448,14 +13443,14 @@ const cg = {
       isViewer: !!h,
       // Methods
       createViewpoint: T,
-      deleteViewpoint: Z,
-      highlightViewer: I,
+      deleteViewpoint: x,
+      highlightViewer: y,
       loadComments: C,
       onCommentDeleted: q,
       onCommentUpdated: l1,
       setCommentViewpoint: $,
       submitComment: U,
-      unhighlightViewer: B
+      unhighlightViewer: D
     };
   }
 }, dg = { class: "bcf-topic-comments" }, ug = {
@@ -13468,7 +13463,7 @@ const cg = {
 function yg(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataTextarea"), d = g("BIMDataIcon"), C = g("BIMDataDropdownList"), L = g("TopicComment"), h = g("BIMDataLoading");
   return r(), a("div", dg, [
-    o.uiConfig.commentCreation ? (r(), a(E, { key: 0 }, [
+    o.uiConfig.commentCreation ? (r(), a(O, { key: 0 }, [
       l.isOpen ? (r(), a("div", ug, [
         t("p", Cg, b(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
         t("div", pg, [
@@ -13517,7 +13512,7 @@ function yg(e, n, o, l, s, i) {
                   color: "default"
                 })
               ])) : M("", !0),
-              l.viewerSelectVisible && l.isViewer ? (r(), k(C, {
+              l.viewerSelectVisible && l.isViewer ? (r(), B(C, {
                 key: 1,
                 list: l.viewerSelectOptions,
                 elementKey: "key",
@@ -13565,7 +13560,7 @@ function yg(e, n, o, l, s, i) {
             ])
           ])
         ])
-      ])) : (r(), k(c, {
+      ])) : (r(), B(c, {
         key: 0,
         width: "100%",
         color: "primary",
@@ -13582,7 +13577,7 @@ function yg(e, n, o, l, s, i) {
     t("div", mg, [
       t("p", Mg, b((l.comments ? l.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
       l.comments && l.comments.length ? (r(), a("div", Ig, [
-        (r(!0), a(E, null, W(l.comments, (m) => (r(), k(L, {
+        (r(!0), a(O, null, W(l.comments, (m) => (r(), B(L, {
           key: m.guid,
           project: o.project,
           topic: o.topic,
@@ -13594,17 +13589,17 @@ function yg(e, n, o, l, s, i) {
         }, null, 8, ["project", "topic", "comment", "currentUserEmail", "onCommentUpdated", "onCommentDeleted"]))), 128))
       ])) : M("", !0)
     ]),
-    l.loading ? (r(), k(h, { key: 1 })) : M("", !0)
+    l.loading ? (r(), B(h, { key: 1 })) : M("", !0)
   ]);
 }
-const _g = /* @__PURE__ */ Y(cg, [["render", yg], ["__scopeId", "data-v-3a4be1cd"]]);
-var Hg = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), h2 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Hg.includes(e) } }, emits: ["click"], computed: { classes() {
+const _g = /* @__PURE__ */ G(cg, [["render", yg], ["__scopeId", "data-v-3a4be1cd"]]);
+var Hg = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), b2 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => Hg.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const Vg = ["color"];
-function G1(e, n) {
+function Y1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -13612,7 +13607,7 @@ function G1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-G1(`/* base COLORS --------------------------------------------- */
+Y1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -13770,7 +13765,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-G1(`.bimdata-btn {
+Y1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -14073,9 +14068,9 @@ G1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), h2.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, Vg);
-}, h2.__scopeId = "data-v-3f903003", h2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), b2.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Vg);
+}, b2.__scopeId = "data-v-3f903003", b2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Dg = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" }, Bg = { render: function(e, n) {
   return r(), a("path", Dg);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, kg = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, wg = { render: function(e, n) {
@@ -14403,7 +14398,7 @@ const Dg = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var S5 = { addFile: Bg, addFolder: wg, addUser: Zg, alphabeticalAscending: Ag, alphabeticalDescending: $g, alphabeticalSort: Rg, alt: Eg, angle: Pg, api: zg, app: Yg, archive: Wg, arrow: Kg, attach: Jg, backInTime: nf, bcf: rf, building: af, burgerMenu: sf, calendar: df, caliper: Cf, camera: hf, cancelCamera: gf, check: Lf, chevron: mf, classificationCategorie: If, classificationElement: _f, click: Vf, close: Bf, cloud: wf, color: Zf, comment: Af, cursor: $f, dateAscending: Rf, dateDescending: Ef, default: Pf, delete: zf, deniedFile: Yf, deploy: Wf, detach: Kf, distance: Jf, doubleChevron: eL, down: tL, download: oL, drag: lL, edit: sL, ellipsis: dL, expanded: CL, explosion: hL, export: gL, exportIfc: LL, failed: mL, filter: IL, fitView: _L, folder: VL, folderMove: BL, folderOpen: wL, fullscreen: ZL, grid: AL, group: $L, hide: RL, ifc: EL, ifcFile: PL, import: zL, indexAscending: YL, indexDescending: WL, information: KL, inProgressFile: JL, invitation: ev, isolate: tv, key: ov, left: lv, linkedDocument: sv, list: dv, listManage: Cv, location: hv, lock: gv, logout: Lv, measure: mv, minus: Iv, model3d: _v, organization: Vv, parameters: Bv, path: wv, pieGraph: Zv, pipette: Av, plus: $v, project: Rv, quickSelect: Ev, readonlyFolder: Pv, redo: zv, reduced: Yv, refresh: Wv, reprocessIfc: Kv, reset: Jv, right: em, rules: tm, sandglass: om, save: lm, screenConfig: sm, screenshot: dm, search: Cm, section: hm, settings: gm, share: Lm, show: mm, showSelected: Im, smartview: _m, socotec: Vm, space: Bm, split: wm, storey: Zm, success: Am, surface: $m, swap: Rm, synchro2d: Em, system: Pm, tag: Gm, translate: Xm, tree: jm, unarchive: qm, undo: Qm, union: nM, up: rM, upload: aM, user: iM, validate: cM, validatedFile: uM, versioning: hM, video: gM, visa: LM, warning: mM, windowBottom: IM, windowed: _M, windowLeft: VM, windowRight: BM, windowTop: wM, zone: ZM, bcfPolychrome: AM, createWindowPolychrome: $M, docInfoPolychrome: RM, fileDwgPolychrome: EM, fileDxfPolychrome: PM, fileIfcPolychrome: zM, fileImagePolychrome: YM, fileJpegPolychrome: WM, filePdfPolychrome: KM, filePngPolychrome: JM, filePointCloudPolychrome: eI, filePlanPolychrome: tI, folderPolychrome: oI, structurePolychrome: lI, viewer2dPolychrome: sI, viewer3dPolychrome: dI }, uI = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const A5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var b2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var g2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(S5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(S5).includes(e) }, color: { type: String, default: "default", validator: (e) => uI.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(A5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -14414,7 +14409,7 @@ var b2 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : A5[this.size];
 } } };
 const CI = ["fill", "color"];
-G1(`/* base COLORS --------------------------------------------- */
+Y1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -14483,7 +14478,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-G1(`.icon-fill--black {
+Y1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -14566,10 +14561,10 @@ G1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), b2.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: D(i.classes), style: V(i.style) }, [(r(), k(f1(`bimdata-icon-${o.name}`)))], 14, CI);
-}, b2.__scopeId = "data-v-1312d4d1", b2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var g2 = { components: { BIMDataButton: h2, BIMDataIcon: b2 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
+}`), g2.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: H(i.style) }, [(r(), B(f1(`bimdata-icon-${o.name}`)))], 14, CI);
+}, g2.__scopeId = "data-v-1312d4d1", g2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var f2 = { components: { BIMDataButton: b2, BIMDataIcon: g2 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
   this.distributeItems();
 } }, mounted() {
   this.distributeItems(), this.resizeObserver = new ResizeObserver(() => this.distributeItems()), this.resizeObserver.observe(this.$refs.slider), this.mutationObserver = new MutationObserver(() => this.distributeItems()), this.mutationObserver.observe(this.$refs.slider, { childList: !0 });
@@ -14591,7 +14586,7 @@ var g2 = { components: { BIMDataButton: h2, BIMDataIcon: b2 }, props: { sliderPa
   }
 } } };
 const pI = { class: "bimdata-carousel" }, hI = { class: "bimdata-carousel__container" };
-G1(`.bimdata-carousel[data-v-b82c72c2] {
+Y1(`.bimdata-carousel[data-v-b82c72c2] {
   --button-size: 44px;
   position: relative;
 }
@@ -14621,14 +14616,14 @@ G1(`.bimdata-carousel[data-v-b82c72c2] {
 }
 .bimdata-carousel__btn-next[data-v-b82c72c2] {
   right: calc(0px - var(--button-size) / 2);
-}`), g2.render = function(e, n, o, l, s, i) {
+}`), f2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", pI, [j(p(u, { class: "bimdata-carousel__btn-prev", color: "default", fill: "", rounded: "", icon: "", onClick: n[0] || (n[0] = (d) => s.index--) }, { default: f(() => [p(c, { name: "chevron", size: "s", rotate: 180 })]), _: 1 }, 512), [[e1, s.index > 0]]), t("div", hI, [t("div", { class: "bimdata-carousel__container__slider", ref: "slider", style: V({ transform: `translateX(-${s.translations[s.index]}px)` }) }, [y(e.$slots, "default")], 4)]), j(p(u, { class: "bimdata-carousel__btn-next", color: "default", fill: "", rounded: "", icon: "", onClick: n[1] || (n[1] = (d) => s.index++) }, { default: f(() => [p(c, { name: "chevron", size: "s" })]), _: 1 }, 512), [[e1, s.index < s.maxIndex]])]);
-}, g2.__scopeId = "data-v-b82c72c2", g2.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
+  return r(), a("div", pI, [j(p(u, { class: "bimdata-carousel__btn-prev", color: "default", fill: "", rounded: "", icon: "", onClick: n[0] || (n[0] = (d) => s.index--) }, { default: f(() => [p(c, { name: "chevron", size: "s", rotate: 180 })]), _: 1 }, 512), [[n1, s.index > 0]]), t("div", hI, [t("div", { class: "bimdata-carousel__container__slider", ref: "slider", style: H({ transform: `translateX(-${s.translations[s.index]}px)` }) }, [_(e.$slots, "default")], 4)]), j(p(u, { class: "bimdata-carousel__btn-next", color: "default", fill: "", rounded: "", icon: "", onClick: n[1] || (n[1] = (d) => s.index++) }, { default: f(() => [p(c, { name: "chevron", size: "s" })]), _: 1 }, 512), [[n1, s.index < s.maxIndex]])]);
+}, f2.__scopeId = "data-v-b82c72c2", f2.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
 const bI = {
   components: {
-    BcfTopicDefaultImage: u5,
-    BIMDataCarousel: g2,
+    BcfTopicDefaultImage: C5,
+    BIMDataCarousel: f2,
     BIMDataIcon: Q
   },
   props: {
@@ -14645,7 +14640,7 @@ const bI = {
     "view-topic-viewpoint"
   ],
   setup(e) {
-    const n = F(
+    const n = E(
       () => (e.topic.viewpoints ?? []).filter((l) => l.snapshot).map((l) => {
         var s;
         return {
@@ -14656,24 +14651,24 @@ const bI = {
     );
     return {
       // References
-      statusColor: F(
-        () => c5(e.topic, e.detailedExtensions)
+      statusColor: E(
+        () => d5(e.topic, e.detailedExtensions)
       ),
       viewpoints: n,
       // Methods
-      adjustTextColor: I2
+      adjustTextColor: y2
     };
   }
 }, gI = ["src", "onClick"];
 function fI(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataCarousel"), d = g("BcfTopicDefaultImage");
   return r(), a("div", {
-    class: D(["bcf-topic-viewpoints", { empty: l.viewpoints.length === 0 }])
+    class: V(["bcf-topic-viewpoints", { empty: l.viewpoints.length === 0 }])
   }, [
     o.topic.topic_status ? (r(), a("div", {
       key: 0,
       class: "status-badge",
-      style: V({
+      style: H({
         backgroundColor: `#${l.statusColor}`,
         color: l.adjustTextColor(`#${l.statusColor}`, "#FFF", "#2F374A")
       })
@@ -14685,12 +14680,12 @@ function fI(e, n, o, l, s, i) {
       }),
       t("span", null, b(o.topic.topic_status), 1)
     ], 4)) : M("", !0),
-    l.viewpoints.length > 0 ? (r(), k(u, {
+    l.viewpoints.length > 0 ? (r(), B(u, {
       key: 1,
       sliderPadding: 0
     }, {
       default: f(() => [
-        (r(!0), a(E, null, W(l.viewpoints, (C) => (r(), a("div", {
+        (r(!0), a(O, null, W(l.viewpoints, (C) => (r(), a("div", {
           class: "snapshot-preview",
           key: C.guid
         }, [
@@ -14699,7 +14694,7 @@ function fI(e, n, o, l, s, i) {
             src: C.snapshot.snapshot_data,
             onClick: (L) => e.$emit("view-topic-viewpoint", C)
           }, null, 8, gI)) : M("", !0),
-          C.icon ? (r(), k(c, {
+          C.icon ? (r(), B(c, {
             key: 1,
             class: "icon",
             name: C.icon,
@@ -14708,22 +14703,22 @@ function fI(e, n, o, l, s, i) {
         ]))), 128))
       ]),
       _: 1
-    })) : (r(), k(d, {
+    })) : (r(), B(d, {
       key: 2,
       class: "default-image"
     }))
   ], 2);
 }
-const LI = /* @__PURE__ */ Y(bI, [["render", fI], ["__scopeId", "data-v-0859a8a6"]]);
+const LI = /* @__PURE__ */ G(bI, [["render", fI], ["__scopeId", "data-v-0859a8a6"]]);
 const vI = {
   components: {
     BcfTopicComments: _g,
-    BcfTopicDefaultImage: u5,
+    BcfTopicDefaultImage: C5,
     BcfTopicViewpoints: LI,
     BIMDataButton: J,
     BIMDataIcon: Q,
     BIMDataLoading: g1,
-    BIMDataSafeZoneModal: Z1,
+    BIMDataSafeZoneModal: S1,
     BIMDataTextbox: d1
   },
   props: {
@@ -14766,10 +14761,10 @@ const vI = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const o = U1(), l = w(!1), s = w(!1), i = F(() => _1(e.topic, e.detailedExtensions)), c = F(() => {
+    const o = z1(), l = w(!1), s = w(!1), i = E(() => H1(e.topic, e.detailedExtensions)), c = E(() => {
       var h, m, v;
       return ((v = (m = (h = e.topic.viewpoints) == null ? void 0 : h[0]) == null ? void 0 : m.components) == null ? void 0 : v.selection) ?? [];
-    }), u = F(() => Array.from(e.topic.labels ?? []).sort()), d = w(""), C = async () => {
+    }), u = E(() => Array.from(e.topic.labels ?? []).sort()), d = w(""), C = async () => {
       d.value = (await o.fetchCurrentUser()).email ?? "";
     }, L = async () => {
       try {
@@ -14780,7 +14775,7 @@ const vI = {
         l.value = !1;
       }
     };
-    return l5(() => C()), {
+    return i5(() => C()), {
       // References
       currentUserEmail: d,
       loading: l,
@@ -14789,7 +14784,7 @@ const vI = {
       topicLabels: u,
       topicObjects: c,
       // Methods
-      adjustTextColor: I2,
+      adjustTextColor: y2,
       deleteTopic: L
     };
   }
@@ -14804,7 +14799,7 @@ function oy(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicViewpoints"), L = g("BcfTopicComments"), h = g("BIMDataSafeZoneModal"), m = g("BIMDataLoading");
   return r(), a("div", mI, [
     t("div", MI, [
-      o.uiConfig.backButton ? (r(), k(u, {
+      o.uiConfig.backButton ? (r(), B(u, {
         key: 0,
         ghost: "",
         rounded: "",
@@ -14828,7 +14823,7 @@ function oy(e, n, o, l, s, i) {
         }, null, 8, ["text"])
       ]),
       t("div", yI, [
-        o.uiConfig.editButton ? (r(), k(u, {
+        o.uiConfig.editButton ? (r(), B(u, {
           key: 0,
           ghost: "",
           rounded: "",
@@ -14843,7 +14838,7 @@ function oy(e, n, o, l, s, i) {
           ]),
           _: 1
         })) : M("", !0),
-        o.uiConfig.deleteButton ? (r(), k(u, {
+        o.uiConfig.deleteButton ? (r(), B(u, {
           key: 1,
           ghost: "",
           rounded: "",
@@ -14858,7 +14853,7 @@ function oy(e, n, o, l, s, i) {
           ]),
           _: 1
         })) : M("", !0),
-        o.uiConfig.closeButton ? (r(), k(u, {
+        o.uiConfig.closeButton ? (r(), B(u, {
           key: 2,
           ghost: "",
           rounded: "",
@@ -14881,7 +14876,7 @@ function oy(e, n, o, l, s, i) {
       t("div", HI, [
         t("div", {
           class: "bcf-topic-overview__content__head__index",
-          style: V({
+          style: H({
             backgroundColor: `#${l.priorityColor}`,
             color: l.adjustTextColor(`#${l.priorityColor}`, "#FFF", "#2F374A")
           })
@@ -14893,7 +14888,7 @@ function oy(e, n, o, l, s, i) {
         topic: o.topic,
         onViewTopicViewpoint: n[4] || (n[4] = (v) => e.$emit("view-topic-viewpoint", v))
       }, null, 8, ["detailedExtensions", "topic"]),
-      o.uiConfig.viewerMode ? (r(), k(u, {
+      o.uiConfig.viewerMode ? (r(), B(u, {
         key: 0,
         width: "100%",
         fill: "",
@@ -14907,14 +14902,14 @@ function oy(e, n, o, l, s, i) {
             size: "xs",
             margin: "0 6px 0 0"
           }),
-          l.topicObjects.length > 0 ? (r(), a(E, { key: 0 }, [
+          l.topicObjects.length > 0 ? (r(), a(O, { key: 0 }, [
             A(b(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
-          ], 64)) : (r(), a(E, { key: 1 }, [
+          ], 64)) : (r(), a(O, { key: 1 }, [
             A(b(e.$t("BcfComponents.BcfTopicOverview.noElements")), 1)
           ], 64))
         ]),
         _: 1
-      }, 8, ["disabled"])) : (r(), k(u, {
+      }, 8, ["disabled"])) : (r(), B(u, {
         key: 1,
         width: "100%",
         color: "primary",
@@ -14969,7 +14964,7 @@ function oy(e, n, o, l, s, i) {
           t("span", KI, b(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           t("span", {
             class: "value",
-            style: V({ color: `#${l.priorityColor}` })
+            style: H({ color: `#${l.priorityColor}` })
           }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
         t("div", qI, [
@@ -14992,7 +14987,7 @@ function oy(e, n, o, l, s, i) {
         onViewCommentSnapshot: n[10] || (n[10] = (v) => e.$emit("view-comment-snapshot", v))
       }, null, 8, ["uiConfig", "project", "topic", "currentUserEmail"])
     ]),
-    l.showDeleteModal ? (r(), k(h, {
+    l.showDeleteModal ? (r(), B(h, {
       key: 0,
       class: "delete-modal"
     }, {
@@ -15031,7 +15026,7 @@ function oy(e, n, o, l, s, i) {
     ])) : M("", !0)
   ]);
 }
-const ay = /* @__PURE__ */ Y(vI, [["render", oy], ["__scopeId", "data-v-2ab6fce5"]]), T5 = [
+const ay = /* @__PURE__ */ G(vI, [["render", oy], ["__scopeId", "data-v-2ab6fce5"]]), T5 = [
   {
     id: "index",
     label: "#",
@@ -15069,13 +15064,13 @@ const ay = /* @__PURE__ */ Y(vI, [["render", oy], ["__scopeId", "data-v-2ab6fce5
     align: "center"
   }
 ];
-var ly = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), f2 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => ly.includes(e) } }, emits: ["click"], computed: { classes() {
+var ly = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), L2 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => ly.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const iy = ["color"];
-function n1(e, n) {
+function t1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -15083,7 +15078,7 @@ function n1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15241,7 +15236,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-n1(`.bimdata-btn {
+t1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -15544,10 +15539,10 @@ n1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), f2.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: D(["bimdata-btn", i.classes]), style: V(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [y(e.$slots, "default")], 14, iy);
-}, f2.__scopeId = "data-v-3f903003", f2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-var L2 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (e) => e === null || typeof e == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
+}`), L2.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, iy);
+}, L2.__scopeId = "data-v-3f903003", L2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+var v2 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (e) => e === null || typeof e == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
   return this.modelValue === null;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -15557,7 +15552,7 @@ var L2 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
 const sy = ((e) => (C1("data-v-34d34265"), e = e(), p1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), cy = { key: 0, class: "bimdata-checkbox__text" };
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15715,7 +15710,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-n1(`.bimdata-checkbox {
+t1(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15802,24 +15797,24 @@ n1(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), L2.render = function(e, n, o, l, s, i) {
-  return r(), a("div", R1({ class: ["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }], onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: i.style }, e.$attrs), [sy, o.text ? (r(), a("span", cy, [y(e.$slots, "default", {}, () => [A(b(o.text), 1)])])) : M("v-if", !0)], 16);
-}, L2.__scopeId = "data-v-34d34265", L2.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), v2.render = function(e, n, o, l, s, i) {
+  return r(), a("div", O1({ class: ["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }], onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: i.style }, e.$attrs), [sy, o.text ? (r(), a("span", cy, [_(e.$slots, "default", {}, () => [A(b(o.text), 1)])])) : M("v-if", !0)], 16);
+}, v2.__scopeId = "data-v-34d34265", v2.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const dy = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" }, uy = { render: function(e, n) {
   return r(), a("path", dy);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var Cy = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const $5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var D2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => Cy.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys($5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var B2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: { color: { type: String, default: "default", validator: (o) => Cy.includes(o) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (o) => Object.keys($5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const o = this.getPixelSize(this.size);
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : $5[this.size];
-} } }), v2 = D2("Chevron", uy);
+} } }), m2 = B2("Chevron", uy);
 const py = ["fill", "color"];
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15888,7 +15883,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-n1(`.icon-fill--black {
+t1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -15971,16 +15966,16 @@ n1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), v2.render = function(e, n, o, l, s, i) {
+}`), m2.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, py);
-}, v2.__scopeId = "data-v-5e440aca", v2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, py);
+}, m2.__scopeId = "data-v-5e440aca", m2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const hy = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.47105C0.982285 2.39544 0.982285 2.27217 1.05119 2.19676L3.00683 0.0565512C3.07573 -0.0188504 3.18857 -0.0188504 3.25748 0.0565512L13.5625 11.3331C13.5796 11.3518 13.5925 11.3736 13.6012 11.3968C13.6665 11.4724 13.6658 11.5928 13.598 11.667L3.29296 22.9433C3.22406 23.0189 3.11122 23.0189 3.04231 22.9433L1.08668 20.8033C1.01758 20.7279 1.01758 20.6044 1.08668 20.529L9.32003 11.5192L1.05119 2.47105ZM10.2512 2.47105C10.1823 2.39544 10.1823 2.27217 10.2512 2.19676L12.2068 0.0565512C12.2757 -0.0188504 12.3886 -0.0188504 12.4575 0.0565512L22.7625 11.3331C22.7796 11.3518 22.7925 11.3736 22.8012 11.3968C22.8665 11.4724 22.8658 11.5928 22.798 11.667L12.493 22.9433C12.4241 23.0189 12.3112 23.0189 12.2423 22.9433L10.2867 20.8033C10.2176 20.7279 10.2176 20.6044 10.2867 20.529L18.52 11.5192L10.2512 2.47105Z" }, by = { render: function(e, n) {
   return r(), a("path", hy);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var $2 = D2("DoubleChevron", by);
+var N2 = B2("DoubleChevron", by);
 const gy = ["fill", "color"];
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16049,7 +16044,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-n1(`.icon-fill--black {
+t1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16132,16 +16127,16 @@ n1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), $2.render = function(e, n, o, l, s, i) {
+}`), N2.render = function(e, n, o, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, gy);
-}, $2.__scopeId = "data-v-859297ec", $2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, gy);
+}, N2.__scopeId = "data-v-859297ec", N2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const fy = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, Ly = { render: function(e, n) {
   return r(), a("path", fy);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var N2 = D2("Close", Ly);
+var R2 = B2("Close", Ly);
 const vy = ["fill", "color"];
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16210,7 +16205,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-n1(`.icon-fill--black {
+t1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16293,16 +16288,16 @@ n1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), N2.render = function(e, n, o, l, s, i) {
+}`), R2.render = function(e, n, o, l, s, i) {
   const c = g("Close");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, vy);
-}, N2.__scopeId = "data-v-797f55d8", N2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, vy);
+}, R2.__scopeId = "data-v-797f55d8", R2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const my = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, My = { render: function(e, n) {
   return r(), a("path", my);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var R2 = D2("Search", My);
+var O2 = B2("Search", My);
 const Iy = ["fill", "color"];
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16371,7 +16366,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-n1(`.icon-fill--black {
+t1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16454,30 +16449,30 @@ n1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), R2.render = function(e, n, o, l, s, i) {
+}`), O2.render = function(e, n, o, l, s, i) {
   const c = g("Search");
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: D(e.classes), style: V(e.style) }, [p(c)], 14, Iy);
-}, R2.__scopeId = "data-v-0993abf8", R2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var m2 = { components: { BIMDataButton: f2, BIMDataCheckbox: L2, BIMDataIconChevron: v2 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowKey: { type: String }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, selection: { type: Map, default: () => /* @__PURE__ */ new Map() }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" }, canDragOverRow: { type: Function, default: () => !1 } }, emits: ["update:selection", "selection-changed", "row-selected", "row-deselected", "all-selected", "all-deselected", "row-drop"], setup(e, { emit: n }) {
-  const o = F(() => e.rows.map((h, m) => ({ key: h[e.rowKey] ?? m, data: h }))), { rowSelection: l, toggleRowSelection: s, toggleFullSelection: i } = function(h, m, { rowSelectionUpdateEffect: v = () => {
-  }, rowSelectionToggleEffect: I = () => {
-  }, fullSelectionToggleEffect: B = () => {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: V(e.classes), style: H(e.style) }, [p(c)], 14, Iy);
+}, O2.__scopeId = "data-v-0993abf8", O2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var M2 = { components: { BIMDataButton: L2, BIMDataCheckbox: v2, BIMDataIconChevron: m2 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowKey: { type: String }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, selection: { type: Map, default: () => /* @__PURE__ */ new Map() }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" }, canDragOverRow: { type: Function, default: () => !1 } }, emits: ["update:selection", "selection-changed", "row-selected", "row-deselected", "all-selected", "all-deselected", "row-drop"], setup(e, { emit: n }) {
+  const o = E(() => e.rows.map((h, m) => ({ key: h[e.rowKey] ?? m, data: h }))), { rowSelection: l, toggleRowSelection: s, toggleFullSelection: i } = function(h, m, { rowSelectionUpdateEffect: v = () => {
+  }, rowSelectionToggleEffect: y = () => {
+  }, fullSelectionToggleEffect: D = () => {
   } } = {}) {
     const $ = w(/* @__PURE__ */ new Map());
     return c1(h, () => {
-      $.value = new Map(h.value.filter(({ key: T }) => m.value.has(T)).map(({ key: T, data: Z }) => [T, Z]));
+      $.value = new Map(h.value.filter(({ key: T }) => m.value.has(T)).map(({ key: T, data: x }) => [T, x]));
     }, { immediate: !0 }), c1(m, () => {
       $.value = m.value;
     }, { immediate: !0 }), c1($, () => {
       v($.value);
-    }), { rowSelection: $, toggleRowSelection: ({ key: T, data: Z }) => {
+    }), { rowSelection: $, toggleRowSelection: ({ key: T, data: x }) => {
       const U = () => $.value.has(T);
-      U() ? $.value.delete(T) : $.value.set(T, Z), $.value = new Map([...$.value.entries()]), I(U(), { key: T, data: Z });
+      U() ? $.value.delete(T) : $.value.set(T, x), $.value = new Map([...$.value.entries()]), y(U(), { key: T, data: x });
     }, toggleFullSelection: () => {
       const T = () => $.value.size === h.value.length;
-      T() ? $.value = /* @__PURE__ */ new Map() : $.value = new Map(h.value.map(({ key: Z, data: U }) => [Z, U])), B(T());
+      T() ? $.value = /* @__PURE__ */ new Map() : $.value = new Map(h.value.map(({ key: x, data: U }) => [x, U])), D(T());
     } };
-  }(o, F(() => e.selection), { rowSelectionUpdateEffect: (h) => {
+  }(o, E(() => e.selection), { rowSelectionUpdateEffect: (h) => {
     n("update:selection", h), n("selection-changed", Array.from(h.values()));
   }, rowSelectionToggleEffect: (h, { data: m }) => {
     n(h ? "row-selected" : "row-deselected", m);
@@ -16486,13 +16481,13 @@ var m2 = { components: { BIMDataButton: f2, BIMDataCheckbox: L2, BIMDataIconChev
   } }), c = w([]), u = w(0), d = w(1), C = w(e.perPage);
   c1([o, () => e.perPage], () => {
     u.value = 0;
-  }, { immediate: !0 }), c1([o, () => e.paginated, () => e.perPage, u], ([h, m, v, I]) => {
-    const B = h.map(($) => $.key);
+  }, { immediate: !0 }), c1([o, () => e.paginated, () => e.perPage, u], ([h, m, v, y]) => {
+    const D = h.map(($) => $.key);
     if (m) {
-      const $ = v * I, T = $ + v;
-      c.value = B.slice($, T), d.value = $ + 1, C.value = Math.min(T, h.length);
+      const $ = v * y, T = $ + v;
+      c.value = D.slice($, T), d.value = $ + 1, C.value = Math.min(T, h.length);
     } else
-      c.value = B;
+      c.value = D;
   }, { immediate: !0 });
   const L = w(null);
   return { computedRows: o, displayedRows: c, pageIndex: u, pageIndexEnd: C, pageIndexStart: d, rowSelection: l, dragOveredRowKey: L, onDrop: (h, m) => {
@@ -16508,7 +16503,7 @@ var m2 = { components: { BIMDataButton: f2, BIMDataCheckbox: L2, BIMDataIconChev
   } };
 } };
 const yy = { class: "bimdata-table" }, _y = { key: 0, class: "cell-checkbox" }, Hy = { key: "head-row-1" }, Vy = ["colspan"], Dy = ["onDrop", "onDragover"], By = { key: 0, class: "cell-checkbox" }, ky = { class: "bimdata-table__page-nav__text" };
-n1(`/* base COLORS --------------------------------------------- */
+t1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16643,10 +16638,10 @@ html[data-v-a29e0786] {
 }
 .bimdata-table__page-nav__text[data-v-a29e0786] {
   margin: 0 var(--spacing-unit);
-}`), m2.render = function(e, n, o, l, s, i) {
+}`), M2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCheckbox"), u = g("BIMDataIconChevron"), d = g("BIMDataButton");
-  return r(), a("div", yy, [t("div", { class: "bimdata-table__container", style: V({ height: o.paginated ? (o.perPage + 1) * o.rowHeight + "px" : void 0 }) }, [t("table", { style: V({ width: o.tableWidth, tableLayout: o.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: V({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("th", _y, [p(c, { disabled: o.rows.length === 0, modelValue: o.rows.length > 0 && l.rowSelection.size === o.rows.length, "onUpdate:modelValue": l.toggleAll }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), a(E, null, W(o.columns, (C, L) => (r(), a("th", { key: `head-row-0-col-${L}`, style: V({ width: C.width || "auto", textAlign: C.align || "left" }) }, b(C.id ? C.label || C.id : C), 5))), 128))], 4), t("tr", Hy, [t("th", { class: "cell-sub-header", colspan: o.columns.length + o.selectable }, [y(e.$slots, "sub-header")], 8, Vy)])]), t("tbody", { onDragleave: n[0] || (n[0] = (...C) => l.onDragleave && l.onDragleave(...C)) }, [(r(!0), a(E, null, W(l.computedRows, ({ key: C, data: L }) => j((r(), a("tr", { key: `body-row-${C}`, style: V({ height: `${o.rowHeight}px` }), onDrop: (h) => l.onDrop(L, h), onDragover: (h) => l.onDragover(C, L, h), class: D({ "bimdata-table__row--drag-overed": l.dragOveredRowKey === C }) }, [o.selectable ? (r(), a("td", By, [p(c, { modelValue: l.rowSelection.has(C), "onUpdate:modelValue": (h) => l.toggleRow({ key: C, data: L }) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), a(E, null, W(o.columns, (h, m) => (r(), a("td", { key: `body-row-${C}-col-${m}`, style: V({ width: h.width || "auto", textAlign: h.align || "left" }) }, [y(e.$slots, `cell-${h.id}`, { row: L }, () => [A(b(L[h.id] || L[m]), 1)])], 4))), 128))], 46, Dy)), [[e1, l.displayedRows.includes(C)]])), 128))], 32)], 4), o.rows.length === 0 ? (r(), a("div", { key: 0, class: "bimdata-table__container__placeholder", style: V({ height: `calc(100% - ${o.rowHeight}px)` }) }, [y(e.$slots, "placeholder", {}, () => [A(b(o.placeholder), 1)])], 4)) : M("v-if", !0)], 4), o.paginated ? (r(), a("div", { key: 0, class: "bimdata-table__page-nav", style: V({ visibility: o.rows.length > o.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexStart === 1, onClick: n[1] || (n[1] = (C) => l.pageIndex--) }, { default: f(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", ky, b(`${l.pageIndexStart} - ${l.pageIndexEnd} / ${o.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexEnd === o.rows.length, onClick: n[2] || (n[2] = (C) => l.pageIndex++) }, { default: f(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : M("v-if", !0)]);
-}, m2.__scopeId = "data-v-a29e0786", m2.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
+  return r(), a("div", yy, [t("div", { class: "bimdata-table__container", style: H({ height: o.paginated ? (o.perPage + 1) * o.rowHeight + "px" : void 0 }) }, [t("table", { style: H({ width: o.tableWidth, tableLayout: o.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: H({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("th", _y, [p(c, { disabled: o.rows.length === 0, modelValue: o.rows.length > 0 && l.rowSelection.size === o.rows.length, "onUpdate:modelValue": l.toggleAll }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), a(O, null, W(o.columns, (C, L) => (r(), a("th", { key: `head-row-0-col-${L}`, style: H({ width: C.width || "auto", textAlign: C.align || "left" }) }, b(C.id ? C.label || C.id : C), 5))), 128))], 4), t("tr", Hy, [t("th", { class: "cell-sub-header", colspan: o.columns.length + o.selectable }, [_(e.$slots, "sub-header")], 8, Vy)])]), t("tbody", { onDragleave: n[0] || (n[0] = (...C) => l.onDragleave && l.onDragleave(...C)) }, [(r(!0), a(O, null, W(l.computedRows, ({ key: C, data: L }) => j((r(), a("tr", { key: `body-row-${C}`, style: H({ height: `${o.rowHeight}px` }), onDrop: (h) => l.onDrop(L, h), onDragover: (h) => l.onDragover(C, L, h), class: V({ "bimdata-table__row--drag-overed": l.dragOveredRowKey === C }) }, [o.selectable ? (r(), a("td", By, [p(c, { modelValue: l.rowSelection.has(C), "onUpdate:modelValue": (h) => l.toggleRow({ key: C, data: L }) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), a(O, null, W(o.columns, (h, m) => (r(), a("td", { key: `body-row-${C}-col-${m}`, style: H({ width: h.width || "auto", textAlign: h.align || "left" }) }, [_(e.$slots, `cell-${h.id}`, { row: L }, () => [A(b(L[h.id] || L[m]), 1)])], 4))), 128))], 46, Dy)), [[n1, l.displayedRows.includes(C)]])), 128))], 32)], 4), o.rows.length === 0 ? (r(), a("div", { key: 0, class: "bimdata-table__container__placeholder", style: H({ height: `calc(100% - ${o.rowHeight}px)` }) }, [_(e.$slots, "placeholder", {}, () => [A(b(o.placeholder), 1)])], 4)) : M("v-if", !0)], 4), o.paginated ? (r(), a("div", { key: 0, class: "bimdata-table__page-nav", style: H({ visibility: o.rows.length > o.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexStart === 1, onClick: n[1] || (n[1] = (C) => l.pageIndex--) }, { default: f(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", ky, b(`${l.pageIndexStart} - ${l.pageIndexEnd} / ${o.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexEnd === o.rows.length, onClick: n[2] || (n[2] = (C) => l.pageIndex++) }, { default: f(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : M("v-if", !0)]);
+}, M2.__scopeId = "data-v-a29e0786", M2.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
 const wy = {
   components: {
     BIMDataButton: J
@@ -16681,7 +16676,7 @@ function Zy(e, n, o, l, s, i) {
     })
   ]);
 }
-const Sy = /* @__PURE__ */ Y(wy, [["render", Zy], ["__scopeId", "data-v-ddc03e0d"]]);
+const Sy = /* @__PURE__ */ G(wy, [["render", Zy], ["__scopeId", "data-v-ddc03e0d"]]);
 const Ay = {
   props: {
     detailedExtensions: {
@@ -16696,8 +16691,8 @@ const Ay = {
   setup(e) {
     return {
       // References
-      priorityColor: F(
-        () => _1(e.topic, e.detailedExtensions)
+      priorityColor: E(
+        () => H1(e.topic, e.detailedExtensions)
       )
     };
   }
@@ -16706,12 +16701,12 @@ function Ny(e, n, o, l, s, i) {
   return r(), a("div", Ty, [
     t("span", {
       class: "left-stripe",
-      style: V({ backgroundColor: `#${l.priorityColor}` })
+      style: H({ backgroundColor: `#${l.priorityColor}` })
     }, null, 4),
     t("span", $y, b(o.topic.index), 1)
   ]);
 }
-const Ry = /* @__PURE__ */ Y(Ay, [["render", Ny], ["__scopeId", "data-v-2afda176"]]);
+const Ry = /* @__PURE__ */ G(Ay, [["render", Ny], ["__scopeId", "data-v-2afda176"]]);
 const Oy = {
   props: {
     detailedExtensions: {
@@ -16726,8 +16721,8 @@ const Oy = {
   setup(e) {
     return {
       // References
-      priorityColor: F(
-        () => _1(e.topic, e.detailedExtensions)
+      priorityColor: E(
+        () => H1(e.topic, e.detailedExtensions)
       )
     };
   }
@@ -16735,10 +16730,10 @@ const Oy = {
 function Ey(e, n, o, l, s, i) {
   return r(), a("span", {
     class: "bcf-topic-priority-cell",
-    style: V({ color: `#${l.priorityColor}` })
+    style: H({ color: `#${l.priorityColor}` })
   }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-const Fy = /* @__PURE__ */ Y(Oy, [["render", Ey], ["__scopeId", "data-v-1d15fcf6"]]);
+const Fy = /* @__PURE__ */ G(Oy, [["render", Ey], ["__scopeId", "data-v-1d15fcf6"]]);
 const Py = {
   props: {
     detailedExtensions: {
@@ -16753,32 +16748,32 @@ const Py = {
   setup(e) {
     return {
       // References
-      statusColor: F(
-        () => c5(e.topic, e.detailedExtensions)
+      statusColor: E(
+        () => d5(e.topic, e.detailedExtensions)
       ),
       // Methods
-      adjustTextColor: I2
+      adjustTextColor: y2
     };
   }
 };
 function Uy(e, n, o, l, s, i) {
   return r(), a("span", {
     class: "bcf-topic-status-cell",
-    style: V({
+    style: H({
       backgroundColor: `#${l.statusColor}`,
       color: l.adjustTextColor(l.statusColor, "#ffffff", "var(--color-text)")
     })
   }, b(o.topic.topic_status), 5);
 }
-const zy = /* @__PURE__ */ Y(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4"]]), Gy = {
+const zy = /* @__PURE__ */ G(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4"]]), Gy = {
   components: {
     BcfTopicActionsCell: Sy,
     BcfTopicIndexCell: Ry,
     BcfTopicPriorityCell: Fy,
     BcfTopicStatusCell: zy,
-    BIMDataTable: m2,
+    BIMDataTable: M2,
     BIMDataTextbox: d1,
-    BIMDataTooltip: S1,
+    BIMDataTooltip: A1,
     UserAvatar: n3
   },
   props: {
@@ -16817,7 +16812,7 @@ const zy = /* @__PURE__ */ Y(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4
   setup(e) {
     return {
       // References
-      displayedColumns: F(
+      displayedColumns: E(
         () => e.columns && e.columns.length > 0 ? T5.filter((l) => e.columns.includes(l.id)) : T5
       ),
       // Methods
@@ -16832,12 +16827,12 @@ const zy = /* @__PURE__ */ Y(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4
 };
 function Yy(e, n, o, l, s, i) {
   const c = g("BcfTopicIndexCell"), u = g("BcfTopicPriorityCell"), d = g("BcfTopicStatusCell"), C = g("BIMDataTextbox"), L = g("UserAvatar"), h = g("BIMDataTooltip"), m = g("BcfTopicActionsCell"), v = g("BIMDataTable");
-  return r(), k(v, {
+  return r(), B(v, {
     class: "bcf-topics-table",
     tableLayout: "fixed",
-    columns: l.displayedColumns.map((I) => ({
-      ...I,
-      label: I.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${I.id}`)
+    columns: l.displayedColumns.map((y) => ({
+      ...y,
+      label: y.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${y.id}`)
     })),
     rows: o.topics,
     rowKey: "guid",
@@ -16846,38 +16841,38 @@ function Yy(e, n, o, l, s, i) {
     rowHeight: 42,
     selectable: o.selectable,
     selection: o.selection,
-    "onUpdate:selection": n[1] || (n[1] = (I) => e.$emit("update:selection", I))
+    "onUpdate:selection": n[1] || (n[1] = (y) => e.$emit("update:selection", y))
   }, {
-    "cell-index": f(({ row: I }) => [
+    "cell-index": f(({ row: y }) => [
       p(c, {
         detailedExtensions: o.detailedExtensions,
-        topic: I
+        topic: y
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-priority": f(({ row: I }) => [
+    "cell-priority": f(({ row: y }) => [
       p(u, {
         detailedExtensions: o.detailedExtensions,
-        topic: I
+        topic: y
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-status": f(({ row: I }) => [
-      I.topic_status ? (r(), k(d, {
+    "cell-status": f(({ row: y }) => [
+      y.topic_status ? (r(), B(d, {
         key: 0,
         detailedExtensions: o.detailedExtensions,
-        topic: I
+        topic: y
       }, null, 8, ["detailedExtensions", "topic"])) : M("", !0)
     ]),
-    "cell-title": f(({ row: I }) => [
+    "cell-title": f(({ row: y }) => [
       p(C, {
         maxWidth: "100%",
-        text: I.title
+        text: y.title
       }, null, 8, ["text"])
     ]),
-    "cell-creator": f(({ row: { creator: I, creation_author: B } }) => [
-      p(h, { text: B }, {
+    "cell-creator": f(({ row: { creator: y, creation_author: D } }) => [
+      p(h, { text: D }, {
         default: f(() => [
           p(L, {
-            user: I || {},
+            user: y || {},
             size: 30,
             color: "silver-light",
             style: { margin: "auto" }
@@ -16886,19 +16881,19 @@ function Yy(e, n, o, l, s, i) {
         _: 2
       }, 1032, ["text"])
     ]),
-    "cell-date": f(({ row: I }) => [
-      A(b(l.toShortDateFormat(I.creation_date)), 1)
+    "cell-date": f(({ row: y }) => [
+      A(b(l.toShortDateFormat(y.creation_date)), 1)
     ]),
-    "cell-actions": f(({ row: I }) => [
+    "cell-actions": f(({ row: y }) => [
       p(m, {
-        topic: I,
-        onOpenTopic: n[0] || (n[0] = (B) => e.$emit("open-topic", B))
+        topic: y,
+        onOpenTopic: n[0] || (n[0] = (D) => e.$emit("open-topic", D))
       }, null, 8, ["topic"])
     ]),
     _: 1
   }, 8, ["columns", "rows", "paginated", "perPage", "selectable", "selection"]);
 }
-const Xy = /* @__PURE__ */ Y(Gy, [["render", Yy]]), o_ = {
+const Xy = /* @__PURE__ */ G(Gy, [["render", Yy]]), o_ = {
   BcfFilters: te,
   BcfSettings: Re,
   BcfStatistics: Dn,
@@ -16920,8 +16915,8 @@ export {
   o_ as components,
   jy as config,
   Ky as createService,
-  _1 as getPriorityColor,
-  c5 as getStatusColor,
+  H1 as getPriorityColor,
+  d5 as getStatusColor,
   B3 as getViewpointConfig,
   e_ as getViewpointModels,
   D3 as getViewpointType,
@@ -16929,5 +16924,5 @@ export {
   H3 as useBcfFilter,
   Jy as useBcfSearch,
   Qy as useBcfSort,
-  U1 as useService
+  z1 as useService
 };