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

package/dist/vue3/bcf-components.mjs

@@ -1,27 +1,27 @@
 import "./style.css";
-import { reactive as r3, computed as P, ref as k, watch as s1, openBlock as r, createElementBlock as a, normalizeClass as D, normalizeStyle as V, renderSlot as y, createElementVNode as t, createBlock as B, resolveDynamicComponent as f1, pushScopeId as C1, popScopeId as p1, mergeProps as R1, toDisplayString as b, createCommentVNode as M, createTextVNode as T, resolveComponent as g, createVNode as p, resolveDirective as O1, withDirectives as W, Transition as o1, withCtx as f, Fragment as F, renderList as X, vShow as Q, toRaw as g5, withModifiers as N, withKeys as A, createSlots as a5, createStaticVNode as R5, inject as T1, onMounted as l5, onBeforeUnmount as O5 } from "vue";
-const E5 = Object.freeze([
+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";
+const O5 = Object.freeze([
   "Priority",
   "Type",
   "Stage",
   "Status",
   "Label"
-]), F5 = Object.freeze([
+]), E5 = Object.freeze([
   "Priority",
   "Status"
-]), P5 = Object.freeze({
+]), F5 = Object.freeze({
   Priority: "priority",
   Type: "topic_type",
   Stage: "stage",
   Status: "topic_status",
   Label: "label"
-}), U5 = Object.freeze({
+}), P5 = Object.freeze({
   Priority: "priorities",
   Type: "topic_types",
   Stage: "stages",
   Status: "topic_statuses",
   Label: "topic_labels"
-}), i5 = "D8D8D8", z5 = "D8D8D8", E1 = "originating_system", F1 = "authoring_tool_id", v1 = Object.freeze({
+}), i5 = "D8D8D8", U5 = "D8D8D8", E1 = "originating_system", F1 = "authoring_tool_id", v1 = Object.freeze({
   V3D: "ifc3d",
   PTC: "pointCloud",
   V2D: "ifc2d",
@@ -60,16 +60,16 @@ const E5 = Object.freeze([
 }), jy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DEFAULT_PRIORITY_COLOR: i5,
-  DEFAULT_STATUS_COLOR: z5,
-  EXTENSION_FIELDS: P5,
-  EXTENSION_LIST_FIELDS: U5,
-  EXTENSION_TYPES: E5,
-  EXTENSION_WITH_COLOR: F5,
+  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
-}, Symbol.toStringTag, { value: "Module" })), o3 = Object.freeze({
+}, Symbol.toStringTag, { value: "Module" })), r3 = Object.freeze({
   bisque: "ffe4c4",
   orange: "ffa500",
   coral: "ff7f50",
@@ -100,17 +100,17 @@ const E5 = Object.freeze([
   darkgray: "a9a9a9",
   grey: "7a7a7a",
   black: "000000"
-}), a3 = [
+}), o3 = [
   "bisque",
   "khaki",
   "greenyellow",
   "lightcyan",
   "mistyrose",
   "whitesmoke"
-], f5 = Object.entries(o3).filter(
-  ([e]) => !a3.includes(e)
+], f5 = Object.entries(r3).filter(
+  ([e]) => !o3.includes(e)
 );
-function l3() {
+function a3() {
   const e = Math.floor(Math.random() * f5.length);
   return f5[e][1];
 }
@@ -118,13 +118,13 @@ function I2(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;
 }
-function i3(e, n) {
+function l3(e, n) {
   return "#" + e.replace(/^#/, "").replace(
     /../g,
     (o) => ("0" + Math.min(255, Math.max(0, parseInt(o, 16) + n)).toString(16)).slice(-2)
   );
 }
-function s3(e) {
+function i3(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var O2 = { exports: {} }, E2 = { exports: {} }, F2 = { exports: {} };
@@ -143,7 +143,7 @@ var O2 = { exports: {} }, E2 = { exports: {} }, F2 = { exports: {} };
   }
   e.exports = n.default;
 })(F2, F2.exports);
-var c3 = F2.exports, P2 = { exports: {} }, U2 = { exports: {} };
+var s3 = F2.exports, P2 = { exports: {} }, U2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -153,7 +153,7 @@ var c3 = F2.exports, P2 = { exports: {} }, U2 = { exports: {} };
   }
   e.exports = n.default;
 })(U2, U2.exports);
-var d3 = U2.exports, z2 = { exports: {} };
+var c3 = U2.exports, z2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -161,12 +161,12 @@ var d3 = U2.exports, z2 = { exports: {} };
     return o[Symbol.iterator] && o[Symbol.iterator]();
   }, e.exports = n.default;
 })(z2, z2.exports);
-var u3 = z2.exports;
+var d3 = z2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   }), n.default = L;
-  var o = d3, l = c(o), s = u3, i = c(s);
+  var o = c3, l = c(o), s = d3, i = c(s);
   function c(h) {
     return h && h.__esModule ? h : { default: h };
   }
@@ -185,9 +185,9 @@ var u3 = z2.exports;
   }
   function C(h) {
     var m = h ? Object.keys(h) : [], v = -1, I = m.length;
-    return function x() {
-      var w = m[++v];
-      return w === "__proto__" ? x() : v < I ? { value: h[w], key: w } : null;
+    return function B() {
+      var $ = m[++v];
+      return $ === "__proto__" ? B() : v < I ? { value: h[$], key: $ } : null;
     };
   }
   function L(h) {
@@ -198,7 +198,7 @@ var u3 = z2.exports;
   }
   e.exports = n.default;
 })(P2, P2.exports);
-var C3 = P2.exports, G2 = { exports: {} };
+var u3 = P2.exports, G2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -213,7 +213,7 @@ var C3 = P2.exports, G2 = { exports: {} };
   }
   e.exports = n.default;
 })(G2, G2.exports);
-var p3 = G2.exports, i1 = {}, Y1 = { exports: {} }, Y2 = { exports: {} };
+var C3 = G2.exports, s1 = {}, Y1 = { exports: {} }, Y2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -224,29 +224,29 @@ var p3 = G2.exports, i1 = {}, Y1 = { exports: {} }, Y2 = { exports: {} };
     };
   }, e.exports = n.default;
 })(Y2, Y2.exports);
-var h3 = Y2.exports, h1 = {};
+var p3 = Y2.exports, h1 = {};
 Object.defineProperty(h1, "__esModule", {
   value: !0
 });
-h1.fallback = G5;
-h1.wrap = Y5;
-var b3 = h1.hasQueueMicrotask = typeof queueMicrotask == "function" && queueMicrotask, g3 = h1.hasSetImmediate = typeof setImmediate == "function" && setImmediate, f3 = h1.hasNextTick = typeof process == "object" && typeof process.nextTick == "function";
-function G5(e) {
+h1.fallback = z5;
+h1.wrap = G5;
+var h3 = h1.hasQueueMicrotask = typeof queueMicrotask == "function" && queueMicrotask, b3 = h1.hasSetImmediate = typeof setImmediate == "function" && setImmediate, g3 = h1.hasNextTick = typeof process == "object" && typeof process.nextTick == "function";
+function z5(e) {
   setTimeout(e, 0);
 }
-function Y5(e) {
+function G5(e) {
   return (n, ...o) => e(() => n(...o));
 }
 var D1;
-b3 ? D1 = queueMicrotask : g3 ? D1 = setImmediate : f3 ? D1 = process.nextTick : D1 = G5;
-h1.default = Y5(D1);
+h3 ? D1 = queueMicrotask : b3 ? D1 = setImmediate : g3 ? D1 = process.nextTick : D1 = z5;
+h1.default = G5(D1);
 var L5;
-function L3() {
+function f3() {
   return L5 || (L5 = 1, function(e, n) {
     Object.defineProperty(n, "__esModule", {
       value: !0
     }), n.default = d;
-    var o = h3, l = u(o), s = h1, i = u(s), c = s5();
+    var o = p3, l = u(o), s = h1, i = u(s), c = s5();
     function u(h) {
       return h && h.__esModule ? h : { default: h };
     }
@@ -258,8 +258,8 @@ function L3() {
         var I;
         try {
           I = h.apply(this, m);
-        } catch (x) {
-          return v(x);
+        } catch (B) {
+          return v(B);
         }
         if (I && typeof I.then == "function")
           return C(I, v);
@@ -277,8 +277,8 @@ function L3() {
       try {
         h(m, v);
       } catch (I) {
-        (0, i.default)((x) => {
-          throw x;
+        (0, i.default)((B) => {
+          throw B;
         }, I);
       }
     }
@@ -288,11 +288,11 @@ function L3() {
 var v5;
 function s5() {
   if (v5)
-    return i1;
-  v5 = 1, Object.defineProperty(i1, "__esModule", {
+    return s1;
+  v5 = 1, Object.defineProperty(s1, "__esModule", {
     value: !0
-  }), i1.isAsyncIterable = i1.isAsyncGenerator = i1.isAsync = void 0;
-  var e = L3(), n = o(e);
+  }), s1.isAsyncIterable = s1.isAsyncGenerator = s1.isAsync = void 0;
+  var e = f3(), n = o(e);
   function o(u) {
     return u && u.__esModule ? u : { default: u };
   }
@@ -310,7 +310,7 @@ function s5() {
       throw new Error("expected a function");
     return l(u) ? (0, n.default)(u) : u;
   }
-  return i1.default = c, i1.isAsync = l, i1.isAsyncGenerator = s, i1.isAsyncIterable = i, i1;
+  return s1.default = c, s1.isAsync = l, s1.isAsyncGenerator = s, s1.isAsyncIterable = i, s1;
 }
 var X2 = { exports: {} }, W2 = { exports: {} };
 (function(e, n) {
@@ -320,94 +320,94 @@ var X2 = { exports: {} }, W2 = { exports: {} };
   const o = {};
   n.default = o, e.exports = n.default;
 })(W2, W2.exports);
-var X5 = W2.exports;
+var Y5 = W2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   }), n.default = i;
-  var o = X5, l = s(o);
+  var o = Y5, l = s(o);
   function s(c) {
     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 x() {
-      v >= u || m || L || (m = !0, c.next().then(({ value: S, done: z }) => {
+    function B() {
+      v >= u || m || L || (m = !0, c.next().then(({ value: Z, done: U }) => {
         if (!(h || L)) {
-          if (m = !1, z) {
+          if (m = !1, U) {
             L = !0, v <= 0 && C(null);
             return;
           }
-          v++, d(S, I, w), I++, x();
+          v++, d(Z, I, $), I++, B();
         }
-      }).catch($));
+      }).catch(T));
     }
-    function w(S, z) {
+    function $(Z, U) {
       if (v -= 1, !h) {
-        if (S)
-          return $(S);
-        if (S === !1) {
+        if (Z)
+          return T(Z);
+        if (Z === !1) {
           L = !0, h = !0;
           return;
         }
-        if (z === l.default || L && v <= 0)
+        if (U === l.default || L && v <= 0)
           return L = !0, C(null);
-        x();
+        B();
       }
     }
-    function $(S) {
-      h || (m = !1, L = !0, C(S));
+    function T(Z) {
+      h || (m = !1, L = !0, C(Z));
     }
-    x();
+    B();
   }
   e.exports = n.default;
 })(X2, X2.exports);
-var v3 = X2.exports;
+var L3 = X2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var o = c3, l = v(o), s = C3, i = v(s), c = p3, u = v(c), d = s5(), C = v3, L = v(C), h = X5, m = v(h);
+  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 };
   }
-  n.default = (I) => (x, w, $) => {
-    if ($ = (0, l.default)($), I <= 0)
+  n.default = (I) => (B, $, T) => {
+    if (T = (0, l.default)(T), I <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
-    if (!x)
-      return $(null);
-    if ((0, d.isAsyncGenerator)(x))
-      return (0, L.default)(x, I, w, $);
-    if ((0, d.isAsyncIterable)(x))
-      return (0, L.default)(x[Symbol.asyncIterator](), I, w, $);
-    var S = (0, i.default)(x), z = !1, a1 = !1, J = 0, r1 = !1;
-    function l1(H, _) {
-      if (!a1)
-        if (J -= 1, H)
-          z = !0, $(H);
+    if (!B)
+      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 (!l1)
+        if (q -= 1, H)
+          U = !0, T(H);
         else if (H === !1)
-          z = !0, a1 = !0;
+          U = !0, l1 = !0;
         else {
-          if (_ === m.default || z && J <= 0)
-            return z = !0, $(null);
-          r1 || U();
+          if (_ === m.default || U && q <= 0)
+            return U = !0, T(null);
+          t1 || P();
         }
     }
-    function U() {
-      for (r1 = !0; J < I && !z; ) {
-        var H = S();
+    function P() {
+      for (t1 = !0; q < I && !U; ) {
+        var H = Z();
         if (H === null) {
-          z = !0, J <= 0 && $(null);
+          U = !0, q <= 0 && T(null);
           return;
         }
-        J += 1, w(H.value, H.key, (0, u.default)(l1));
+        q += 1, $(H.value, H.key, (0, u.default)(i1));
       }
-      r1 = !1;
+      t1 = !1;
     }
-    U();
+    P();
   }, e.exports = n.default;
 })(E2, E2.exports);
-var m3 = E2.exports, j2 = { exports: {} };
+var v3 = E2.exports, j2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -417,7 +417,7 @@ var m3 = E2.exports, j2 = { exports: {} };
   }
   e.exports = n.default;
 })(j2, j2.exports);
-var M3 = j2.exports, K2 = { exports: {} };
+var m3 = j2.exports, K2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -438,27 +438,27 @@ var M3 = j2.exports, K2 = { exports: {} };
   }
   e.exports = n.default;
 })(K2, K2.exports);
-var I3 = K2.exports;
+var M3 = K2.exports;
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var o = m3, l = L(o), s = M3, i = L(s), c = s5(), u = L(c), d = I3, C = L(d);
+  var o = v3, l = L(o), s = m3, i = L(s), c = s5(), u = L(c), d = M3, C = L(d);
   function L(m) {
     return m && m.__esModule ? m : { default: m };
   }
-  function h(m, v, I, x) {
-    return (0, l.default)(v)(m, (0, i.default)((0, u.default)(I)), x);
+  function h(m, v, I, B) {
+    return (0, l.default)(v)(m, (0, i.default)((0, u.default)(I)), B);
   }
   n.default = (0, C.default)(h, 4), e.exports = n.default;
 })(O2, O2.exports);
-var y3 = O2.exports;
-const _3 = /* @__PURE__ */ s3(y3);
+var I3 = O2.exports;
+const y3 = /* @__PURE__ */ i3(I3);
 function m1(e) {
-  return P5[e];
+  return F5[e];
 }
-function W5(e, n) {
-  return n[U5[e]].slice();
+function X5(e, n) {
+  return n[P5[e]].slice();
 }
 function _1(e, n) {
   const o = n.priorities.find(
@@ -470,45 +470,45 @@ function c5(e, n) {
   const o = n.topic_statuses.find(
     (l) => l.topic_status === e.topic_status
   );
-  return (o == null ? void 0 : o.color) || z5;
+  return (o == null ? void 0 : o.color) || U5;
 }
-async function H3(e, n) {
+async function _3(e, n) {
   const { URL: o } = window, l = document.createElement("a");
-  l.rel = "noopener", l.download = e, l.href = o.createObjectURL(n), setTimeout(() => l.click(), 0), setTimeout(() => o.revokeObjectURL(l.href), 4e4);
+  l.rel = "noopener", l.download = e, l.href = o.createObjectURL(n), setTimeout(() => l.click(), 0), setTimeout(() => o.revokeObjectURL(l.href), 3e4);
 }
-let j5 = null;
+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: Z } = {}) => {
-    const E = _ ?? await e.bcfApi.getDetailedExtensions(H.id), R = Z ?? await o(H), O = await e.bcfApi.getTopics(H.id);
-    return O.sort((n1, c1) => c1.index - n1.index), O.forEach((n1) => {
-      n1.color = _1(n1, E), n1.creator = R.find((c1) => c1.email === n1.creation_author);
-    }), O;
+  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 Z = await e.bcfApi.getDetailedExtensions(H.id), E = await e.bcfApi.getFullTopic(_, H.id, "url");
-    return E.color = _1(E, Z), E;
+    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 Z = new FormData();
-    Z.append("name", _.name), Z.append("file", _), await fetch(`${e.config.basePath}/bcf/2.1/projects/${H.id}/import`, {
+    const x = new FormData();
+    x.append("name", _.name), x.append("file", _), await fetch(`${e.config.basePath}/bcf/2.1/projects/${H.id}/import`, {
       method: "POST",
       credentials: "include",
       headers: {
         ...e.authHeader
       },
-      body: Z
+      body: x
     });
   }, L = async (H, _) => {
-    const Z = await e.bcfApi.downloadBcfExport(
+    const x = await e.bcfApi.downloadBcfExport(
       H.id,
       void 0,
-      _.map((E) => E.guid).join(",")
+      _.map((R) => R.guid).join(",")
     );
-    H3(`${H.name}.bcf`, Z);
-  }, h = async (H, _) => (await _3(_, 10, (Z, E) => {
-    m(H, Z).then((R) => {
-      Z.viewpoints = R, E();
-    }, E);
+    _3(`${H.name}.bcf`, x);
+  }, h = async (H, _) => (await y3(_, 10, (x, R) => {
+    m(H, x).then((O) => {
+      x.viewpoints = O, R();
+    }, R);
   }), _), m = async (H, _) => await e.bcfApi.getTopicViewpoints(H.id, _.guid, "url");
   return {
     fetchCurrentUser: l,
@@ -521,42 +521,42 @@ function Ky(e, { fetchUsers: n }) {
     exportBcf: L,
     loadTopicsViewpoints: h,
     fetchTopicViewpoints: m,
-    fetchTopicCommentViewpoint: async (H, _, Z) => await e.bcfApi.getViewpoint(Z.viewpoint_guid, H.id, _.guid),
-    createViewpoint: async (H, _, Z) => await e.bcfApi.createViewpoint(H.id, _.guid, "url", Z),
-    deleteViewpoint: async (H, _, Z) => {
-      await e.bcfApi.deleteViewpoint(Z.guid, H.id, _.guid);
+    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 Z = await o(H), E = await e.bcfApi.getComments(H.id, _.guid);
-      return E.sort((R, O) => R.date > O.date ? -1 : 1), E.forEach((R) => {
-        R.user = Z.find((O) => O.email === R.author);
-      }), E;
+      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);
+      }), R;
     },
-    createComment: async (H, _, Z) => await e.bcfApi.createComment(H.id, _.guid, Z),
-    updateComment: async (H, _, Z, E) => await e.bcfApi.updateComment(Z.guid, H.id, _.guid, E),
-    deleteComment: async (H, _, Z) => {
-      await e.bcfApi.deleteComment(Z.guid, H.id, _.guid);
+    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, _, Z) => await e.bcfApi[`createExtension${_}`](H.id, {
-      [m1(_)]: Z.value,
-      color: l3()
+    createExtension: async (H, _, x) => await e.bcfApi[`createExtension${_}`](H.id, {
+      [m1(_)]: x.value,
+      color: a3()
     }),
-    updateExtension: async (H, _, Z, E) => await e.bcfApi[`updateExtension${_}`](Z.id, H.id, {
-      [m1(_)]: E.value,
-      color: E.color
+    updateExtension: async (H, _, x, R) => await e.bcfApi[`updateExtension${_}`](x.id, H.id, {
+      [m1(_)]: R.value,
+      color: R.color
     }),
-    deleteExtension: async (H, _, Z) => {
-      await e.bcfApi[`deleteExtension${_}`](Z.id, H.id);
+    deleteExtension: async (H, _, x) => {
+      await e.bcfApi[`deleteExtension${_}`](x.id, H.id);
     }
   };
 }
 function qy(e) {
-  j5 = e;
+  W5 = e;
 }
 function U1() {
-  return j5;
+  return W5;
 }
 const m5 = {
   priorities: [],
@@ -567,8 +567,8 @@ const m5 = {
   startDate: null,
   endDate: null
 };
-function V3(e) {
-  const n = r3({ ...m5 }), o = P(() => {
+function H3(e) {
+  const n = t3({ ...m5 }), o = F(() => {
     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;
   });
@@ -585,7 +585,7 @@ function V3(e) {
     reset: s
   };
 }
-const D3 = [
+const V3 = [
   "title",
   "topic_type",
   "priority",
@@ -597,14 +597,14 @@ const D3 = [
   "description"
 ];
 function Jy(e) {
-  const n = k(""), o = k([]);
-  return s1(
+  const n = w(""), o = w([]);
+  return c1(
     [e, n],
     () => {
       if (n.value) {
         const l = n.value.toLowerCase();
         o.value = e.value.filter(
-          (s) => D3.some(
+          (s) => V3.some(
             (i) => (s[i] || "").toLowerCase().includes(l)
           )
         );
@@ -618,10 +618,10 @@ function Jy(e) {
   };
 }
 function B2(e, n = (o) => o) {
-  const o = k(e), l = (c = "asc") => {
+  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;
-  }, s = k("none");
+  }, s = w("none");
   return {
     sortOrder: s,
     sortToggle: () => {
@@ -630,7 +630,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 = k("");
+  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("");
   return {
     sortedBy: u,
     sortByIndex: () => {
@@ -647,23 +647,34 @@ function Qy(e) {
     sortOrderDate: c
   };
 }
-function B3(e) {
+function D3(e) {
   return e[E1];
 }
 function e_(e) {
   var n;
   return ((n = e[F1]) == null ? void 0 : n.split(",").map(Number)) ?? [];
 }
+function B3(e) {
+  return P1[D3(e)];
+}
 function k3(e) {
-  return P1[B3(e)];
+  return e.components.selection || (e.components.selection = []), e.components.visibility || (e.components.visibility = {
+    default_visibility: !0,
+    exceptions: [],
+    view_setup_hints: {
+      spaces_visible: !1,
+      space_boundaries_visible: !1,
+      openings_visible: !1
+    }
+  }), e;
 }
-var w3 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), K = { 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) => w3.includes(e) } }, emits: ["click"], computed: { classes() {
+var w3 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), J = { 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) => w3.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 x3 = ["color"];
-function K5(e, n) {
+function j5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -671,7 +682,7 @@ function K5(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));
   }
 }
-K5(`/* base COLORS --------------------------------------------- */
+j5(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -829,7 +840,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-K5(`.bimdata-btn {
+j5(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -1132,9 +1143,9 @@ K5(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), K.render = function(e, n, o, l, s, i) {
+}`), 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);
-}, K.__scopeId = "data-v-3f903003", K.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}, 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);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, A3 = { "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" }, T3 = { render: function(e, n) {
@@ -1462,7 +1473,7 @@ const Z3 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var M5 = { addFile: S3, addFolder: T3, addUser: N3, alphabeticalAscending: O3, alphabeticalDescending: F3, alphabeticalSort: U3, alt: G3, angle: X3, api: j3, app: q3, archive: Q3, arrow: n4, attach: r4, backInTime: l4, bcf: s4, building: d4, burgerMenu: C4, calendar: h4, caliper: g4, camera: L4, cancelCamera: m4, check: I4, chevron: _4, classificationCategorie: V4, classificationElement: B4, click: w4, close: Z4, cloud: A4, color: $4, comment: R4, cursor: E4, dateAscending: P4, dateDescending: z4, default: Y4, delete: W4, deniedFile: K4, deploy: J4, detach: e9, distance: t9, doubleChevron: o9, down: l9, download: s9, drag: d9, edit: C9, ellipsis: h9, expanded: g9, explosion: L9, export: m9, exportIfc: I9, failed: _9, filter: V9, fitView: B9, folder: w9, folderMove: Z9, folderOpen: A9, fullscreen: $9, grid: R9, group: E9, hide: P9, ifc: z9, ifcFile: Y9, import: W9, indexAscending: K9, indexDescending: J9, information: e7, inProgressFile: t7, invitation: o7, isolate: l7, key: s7, left: d7, linkedDocument: C7, list: h7, listManage: g7, location: L7, lock: m7, logout: I7, measure: _7, minus: V7, model3d: B7, organization: w7, parameters: Z7, path: A7, pieGraph: $7, pipette: R7, plus: E7, project: P7, quickSelect: z7, readonlyFolder: Y7, redo: W7, reduced: K7, refresh: J7, reprocessIfc: e8, reset: t8, right: o8, rules: l8, sandglass: s8, save: d8, screenConfig: C8, screenshot: h8, search: g8, section: L8, settings: m8, share: I8, show: _8, showSelected: V8, smartview: B8, socotec: w8, space: Z8, split: A8, storey: $8, success: R8, surface: E8, swap: P8, synchro2d: z8, system: Y8, tag: j8, translate: q8, tree: Q8, unarchive: n0, undo: r0, union: a0, up: i0, upload: c0, user: u0, validate: p0, validatedFile: b0, versioning: L0, video: m0, visa: I0, warning: _0, windowBottom: V0, windowed: B0, windowLeft: w0, windowRight: Z0, windowTop: A0, zone: $0, bcfPolychrome: R0, createWindowPolychrome: E0, docInfoPolychrome: P0, fileDwgPolychrome: z0, fileDxfPolychrome: Y0, fileIfcPolychrome: W0, fileImagePolychrome: K0, fileJpegPolychrome: J0, filePdfPolychrome: e6, filePngPolychrome: t6, filePointCloudPolychrome: o6, filePlanPolychrome: l6, folderPolychrome: s6, structurePolychrome: d6, viewer2dPolychrome: C6, viewer3dPolychrome: h6 }, b6 = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const I5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var q = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var Q = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(M5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(M5).includes(e) }, color: { type: String, default: "default", validator: (e) => b6.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(I5).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 };
@@ -1473,7 +1484,7 @@ var q = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : I5[this.size];
 } } };
 const g6 = ["fill", "color"];
-function q5(e, n) {
+function K5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -1481,7 +1492,7 @@ function q5(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));
   }
 }
-q5(`/* base COLORS --------------------------------------------- */
+K5(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -1550,7 +1561,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-q5(`.icon-fill--black {
+K5(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -1633,9 +1644,9 @@ q5(`.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(), B(f1(`bimdata-icon-${o.name}`)))], 14, g6);
-}, q.__scopeId = "data-v-1312d4d1", q.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+}`), 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);
+}, 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() {
   return { margin: `${this.margin}` };
@@ -1652,7 +1663,7 @@ var b1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { m
   this.$refs.input && this.$refs.input.blur();
 } } };
 const f6 = ["id", "disabled", "value", "autocomplete"], L6 = { class: "bimdata-input__icon" }, v6 = ["for"], m6 = ((e) => (C1("data-v-5d42d486"), e = e(), p1(), e))(() => t("span", { class: "bar" }, null, -1)), M6 = { key: 0, class: "error" }, I6 = { key: 1, class: "success" };
-function J5(e, n) {
+function q5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -1660,7 +1671,7 @@ function J5(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));
   }
 }
-J5(`/* base COLORS --------------------------------------------- */
+q5(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -1818,7 +1829,7 @@ html[data-v-5d42d486] {
 .primary-font[data-v-5d42d486] {
   font-family: "roboto", sans-serif;
 }`);
-J5(`@-webkit-keyframes scaleX {
+q5(`@-webkit-keyframes scaleX {
 0% {
     -webkit-transform: scaleX(0);
             transform: scaleX(0);
@@ -1996,7 +2007,7 @@ input:-webkit-autofill {
     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);
 }, b1.__scopeId = "data-v-5d42d486", b1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
-var Q5 = { beforeMount(e, n) {
+var J5 = { beforeMount(e, n) {
   if (typeof n.value != "function")
     throw Error("click away directive needs function, got " + typeof n.value);
   e.clickAwayHandler = (o) => {
@@ -2014,7 +2025,7 @@ var Q5 = { 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 t1(e, n) {
+function r1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -2022,7 +2033,7 @@ function t1(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));
   }
 }
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2180,7 +2191,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-t1(`.bimdata-checkbox {
+r1(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2268,7 +2279,7 @@ t1(`.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", {}, () => [T(b(o.text), 1)])])) : M("v-if", !0)], 16);
+  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";
 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);
@@ -2284,7 +2295,7 @@ var y2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: {
   return this.customSize ? this.customSize : _5[this.size];
 } } }), k1 = y2("Chevron", V6);
 const B6 = ["fill", "color"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2353,7 +2364,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-t1(`.icon-fill--black {
+r1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2445,7 +2456,7 @@ const k6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.4710
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
 var k2 = y2("DoubleChevron", w6);
 const x6 = ["fill", "color"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2514,7 +2525,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-t1(`.icon-fill--black {
+r1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2606,7 +2617,7 @@ const Z6 = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
 var w2 = y2("Close", S6);
 const A6 = ["fill", "color"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2675,7 +2686,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-t1(`.icon-fill--black {
+r1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2767,7 +2778,7 @@ const T6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.465
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
 var x2 = y2("Search", $6);
 const N6 = ["fill", "color"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2836,7 +2847,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-t1(`.icon-fill--black {
+r1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2923,7 +2934,7 @@ t1(`.icon-fill--black {
   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: Q5 }, 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() {
+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 this.modelValue.map(this.optionLabel).join(", ");
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -2950,7 +2961,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"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3132,9 +3143,9 @@ html[data-v-2c3115dc] {
   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 W((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(o1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [W(t("ul", F6, [(r(!0), a(F, null, X(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(F, { key: 0 }, [T(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), [[Q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
+  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: Q5 }, 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() {
+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() {
   return this.optionLabel(this.modelValue);
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -3155,7 +3166,7 @@ var j1 = { components: { BIMDataIconChevron: k1 }, directives: { clickaway: Q5 }
   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"];
-t1(`/* base COLORS --------------------------------------------- */
+r1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3337,15 +3348,15 @@ html[data-v-41a0d93f] {
   padding-left: calc(var(--spacing-unit) * 2);
 }`), j1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconChevron"), u = O1("clickaway");
-  return W((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(o1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [W(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(F, null, X(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), [[Q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
+  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() {
   return this.multi ? "BIMDataSelectMulti" : "BIMDataSelectSingle";
 } } };
 M2.render = function(e, n, o, l, s, i) {
-  return r(), B(f1(i.selectorComponent), R1(e.$props, { modelValue: o.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
+  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 G = (e, n) => {
+const Y = (e, n) => {
   const o = e.__vccOpts || e;
   for (const [l, s] of n)
     o[l] = s;
@@ -3358,8 +3369,8 @@ function V1(e) {
 }
 const W6 = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     BIMDataInput: b1,
     BIMDataSelect: M2
   },
@@ -3371,41 +3382,41 @@ const W6 = {
   },
   emits: ["submit"],
   setup(e, { emit: n }) {
-    const o = k(!1), l = () => o.value = !1, s = () => o.value = !o.value, i = k(null), { filters: c, filteredTopics: u, reset: d } = V3(
-      P(() => e.topics)
-    ), C = P(
-      () => V1(e.topics.map((w) => w.priority))
-    ), L = P(
-      () => V1(e.topics.map((w) => w.topic_status))
-    ), h = P(
-      () => V1(e.topics.map((w) => w.assigned_to))
-    ), m = P(
-      () => V1(e.topics.map((w) => w.creation_author))
-    ), v = P(
-      () => V1(e.topics.flatMap((w) => w.labels))
+    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))
     );
     return {
       // References
-      creatorOptions: m,
-      filters: c,
-      toDate: i,
+      creatorOptions: h,
+      filters: i,
       isOpen: o,
-      priorityOptions: C,
-      statusOptions: L,
-      labelOptions: v,
-      userOptions: h,
+      labelOptions: m,
+      priorityOptions: d,
+      statusOptions: C,
+      userOptions: L,
       // Methods
       close: l,
       resetFilters: () => {
-        d(), n("submit", {
-          filters: g5(c),
-          topics: u.value
+        u(), n("submit", {
+          filters: g5(i),
+          topics: c.value
         });
       },
       submitFilters: () => {
-        c.endDate && c.endDate.setHours(23, 59, 59), n("submit", {
-          filters: g5(c),
-          topics: u.value
+        var B;
+        (B = i.endDate) == null || B.setHours(23, 59, 59), n("submit", {
+          filters: g5(i),
+          topics: c.value
         }), o.value = !1;
       },
       toggle: s
@@ -3414,7 +3425,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");
-  return W((r(), a("div", j6, [
+  return j((r(), a("div", j6, [
     p(u, {
       class: "bcf-filters__btn-toggle",
       disabled: o.topics.length === 0,
@@ -3436,9 +3447,9 @@ function ne(e, n, o, l, s, i) {
       ]),
       _: 1
     }, 8, ["disabled", "onClick"]),
-    p(o1, { name: "slide-fade-up" }, {
+    p(a1, { name: "slide-fade-up" }, {
       default: f(() => [
-        W(t("div", K6, [
+        j(t("div", K6, [
           t("div", q6, [
             t("div", J6, b(e.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
             p(u, {
@@ -3527,7 +3538,7 @@ function ne(e, n, o, l, s, i) {
               onClick: l.resetFilters
             }, {
               default: f(() => [
-                T(b(e.$t("BcfComponents.BcfFilters.resetButton")), 1)
+                A(b(e.$t("BcfComponents.BcfFilters.resetButton")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
@@ -3541,8 +3552,6 @@ function ne(e, n, o, l, s, i) {
                 p(c, {
                   name: "search",
                   size: "xxs",
-                  fill: "",
-                  color: "default",
                   margin: "0 6px 0 0"
                 }),
                 t("span", null, b(e.$t("BcfComponents.BcfFilters.searchButton")), 1)
@@ -3551,7 +3560,7 @@ function ne(e, n, o, l, s, i) {
             }, 8, ["onClick"])
           ])
         ], 512), [
-          [Q, l.isOpen]
+          [e1, l.isOpen]
         ])
       ]),
       _: 1
@@ -3560,7 +3569,7 @@ function ne(e, n, o, l, s, i) {
     [L, l.close]
   ]);
 }
-const te = /* @__PURE__ */ G(W6, [["render", ne], ["__scopeId", "data-v-ef3fa33b"]]), 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"];
+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 ae = { class: "bimdata-card__brand" }, le = { class: "bimdata-card__brand--left" }, ie = { key: 0 };
@@ -3900,7 +3909,7 @@ z1(`.bimdata-card {
           filter: saturate(0.8);
 }`), q1.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(), B(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(), B(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);
+  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 }) };
@@ -3921,13 +3930,13 @@ z1(`.color-selector__line[data-v-dd521886] {
   border: solid 2px var(--color-primary);
 }`), J1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCard");
-  return r(), B(c, { class: "color-selector" }, { content: f(() => [(r(!0), a(F, null, X(s.colorLines, (u, d) => (r(), a("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), a(F, null, X(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 });
+  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";
 const Ce = {
   components: {
-    BIMDataButton: K,
+    BIMDataButton: J,
     BIMDataColorSelector: J1,
-    BIMDataIcon: q,
+    BIMDataIcon: Q,
     BIMDataInput: b1
   },
   props: {
@@ -3943,10 +3952,10 @@ const Ce = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const o = k(!1), l = k(!1), s = k(!1), i = k(
+    const o = w(!1), l = w(!1), s = w(!1), i = w(
       e.extension[m1(e.extensionType)]
-    ), c = k(e.extension.color), u = k(null);
-    return s1(
+    ), c = w(e.extension.color), u = w(null);
+    return c1(
       o,
       () => setTimeout(() => o.value && u.value.focus(), 50)
     ), {
@@ -3954,12 +3963,12 @@ const Ce = {
       editMode: o,
       extensionColor: c,
       extensionName: i,
-      EXTENSION_WITH_COLOR: F5,
+      EXTENSION_WITH_COLOR: E5,
       input: u,
       isOpenColorSelector: l,
       isOpenDeleteGuard: s,
       // Methods
-      adjustBorderColor: i3,
+      adjustBorderColor: l3,
       getExtensionField: m1,
       submitColor: async (h) => {
         h !== e.extension.color && (n("update-extension", {
@@ -3990,12 +3999,12 @@ const Ce = {
 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");
   return r(), a("li", pe, [
-    l.editMode ? (r(), B(c, {
+    l.editMode ? (r(), k(c, {
       key: 1,
       ref: "input",
       modelValue: l.extensionName,
       "onUpdate:modelValue": n[0] || (n[0] = (h) => l.extensionName = h),
-      onKeyup: A(N(l.submitValue, ["stop"]), ["enter"])
+      onKeyup: S(N(l.submitValue, ["stop"]), ["enter"])
     }, null, 8, ["modelValue", "onKeyup"])) : (r(), a("span", he, b(o.extension[l.getExtensionField(o.extensionType)]), 1)),
     t("div", be, [
       p(d, {
@@ -4028,7 +4037,7 @@ function Le(e, n, o, l, s, i) {
         ]),
         _: 1
       }),
-      l.EXTENSION_WITH_COLOR.includes(o.extensionType) ? (r(), a(F, { key: 0 }, [
+      l.EXTENSION_WITH_COLOR.includes(o.extensionType) ? (r(), a(E, { key: 0 }, [
         t("span", {
           class: "setting-card-item__color",
           style: V({
@@ -4037,7 +4046,7 @@ function Le(e, n, o, l, s, i) {
           }),
           onClick: n[3] || (n[3] = (h) => l.isOpenColorSelector = !0)
         }, null, 4),
-        l.isOpenColorSelector ? W((r(), B(C, {
+        l.isOpenColorSelector ? j((r(), k(C, {
           key: 0,
           class: "setting-card-item__color-selector",
           modelValue: l.extensionColor,
@@ -4059,7 +4068,7 @@ function Le(e, n, o, l, s, i) {
           onClick: n[4] || (n[4] = (h) => l.submitDelete(o.extension))
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.SettingCard.deleteButton")), 1)
+            A(b(e.$t("BcfComponents.SettingCard.deleteButton")), 1)
           ]),
           _: 1
         }),
@@ -4082,11 +4091,11 @@ function Le(e, n, o, l, s, i) {
     ])) : M("", !0)
   ]);
 }
-const ve = /* @__PURE__ */ G(Ce, [["render", Le], ["__scopeId", "data-v-b97a5399"]]);
+const ve = /* @__PURE__ */ Y(Ce, [["render", Le], ["__scopeId", "data-v-b97a5399"]]);
 const me = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     BIMDataInput: b1,
     SettingCardItem: ve
   },
@@ -4106,9 +4115,9 @@ const me = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const o = P(
-      () => W5(e.extensionType, e.detailedExtensions)
-    ), l = k(null), s = k(""), i = k(!1), c = () => i.value = !1, u = () => i.value = !i.value, d = k(!1), C = () => {
+    const o = F(
+      () => 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;
     };
     return {
@@ -4154,9 +4163,9 @@ function ke(e, n, o, l, s, i) {
         }, null, 8, ["rotate"])
       ])
     ]),
-    W(t("div", null, [
+    j(t("div", null, [
       t("div", He, [
-        T(b(e.$t(`BcfComponents.SettingCard.text.${o.extensionType}`)) + " ", 1),
+        A(b(e.$t(`BcfComponents.SettingCard.text.${o.extensionType}`)) + " ", 1),
         p(u, {
           fill: "",
           radius: "",
@@ -4174,15 +4183,15 @@ function ke(e, n, o, l, s, i) {
           _: 1
         }, 8, ["onClick"])
       ]),
-      p(o1, { name: "slide-fade-up" }, {
+      p(a1, { name: "slide-fade-up" }, {
         default: f(() => [
-          W(t("div", Ve, [
+          j(t("div", Ve, [
             p(d, {
               ref: "input",
               placeholder: e.$t(`BcfComponents.SettingCard.input.${o.extensionType}`),
               modelValue: l.name,
               "onUpdate:modelValue": n[1] || (n[1] = (L) => l.name = L),
-              onKeyup: A(N(l.addExtension, ["stop"]), ["enter"])
+              onKeyup: S(N(l.addExtension, ["stop"]), ["enter"])
             }, null, 8, ["placeholder", "modelValue", "onKeyup"]),
             t("div", De, [
               p(u, {
@@ -4191,7 +4200,7 @@ function ke(e, n, o, l, s, i) {
                 onClick: l.closeForm
               }, {
                 default: f(() => [
-                  T(b(e.$t("BcfComponents.SettingCard.cancelButton")), 1)
+                  A(b(e.$t("BcfComponents.SettingCard.cancelButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -4202,19 +4211,19 @@ function ke(e, n, o, l, s, i) {
                 onClick: l.addExtension
               }, {
                 default: f(() => [
-                  T(b(e.$t("BcfComponents.SettingCard.validateButton")), 1)
+                  A(b(e.$t("BcfComponents.SettingCard.validateButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ], 512), [
-            [Q, l.isOpenForm]
+            [e1, l.isOpenForm]
           ])
         ]),
         _: 1
       }),
       t("ul", Be, [
-        (r(!0), a(F, null, X(l.availableExtensions, (L) => (r(), B(C, {
+        (r(!0), a(E, null, W(l.availableExtensions, (L) => (r(), k(C, {
           key: L.id,
           extensionType: o.extensionType,
           extension: L,
@@ -4223,15 +4232,15 @@ function ke(e, n, o, l, s, i) {
         }, null, 8, ["extensionType", "extension"]))), 128))
       ])
     ], 512), [
-      [Q, l.isOpen]
+      [e1, l.isOpen]
     ])
   ]);
 }
-const we = /* @__PURE__ */ G(me, [["render", ke], ["__scopeId", "data-v-3ea16e8c"]]);
+const we = /* @__PURE__ */ Y(me, [["render", ke], ["__scopeId", "data-v-3ea16e8c"]]);
 const xe = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     SettingCard: we
   },
   props: {
@@ -4262,7 +4271,7 @@ const xe = {
     const o = U1();
     return {
       // References
-      EXTENSION_TYPES: E5,
+      EXTENSION_TYPES: O5,
       // Methods
       createExtension: async (c) => {
         const u = await o.createExtension(
@@ -4295,7 +4304,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(), B(u, {
+      o.uiConfig.backButton ? (r(), k(u, {
         key: 0,
         color: "granite",
         ghost: "",
@@ -4312,7 +4321,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(), B(u, {
+      o.uiConfig.closeButton ? (r(), k(u, {
         key: 1,
         color: "granite",
         ghost: "",
@@ -4331,7 +4340,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(F, null, X(l.EXTENSION_TYPES, (C) => (r(), B(d, {
+      (r(!0), a(E, null, W(l.EXTENSION_TYPES, (C) => (r(), k(d, {
         detailedExtensions: o.detailedExtensions,
         extensionType: C,
         onCreateExtension: l.createExtension,
@@ -4341,14 +4350,14 @@ function Ne(e, n, o, l, s, i) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ G(xe, [["render", Ne], ["__scopeId", "data-v-9e0003a6"]]);
+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() {
   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 Ee = ["color"];
-function j(e, n) {
+function K(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -4356,7 +4365,7 @@ function j(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));
   }
 }
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -4514,7 +4523,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-j(`.bimdata-btn {
+K(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -4834,7 +4843,7 @@ var _2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: {
   return this.customSize ? this.customSize : H5[this.size];
 } } }), Q1 = _2("Chevron", Pe);
 const ze = ["fill", "color"];
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -4903,7 +4912,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`.icon-fill--black {
+K(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -4995,7 +5004,7 @@ const Ge = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.4710
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
 var e2 = _2("DoubleChevron", Ye);
 const Xe = ["fill", "color"];
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5064,7 +5073,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`.icon-fill--black {
+K(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5156,7 +5165,7 @@ const We = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
 var Z2 = _2("Close", je);
 const Ke = ["fill", "color"];
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5225,7 +5234,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`.icon-fill--black {
+K(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5317,7 +5326,7 @@ const qe = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.465
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
 var S2 = _2("Search", Je);
 const Qe = ["fill", "color"];
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5386,7 +5395,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`.icon-fill--black {
+K(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5475,7 +5484,7 @@ j(`.icon-fill--black {
 }, 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"] };
 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" };
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5551,7 +5560,7 @@ html[data-v-aa907072] {
 .bimdata-list li[data-v-aa907072] {
   list-style-type: none;
 }`);
-j(`.bimdata-navigation[data-v-aa907072] {
+K(`.bimdata-navigation[data-v-aa907072] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5602,7 +5611,7 @@ var t2 = { components: { BIMDataNavigation: n2, BIMDataButton: w1 }, props: { le
   this.$emit("pagechanged", this.totalPages);
 } } };
 const ln = { class: "bimdata-pagination__item" };
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5671,7 +5680,7 @@ html[data-v-45066753] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
+K(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
   padding: 0;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
@@ -5681,14 +5690,14 @@ j(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
   font-weight: 700;
 }`), t2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataNavigation");
-  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 }, a5({ default: f(() => [t("span", ln, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [T(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [T(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
+  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() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
 const sn = { class: "bimdata-spinner" };
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5757,7 +5766,7 @@ html[data-v-162f2cc6] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-j(`@-webkit-keyframes bimdataspinner {
+K(`@-webkit-keyframes bimdataspinner {
 0% {
     -webkit-transform: scale(0.2);
             transform: scale(0.2);
@@ -5849,7 +5858,7 @@ var o2 = { components: { BIMDataPagination: t2, BIMDataSpinner: r2 }, props: { l
   this.currentPage = e;
 } } };
 const cn = { class: "bimdata-paginated-list" }, dn = { key: 1 }, un = { class: "bimdata-list bimdata-paginated-list__elements" }, Cn = ["onClick"];
-j(`/* base COLORS --------------------------------------------- */
+K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5925,7 +5934,7 @@ html[data-v-3ab4d75d] {
 .bimdata-list li[data-v-3ab4d75d] {
   list-style-type: none;
 }`);
-j(`.bimdata-paginated-list[data-v-3ab4d75d] {
+K(`.bimdata-paginated-list[data-v-3ab4d75d] {
   font-family: var(--primary-font);
   font-size: 1em;
   line-height: 1.5;
@@ -5964,7 +5973,7 @@ j(`.bimdata-paginated-list[data-v-3ab4d75d] {
           justify-content: center;
 }`), o2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataSpinner"), u = g("BIMDataPagination");
-  return r(), a("div", cn, [o.loading ? (r(), B(c, { key: 0 })) : (r(), a("div", dn, [y(e.$slots, "header"), t("ul", un, [(r(!0), a(F, null, X(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 }, () => [T(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(), 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)]))]);
+  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 (this.barStrokeWidth / 2 - 4) / (2 * this.barDistanceFromCenter * Math.PI) * 100;
@@ -6019,7 +6028,7 @@ 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(F, null, X(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);
+  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";
 const fn = {
   components: {
@@ -6041,10 +6050,10 @@ const fn = {
   },
   setup(e) {
     return {
-      chartData: P(() => {
+      chartData: F(() => {
         if (e.topics.length === 0)
           return [];
-        const o = m1(e.extensionType), l = W5(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 {
@@ -6087,7 +6096,7 @@ function Vn(e, n, o, l, s, i) {
               }, null, 4),
               t("span", yn, b(d.percentage.toFixed(0)) + " % ", 1),
               t("span", _n, [
-                T(b(d.label || e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}NotDefined`)) + " ", 1),
+                A(b(d.label || e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}NotDefined`)) + " ", 1),
                 t("span", Hn, " (" + b(d.count) + ") ", 1)
               ])
             ])
@@ -6098,7 +6107,7 @@ function Vn(e, n, o, l, s, i) {
     ])
   ]);
 }
-const Dn = /* @__PURE__ */ G(fn, [["render", Vn], ["__scopeId", "data-v-173b3d02"]]);
+const Dn = /* @__PURE__ */ Y(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() {
@@ -6307,7 +6316,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), W(t("span", Bn, [t("bdi", null, b(s.textTail), 1)], 512), [[Q, s.textTail]]), o.tooltip && s.isOverflowing ? W((r(), a("div", { key: 0, class: D(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${o.tooltipPosition}`, `bimdata-textbox__tooltip--${o.tooltipColor}`]]) }, b(o.text), 3)), [[Q, s.showTooltip]]) : M("v-if", !0)], 36);
+  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);
 }, d1.__scopeId = "data-v-330fe2fd", d1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 const kn = {}, wn = {
   width: "84",
@@ -6315,18 +6324,18 @@ const kn = {}, wn = {
   viewBox: "0 0 84 81",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, xn = /* @__PURE__ */ R5('<path d="M83.3154 40.6328C83.3154 62.7242 65.4068 80.6328 43.3154 80.6328C21.224 80.6328 3.31543 62.7242 3.31543 40.6328C3.31543 18.5414 21.224 0.632812 43.3154 0.632812C65.4068 0.632812 83.3154 18.5414 83.3154 40.6328Z" fill="#FFFFFF"></path><path d="M46.2756 13.5376L34.124 58.8879C33.9787 59.4301 34.3035 59.9926 34.8457 60.1379L68.3655 69.1195C68.9077 69.2648 69.4702 68.94 69.6155 68.3978L78.333 35.8639L67.4883 32.9581C66.9461 32.8128 66.6213 32.2503 66.7666 31.708L70.2008 18.8916L47.5256 12.8159C46.9834 12.6706 46.4209 12.9953 46.2756 13.5376Z" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M45.7926 13.4082C46.0094 12.5992 46.8461 12.1161 47.655 12.3329L70.8131 18.5381L67.2496 31.8374C67.1758 32.1129 67.0765 32.4855 67.0765 32.4855L78.92 35.6661L70.0985 68.5272C69.8817 69.3362 69.045 69.8192 68.2361 69.6024L34.7163 60.6209C33.9073 60.4041 33.4243 59.5674 33.641 58.7584L45.7926 13.4082ZM47.3962 13.2988C47.1207 13.225 46.8324 13.3915 46.7585 13.667L34.607 59.0173C34.5331 59.2928 34.6996 59.5811 34.9751 59.6549L68.4949 68.6365C68.7704 68.7103 69.0587 68.5439 69.1326 68.2684L77.7206 36.2174L67.3589 33.441C66.55 33.2243 66.0669 32.3876 66.2837 31.5786L69.5884 19.2452L47.3962 13.2988Z" class="fill-silver"></path><path d="M67.0765 32.4855L70.8131 18.5404L78.92 35.6661L67.0765 32.4855Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M44.3876 52.686L48.3872 37.7594L67.8264 42.9682L63.8269 57.8947L44.3876 52.686ZM47.0917 37.0402C47.2458 36.4651 47.837 36.1238 48.4121 36.2779L68.5456 41.6726C69.1208 41.8268 69.4621 42.4179 69.308 42.9931L65.1224 58.6139C64.9683 59.1891 64.3771 59.5304 63.802 59.3763L43.6684 53.9815C43.0933 53.8274 42.752 53.2362 42.9061 52.6611L47.0917 37.0402ZM53.3118 42.9855C52.9778 44.2316 51.697 44.9712 50.4508 44.6373C49.2047 44.3034 48.4652 43.0225 48.7991 41.7763C49.133 40.5302 50.4139 39.7907 51.66 40.1246C52.9061 40.4585 53.6457 41.7394 53.3118 42.9855ZM46.7528 49.4132L46.1482 51.6695L62.8104 56.1342L64.2521 50.7536L60.6945 44.5916L52.992 49.0387L51.5943 46.6179L46.7528 49.4132Z" class="fill-silver"></path><path d="M7.70191 20.1034L19.8535 65.4537C19.9988 65.9959 20.5613 66.3207 21.1035 66.1754L54.6233 57.1938C55.1655 57.0485 55.4903 56.486 55.345 55.9437L46.6276 23.4098L35.783 26.3157C35.2407 26.4609 34.6782 26.1362 34.5329 25.5939L31.0988 12.7776L8.42363 18.8533C7.88139 18.9986 7.55662 19.5612 7.70191 20.1034Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21895 20.2328C7.00219 19.4238 7.48525 18.5871 8.29422 18.3704L31.4523 12.1652L35.0159 25.4645C35.0897 25.74 35.1918 26.119 35.1918 26.119L47.0371 22.9451L55.828 55.8143C56.0447 56.6233 55.5617 57.46 54.7527 57.6767L21.2329 66.6583C20.424 66.8751 19.5873 66.392 19.3705 65.5831L7.21895 20.2328ZM8.55304 19.3363C8.27754 19.4101 8.11106 19.6985 8.18488 19.974L20.3365 65.3243C20.4103 65.5998 20.6986 65.7662 20.9741 65.6924L54.4939 56.7108C54.7694 56.637 54.9359 56.3487 54.8621 56.0732L46.274 24.0222L35.9124 26.7986C35.1034 27.0154 34.2667 26.5323 34.0499 25.7234L30.7452 13.3899L8.55304 19.3363Z" class="fill-silver"></path><path d="M35.1918 26.119L31.4534 12.1672L47.0371 22.9451L35.1918 26.119Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M25.6411 54.9509L21.6416 40.0243L41.0808 34.8156L45.0804 49.7422L25.6411 54.9509ZM20.16 40.0492C20.0059 39.4741 20.3472 38.8829 20.9224 38.7288L41.0559 33.3341C41.631 33.1799 42.2222 33.5213 42.3763 34.0964L46.5619 49.7172C46.716 50.2924 46.3747 50.8836 45.7996 51.0377L25.666 56.4324C25.0909 56.5865 24.4997 56.2452 24.3456 55.6701L20.16 40.0492ZM28.5194 42.088C28.8533 43.3341 28.1138 44.615 26.8676 44.9489C25.6215 45.2828 24.3406 44.5433 24.0067 43.2971C23.6728 42.051 24.4123 40.7701 25.6585 40.4362C26.9046 40.1023 28.1855 40.8418 28.5194 42.088ZM26.053 50.934L26.6576 53.1903L43.3198 48.7257L41.8781 43.3452L35.7161 39.7876L31.2691 47.4901L28.8483 46.0924L26.053 50.934Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.9375 17.1323V12.6323H7.9375V17.1323H6.9375Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.72393 18.0419L2.54195 14.8599L3.24906 14.1528L6.43104 17.3348L5.72393 18.0419Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.46582 19.615H0.96582L0.96582 18.615H5.46582V19.615Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M46.5972 10.507L47.7619 6.16033L48.7278 6.41915L47.5631 10.7658L46.5972 10.507Z" class="fill-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M45.1895 11.0715L42.9395 7.17435L43.8056 6.67435L46.0556 10.5715L45.1895 11.0715Z" class="fill-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M44.5331 12.5242L40.1864 11.3595L40.4452 10.3936L44.7919 11.5582L44.5331 12.5242Z" class="fill-primary"></path>', 15), Zn = [
+}, xn = /* @__PURE__ */ N5('<path d="M83.3154 40.6328C83.3154 62.7242 65.4068 80.6328 43.3154 80.6328C21.224 80.6328 3.31543 62.7242 3.31543 40.6328C3.31543 18.5414 21.224 0.632812 43.3154 0.632812C65.4068 0.632812 83.3154 18.5414 83.3154 40.6328Z" fill="#FFFFFF"></path><path d="M46.2756 13.5376L34.124 58.8879C33.9787 59.4301 34.3035 59.9926 34.8457 60.1379L68.3655 69.1195C68.9077 69.2648 69.4702 68.94 69.6155 68.3978L78.333 35.8639L67.4883 32.9581C66.9461 32.8128 66.6213 32.2503 66.7666 31.708L70.2008 18.8916L47.5256 12.8159C46.9834 12.6706 46.4209 12.9953 46.2756 13.5376Z" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M45.7926 13.4082C46.0094 12.5992 46.8461 12.1161 47.655 12.3329L70.8131 18.5381L67.2496 31.8374C67.1758 32.1129 67.0765 32.4855 67.0765 32.4855L78.92 35.6661L70.0985 68.5272C69.8817 69.3362 69.045 69.8192 68.2361 69.6024L34.7163 60.6209C33.9073 60.4041 33.4243 59.5674 33.641 58.7584L45.7926 13.4082ZM47.3962 13.2988C47.1207 13.225 46.8324 13.3915 46.7585 13.667L34.607 59.0173C34.5331 59.2928 34.6996 59.5811 34.9751 59.6549L68.4949 68.6365C68.7704 68.7103 69.0587 68.5439 69.1326 68.2684L77.7206 36.2174L67.3589 33.441C66.55 33.2243 66.0669 32.3876 66.2837 31.5786L69.5884 19.2452L47.3962 13.2988Z" class="fill-silver"></path><path d="M67.0765 32.4855L70.8131 18.5404L78.92 35.6661L67.0765 32.4855Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M44.3876 52.686L48.3872 37.7594L67.8264 42.9682L63.8269 57.8947L44.3876 52.686ZM47.0917 37.0402C47.2458 36.4651 47.837 36.1238 48.4121 36.2779L68.5456 41.6726C69.1208 41.8268 69.4621 42.4179 69.308 42.9931L65.1224 58.6139C64.9683 59.1891 64.3771 59.5304 63.802 59.3763L43.6684 53.9815C43.0933 53.8274 42.752 53.2362 42.9061 52.6611L47.0917 37.0402ZM53.3118 42.9855C52.9778 44.2316 51.697 44.9712 50.4508 44.6373C49.2047 44.3034 48.4652 43.0225 48.7991 41.7763C49.133 40.5302 50.4139 39.7907 51.66 40.1246C52.9061 40.4585 53.6457 41.7394 53.3118 42.9855ZM46.7528 49.4132L46.1482 51.6695L62.8104 56.1342L64.2521 50.7536L60.6945 44.5916L52.992 49.0387L51.5943 46.6179L46.7528 49.4132Z" class="fill-silver"></path><path d="M7.70191 20.1034L19.8535 65.4537C19.9988 65.9959 20.5613 66.3207 21.1035 66.1754L54.6233 57.1938C55.1655 57.0485 55.4903 56.486 55.345 55.9437L46.6276 23.4098L35.783 26.3157C35.2407 26.4609 34.6782 26.1362 34.5329 25.5939L31.0988 12.7776L8.42363 18.8533C7.88139 18.9986 7.55662 19.5612 7.70191 20.1034Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.21895 20.2328C7.00219 19.4238 7.48525 18.5871 8.29422 18.3704L31.4523 12.1652L35.0159 25.4645C35.0897 25.74 35.1918 26.119 35.1918 26.119L47.0371 22.9451L55.828 55.8143C56.0447 56.6233 55.5617 57.46 54.7527 57.6767L21.2329 66.6583C20.424 66.8751 19.5873 66.392 19.3705 65.5831L7.21895 20.2328ZM8.55304 19.3363C8.27754 19.4101 8.11106 19.6985 8.18488 19.974L20.3365 65.3243C20.4103 65.5998 20.6986 65.7662 20.9741 65.6924L54.4939 56.7108C54.7694 56.637 54.9359 56.3487 54.8621 56.0732L46.274 24.0222L35.9124 26.7986C35.1034 27.0154 34.2667 26.5323 34.0499 25.7234L30.7452 13.3899L8.55304 19.3363Z" class="fill-silver"></path><path d="M35.1918 26.119L31.4534 12.1672L47.0371 22.9451L35.1918 26.119Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M25.6411 54.9509L21.6416 40.0243L41.0808 34.8156L45.0804 49.7422L25.6411 54.9509ZM20.16 40.0492C20.0059 39.4741 20.3472 38.8829 20.9224 38.7288L41.0559 33.3341C41.631 33.1799 42.2222 33.5213 42.3763 34.0964L46.5619 49.7172C46.716 50.2924 46.3747 50.8836 45.7996 51.0377L25.666 56.4324C25.0909 56.5865 24.4997 56.2452 24.3456 55.6701L20.16 40.0492ZM28.5194 42.088C28.8533 43.3341 28.1138 44.615 26.8676 44.9489C25.6215 45.2828 24.3406 44.5433 24.0067 43.2971C23.6728 42.051 24.4123 40.7701 25.6585 40.4362C26.9046 40.1023 28.1855 40.8418 28.5194 42.088ZM26.053 50.934L26.6576 53.1903L43.3198 48.7257L41.8781 43.3452L35.7161 39.7876L31.2691 47.4901L28.8483 46.0924L26.053 50.934Z" class="fill-silver"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.9375 17.1323V12.6323H7.9375V17.1323H6.9375Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.72393 18.0419L2.54195 14.8599L3.24906 14.1528L6.43104 17.3348L5.72393 18.0419Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.46582 19.615H0.96582L0.96582 18.615H5.46582V19.615Z" class="fill-secondary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M46.5972 10.507L47.7619 6.16033L48.7278 6.41915L47.5631 10.7658L46.5972 10.507Z" class="fill-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M45.1895 11.0715L42.9395 7.17435L43.8056 6.67435L46.0556 10.5715L45.1895 11.0715Z" class="fill-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M44.5331 12.5242L40.1864 11.3595L40.4452 10.3936L44.7919 11.5582L44.5331 12.5242Z" class="fill-primary"></path>', 15), Zn = [
   xn
 ];
 function Sn(e, n) {
   return r(), a("svg", wn, Zn);
 }
-const u5 = /* @__PURE__ */ G(kn, [["render", Sn]]);
+const u5 = /* @__PURE__ */ Y(kn, [["render", Sn]]);
 const An = {
   components: {
     BcfTopicDefaultImage: u5,
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     BIMDataTextbox: d1
   },
   props: {
@@ -6349,10 +6358,10 @@ const An = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const n = k(!1), o = P(() => _1(e.topic, e.detailedExtensions)), l = P(() => c5(e.topic, e.detailedExtensions)), s = P(() => {
+    const n = w(!1), o = F(() => _1(e.topic, e.detailedExtensions)), l = F(() => c5(e.topic, e.detailedExtensions)), s = F(() => {
       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 = P(() => {
+    }), i = F(() => {
       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) ?? [];
     });
@@ -6390,11 +6399,11 @@ function Yn(e, n, o, l, s, i) {
         }, null, 8, ["text"])
       ]),
       t("div", Nn, [
-        W(p(u, {
+        j(p(u, {
           modelValue: o.selected,
           "onUpdate:modelValue": n[0] || (n[0] = (h) => e.$emit("update:selected", h))
         }, null, 8, ["modelValue"]), [
-          [Q, o.selectable && l.hover]
+          [e1, o.selectable && l.hover]
         ])
       ])
     ]),
@@ -6420,7 +6429,7 @@ function Yn(e, n, o, l, s, i) {
         src: l.topicImage,
         alt: "topic viewpoint",
         loading: "lazy"
-      }, null, 8, Fn)) : (r(), B(C, {
+      }, null, 8, Fn)) : (r(), k(C, {
         key: 2,
         class: "img-default"
       }))
@@ -6454,7 +6463,7 @@ function Yn(e, n, o, l, s, i) {
           onClick: n[1] || (n[1] = (h) => e.$emit("open-topic", o.topic))
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicCard.see")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicCard.see")), 1)
           ]),
           _: 1
         })
@@ -6462,24 +6471,24 @@ function Yn(e, n, o, l, s, i) {
     ])
   ], 34);
 }
-const Xn = /* @__PURE__ */ G(An, [["render", Yn], ["__scopeId", "data-v-6a7340ba"]]), Wn = {}, jn = {
+const Xn = /* @__PURE__ */ Y(An, [["render", Yn], ["__scopeId", "data-v-6a7340ba"]]), Wn = {}, jn = {
   width: "66",
   height: "60",
   viewBox: "0 0 66 60",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Kn = /* @__PURE__ */ R5('<path opacity="0.21" d="M14.4999 59.2445C22.2871 59.2445 28.5999 58.9311 28.5999 58.5445C28.5999 58.1579 22.2871 57.8445 14.4999 57.8445C6.71269 57.8445 0.399902 58.1579 0.399902 58.5445C0.399902 58.9311 6.71269 59.2445 14.4999 59.2445Z" class="fill-granite-light"></path><path d="M46.84 26.5444C45.0533 26.5444 43.5645 28.0444 43.5645 29.8444C43.5645 31.6444 45.0533 33.1444 46.84 33.1444C48.6267 33.1444 50.1156 31.6444 50.1156 29.8444C50.1156 28.0444 48.6267 26.5444 46.84 26.5444ZM48.4282 29.8444C48.4282 30.7444 47.7333 31.4444 46.84 31.4444C45.9467 31.4444 45.2519 30.7444 45.2519 29.8444C45.2519 28.9444 45.9467 28.2444 46.84 28.2444C47.7333 28.2444 48.4282 29.0444 48.4282 29.8444Z" class="fill-silver-dark"></path><path d="M54.8797 27.6444C52.9938 27.6444 51.5049 29.1444 51.5049 31.0444C51.5049 32.9444 52.9938 34.4444 54.8797 34.4444C56.7656 34.4444 58.2545 32.9444 58.2545 31.0444C58.1553 29.1444 56.6664 27.6444 54.8797 27.6444ZM56.4678 31.0444C56.4678 31.9444 55.773 32.6444 54.8797 32.6444C53.9864 32.6444 53.2916 31.9444 53.2916 31.0444C53.2916 30.1444 53.9864 29.4444 54.8797 29.4444C55.773 29.4444 56.4678 30.1444 56.4678 31.0444Z" class="fill-silver-dark"></path><path d="M52.1005 11.1444C44.7554 11.1444 38.7998 17.1444 38.7998 24.5444V50.9444C38.7998 53.0444 40.4872 54.8444 42.6709 54.8444C42.9687 54.8444 43.2665 54.8444 43.5642 54.7444C43.6635 56.8444 45.3509 58.5444 47.4354 58.5444C49.5198 58.5444 51.3065 56.8444 51.3065 54.6444V52.7444C51.6042 52.8444 51.902 52.8444 52.1998 52.8444H52.3983C52.6961 52.8444 52.9939 52.8444 53.2917 52.7444C53.4902 54.7444 55.0783 56.2444 57.0635 56.2444C57.3613 56.2444 57.6591 56.2444 57.9568 56.1444C58.3539 57.9444 59.8428 59.2444 61.7287 59.2444C63.8131 59.2444 65.5998 57.5444 65.5998 55.3444V24.5444C65.4013 17.1444 59.4457 11.1444 52.1005 11.1444ZM57.7583 47.8444V52.4444C57.7583 52.9444 57.3613 53.3444 56.865 53.3444C56.3687 53.3444 55.9717 52.9444 55.9717 52.4444V47.1444H52.9939V49.0444C52.9939 49.5444 52.5968 49.9444 52.1005 49.9444H51.902C51.4057 49.9444 51.0087 49.5444 51.0087 49.0444V42.0444H48.0309V54.6444C48.0309 55.1444 47.6339 55.5444 47.1376 55.5444C46.6413 55.5444 46.2442 55.1444 46.2442 54.6444V48.5444H43.2665V51.0444C43.2665 51.5444 42.8694 51.9444 42.3731 51.9444C41.8768 51.9444 41.4798 51.5444 41.4798 51.0444V24.5444C41.4798 18.8444 46.145 14.1444 51.8028 14.1444C57.4605 14.1444 62.1257 18.8444 62.1257 24.5444V55.3444C62.1257 55.8444 61.7287 56.2444 61.2324 56.2444C60.7361 56.2444 60.3391 55.8444 60.3391 55.3444V47.8444H57.7583Z" class="fill-silver-dark"></path><path d="M29.8001 6.84446C31.5674 6.84446 33.0001 5.41177 33.0001 3.64446C33.0001 1.87715 31.5674 0.444458 29.8001 0.444458C28.0328 0.444458 26.6001 1.87715 26.6001 3.64446C26.6001 5.41177 28.0328 6.84446 29.8001 6.84446Z" class="fill-silver-dark"></path><path d="M23.8997 15.9444C25.1147 15.9444 26.0997 14.9595 26.0997 13.7444C26.0997 12.5294 25.1147 11.5444 23.8997 11.5444C22.6847 11.5444 21.6997 12.5294 21.6997 13.7444C21.6997 14.9595 22.6847 15.9444 23.8997 15.9444Z" class="fill-secondary"></path><path d="M28.8999 22.0444C29.7283 22.0444 30.3999 21.3729 30.3999 20.5444C30.3999 19.716 29.7283 19.0444 28.8999 19.0444C28.0715 19.0444 27.3999 19.716 27.3999 20.5444C27.3999 21.3729 28.0715 22.0444 28.8999 22.0444Z" class="fill-silver-dark"></path><path d="M13.9995 33.5444C15.2995 34.1444 16.4995 34.8444 17.5995 35.7444C19.1995 37.1444 20.4995 38.7444 21.3995 40.6444C21.6995 41.2444 21.8995 41.8444 22.0995 42.4444C22.5995 43.9444 22.2995 45.2444 21.1995 46.3444C18.8995 48.6444 16.1995 49.3444 13.0995 48.5444C12.8995 48.5444 12.6995 48.5444 12.5995 48.5444C11.3995 48.7444 10.0995 48.8444 8.89951 48.6444C8.59951 48.6444 8.39951 48.5444 7.99951 48.5444C8.29951 49.0444 8.59951 49.4444 8.89951 49.9444C9.79951 51.2444 11.0995 52.2444 12.4995 52.8444C14.3995 53.6444 16.2995 53.8444 18.2995 53.4444C20.0995 53.0444 21.6995 52.1444 22.9995 50.7444C24.3995 49.2444 25.2995 47.4444 25.4995 45.3444C25.5995 44.0444 25.5995 42.6444 25.0995 41.4444C24.6995 40.4444 24.0995 39.5444 23.3995 38.7444C22.0995 37.0444 20.5995 35.5444 19.0995 34.0444C18.4995 33.4444 17.8995 32.9444 17.2995 32.4444C17.1995 32.3444 17.0995 32.3444 16.9995 32.3444C15.6995 32.1444 14.7995 32.3444 13.9995 33.5444Z" class="fill-silver-dark"></path><path d="M11.4997 29.6444C10.3997 29.5444 9.49967 29.6444 8.59967 29.9444C7.39967 30.2444 6.19967 30.8444 5.19967 31.6444C4.19967 32.4444 3.39967 33.3444 2.79967 34.5444C1.99967 36.0444 1.59967 37.6444 1.69967 39.3444C1.79967 41.0444 2.29967 42.7444 3.29967 44.1444C4.19967 45.4444 5.29967 46.4444 6.59967 47.1444C7.59967 47.6444 8.49967 48.0444 9.59967 48.0444C11.3997 48.0444 13.1997 47.8444 14.8997 47.3444C16.1997 47.0444 17.5997 46.6444 18.8997 46.2444C19.4997 46.0444 20.1997 45.9444 20.7997 45.5444C21.1997 45.3444 21.3997 44.8444 21.5997 44.3444C21.7997 43.6444 21.7997 42.9444 21.3997 42.2444C21.0997 42.4444 20.7997 42.6444 20.4997 42.8444C19.1997 43.6444 17.7997 44.2444 16.2997 44.6444C14.2997 45.1444 12.1997 45.1444 10.1997 44.8444C8.89967 44.6444 7.79967 44.0444 7.09967 42.7444C6.69967 41.8444 6.49967 40.9444 6.49967 39.9444C6.39967 37.5444 7.29967 35.5444 8.99967 33.8444C8.99967 33.8444 9.19967 33.5444 9.29967 33.2444C9.79967 31.9444 10.3997 30.7444 11.4997 29.6444Z" class="fill-silver-dark"></path><path d="M9.89953 44.2445C9.89953 44.0445 9.89953 43.8445 9.89953 43.7445C9.69953 41.5445 9.99953 39.4445 10.7995 37.4445C11.4995 35.5445 12.5995 33.9445 13.9995 32.5445C14.8995 31.6445 15.9995 31.4445 17.1995 31.6445C19.7995 32.2445 21.7995 33.6445 22.8995 36.1445C23.0995 36.6445 23.1995 37.2445 23.4995 37.7445C23.5995 38.0445 23.8995 38.3445 24.0995 38.6445C24.7995 39.6445 25.4995 40.7445 25.8995 41.9445C25.8995 41.9445 25.8995 42.0445 25.9995 42.1445C26.2995 41.4445 26.6995 40.7445 26.9995 40.1445C27.4995 38.9445 27.5995 37.6445 27.4995 36.3445C27.2995 34.1445 26.4995 32.1445 24.8995 30.5445C23.7995 29.3445 22.3995 28.5445 20.7995 28.1445C19.0995 27.6445 17.2995 27.6445 15.5995 28.2445C13.9995 28.7445 12.5995 29.5445 11.4995 30.9445C11.0995 31.4445 10.6995 32.0445 10.3995 32.7445C9.79953 34.0445 9.29953 35.4445 8.89953 36.7445C8.39953 38.5445 7.99953 40.4445 7.59953 42.2445C7.49953 42.8445 7.89953 43.2445 8.29953 43.6445C8.59953 43.9445 9.19953 44.1445 9.89953 44.2445Z" class="fill-silver-dark"></path><path d="M37.3997 7.04441C38.3386 7.04441 39.0997 6.28329 39.0997 5.34441C39.0997 4.40553 38.3386 3.64441 37.3997 3.64441C36.4608 3.64441 35.6997 4.40553 35.6997 5.34441C35.6997 6.28329 36.4608 7.04441 37.3997 7.04441Z" class="fill-secondary"></path>', 11), qn = [
+}, Kn = /* @__PURE__ */ N5('<path opacity="0.21" d="M14.4999 59.2445C22.2871 59.2445 28.5999 58.9311 28.5999 58.5445C28.5999 58.1579 22.2871 57.8445 14.4999 57.8445C6.71269 57.8445 0.399902 58.1579 0.399902 58.5445C0.399902 58.9311 6.71269 59.2445 14.4999 59.2445Z" class="fill-granite-light"></path><path d="M46.84 26.5444C45.0533 26.5444 43.5645 28.0444 43.5645 29.8444C43.5645 31.6444 45.0533 33.1444 46.84 33.1444C48.6267 33.1444 50.1156 31.6444 50.1156 29.8444C50.1156 28.0444 48.6267 26.5444 46.84 26.5444ZM48.4282 29.8444C48.4282 30.7444 47.7333 31.4444 46.84 31.4444C45.9467 31.4444 45.2519 30.7444 45.2519 29.8444C45.2519 28.9444 45.9467 28.2444 46.84 28.2444C47.7333 28.2444 48.4282 29.0444 48.4282 29.8444Z" class="fill-silver-dark"></path><path d="M54.8797 27.6444C52.9938 27.6444 51.5049 29.1444 51.5049 31.0444C51.5049 32.9444 52.9938 34.4444 54.8797 34.4444C56.7656 34.4444 58.2545 32.9444 58.2545 31.0444C58.1553 29.1444 56.6664 27.6444 54.8797 27.6444ZM56.4678 31.0444C56.4678 31.9444 55.773 32.6444 54.8797 32.6444C53.9864 32.6444 53.2916 31.9444 53.2916 31.0444C53.2916 30.1444 53.9864 29.4444 54.8797 29.4444C55.773 29.4444 56.4678 30.1444 56.4678 31.0444Z" class="fill-silver-dark"></path><path d="M52.1005 11.1444C44.7554 11.1444 38.7998 17.1444 38.7998 24.5444V50.9444C38.7998 53.0444 40.4872 54.8444 42.6709 54.8444C42.9687 54.8444 43.2665 54.8444 43.5642 54.7444C43.6635 56.8444 45.3509 58.5444 47.4354 58.5444C49.5198 58.5444 51.3065 56.8444 51.3065 54.6444V52.7444C51.6042 52.8444 51.902 52.8444 52.1998 52.8444H52.3983C52.6961 52.8444 52.9939 52.8444 53.2917 52.7444C53.4902 54.7444 55.0783 56.2444 57.0635 56.2444C57.3613 56.2444 57.6591 56.2444 57.9568 56.1444C58.3539 57.9444 59.8428 59.2444 61.7287 59.2444C63.8131 59.2444 65.5998 57.5444 65.5998 55.3444V24.5444C65.4013 17.1444 59.4457 11.1444 52.1005 11.1444ZM57.7583 47.8444V52.4444C57.7583 52.9444 57.3613 53.3444 56.865 53.3444C56.3687 53.3444 55.9717 52.9444 55.9717 52.4444V47.1444H52.9939V49.0444C52.9939 49.5444 52.5968 49.9444 52.1005 49.9444H51.902C51.4057 49.9444 51.0087 49.5444 51.0087 49.0444V42.0444H48.0309V54.6444C48.0309 55.1444 47.6339 55.5444 47.1376 55.5444C46.6413 55.5444 46.2442 55.1444 46.2442 54.6444V48.5444H43.2665V51.0444C43.2665 51.5444 42.8694 51.9444 42.3731 51.9444C41.8768 51.9444 41.4798 51.5444 41.4798 51.0444V24.5444C41.4798 18.8444 46.145 14.1444 51.8028 14.1444C57.4605 14.1444 62.1257 18.8444 62.1257 24.5444V55.3444C62.1257 55.8444 61.7287 56.2444 61.2324 56.2444C60.7361 56.2444 60.3391 55.8444 60.3391 55.3444V47.8444H57.7583Z" class="fill-silver-dark"></path><path d="M29.8001 6.84446C31.5674 6.84446 33.0001 5.41177 33.0001 3.64446C33.0001 1.87715 31.5674 0.444458 29.8001 0.444458C28.0328 0.444458 26.6001 1.87715 26.6001 3.64446C26.6001 5.41177 28.0328 6.84446 29.8001 6.84446Z" class="fill-silver-dark"></path><path d="M23.8997 15.9444C25.1147 15.9444 26.0997 14.9595 26.0997 13.7444C26.0997 12.5294 25.1147 11.5444 23.8997 11.5444C22.6847 11.5444 21.6997 12.5294 21.6997 13.7444C21.6997 14.9595 22.6847 15.9444 23.8997 15.9444Z" class="fill-secondary"></path><path d="M28.8999 22.0444C29.7283 22.0444 30.3999 21.3729 30.3999 20.5444C30.3999 19.716 29.7283 19.0444 28.8999 19.0444C28.0715 19.0444 27.3999 19.716 27.3999 20.5444C27.3999 21.3729 28.0715 22.0444 28.8999 22.0444Z" class="fill-silver-dark"></path><path d="M13.9995 33.5444C15.2995 34.1444 16.4995 34.8444 17.5995 35.7444C19.1995 37.1444 20.4995 38.7444 21.3995 40.6444C21.6995 41.2444 21.8995 41.8444 22.0995 42.4444C22.5995 43.9444 22.2995 45.2444 21.1995 46.3444C18.8995 48.6444 16.1995 49.3444 13.0995 48.5444C12.8995 48.5444 12.6995 48.5444 12.5995 48.5444C11.3995 48.7444 10.0995 48.8444 8.89951 48.6444C8.59951 48.6444 8.39951 48.5444 7.99951 48.5444C8.29951 49.0444 8.59951 49.4444 8.89951 49.9444C9.79951 51.2444 11.0995 52.2444 12.4995 52.8444C14.3995 53.6444 16.2995 53.8444 18.2995 53.4444C20.0995 53.0444 21.6995 52.1444 22.9995 50.7444C24.3995 49.2444 25.2995 47.4444 25.4995 45.3444C25.5995 44.0444 25.5995 42.6444 25.0995 41.4444C24.6995 40.4444 24.0995 39.5444 23.3995 38.7444C22.0995 37.0444 20.5995 35.5444 19.0995 34.0444C18.4995 33.4444 17.8995 32.9444 17.2995 32.4444C17.1995 32.3444 17.0995 32.3444 16.9995 32.3444C15.6995 32.1444 14.7995 32.3444 13.9995 33.5444Z" class="fill-silver-dark"></path><path d="M11.4997 29.6444C10.3997 29.5444 9.49967 29.6444 8.59967 29.9444C7.39967 30.2444 6.19967 30.8444 5.19967 31.6444C4.19967 32.4444 3.39967 33.3444 2.79967 34.5444C1.99967 36.0444 1.59967 37.6444 1.69967 39.3444C1.79967 41.0444 2.29967 42.7444 3.29967 44.1444C4.19967 45.4444 5.29967 46.4444 6.59967 47.1444C7.59967 47.6444 8.49967 48.0444 9.59967 48.0444C11.3997 48.0444 13.1997 47.8444 14.8997 47.3444C16.1997 47.0444 17.5997 46.6444 18.8997 46.2444C19.4997 46.0444 20.1997 45.9444 20.7997 45.5444C21.1997 45.3444 21.3997 44.8444 21.5997 44.3444C21.7997 43.6444 21.7997 42.9444 21.3997 42.2444C21.0997 42.4444 20.7997 42.6444 20.4997 42.8444C19.1997 43.6444 17.7997 44.2444 16.2997 44.6444C14.2997 45.1444 12.1997 45.1444 10.1997 44.8444C8.89967 44.6444 7.79967 44.0444 7.09967 42.7444C6.69967 41.8444 6.49967 40.9444 6.49967 39.9444C6.39967 37.5444 7.29967 35.5444 8.99967 33.8444C8.99967 33.8444 9.19967 33.5444 9.29967 33.2444C9.79967 31.9444 10.3997 30.7444 11.4997 29.6444Z" class="fill-silver-dark"></path><path d="M9.89953 44.2445C9.89953 44.0445 9.89953 43.8445 9.89953 43.7445C9.69953 41.5445 9.99953 39.4445 10.7995 37.4445C11.4995 35.5445 12.5995 33.9445 13.9995 32.5445C14.8995 31.6445 15.9995 31.4445 17.1995 31.6445C19.7995 32.2445 21.7995 33.6445 22.8995 36.1445C23.0995 36.6445 23.1995 37.2445 23.4995 37.7445C23.5995 38.0445 23.8995 38.3445 24.0995 38.6445C24.7995 39.6445 25.4995 40.7445 25.8995 41.9445C25.8995 41.9445 25.8995 42.0445 25.9995 42.1445C26.2995 41.4445 26.6995 40.7445 26.9995 40.1445C27.4995 38.9445 27.5995 37.6445 27.4995 36.3445C27.2995 34.1445 26.4995 32.1445 24.8995 30.5445C23.7995 29.3445 22.3995 28.5445 20.7995 28.1445C19.0995 27.6445 17.2995 27.6445 15.5995 28.2445C13.9995 28.7445 12.5995 29.5445 11.4995 30.9445C11.0995 31.4445 10.6995 32.0445 10.3995 32.7445C9.79953 34.0445 9.29953 35.4445 8.89953 36.7445C8.39953 38.5445 7.99953 40.4445 7.59953 42.2445C7.49953 42.8445 7.89953 43.2445 8.29953 43.6445C8.59953 43.9445 9.19953 44.1445 9.89953 44.2445Z" class="fill-silver-dark"></path><path d="M37.3997 7.04441C38.3386 7.04441 39.0997 6.28329 39.0997 5.34441C39.0997 4.40553 38.3386 3.64441 37.3997 3.64441C36.4608 3.64441 35.6997 4.40553 35.6997 5.34441C35.6997 6.28329 36.4608 7.04441 37.3997 7.04441Z" class="fill-secondary"></path>', 11), qn = [
   Kn
 ];
 function Jn(e, n) {
   return r(), a("svg", jn, qn);
 }
-const Qn = /* @__PURE__ */ G(Wn, [["render", Jn]]);
+const Qn = /* @__PURE__ */ Y(Wn, [["render", Jn]]);
 const et = {
   components: {
     BcfTopicCreationCardImage: Qn,
-    BIMDataButton: K,
-    BIMDataIcon: q
+    BIMDataButton: J,
+    BIMDataIcon: Q
   },
   emits: ["create-topic"]
 }, nt = { class: "bcf-topic-creation-card" }, tt = { class: "bcf-topic-creation-card__text" };
@@ -6509,7 +6518,7 @@ function rt(e, n, o, l, s, i) {
     })
   ]);
 }
-const ot = /* @__PURE__ */ G(et, [["render", rt], ["__scopeId", "data-v-af2c3cbc"]]);
+const ot = /* @__PURE__ */ Y(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;
@@ -7059,7 +7068,7 @@ 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(), B(f1(`bimdata-icon-${o.name}`)))], 14, Ki);
+  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() {
   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 };
@@ -7628,8 +7637,8 @@ const Qi = { useUtc: !1, getFullYear(e) {
       else if (/dd/i.test(h[I]))
         v[2] = m[I];
       else if (/d/i.test(h[I])) {
-        const x = m[I].replace(/st|rd|nd|th/g, "");
-        v[2] = x < 10 ? `0${x}` : `${x}`;
+        const B = m[I].replace(/st|rd|nd|th/g, "");
+        v[2] = B < 10 ? `0${B}` : `${B}`;
       }
     return `${v.join("-")}${C}`;
   })({ dateStr: e, formatStr: n, translation: o, time: this.getTime() }), i = Date.parse(s);
@@ -7713,7 +7722,7 @@ var H2 = (e) => ({ ...Qi, useUtc: e }), C5 = { props: { autofocus: { type: Boole
 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) {
   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) }, [T(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] = A((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = A((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = A(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = A(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = A(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = A((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = A((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = A((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(() => [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);
+  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) };
@@ -7778,7 +7787,7 @@ var J2 = { name: "DateInput", components: { BIMDataIcon: M1, BIMDataButton: x1 }
 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) {
   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) }, [T(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] = A((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = A((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = A(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = A(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = A(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = A((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = A((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = A((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(() => [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);
+  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";
 const ss = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isDefined(e, n) {
   return this.configExists(e) && e[n] !== void 0;
@@ -8047,7 +8056,7 @@ var cs = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
 const ds = ["disabled"], us = ["disabled"], Cs = ["disabled"], ps = ["disabled"];
 e5.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] = A(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = A(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = A(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = A(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] = A(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = A(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = A(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = A(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] = A(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = A(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = A(N((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = A(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] = A(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = A(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = A(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = A(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)]);
+  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) };
@@ -8143,12 +8152,12 @@ var $1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, s
 } } };
 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(F, null, X(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: [A(N((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), A(N((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), A(N((d) => i.handleArrow(u), ["prevent"]), ["left"]), A(N((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [y(e.$slots, "default", { cell: c })], 42, bs))), 128))]);
+  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] = A(N((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = A(N((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = A(N((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = A(N((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [y(e.$slots, "default")], 40, gs);
+  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() {
   const e = [], n = this.daysFromPrevMonth + this.daysInMonth + this.daysFromNextMonth, o = this.firstCellDate();
@@ -8211,7 +8220,7 @@ var n5 = { name: "PickerDay", components: { PickerCells: $1, UpButton: N1 }, mix
 const fs = { key: 0 }, Ls = { class: "day-header" }, vs = { class: "cells-wrapper" }, ms = { key: 2 };
 n5.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(), 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(() => [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(() => [T(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(F, null, X(i.daysOfWeek, (C) => (r(), a("span", { key: C }, b(C), 1))), 128))]), t("div", vs, [p(o1, { 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 }) => [y(e.$slots, "dayCellContent", { cell: C }, () => [T(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)]);
+  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() {
   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));
@@ -8239,7 +8248,7 @@ var t5 = { name: "PickerMonth", components: { PickerCells: $1, UpButton: N1 }, m
 const Ms = { key: 0 }, Is = { class: "cells-wrapper" }, ys = { key: 2 };
 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.beforeCalendarHeaderMonth ? (r(), a("div", Ms, [y(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(() => [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(() => [T(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : M("v-if", !0), t("div", Is, [p(o1, { 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 }) => [T(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)]);
+  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() {
   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());
@@ -8271,7 +8280,7 @@ var r5 = { name: "PickerYear", components: { PickerCells: $1, UpButton: N1 }, mi
 const _s = { key: 0 }, Hs = { class: "cells-wrapper" }, Vs = { key: 2 };
 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.beforeCalendarHeaderYear ? (r(), a("div", _s, [y(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(() => [y(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [y(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: f(() => [T(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : M("v-if", !0), t("div", Hs, [p(o1, { 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 }) => [T(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)]);
+  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";
 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() {
@@ -8887,8 +8896,8 @@ H1(`.slide-fade-up-enter-active,
   padding: 0;
 }`), l2.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] = A((...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: 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(), 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: 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(o1, { name: "toggle", persisted: "" }, { default: f(() => [W(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] = A(N((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = A(N((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(o1, { 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(), 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 }, a5({ dayCellContent: f(({ cell: d }) => [d ? y(e.$slots, "dayCellContent", { key: 0, cell: d }) : M("v-if", !0)]), _: 2 }, [X(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), [[Q, i.isOpen]])]), _: 3 })])) : M("v-if", !0)], 42, Bs);
+  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 `${this.color}`;
@@ -8902,11 +8911,11 @@ var o5 = { props: { component: { type: String, default: "p" }, display: { type:
   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(), B(f1(o.component), { style: V(i.style), class: D(i.classes) }, { default: f(() => [y(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
+  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: "" } } };
 const Zs = { class: "bimdata-loading" }, Ss = ((e) => (C1("data-v-6d3be186"), e = e(), p1(), e))(() => t("span", { class: "bimdata-loading--square" }, null, -1));
-function e3(e, n) {
+function Q5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -8914,7 +8923,7 @@ function e3(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));
   }
 }
-e3(`/* base COLORS --------------------------------------------- */
+Q5(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -8983,7 +8992,7 @@ html[data-v-6d3be186] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-e3(`@-webkit-keyframes bimdataloading {
+Q5(`@-webkit-keyframes bimdataloading {
 0% {
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
             box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
@@ -9592,7 +9601,7 @@ 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(), B(f1(`bimdata-icon-${o.name}`)))], 14, Lh);
+  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" } } };
 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" };
@@ -9653,7 +9662,7 @@ var I1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { n
   this.$emit("update:modelValue", e.currentTarget.value), this.fitContent && this.handleFitContent();
 } } };
 const Ih = ["name", "id", "value", "placeholder"], yh = ["for"], _h = ((e) => (C1("data-v-76eaf75a"), e = e(), p1(), e))(() => t("span", { class: "bar" }, null, -1)), Hh = { key: 0, class: "error" }, Vh = { key: 1, class: "success" };
-function n3(e, n) {
+function e3(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -9661,7 +9670,7 @@ function n3(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));
   }
 }
-n3(`/* base COLORS --------------------------------------------- */
+e3(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -9819,7 +9828,7 @@ html[data-v-76eaf75a] {
 .primary-font[data-v-76eaf75a] {
   font-family: "roboto", sans-serif;
 }`);
-n3(`textarea:-webkit-autofill {
+e3(`textarea:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px var(--color-white) inset;
           box-shadow: 0 0 0px 1000px var(--color-white) inset;
 }
@@ -10229,12 +10238,17 @@ 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(o1, { name: "fade", persisted: "" }, { default: f(() => [W(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), [[Q, i.isDisplayed]])]), _: 1 })]);
+  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";
-const Bh = {
+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);
+  return n || o;
+}
+const xh = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q
+    BIMDataButton: J,
+    BIMDataIcon: Q
   },
   props: {
     viewpoints: {
@@ -10243,58 +10257,57 @@ const Bh = {
     }
   },
   emits: [
-    "add-viewpoint",
+    "create-viewpoint",
     "delete-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const o = (d) => {
-      [...d.target.files].forEach((C) => {
-        let L;
-        C.type === "image/png" ? L = "png" : C.type === "image/jpeg" ? L = "jpg" : L = C.type;
-        const h = new FileReader();
-        h.addEventListener("load", () => {
-          const m = {
-            snapshot: {
-              snapshot_type: L,
-              snapshot_data: h.result
-            }
-          };
-          n("add-viewpoint", m);
-        }), h.readAsDataURL(C);
-      });
-    }, l = (d) => {
-      n("delete-viewpoint", d);
-    }, s = navigator.userAgent.toLowerCase(), i = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s), c = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(s);
     return {
-      isTabletOrMobile: i || c,
       // Methods
-      createViewpoints: o,
-      deleteViewpoint: l
+      createViewpoints: (s) => {
+        [...s.target.files].forEach((i) => {
+          let c;
+          i.type === "image/png" ? c = "png" : i.type === "image/jpeg" ? c = "jpg" : c = i.type;
+          const u = new FileReader();
+          u.addEventListener("load", () => {
+            const d = {
+              snapshot: {
+                snapshot_type: c,
+                snapshot_data: u.result
+              }
+            };
+            n("create-viewpoint", d);
+          }), u.readAsDataURL(i);
+        });
+      },
+      deleteViewpoint: (s) => {
+        n("delete-viewpoint", s);
+      },
+      isTabletOrMobile: wh
     };
   }
-}, kh = { class: "bcf-topic-images" }, wh = { class: "bcf-topic-images__images" }, xh = ["src"], Zh = { for: "files" }, Sh = ["disabled"], Ah = {
+}, Zh = { class: "bcf-topic-images" }, Sh = { class: "bcf-topic-images__images" }, Ah = ["src"], Th = { for: "files" }, $h = ["disabled"], Nh = {
   key: 1,
   class: "bcf-topic-images__upload"
-}, Th = { class: "icon" }, $h = {
+}, Rh = { class: "icon" }, Oh = {
   key: 0,
   for: "files"
-}, Nh = {
+}, Eh = {
   key: 1,
   for: "files"
 };
-function Rh(e, n, o, l, s, i) {
+function Fh(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", kh, [
-    o.viewpoints.length > 0 ? (r(), a(F, { key: 0 }, [
-      t("div", wh, [
-        (r(!0), a(F, null, X(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
+  return r(), a("div", Zh, [
+    o.viewpoints.length > 0 ? (r(), a(E, { 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 }]),
           key: d.guid || C
         }, [
           d.snapshot.snapshot_data ? (r(), a("img", {
             key: 0,
             src: d.snapshot.snapshot_data
-          }, null, 8, xh)) : M("", !0),
+          }, null, 8, Ah)) : M("", !0),
           p(u, {
             class: "btn-delete",
             fill: "",
@@ -10323,13 +10336,13 @@ function Rh(e, n, o, l, s, i) {
         radius: ""
       }, {
         default: f(() => [
-          t("label", Zh, [
+          t("label", Th, [
             p(c, {
               name: "camera",
               size: "xs",
               margin: "0 6px 0 0"
             }),
-            T(" " + b(e.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
+            A(" " + b(e.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
           ]),
           t("input", {
             disabled: o.viewpoints.length >= 4,
@@ -10339,12 +10352,12 @@ function Rh(e, n, o, l, s, i) {
             multiple: "",
             accept: "image/png, image/jpeg",
             onChange: n[0] || (n[0] = (...d) => l.createViewpoints && l.createViewpoints(...d))
-          }, null, 40, Sh)
+          }, null, 40, $h)
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 64)) : (r(), a("div", Ah, [
-      t("span", Th, [
+    ], 64)) : (r(), a("div", Nh, [
+      t("span", Rh, [
         p(c, {
           name: "unarchive",
           size: "m"
@@ -10357,7 +10370,7 @@ function Rh(e, n, o, l, s, i) {
         radius: ""
       }, {
         default: f(() => [
-          l.isTabletOrMobile ? (r(), a("label", Nh, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageTextTablet")), 1)) : (r(), a("label", $h, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageText")), 1)),
+          l.isTabletOrMobile ? (r(), a("label", Eh, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageTextTablet")), 1)) : (r(), a("label", Oh, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageText")), 1)),
           t("input", {
             hidden: "",
             id: "files",
@@ -10372,11 +10385,11 @@ function Rh(e, n, o, l, s, i) {
     ]))
   ]);
 }
-const Oh = /* @__PURE__ */ G(Bh, [["render", Rh], ["__scopeId", "data-v-13a21a53"]]);
-const Eh = {
+const Ph = /* @__PURE__ */ Y(xh, [["render", Fh], ["__scopeId", "data-v-dde22dcf"]]);
+const Uh = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q
+    BIMDataButton: J,
+    BIMDataIcon: Q
   },
   props: {
     viewpoints: {
@@ -10385,7 +10398,7 @@ const Eh = {
     }
   },
   emits: [
-    "add-viewpoint",
+    "create-viewpoint",
     "delete-viewpoint"
   ],
   setup(e, { emit: n }) {
@@ -10397,7 +10410,7 @@ const Eh = {
           const [u, d] = Object.entries(P1).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("add-viewpoint", L);
+            L.order = h, L[E1] = u, L[F1] = C.getLoadedModels().map((m) => m.id).join(","), n("create-viewpoint", L);
           });
         });
       },
@@ -10406,22 +10419,22 @@ const Eh = {
       }
     };
   }
-}, Fh = { class: "bcf-topic-snapshots" }, Ph = {
+}, zh = { class: "bcf-topic-snapshots" }, Gh = {
   key: 0,
   class: "bcf-topic-snapshots__snapshots"
-}, Uh = ["src"];
-function zh(e, n, o, l, s, i) {
+}, Yh = ["src"];
+function Xh(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", Fh, [
-    o.viewpoints.length > 0 ? (r(), a("div", Ph, [
-      (r(!0), a(F, null, X(o.viewpoints.slice(0, 4), (d, C) => (r(), a("div", {
+  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 }]),
         key: d.guid || C
       }, [
         d.snapshot.snapshot_data ? (r(), a("img", {
           key: 0,
           src: d.snapshot.snapshot_data
-        }, null, 8, Uh)) : M("", !0),
+        }, null, 8, Yh)) : M("", !0),
         p(u, {
           class: "btn-delete",
           fill: "",
@@ -10452,14 +10465,14 @@ function zh(e, n, o, l, s, i) {
     ]))
   ]);
 }
-const Gh = /* @__PURE__ */ G(Eh, [["render", zh], ["__scopeId", "data-v-f3e2dd87"]]);
-const Yh = {
+const Wh = /* @__PURE__ */ Y(Uh, [["render", Xh], ["__scopeId", "data-v-75e087f1"]]);
+const jh = {
   components: {
-    BcfTopicImages: Oh,
-    BcfTopicSnapshots: Gh,
-    BIMDataButton: K,
+    BcfTopicImages: Ph,
+    BcfTopicSnapshots: Wh,
+    BIMDataButton: J,
     BIMDataDatePicker: l2,
-    BIMDataIcon: q,
+    BIMDataIcon: Q,
     BIMDataInput: b1,
     BIMDataLoading: g1,
     BIMDataSafeZoneModal: Z1,
@@ -10510,7 +10523,7 @@ const Yh = {
     topicModels: {
       /**
        * Models list to attach to this topic if it
-       * doesn't already have one (`models` field).
+       * doesn't have one already (`models` field).
        */
       type: Array,
       default: () => []
@@ -10541,29 +10554,27 @@ const Yh = {
     "topic-update-error"
   ],
   setup(e, { emit: n }) {
-    const o = U1(), l = P(
+    const o = U1(), l = F(
       () => !e.topic
-    ), s = P(
+    ), s = F(
       () => Math.max(0, ...e.topics.map((_) => _.index)) + 1
-    ), i = k(""), c = k(null), u = k(null), d = k(null), C = k(null), L = k(null), h = k(null), m = k(""), v = k([]), I = k([]), x = k([]), w = k([]), $ = k([]), S = P(
-      () => I.value.concat(x.value).filter((_) => !$.value.some((Z) => Z.guid === _.guid)).filter((_) => _.snapshot)
-    ), z = k(!1), a1 = k(!1), J = k(!1);
-    s1(
+    ), 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;
+    };
+    return c1(
       () => e.topic,
       (_) => {
-        l.value || (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 || []);
+        _ ? (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();
       },
       { immediate: !0 }
-    );
-    const 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 = [], I.value = [], x.value = [], w.value = [], $.value = [], z.value = !1, a1.value = !1, J.value = !1;
-    };
-    return {
+    ), {
       // References
-      hasErrorTitle: J,
+      hasErrorTitle: U,
       isCreation: l,
-      isOpenModal: a1,
-      loading: z,
+      isOpenModal: l1,
+      loading: q,
       nextIndex: s,
       topicAssignedTo: L,
       topicDescription: m,
@@ -10574,54 +10585,41 @@ const Yh = {
       topicLabels: v,
       topicTitle: i,
       topicType: c,
-      viewpointsToDisplay: S,
+      viewpointsToDisplay: Z,
       // Methods
-      addViewpoint: (_) => {
-        x.value.push(_);
+      createViewpoint: (_) => {
+        B.value.push(_);
       },
-      delViewpoint: (_) => {
+      deleteViewpoint: (_) => {
         if (_.guid)
-          $.value.push(_);
+          T.value.push(_);
         else {
-          let Z = x.value.indexOf(_);
-          x.value.splice(Z, 1);
+          let x = B.value.indexOf(_);
+          B.value.splice(x, 1);
         }
       },
       submit: async () => {
-        var _, Z;
+        var _, x;
         if (!i.value) {
-          J.value = !0;
+          U.value = !0;
           return;
         }
         try {
-          z.value = !0, w.value = I.value.map(
-            (O) => ({ ...O, snapshot: void 0 })
-          ), w.value.length === 0 && x.value.sort((O, n1) => (O.order ?? 1 / 0) - (n1.order ?? 1 / 0)), e.topicObjects && (w.value.length > 0 || x.value.length > 0 ? [
-            ...w.value,
-            ...x.value
-          ].forEach((O) => {
-            Object.assign(O, {
+          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, {
               components: e.topicObjects
-            }), O.components.selection || (O.components.selection = []), O.components.visibility || (O.components.visibility = {
-              default_visibility: !0,
-              exceptions: [],
-              view_setup_hints: {
-                spaces_visible: !1,
-                space_boundaries_visible: !1,
-                openings_visible: !1
-              }
-            });
-          }) : x.value.push({
+            }), k3(G);
+          }) : B.value.push({
             components: e.topicObjects
-          })), e.topicAnnotations && [
-            ...w.value,
-            ...x.value
-          ].forEach(
-            (O) => O.pins = e.topicAnnotations
+          })), e.topicAnnotations && R.forEach(
+            (G) => G.pins = e.topicAnnotations
           );
-          const E = {
+          const O = {
             guid: (_ = e.topic) == null ? void 0 : _.guid,
-            models: ((Z = e.topic) == null ? void 0 : Z.models) || e.topicModels,
             title: i.value,
             topic_type: c.value,
             priority: u.value,
@@ -10631,46 +10629,52 @@ const Yh = {
             due_date: h.value,
             description: m.value,
             labels: v.value,
-            viewpoints: w.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
           };
-          let R;
-          l.value ? R = await o.createTopic(e.project, E) : R = await o.updateTopic(e.project, E), await Promise.all(
-            x.value.map(
-              (O) => o.createViewpoint(e.project, R, O)
+          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(
-            $.value.map(
-              (O) => o.deleteViewpoint(e.project, R, O)
+            T.value.map(
+              (G) => o.deleteViewpoint(e.project, z, G)
             )
-          ), l.value ? (n("topic-created", R), r1()) : n("topic-updated", R);
-        } catch (E) {
-          n(l.value ? "topic-create-error" : "topic-update-error", E);
+          ), l.value ? (n("topic-created", z), t1()) : n("topic-updated", z);
+        } catch (R) {
+          n(
+            l.value ? "topic-create-error" : "topic-update-error",
+            R
+          );
         } finally {
-          z.value = !1;
+          q.value = !1;
         }
       }
     };
   }
-}, Xh = { class: "bcf-topic-form" }, Wh = { class: "bcf-topic-form__header" }, jh = { class: "bcf-topic-form__header__title" }, Kh = { class: "bcf-topic-form__content" }, qh = { class: "bcf-topic-form__content__head" }, Jh = { class: "bcf-topic-form__content__head__index" }, Qh = { class: "bcf-topic-form__content__head__date" }, eb = { class: "bcf-topic-form__content__actions" }, nb = {
+}, Kh = { class: "bcf-topic-form" }, qh = { class: "bcf-topic-form__header" }, Jh = { class: "bcf-topic-form__header__title" }, Qh = { class: "bcf-topic-form__content" }, eb = { class: "bcf-topic-form__content__head" }, nb = { class: "bcf-topic-form__content__head__index" }, tb = { class: "bcf-topic-form__content__head__date" }, rb = { class: "bcf-topic-form__content__actions" }, ob = {
   key: 0,
   class: "count-objects"
-}, tb = {
+}, ab = {
   key: 0,
   class: "count-annotations"
-}, rb = { class: "bcf-topic-form__content__body" }, ob = { class: "m-b-30" }, ab = { class: "bcf-topic-form__footer" }, lb = {
+}, lb = { class: "bcf-topic-form__content__body" }, ib = { class: "m-b-30" }, sb = { class: "bcf-topic-form__footer" }, cb = {
   key: 0,
   class: "bcf-topic-form__loader"
 };
-function ib(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"), x = g("BIMDataTextarea"), w = g("BIMDataLoading"), $ = g("BIMDataSafeZoneModal");
-  return r(), a("div", Xh, [
-    t("div", Wh, [
-      o.uiConfig.backButton ? (r(), B(u, {
+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");
+  return r(), a("div", Kh, [
+    t("div", qh, [
+      o.uiConfig.backButton ? (r(), k(u, {
         key: 0,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[0] || (n[0] = (S) => e.$emit("back"))
+        onClick: n[0] || (n[0] = (Z) => e.$emit("back"))
       }, {
         default: f(() => [
           p(c, {
@@ -10682,21 +10686,21 @@ function ib(e, n, o, l, s, i) {
         ]),
         _: 1
       })) : M("", !0),
-      t("div", jh, [
-        l.isCreation ? (r(), a(F, { key: 0 }, [
-          T(b(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
-        ], 64)) : (r(), B(d, {
+      t("div", Jh, [
+        l.isCreation ? (r(), a(E, { key: 0 }, [
+          A(b(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
+        ], 64)) : (r(), k(d, {
           key: 1,
           maxWidth: "250px",
           text: o.topic.title
         }, null, 8, ["text"]))
       ]),
-      o.uiConfig.closeButton ? (r(), B(u, {
+      o.uiConfig.closeButton ? (r(), k(u, {
         key: 1,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[1] || (n[1] = (S) => e.$emit("close"))
+        onClick: n[1] || (n[1] = (Z) => e.$emit("close"))
       }, {
         default: f(() => [
           p(c, {
@@ -10709,23 +10713,23 @@ function ib(e, n, o, l, s, i) {
         _: 1
       })) : M("", !0)
     ]),
-    t("div", Kh, [
-      t("div", qh, [
-        t("div", Jh, b(l.isCreation ? l.nextIndex : o.topic.index), 1),
-        t("div", Qh, b(e.$d(l.isCreation ? /* @__PURE__ */ new Date() : o.topic.creation_date, "short")), 1)
+    t("div", Qh, [
+      t("div", eb, [
+        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(F, { key: 0 }, [
+      o.uiConfig.viewerMode ? (r(), a(E, { key: 0 }, [
         p(C, {
           viewpoints: l.viewpointsToDisplay,
-          onAddViewpoint: l.addViewpoint,
-          onDeleteViewpoint: l.delViewpoint
-        }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"]),
-        t("div", eb, [
+          onCreateViewpoint: l.createViewpoint,
+          onDeleteViewpoint: l.deleteViewpoint
+        }, null, 8, ["viewpoints", "onCreateViewpoint", "onDeleteViewpoint"]),
+        t("div", rb, [
           p(u, {
             fill: "",
             radius: "",
             disabled: !o.objectsEditEnabled,
-            onClick: n[2] || (n[2] = (S) => e.$emit("edit-topic-objects", o.topic))
+            onClick: n[2] || (n[2] = (Z) => e.$emit("edit-topic-objects", o.topic))
           }, {
             default: f(() => [
               p(c, {
@@ -10734,7 +10738,7 @@ function ib(e, n, o, l, s, i) {
                 margin: "0 6px 0 0"
               }),
               t("span", null, b(e.$t("BcfComponents.BcfTopicForm.addObjectButton")), 1),
-              o.topicObjects ? (r(), a("span", nb, b(o.topicObjects.selection.length), 1)) : M("", !0)
+              o.topicObjects ? (r(), a("span", ob, b(o.topicObjects.selection.length), 1)) : M("", !0)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -10750,7 +10754,7 @@ function ib(e, n, o, l, s, i) {
                 fill: "",
                 radius: "",
                 disabled: !o.annotationsEditEnabled || l.viewpointsToDisplay.length === 0,
-                onClick: n[3] || (n[3] = (S) => e.$emit("edit-topic-annotations", o.topic))
+                onClick: n[3] || (n[3] = (Z) => e.$emit("edit-topic-annotations", o.topic))
               }, {
                 default: f(() => [
                   p(c, {
@@ -10759,7 +10763,7 @@ function ib(e, n, o, l, s, i) {
                     margin: "0 6px 0 0"
                   }),
                   t("span", null, b(e.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1),
-                  o.topicAnnotations ? (r(), a("span", tb, b(o.topicAnnotations.length), 1)) : M("", !0)
+                  o.topicAnnotations ? (r(), a("span", ab, b(o.topicAnnotations.length), 1)) : M("", !0)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -10767,105 +10771,111 @@ function ib(e, n, o, l, s, i) {
             _: 1
           }, 8, ["disabled", "text"])
         ])
-      ], 64)) : (r(), B(h, {
+      ], 64)) : (r(), k(h, {
         key: 1,
         viewpoints: l.viewpointsToDisplay,
-        onAddViewpoint: l.addViewpoint,
-        onDeleteViewpoint: l.delViewpoint
-      }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
-      t("div", rb, [
+        onCreateViewpoint: l.createViewpoint,
+        onDeleteViewpoint: l.deleteViewpoint
+      }, null, 8, ["viewpoints", "onCreateViewpoint", "onDeleteViewpoint"])),
+      t("div", lb, [
         p(m, {
           placeholder: e.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
           error: l.hasErrorTitle,
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: l.topicTitle,
-          "onUpdate:modelValue": n[4] || (n[4] = (S) => l.topicTitle = S),
-          onKeyup: A(N(l.submit, ["stop"]), ["enter"])
+          "onUpdate:modelValue": n[4] || (n[4] = (Z) => l.topicTitle = Z),
+          onKeyup: S(N(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
         p(v, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: o.extensions.topic_type,
+          disabled: o.extensions.topic_type.length === 0,
           modelValue: l.topicType,
-          "onUpdate:modelValue": n[5] || (n[5] = (S) => l.topicType = S)
-        }, null, 8, ["label", "options", "modelValue"]),
+          "onUpdate:modelValue": n[5] || (n[5] = (Z) => l.topicType = Z)
+        }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: o.extensions.priority,
+          disabled: o.extensions.priority.length === 0,
           modelValue: l.topicPriority,
-          "onUpdate:modelValue": n[6] || (n[6] = (S) => l.topicPriority = S)
-        }, null, 8, ["label", "options", "modelValue"]),
+          "onUpdate:modelValue": n[6] || (n[6] = (Z) => l.topicPriority = Z)
+        }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: o.extensions.topic_status,
+          disabled: o.extensions.topic_status.length === 0,
           modelValue: l.topicStatus,
-          "onUpdate:modelValue": n[7] || (n[7] = (S) => l.topicStatus = S)
-        }, null, 8, ["label", "options", "modelValue"]),
+          "onUpdate:modelValue": n[7] || (n[7] = (Z) => l.topicStatus = Z)
+        }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: o.extensions.stage,
+          disabled: o.extensions.stage.length === 0,
           modelValue: l.topicStage,
-          "onUpdate:modelValue": n[8] || (n[8] = (S) => l.topicStage = S)
-        }, null, 8, ["label", "options", "modelValue"]),
+          "onUpdate:modelValue": n[8] || (n[8] = (Z) => l.topicStage = Z)
+        }, null, 8, ["label", "options", "disabled", "modelValue"]),
         p(v, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: o.extensions.user_id_type,
+          disabled: o.extensions.user_id_type.length === 0,
           modelValue: l.topicAssignedTo,
-          "onUpdate:modelValue": n[9] || (n[9] = (S) => l.topicAssignedTo = S)
-        }, null, 8, ["label", "options", "modelValue"]),
-        t("div", ob, [
+          "onUpdate:modelValue": n[9] || (n[9] = (Z) => l.topicAssignedTo = Z)
+        }, null, 8, ["label", "options", "disabled", "modelValue"]),
+        t("div", ib, [
           p(I, {
-            modelValue: l.topicDueDate,
-            "onUpdate:modelValue": n[10] || (n[10] = (S) => l.topicDueDate = S),
-            value: l.topicDueDate,
-            clearButton: !0,
             width: "100%",
-            placeholder: e.$t("BcfComponents.BcfTopicForm.dueDateLabel")
-          }, null, 8, ["modelValue", "value", "placeholder"])
+            placeholder: e.$t("BcfComponents.BcfTopicForm.dueDateLabel"),
+            value: l.topicDueDate,
+            modelValue: l.topicDueDate,
+            "onUpdate:modelValue": n[10] || (n[10] = (Z) => l.topicDueDate = Z),
+            clearButton: !0
+          }, null, 8, ["placeholder", "value", "modelValue"])
         ]),
-        p(x, {
+        p(B, {
           width: "100%",
           name: "description",
           label: e.$t("BcfComponents.BcfTopicForm.descriptionLabel"),
           modelValue: l.topicDescription,
-          "onUpdate:modelValue": n[11] || (n[11] = (S) => l.topicDescription = S),
+          "onUpdate:modelValue": n[11] || (n[11] = (Z) => l.topicDescription = Z),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
         p(v, {
           width: "100%",
-          multi: !0,
           label: e.$t("BcfComponents.BcfTopicForm.labelsLabel"),
           options: o.extensions.topic_label,
+          disabled: o.extensions.topic_label.length === 0,
           modelValue: l.topicLabels,
-          "onUpdate:modelValue": n[12] || (n[12] = (S) => l.topicLabels = S)
-        }, null, 8, ["label", "options", "modelValue"])
+          "onUpdate:modelValue": n[12] || (n[12] = (Z) => l.topicLabels = Z),
+          multi: !0
+        }, null, 8, ["label", "options", "disabled", "modelValue"])
       ])
     ]),
-    t("div", ab, [
+    t("div", sb, [
       p(u, {
-        disabled: !l.topicTitle,
         width: "100%",
         color: "primary",
         fill: "",
         radius: "",
+        disabled: !l.topicTitle,
         onClick: l.submit
       }, {
         default: f(() => [
-          T(b(e.$t(`BcfComponents.BcfTopicForm.${l.isCreation ? "createButton" : "updateButton"}`)), 1)
+          A(b(e.$t(`BcfComponents.BcfTopicForm.${l.isCreation ? "createButton" : "updateButton"}`)), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"])
     ]),
-    l.loading ? (r(), a("div", lb, [
-      p(w)
+    l.loading ? (r(), a("div", cb, [
+      p($)
     ])) : M("", !0),
-    l.isOpenModal ? (r(), B($, { key: 1 }, {
+    l.isOpenModal ? (r(), k(T, { key: 1 }, {
       text: f(() => [
-        T(b(e.$t("BcfComponents.BcfTopicForm.modalText", { name: o.topic.title })), 1)
+        A(b(e.$t("BcfComponents.BcfTopicForm.modalText", { name: o.topic.title })), 1)
       ]),
       actions: f(() => [
         p(u, {
@@ -10873,10 +10883,10 @@ function ib(e, n, o, l, s, i) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: n[13] || (n[13] = (S) => e.$emit("close"))
+          onClick: n[13] || (n[13] = (Z) => e.$emit("close"))
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
           ]),
           _: 1
         }),
@@ -10884,10 +10894,10 @@ function ib(e, n, o, l, s, i) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: n[14] || (n[14] = (S) => l.isOpenModal = !1)
+          onClick: n[14] || (n[14] = (Z) => l.isOpenModal = !1)
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
           ]),
           _: 1
         })
@@ -10896,8 +10906,8 @@ function ib(e, n, o, l, s, i) {
     })) : M("", !0)
   ]);
 }
-const sb = /* @__PURE__ */ G(Yh, [["render", ib], ["__scopeId", "data-v-cad5992c"]]);
-var cb = { beforeMount(e, n) {
+const ub = /* @__PURE__ */ Y(jh, [["render", db], ["__scopeId", "data-v-7f8fbdd1"]]);
+var Cb = { beforeMount(e, n) {
   if (typeof n.value != "function")
     throw Error("click away directive needs function, got " + typeof n.value);
   e.clickAwayHandler = (o) => {
@@ -10906,21 +10916,21 @@ var cb = { beforeMount(e, n) {
 }, unmounted(e, n) {
   window.removeEventListener(n.arg || "click", e.clickAwayHandler, !0), delete e.clickAwayHandler;
 } };
-const db = { "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" }, ub = { render: function(e, n) {
-  return r(), a("path", db);
+const pb = { "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" }, hb = { render: function(e, n) {
+  return r(), a("path", pb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
-var Cb = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
+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) => Cb.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 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() {
   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", ub);
-const pb = ["fill", "color"];
-function Y(e, n) {
+} } }), A1 = V2("Chevron", hb);
+const gb = ["fill", "color"];
+function X(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -10928,7 +10938,7 @@ function Y(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));
   }
 }
-Y(`/* base COLORS --------------------------------------------- */
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -10997,7 +11007,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.icon-fill--black {
+X(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11082,14 +11092,14 @@ Y(`.icon-fill--black {
   stroke: var(--color-white);
 }`), A1.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, pb);
+  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";
-const hb = { "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" }, bb = { render: function(e, n) {
-  return r(), a("path", hb);
+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", bb);
-const gb = ["fill", "color"];
-Y(`/* base COLORS --------------------------------------------- */
+var s2 = V2("DoubleChevron", Lb);
+const vb = ["fill", "color"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11158,7 +11168,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.icon-fill--black {
+X(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11243,14 +11253,14 @@ Y(`.icon-fill--black {
   stroke: var(--color-white);
 }`), s2.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, gb);
+  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";
-const fb = { 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" }, Lb = { render: function(e, n) {
-  return r(), a("path", fb);
+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", Lb);
-const vb = ["fill", "color"];
-Y(`/* base COLORS --------------------------------------------- */
+var A2 = V2("Close", Mb);
+const Ib = ["fill", "color"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11319,7 +11329,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.icon-fill--black {
+X(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11404,14 +11414,14 @@ Y(`.icon-fill--black {
   stroke: var(--color-white);
 }`), A2.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, vb);
+  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";
-const mb = { "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" }, Mb = { render: function(e, n) {
-  return r(), a("path", mb);
+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", Mb);
-const Ib = ["fill", "color"];
-Y(`/* base COLORS --------------------------------------------- */
+var T2 = V2("Search", _b);
+const Hb = ["fill", "color"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11480,7 +11490,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.icon-fill--black {
+X(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11565,15 +11575,15 @@ Y(`.icon-fill--black {
   stroke: var(--color-white);
 }`), T2.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, Ib);
+  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 yb = 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) => yb.includes(e) } }, emits: ["click"], computed: { classes() {
+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 { "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 _b = ["color"];
-Y(`/* base COLORS --------------------------------------------- */
+const Db = ["color"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11731,7 +11741,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-Y(`.bimdata-btn {
+X(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -12035,11 +12045,11 @@ Y(`.bimdata-btn {
   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, _b);
+  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"] };
-const Hb = { class: "bimdata-navigation__left m-r-6" }, Vb = { key: 0, class: "bimdata-navigation__item" }, Db = { key: 1, class: "bimdata-navigation__item" }, Bb = { key: 2, class: "bimdata-navigation__item" }, kb = { key: 3, class: "bimdata-navigation__item" }, wb = { class: "bimdata-navigation__right" };
-Y(`/* base COLORS --------------------------------------------- */
+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 */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12115,7 +12125,7 @@ html[data-v-aa907072] {
 .bimdata-list li[data-v-aa907072] {
   list-style-type: none;
 }`);
-Y(`.bimdata-navigation[data-v-aa907072] {
+X(`.bimdata-navigation[data-v-aa907072] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -12146,7 +12156,7 @@ Y(`.bimdata-navigation[data-v-aa907072] {
   cursor: default;
 }`), c2.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", Hb, [y(e.$slots, "left")]), o.first ? (r(), a("li", Vb, [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", Db, [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", Bb, [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", kb, [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", wb, [y(e.$slots, "right")])], 4);
+  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 this.perPage * (this.currentPage - 1) + 1;
@@ -12165,8 +12175,8 @@ var d2 = { components: { BIMDataNavigation: c2, BIMDataButton: y1 }, props: { le
 }, lastPage() {
   this.$emit("pagechanged", this.totalPages);
 } } };
-const xb = { class: "bimdata-pagination__item" };
-Y(`/* base COLORS --------------------------------------------- */
+const Ab = { class: "bimdata-pagination__item" };
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12235,7 +12245,7 @@ html[data-v-45066753] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
+X(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
   padding: 0;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
@@ -12245,14 +12255,14 @@ Y(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
   font-weight: 700;
 }`), d2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataNavigation");
-  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 }, a5({ default: f(() => [t("span", xb, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [T(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [T(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
+  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() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
-const Zb = { class: "bimdata-spinner" };
-Y(`/* base COLORS --------------------------------------------- */
+const Tb = { class: "bimdata-spinner" };
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12321,7 +12331,7 @@ html[data-v-162f2cc6] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`@-webkit-keyframes bimdataspinner {
+X(`@-webkit-keyframes bimdataspinner {
 0% {
     -webkit-transform: scale(0.2);
             transform: scale(0.2);
@@ -12400,7 +12410,7 @@ Y(`@-webkit-keyframes bimdataspinner {
   -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", Zb, [t("div", { class: "bimdata-spinner--square", style: V(i.getStyle()) }, null, 4)]);
+  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() {
   return this.list.length ? Math.ceil(this.list.length / this.perPage) : 0;
@@ -12412,8 +12422,8 @@ var C2 = { components: { BIMDataPagination: d2, BIMDataSpinner: u2 }, props: { l
 }, deep: !0, immediate: !0 } }, methods: { onPageChange(e) {
   this.currentPage = e;
 } } };
-const Sb = { class: "bimdata-paginated-list" }, Ab = { key: 1 }, Tb = { class: "bimdata-list bimdata-paginated-list__elements" }, $b = ["onClick"];
-Y(`/* base COLORS --------------------------------------------- */
+const $b = { class: "bimdata-paginated-list" }, Nb = { key: 1 }, Rb = { class: "bimdata-list bimdata-paginated-list__elements" }, Ob = ["onClick"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12489,7 +12499,7 @@ html[data-v-3ab4d75d] {
 .bimdata-list li[data-v-3ab4d75d] {
   list-style-type: none;
 }`);
-Y(`.bimdata-paginated-list[data-v-3ab4d75d] {
+X(`.bimdata-paginated-list[data-v-3ab4d75d] {
   font-family: var(--primary-font);
   font-size: 1em;
   line-height: 1.5;
@@ -12528,9 +12538,9 @@ Y(`.bimdata-paginated-list[data-v-3ab4d75d] {
           justify-content: center;
 }`), C2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataSpinner"), u = g("BIMDataPagination");
-  return r(), a("div", Sb, [o.loading ? (r(), B(c, { key: 0 })) : (r(), a("div", Ab, [y(e.$slots, "header"), t("ul", Tb, [(r(!0), a(F, null, X(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 }, () => [T(b(d && d.toString()), 1)])], 8, $b))), 128))]), o.list.length === 0 ? y(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)]))]);
+  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() {
+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 { "min-width": `${this.width}`, "min-height": `${this.height}` };
 }, iconRotation() {
   return this.displayed ? this.directionClass === "up" ? -90 : 90 : 0;
@@ -12541,8 +12551,8 @@ var p2 = { components: { BIMDataIconChevron: A1, BIMDataPaginatedList: C2, BIMDa
 }, away() {
   this.displayed = !1;
 } } };
-const Nb = ["direction", "closeOnElementClick"];
-Y(`/* base COLORS --------------------------------------------- */
+const Eb = ["direction", "closeOnElementClick"];
+X(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12611,7 +12621,7 @@ html[data-v-0368297d] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Y(`.slide-fade-up-enter-active,
+X(`.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);
@@ -12886,23 +12896,8 @@ Y(`.slide-fade-up-enter-active,
           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 W((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(o1, { name: `slide-fade-${o.transitionName}`, persisted: "" }, { default: f(() => [W(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"]), [[Q, s.displayed]])]), _: 3 }, 8, ["name"])], 12, Nb)), [[C, i.away]]);
+  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";
-const Rb = {
-  props: {
-    topic: {
-      type: Object
-    }
-  }
-}, Ob = ["src"];
-function Eb(e, n, o, l, s, i) {
-  return r(), a("div", null, [
-    t("img", {
-      src: o.topic.snapshot.snapshot_data
-    }, null, 8, Ob)
-  ]);
-}
-const S5 = /* @__PURE__ */ G(Rb, [["render", Eb]]);
 const Fb = {
   props: {
     user: {
@@ -12925,7 +12920,7 @@ const Fb = {
   },
   setup(e) {
     return {
-      initials: P(
+      initials: F(
         () => `${e.user.firstname && e.user.firstname[0] || ""}${e.user.lastname && e.user.lastname[0] || ""}`.toUpperCase()
       )
     };
@@ -12944,25 +12939,24 @@ 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(F, { key: 1 }, [
-      T(b(l.initials), 1)
-    ], 64)) : (r(), B(c, {
+    }, null, 8, Pb)) : l.initials ? (r(), a(E, { key: 1 }, [
+      A(b(l.initials), 1)
+    ], 64)) : (r(), k(c, {
       key: 2,
       name: "user",
       size: "xs"
     }))
   ], 6);
 }
-const t3 = /* @__PURE__ */ G(Fb, [["render", Ub], ["__scopeId", "data-v-3c02f1a9"]]);
+const n3 = /* @__PURE__ */ Y(Fb, [["render", Ub], ["__scopeId", "data-v-3c02f1a9"]]);
 const zb = {
   components: {
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     BIMDataLoading: g1,
     BIMDataTextarea: I1,
     BIMDataTextbox: d1,
-    UserAvatar: t3,
-    TopicCommentSnapshotModal: S5
+    UserAvatar: n3
   },
   props: {
     project: {
@@ -12984,33 +12978,33 @@ const zb = {
   },
   emits: ["comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: n }) {
-    const o = T1("getViewers", () => ({})), l = T1("$viewer"), s = U1(), i = k(!1), c = k(!1), u = () => c.value = !1, d = () => c.value = !c.value, C = k(e.comment.comment), L = k(null), h = async () => {
+    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 () => {
       L.value = await s.fetchTopicCommentViewpoint(
         e.project,
         e.topic,
         e.comment
       );
-    }, m = k(!1), v = () => {
+    }, m = w(!1), v = () => {
       m.value = !0, u();
     }, I = () => {
       m.value = !1, C.value = e.comment.comment;
-    }, x = async () => {
+    }, B = async () => {
       L.value.guid && await s.deleteViewpoint(e.project, e.topic, L.value), L.value = null;
-    }, w = k(!1), $ = k([]), S = (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";
-    }, z = (R) => {
-      R.$viewer.localContext.el.style.border = "", R.$viewer.localContext.el.style.boxSizing = "", R.$viewer.localContext.el.style.opacity = "";
-    }, a1 = async () => {
-      $.value.length === 1 ? await J($.value[0]) : $.value.length > 1 && (w.value = !0);
-    }, J = async ({ id: R, viewer: O }) => {
-      z(O), w.value = !1;
-      const [n1] = Object.entries(P1).find(([, c1]) => c1.plugin === R);
-      L.value = Object.assign(await O.getViewpoint(), {
-        [E1]: n1,
-        [F1]: O.getLoadedModels().map((c1) => c1.id).join(",")
+    }, $ = 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 = "";
+    }, l1 = async () => {
+      T.value.length === 1 ? await q(T.value[0]) : T.value.length > 1 && ($.value = !0);
+    }, q = async ({ id: O, viewer: z }) => {
+      U(z), $.value = !1;
+      const [G] = Object.entries(P1).find(([, o1]) => o1.plugin === O);
+      L.value = Object.assign(await z.getViewpoint(), {
+        [E1]: G,
+        [F1]: z.getLoadedModels().map((o1) => o1.id).join(",")
       });
-    }, r1 = async () => {
-      var R;
+    }, t1 = async () => {
+      var O;
       try {
         if (e.comment.comment === C.value && !L.value) {
           m.value = !1;
@@ -13022,72 +13016,83 @@ const zb = {
           L.value
         )), e.comment.comment !== C.value || e.comment.viewpoint_guid !== L.value.guid) {
           i.value = !0;
-          const O = await s.updateComment(
+          const z = await s.updateComment(
             e.project,
             e.topic,
             e.comment,
-            { comment: C.value, viewpoint_guid: (R = L.value) == null ? void 0 : R.guid }
+            { comment: C.value, viewpoint_guid: (O = L.value) == null ? void 0 : O.guid }
           );
-          n("comment-updated", O);
+          n("comment-updated", z);
         }
         m.value = !1;
       } finally {
         i.value = !1;
       }
-    }, l1 = k(!1), U = () => {
-      l1.value = !0, u();
+    }, i1 = w(!1), P = () => {
+      i1.value = !0, u();
     }, H = async () => {
       try {
-        i.value = !0, await s.deleteComment(e.project, e.topic, e.comment), n("comment-deleted", e.comment), l1.value = !1;
+        i.value = !0, await s.deleteComment(e.project, e.topic, e.comment), n("comment-deleted", e.comment), i1.value = !1;
       } finally {
         i.value = !1;
       }
-    }, _ = (R) => {
-      l ? l.globalContext.modals.pushModal(S5, { topic: R }) : n("view-comment-snapshot", R);
+    }, _ = (O) => {
+      l ? l.globalContext.modals.pushModal(
+        {
+          template: '<img :src="viewpoint.snapshot.snapshot_data" />',
+          props: {
+            viewpoint: {
+              type: Object,
+              required: !0
+            }
+          }
+        },
+        { viewpoint: O }
+      ) : n("view-comment-snapshot", O);
     };
-    let Z, E;
+    let x, R;
     return l5(async () => {
       if (e.comment.viewpoint_guid && await h(), l) {
-        const R = () => Object.entries(o()).map(
-          ([O, n1]) => n1.map((c1, b5) => ({ key: `${O}-${b5}`, id: O, index: b5, viewer: c1 }))
+        const O = () => Object.entries(o()).map(
+          ([z, G]) => G.map((o1, b5) => ({ key: `${z}-${b5}`, id: z, index: b5, viewer: o1 }))
         ).flat();
-        $.value = R(), Z = l.globalContext.hub.on("plugin-created", () => {
-          $.value = R();
-        }), E = l.globalContext.hub.on("plugin-destroyed", () => {
-          $.value = R();
+        T.value = O(), x = l.globalContext.hub.on("plugin-created", () => {
+          T.value = O();
+        }), R = l.globalContext.hub.on("plugin-destroyed", () => {
+          T.value = O();
         });
       }
-    }), O5(() => {
-      l && (l.globalContext.hub.off(Z), l.globalContext.hub.off(E));
+    }), R5(() => {
+      l && (l.globalContext.hub.off(x), l.globalContext.hub.off(R));
     }), {
       // References
-      isDeleting: l1,
+      isDeleting: i1,
       isEditing: m,
+      isViewer: !!l,
       loading: i,
       showMenu: c,
       text: C,
-      viewerSelectOptions: $,
-      viewerSelectVisible: w,
+      viewerSelectOptions: T,
+      viewerSelectVisible: $,
       viewpoint: L,
-      isViewer: !!l,
       // Methods
       cancelUpdate: I,
       closeMenu: u,
-      createViewpoint: J,
-      deleteViewpoint: x,
-      highlightViewer: S,
-      onOpenDelete: U,
+      createViewpoint: q,
+      deleteViewpoint: B,
+      highlightViewer: Z,
+      onOpenDelete: P,
       onOpenEdit: v,
-      setCommentViewpoint: a1,
+      openCommentSnapshot: _,
+      setCommentViewpoint: l1,
       submitDelete: H,
-      submitUpdate: r1,
+      submitUpdate: t1,
       toggleMenu: d,
       loadViewpoint: h,
-      openTopicSnapshot: _,
-      unhighlightViewer: z
+      unhighlightViewer: U
     };
   }
-}, Gb = (e) => (C1("data-v-ad5c13c7"), e = e(), p1(), e), Yb = { class: "topic-comment m-t-18" }, Xb = { class: "topic-comment__header flex items-center justify-between" }, Wb = { class: "topic-comment__header__left flex items-center" }, jb = {
+}, Gb = (e) => (C1("data-v-3aa40e45"), e = e(), p1(), e), Yb = { class: "topic-comment m-t-18" }, Xb = { class: "topic-comment__header flex items-center justify-between" }, Wb = { class: "topic-comment__header__left flex items-center" }, jb = {
   key: 1,
   class: "topic-comment__header__left__user flex items-center justify-center m-r-12"
 }, Kb = /* @__PURE__ */ Gb(() => /* @__PURE__ */ t("span", { class: "color-granite m-x-6" }, " • ", -1)), qb = { class: "color-granite" }, Jb = { class: "topic-comment__header__right" }, Qb = { class: "topic-comment__header__right__actions flex" }, eg = {
@@ -13105,7 +13110,7 @@ function ig(e, n, o, l, s, i) {
   return r(), a("div", Yb, [
     t("div", Xb, [
       t("div", Wb, [
-        o.comment.user ? (r(), B(c, {
+        o.comment.user ? (r(), k(c, {
           key: 0,
           class: "m-r-12",
           style: { "box-shadow": "var(--box-shadow)" },
@@ -13131,9 +13136,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(F, { key: 0 }, [
+        o.currentUserEmail === o.comment.author ? (r(), a(E, { key: 0 }, [
           t("div", Qb, [
-            l.showMenu ? (r(), a(F, { key: 0 }, [
+            l.showMenu ? (r(), a(E, { key: 0 }, [
               p(C, {
                 ghost: "",
                 rounded: "",
@@ -13183,7 +13188,7 @@ function ig(e, n, o, l, s, i) {
                 _: 1
               }, 8, ["onClick"])
             ], 64)) : M("", !0),
-            l.isEditing ? (r(), a(F, { key: 1 }, [
+            l.isEditing ? (r(), a(E, { key: 1 }, [
               p(C, {
                 ghost: "",
                 rounded: "",
@@ -13229,7 +13234,7 @@ function ig(e, n, o, l, s, i) {
                 onClick: l.submitDelete
               }, {
                 default: f(() => [
-                  T(b(e.$t("BcfComponents.BcfTopicComments.deleteButton")), 1)
+                  A(b(e.$t("BcfComponents.BcfTopicComments.deleteButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -13251,7 +13256,7 @@ function ig(e, n, o, l, s, i) {
               })
             ])
           ])) : M("", !0),
-          !l.showMenu && !l.isDeleting && !l.isEditing ? (r(), B(C, {
+          !l.showMenu && !l.isDeleting && !l.isEditing ? (r(), k(C, {
             key: 1,
             class: "topic-comment__header__right__btn",
             rounded: "",
@@ -13295,7 +13300,7 @@ function ig(e, n, o, l, s, i) {
             color: "default"
           })
         ])),
-        l.viewerSelectVisible ? (r(), B(h, {
+        l.viewerSelectVisible ? (r(), k(h, {
           key: 1,
           list: l.viewerSelectOptions,
           elementKey: "key",
@@ -13303,7 +13308,7 @@ function ig(e, n, o, l, s, i) {
           width: "180px"
         }, {
           header: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicComments.takeSnapshot")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicComments.takeSnapshot")), 1)
           ]),
           element: f(({ element: v }) => [
             t("div", {
@@ -13318,9 +13323,9 @@ function ig(e, n, o, l, s, i) {
       l.viewpoint && l.viewpoint.snapshot ? (r(), a("div", ag, [
         t("img", {
           src: l.viewpoint.snapshot.snapshot_data,
-          onClick: n[3] || (n[3] = (v) => l.openTopicSnapshot(l.viewpoint))
+          onClick: n[3] || (n[3] = (v) => l.openCommentSnapshot(l.viewpoint))
         }, null, 8, lg),
-        l.isEditing ? (r(), B(C, {
+        l.isEditing ? (r(), k(C, {
           key: 0,
           class: "btn-delete",
           fill: "",
@@ -13340,15 +13345,15 @@ function ig(e, n, o, l, s, i) {
         }, 8, ["onClick"])) : M("", !0)
       ])) : M("", !0)
     ]),
-    l.loading ? (r(), B(m, { key: 0 })) : M("", !0)
+    l.loading ? (r(), k(m, { key: 0 })) : M("", !0)
   ]);
 }
-const sg = /* @__PURE__ */ G(zb, [["render", ig], ["__scopeId", "data-v-ad5c13c7"]]);
+const sg = /* @__PURE__ */ Y(zb, [["render", ig], ["__scopeId", "data-v-3aa40e45"]]);
 const cg = {
   components: {
-    BIMDataButton: K,
+    BIMDataButton: J,
     BIMDataDropdownList: p2,
-    BIMDataIcon: q,
+    BIMDataIcon: Q,
     BIMDataLoading: g1,
     BIMDataTextarea: I1,
     TopicComment: sg
@@ -13373,25 +13378,25 @@ const cg = {
   },
   emis: ["comment-created", "comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: n }) {
-    const o = U1(), l = k([]), s = k(!1), i = k(!1), c = k(null), u = k(""), d = k(null), C = async () => {
+    const o = U1(), 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 = k(!1), v = k([]), I = (U) => {
-      U.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", U.$viewer.localContext.el.style.boxSizing = "border-box", U.$viewer.localContext.el.style.opacity = ".85";
-    }, x = (U) => {
-      U.$viewer.localContext.el.style.border = "", U.$viewer.localContext.el.style.boxSizing = "", U.$viewer.localContext.el.style.opacity = "";
-    }, w = async () => {
-      v.value.length === 1 ? await $(v.value[0]) : v.value.length > 1 && (m.value = !0);
-    }, $ = async ({ id: U, viewer: H }) => {
-      x(H), m.value = !1;
-      const [_] = Object.entries(P1).find(([, Z]) => Z.plugin === U);
+    }, 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 = "";
+    }, $ = 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((Z) => Z.id).join(",")
+        [F1]: H.getLoadedModels().map((x) => x.id).join(",")
       });
-    }, S = () => {
+    }, Z = () => {
       d.value = null;
-    }, z = async () => {
-      var U;
+    }, U = async () => {
+      var P;
       try {
         i.value = !0, d.value && (d.value = await o.createViewpoint(
           e.project,
@@ -13400,36 +13405,36 @@ const cg = {
         ));
         const H = await o.createComment(e.project, e.topic, {
           comment: u.value,
-          viewpoint_guid: (U = d.value) == null ? void 0 : U.guid
+          viewpoint_guid: (P = d.value) == null ? void 0 : P.guid
         });
         C(), n("comment-created", H), s.value = !1, u.value = "";
       } finally {
         i.value = !1, d.value = null;
       }
-    }, a1 = (U) => {
-      C(), n("comment-updated", U);
-    }, J = (U) => {
-      C(), n("comment-deleted", U);
+    }, l1 = (P) => {
+      C(), n("comment-updated", P);
+    }, q = (P) => {
+      C(), n("comment-deleted", P);
     };
-    s1(
+    c1(
       () => e.topic,
       () => C(),
       { immediate: !0 }
-    ), s1(s, () => setTimeout(() => s.value && c.value.focus(), 50));
-    let r1, l1;
+    ), c1(s, () => setTimeout(() => s.value && c.value.focus(), 50));
+    let t1, i1;
     return l5(() => {
       if (h) {
-        const U = () => Object.entries(L()).map(
-          ([H, _]) => _.map((Z, E) => ({ key: `${H}-${E}`, id: H, index: E, viewer: Z }))
+        const P = () => Object.entries(L()).map(
+          ([H, _]) => _.map((x, R) => ({ key: `${H}-${R}`, id: H, index: R, viewer: x }))
         ).flat();
-        v.value = U(), r1 = h.globalContext.hub.on("plugin-created", () => {
-          v.value = U();
-        }), l1 = h.globalContext.hub.on("plugin-destroyed", () => {
-          v.value = U();
+        v.value = P(), t1 = h.globalContext.hub.on("plugin-created", () => {
+          v.value = P();
+        }), i1 = h.globalContext.hub.on("plugin-destroyed", () => {
+          v.value = P();
         });
       }
-    }), O5(() => {
-      h && (h.globalContext.hub.off(r1), h.globalContext.hub.off(l1));
+    }), R5(() => {
+      h && (h.globalContext.hub.off(t1), h.globalContext.hub.off(i1));
     }), {
       // References
       comments: l,
@@ -13442,15 +13447,15 @@ const cg = {
       viewpoint: d,
       isViewer: !!h,
       // Methods
-      createViewpoint: $,
-      deleteViewpoint: S,
+      createViewpoint: T,
+      deleteViewpoint: Z,
       highlightViewer: I,
       loadComments: C,
-      onCommentDeleted: J,
-      onCommentUpdated: a1,
-      setCommentViewpoint: w,
-      submitComment: z,
-      unhighlightViewer: x
+      onCommentDeleted: q,
+      onCommentUpdated: l1,
+      setCommentViewpoint: $,
+      submitComment: U,
+      unhighlightViewer: B
     };
   }
 }, dg = { class: "bcf-topic-comments" }, ug = {
@@ -13463,7 +13468,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(F, { key: 0 }, [
+    o.uiConfig.commentCreation ? (r(), a(E, { key: 0 }, [
       l.isOpen ? (r(), a("div", ug, [
         t("p", Cg, b(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
         t("div", pg, [
@@ -13512,7 +13517,7 @@ function yg(e, n, o, l, s, i) {
                   color: "default"
                 })
               ])) : M("", !0),
-              l.viewerSelectVisible && l.isViewer ? (r(), B(C, {
+              l.viewerSelectVisible && l.isViewer ? (r(), k(C, {
                 key: 1,
                 list: l.viewerSelectOptions,
                 elementKey: "key",
@@ -13520,7 +13525,7 @@ function yg(e, n, o, l, s, i) {
                 width: "180px"
               }, {
                 header: f(() => [
-                  T(b(e.$t("BcfComponents.BcfTopicComments.takeSnapshot")), 1)
+                  A(b(e.$t("BcfComponents.BcfTopicComments.takeSnapshot")), 1)
                 ]),
                 element: f(({ element: m }) => [
                   t("div", {
@@ -13541,7 +13546,7 @@ function yg(e, n, o, l, s, i) {
                 onClick: n[3] || (n[3] = (m) => l.isOpen = !1)
               }, {
                 default: f(() => [
-                  T(b(e.$t("BcfComponents.BcfTopicComments.cancelButton")), 1)
+                  A(b(e.$t("BcfComponents.BcfTopicComments.cancelButton")), 1)
                 ]),
                 _: 1
               }),
@@ -13553,14 +13558,14 @@ function yg(e, n, o, l, s, i) {
                 onClick: l.submitComment
               }, {
                 default: f(() => [
-                  T(b(e.$t("BcfComponents.BcfTopicComments.publishButton")), 1)
+                  A(b(e.$t("BcfComponents.BcfTopicComments.publishButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
           ])
         ])
-      ])) : (r(), B(c, {
+      ])) : (r(), k(c, {
         key: 0,
         width: "100%",
         color: "primary",
@@ -13569,7 +13574,7 @@ function yg(e, n, o, l, s, i) {
         onClick: n[0] || (n[0] = (m) => l.isOpen = !0)
       }, {
         default: f(() => [
-          T(b(e.$t("BcfComponents.BcfTopicComments.commentButton")), 1)
+          A(b(e.$t("BcfComponents.BcfTopicComments.commentButton")), 1)
         ]),
         _: 1
       }))
@@ -13577,7 +13582,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(F, null, X(l.comments, (m) => (r(), B(L, {
+        (r(!0), a(E, null, W(l.comments, (m) => (r(), k(L, {
           key: m.guid,
           project: o.project,
           topic: o.topic,
@@ -13589,10 +13594,10 @@ function yg(e, n, o, l, s, i) {
         }, null, 8, ["project", "topic", "comment", "currentUserEmail", "onCommentUpdated", "onCommentDeleted"]))), 128))
       ])) : M("", !0)
     ]),
-    l.loading ? (r(), B(h, { key: 1 })) : M("", !0)
+    l.loading ? (r(), k(h, { key: 1 })) : M("", !0)
   ]);
 }
-const _g = /* @__PURE__ */ G(cg, [["render", yg], ["__scopeId", "data-v-3a4be1cd"]]);
+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() {
   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() {
@@ -14396,17 +14401,17 @@ const Dg = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer2DPolychrome.vue" }, cI = [t("path", { d: "M0 6.13333L10.7333 10.4896V23L0 18.6437V6.13333Z", class: "fill-primary" }, null, -1), t("path", { d: "M23 6.13333L12.2667 10.4896V23L23 18.6437V6.13333Z", class: "fill-primary" }, null, -1), t("path", { d: "M11.4437 0L1.53333 4.4386L11.4437 8.43333L21.4667 4.21667L11.4437 0Z", class: "fill-secondary" }, null, -1)], dI = { render: function(e, n) {
   return r(), a("g", null, cI);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
-var A5 = { 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 T5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
+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 = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
-}(A5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(A5).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(T5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+}(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 };
 }, style() {
   const e = this.getPixelSize(this.size);
   return { width: `${e}px`, minWidth: `${e}px`, height: `${e}px`, minHeight: `${e}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
-  return this.customSize ? this.customSize : T5[this.size];
+  return this.customSize ? this.customSize : A5[this.size];
 } } };
 const CI = ["fill", "color"];
 G1(`/* base COLORS --------------------------------------------- */
@@ -14562,7 +14567,7 @@ 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(), B(f1(`bimdata-icon-${o.name}`)))], 14, CI);
+  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() {
   this.distributeItems();
@@ -14618,13 +14623,13 @@ G1(`.bimdata-carousel[data-v-b82c72c2] {
   right: calc(0px - var(--button-size) / 2);
 }`), g2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", pI, [W(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), [[Q, 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)]), W(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), [[Q, s.index < s.maxIndex]])]);
+  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";
 const bI = {
   components: {
     BcfTopicDefaultImage: u5,
     BIMDataCarousel: g2,
-    BIMDataIcon: q
+    BIMDataIcon: Q
   },
   props: {
     detailedExtensions: {
@@ -14640,18 +14645,18 @@ const bI = {
     "view-topic-viewpoint"
   ],
   setup(e) {
-    const n = P(
+    const n = F(
       () => (e.topic.viewpoints ?? []).filter((l) => l.snapshot).map((l) => {
         var s;
         return {
           ...l,
-          icon: (s = k3(l)) == null ? void 0 : s.icon
+          icon: (s = B3(l)) == null ? void 0 : s.icon
         };
       })
     );
     return {
       // References
-      statusColor: P(
+      statusColor: F(
         () => c5(e.topic, e.detailedExtensions)
       ),
       viewpoints: n,
@@ -14680,12 +14685,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(), B(u, {
+    l.viewpoints.length > 0 ? (r(), k(u, {
       key: 1,
       sliderPadding: 0
     }, {
       default: f(() => [
-        (r(!0), a(F, null, X(l.viewpoints, (C) => (r(), a("div", {
+        (r(!0), a(E, null, W(l.viewpoints, (C) => (r(), a("div", {
           class: "snapshot-preview",
           key: C.guid
         }, [
@@ -14694,7 +14699,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(), B(c, {
+          C.icon ? (r(), k(c, {
             key: 1,
             class: "icon",
             name: C.icon,
@@ -14703,20 +14708,20 @@ function fI(e, n, o, l, s, i) {
         ]))), 128))
       ]),
       _: 1
-    })) : (r(), B(d, {
+    })) : (r(), k(d, {
       key: 2,
       class: "default-image"
     }))
   ], 2);
 }
-const LI = /* @__PURE__ */ G(bI, [["render", fI], ["__scopeId", "data-v-0859a8a6"]]);
+const LI = /* @__PURE__ */ Y(bI, [["render", fI], ["__scopeId", "data-v-0859a8a6"]]);
 const vI = {
   components: {
     BcfTopicComments: _g,
     BcfTopicDefaultImage: u5,
     BcfTopicViewpoints: LI,
-    BIMDataButton: K,
-    BIMDataIcon: q,
+    BIMDataButton: J,
+    BIMDataIcon: Q,
     BIMDataLoading: g1,
     BIMDataSafeZoneModal: Z1,
     BIMDataTextbox: d1
@@ -14761,11 +14766,11 @@ const vI = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const o = U1(), l = k(!1), s = k(!1), i = P(() => _1(e.topic, e.detailedExtensions)), c = P(() => {
+    const o = U1(), l = w(!1), s = w(!1), i = F(() => _1(e.topic, e.detailedExtensions)), c = F(() => {
       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 = P(() => Array.from(e.topic.labels ?? []).sort()), d = k(""), C = async () => {
-      d.value = (await o.fetchCurrentUser()).email;
+    }), u = F(() => Array.from(e.topic.labels ?? []).sort()), d = w(""), C = async () => {
+      d.value = (await o.fetchCurrentUser()).email ?? "";
     }, L = async () => {
       try {
         s.value = !1, l.value = !0, await o.deleteTopic(e.project, e.topic), n("topic-deleted", e.topic);
@@ -14799,7 +14804,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(), B(u, {
+      o.uiConfig.backButton ? (r(), k(u, {
         key: 0,
         ghost: "",
         rounded: "",
@@ -14823,7 +14828,7 @@ function oy(e, n, o, l, s, i) {
         }, null, 8, ["text"])
       ]),
       t("div", yI, [
-        o.uiConfig.editButton ? (r(), B(u, {
+        o.uiConfig.editButton ? (r(), k(u, {
           key: 0,
           ghost: "",
           rounded: "",
@@ -14838,7 +14843,7 @@ function oy(e, n, o, l, s, i) {
           ]),
           _: 1
         })) : M("", !0),
-        o.uiConfig.deleteButton ? (r(), B(u, {
+        o.uiConfig.deleteButton ? (r(), k(u, {
           key: 1,
           ghost: "",
           rounded: "",
@@ -14853,7 +14858,7 @@ function oy(e, n, o, l, s, i) {
           ]),
           _: 1
         })) : M("", !0),
-        o.uiConfig.closeButton ? (r(), B(u, {
+        o.uiConfig.closeButton ? (r(), k(u, {
           key: 2,
           ghost: "",
           rounded: "",
@@ -14888,7 +14893,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(), B(u, {
+      o.uiConfig.viewerMode ? (r(), k(u, {
         key: 0,
         width: "100%",
         fill: "",
@@ -14902,14 +14907,14 @@ function oy(e, n, o, l, s, i) {
             size: "xs",
             margin: "0 6px 0 0"
           }),
-          l.topicObjects.length > 0 ? (r(), a(F, { key: 0 }, [
-            T(b(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
-          ], 64)) : (r(), a(F, { key: 1 }, [
-            T(b(e.$t("BcfComponents.BcfTopicOverview.noElements")), 1)
+          l.topicObjects.length > 0 ? (r(), a(E, { key: 0 }, [
+            A(b(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
+          ], 64)) : (r(), a(E, { key: 1 }, [
+            A(b(e.$t("BcfComponents.BcfTopicOverview.noElements")), 1)
           ], 64))
         ]),
         _: 1
-      }, 8, ["disabled"])) : (r(), B(u, {
+      }, 8, ["disabled"])) : (r(), k(u, {
         key: 1,
         width: "100%",
         color: "primary",
@@ -14918,7 +14923,7 @@ function oy(e, n, o, l, s, i) {
         onClick: n[6] || (n[6] = (v) => e.$emit("view-topic", o.topic))
       }, {
         default: f(() => [
-          T(b(e.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
+          A(b(e.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
         ]),
         _: 1
       })),
@@ -14977,25 +14982,22 @@ function oy(e, n, o, l, s, i) {
         ])
       ]),
       p(L, {
+        uiConfig: o.uiConfig,
         project: o.project,
         topic: o.topic,
-        uiConfig: o.uiConfig,
         currentUserEmail: l.currentUserEmail,
-        onCommentCreated: n[7] || (n[7] = (v) => e.$emit(
-          "comment-created",
-          v
-        )),
+        onCommentCreated: n[7] || (n[7] = (v) => e.$emit("comment-created", v)),
         onCommentUpdated: n[8] || (n[8] = (v) => e.$emit("comment-updated", v)),
         onCommentDeleted: n[9] || (n[9] = (v) => e.$emit("comment-deleted", v)),
         onViewCommentSnapshot: n[10] || (n[10] = (v) => e.$emit("view-comment-snapshot", v))
-      }, null, 8, ["project", "topic", "uiConfig", "currentUserEmail"])
+      }, null, 8, ["uiConfig", "project", "topic", "currentUserEmail"])
     ]),
-    l.showDeleteModal ? (r(), B(h, {
+    l.showDeleteModal ? (r(), k(h, {
       key: 0,
       class: "delete-modal"
     }, {
       text: f(() => [
-        T(b(e.$t("BcfComponents.BcfTopicOverview.deleteText", { name: o.topic.title })), 1)
+        A(b(e.$t("BcfComponents.BcfTopicOverview.deleteText", { name: o.topic.title })), 1)
       ]),
       actions: f(() => [
         p(u, {
@@ -15006,7 +15008,7 @@ function oy(e, n, o, l, s, i) {
           onClick: l.deleteTopic
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicOverview.deleteBcfButton")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicOverview.deleteBcfButton")), 1)
           ]),
           _: 1
         }, 8, ["onClick"]),
@@ -15017,7 +15019,7 @@ function oy(e, n, o, l, s, i) {
           onClick: n[11] || (n[11] = (v) => l.showDeleteModal = !1)
         }, {
           default: f(() => [
-            T(b(e.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
+            A(b(e.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
           ]),
           _: 1
         })
@@ -15029,7 +15031,7 @@ function oy(e, n, o, l, s, i) {
     ])) : M("", !0)
   ]);
 }
-const ay = /* @__PURE__ */ G(vI, [["render", oy], ["__scopeId", "data-v-61d2be33"]]), $5 = [
+const ay = /* @__PURE__ */ Y(vI, [["render", oy], ["__scopeId", "data-v-2ab6fce5"]]), T5 = [
   {
     id: "index",
     label: "#",
@@ -15073,7 +15075,7 @@ var ly = Object.freeze(["default", "primary", "secondary", "high", "success", "g
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const iy = ["color"];
-function e1(e, n) {
+function n1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -15081,7 +15083,7 @@ function e1(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));
   }
 }
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15239,7 +15241,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-e1(`.bimdata-btn {
+n1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -15555,7 +15557,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" };
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15713,7 +15715,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-e1(`.bimdata-checkbox {
+n1(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15801,23 +15803,23 @@ e1(`.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", {}, () => [T(b(o.text), 1)])])) : M("v-if", !0)], 16);
+  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";
 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 N5 = { 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(N5).includes(o) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+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() {
   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 : N5[this.size];
+  return this.customSize ? this.customSize : $5[this.size];
 } } }), v2 = D2("Chevron", uy);
 const py = ["fill", "color"];
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -15886,7 +15888,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-e1(`.icon-fill--black {
+n1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -15978,7 +15980,7 @@ const hy = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.4710
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
 var $2 = D2("DoubleChevron", by);
 const gy = ["fill", "color"];
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16047,7 +16049,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-e1(`.icon-fill--black {
+n1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16139,7 +16141,7 @@ const fy = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
 var N2 = D2("Close", Ly);
 const vy = ["fill", "color"];
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16208,7 +16210,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-e1(`.icon-fill--black {
+n1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16300,7 +16302,7 @@ const my = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.465
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
 var R2 = D2("Search", My);
 const Iy = ["fill", "color"];
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16369,7 +16371,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-e1(`.icon-fill--black {
+n1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -16457,42 +16459,42 @@ e1(`.icon-fill--black {
   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 = P(() => e.rows.map((h, m) => ({ key: h[e.rowKey] ?? m, data: h }))), { rowSelection: l, toggleRowSelection: s, toggleFullSelection: i } = function(h, m, { rowSelectionUpdateEffect: v = () => {
+  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: x = () => {
+  }, fullSelectionToggleEffect: B = () => {
   } } = {}) {
-    const w = k(/* @__PURE__ */ new Map());
-    return s1(h, () => {
-      w.value = new Map(h.value.filter(({ key: $ }) => m.value.has($)).map(({ key: $, data: S }) => [$, S]));
-    }, { immediate: !0 }), s1(m, () => {
-      w.value = m.value;
-    }, { immediate: !0 }), s1(w, () => {
-      v(w.value);
-    }), { rowSelection: w, toggleRowSelection: ({ key: $, data: S }) => {
-      const z = () => w.value.has($);
-      z() ? w.value.delete($) : w.value.set($, S), w.value = new Map([...w.value.entries()]), I(z(), { key: $, data: S });
+    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]));
+    }, { immediate: !0 }), c1(m, () => {
+      $.value = m.value;
+    }, { immediate: !0 }), c1($, () => {
+      v($.value);
+    }), { rowSelection: $, toggleRowSelection: ({ key: T, data: Z }) => {
+      const U = () => $.value.has(T);
+      U() ? $.value.delete(T) : $.value.set(T, Z), $.value = new Map([...$.value.entries()]), I(U(), { key: T, data: Z });
     }, toggleFullSelection: () => {
-      const $ = () => w.value.size === h.value.length;
-      $() ? w.value = /* @__PURE__ */ new Map() : w.value = new Map(h.value.map(({ key: S, data: z }) => [S, z])), x($());
+      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());
     } };
-  }(o, P(() => e.selection), { rowSelectionUpdateEffect: (h) => {
+  }(o, F(() => 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);
   }, fullSelectionToggleEffect: (h) => {
     n(h ? "all-selected" : "all-deselected");
-  } }), c = k([]), u = k(0), d = k(1), C = k(e.perPage);
-  s1([o, () => e.perPage], () => {
+  } }), c = w([]), u = w(0), d = w(1), C = w(e.perPage);
+  c1([o, () => e.perPage], () => {
     u.value = 0;
-  }, { immediate: !0 }), s1([o, () => e.paginated, () => e.perPage, u], ([h, m, v, I]) => {
-    const x = h.map((w) => w.key);
+  }, { immediate: !0 }), c1([o, () => e.paginated, () => e.perPage, u], ([h, m, v, I]) => {
+    const B = h.map(($) => $.key);
     if (m) {
-      const w = v * I, $ = w + v;
-      c.value = x.slice(w, $), d.value = w + 1, C.value = Math.min($, h.length);
+      const $ = v * I, T = $ + v;
+      c.value = B.slice($, T), d.value = $ + 1, C.value = Math.min(T, h.length);
     } else
-      c.value = x;
+      c.value = B;
   }, { immediate: !0 });
-  const L = k(null);
+  const L = w(null);
   return { computedRows: o, displayedRows: c, pageIndex: u, pageIndexEnd: C, pageIndexStart: d, rowSelection: l, dragOveredRowKey: L, onDrop: (h, m) => {
     e.canDragOverRow(h) && (n("row-drop", { data: h, event: m }), L.value = null);
   }, onDragover: (h, m, v) => {
@@ -16506,7 +16508,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" };
-e1(`/* base COLORS --------------------------------------------- */
+n1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -16643,11 +16645,11 @@ html[data-v-a29e0786] {
   margin: 0 var(--spacing-unit);
 }`), 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(F, null, X(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(F, null, X(l.computedRows, ({ key: C, data: L }) => W((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(F, null, X(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 }, () => [T(b(L[h.id] || L[m]), 1)])], 4))), 128))], 46, Dy)), [[Q, 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", {}, () => [T(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)]);
+  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";
 const wy = {
   components: {
-    BIMDataButton: K
+    BIMDataButton: J
   },
   props: {
     topic: {
@@ -16679,7 +16681,7 @@ function Zy(e, n, o, l, s, i) {
     })
   ]);
 }
-const Sy = /* @__PURE__ */ G(wy, [["render", Zy], ["__scopeId", "data-v-ddc03e0d"]]);
+const Sy = /* @__PURE__ */ Y(wy, [["render", Zy], ["__scopeId", "data-v-ddc03e0d"]]);
 const Ay = {
   props: {
     detailedExtensions: {
@@ -16694,7 +16696,7 @@ const Ay = {
   setup(e) {
     return {
       // References
-      priorityColor: P(
+      priorityColor: F(
         () => _1(e.topic, e.detailedExtensions)
       )
     };
@@ -16709,7 +16711,7 @@ function Ny(e, n, o, l, s, i) {
     t("span", $y, b(o.topic.index), 1)
   ]);
 }
-const Ry = /* @__PURE__ */ G(Ay, [["render", Ny], ["__scopeId", "data-v-2afda176"]]);
+const Ry = /* @__PURE__ */ Y(Ay, [["render", Ny], ["__scopeId", "data-v-2afda176"]]);
 const Oy = {
   props: {
     detailedExtensions: {
@@ -16724,7 +16726,7 @@ const Oy = {
   setup(e) {
     return {
       // References
-      priorityColor: P(
+      priorityColor: F(
         () => _1(e.topic, e.detailedExtensions)
       )
     };
@@ -16736,7 +16738,7 @@ function Ey(e, n, o, l, s, i) {
     style: V({ color: `#${l.priorityColor}` })
   }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-const Fy = /* @__PURE__ */ G(Oy, [["render", Ey], ["__scopeId", "data-v-1d15fcf6"]]);
+const Fy = /* @__PURE__ */ Y(Oy, [["render", Ey], ["__scopeId", "data-v-1d15fcf6"]]);
 const Py = {
   props: {
     detailedExtensions: {
@@ -16751,7 +16753,7 @@ const Py = {
   setup(e) {
     return {
       // References
-      statusColor: P(
+      statusColor: F(
         () => c5(e.topic, e.detailedExtensions)
       ),
       // Methods
@@ -16768,7 +16770,7 @@ function Uy(e, n, o, l, s, i) {
     })
   }, b(o.topic.topic_status), 5);
 }
-const zy = /* @__PURE__ */ G(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4"]]), Gy = {
+const zy = /* @__PURE__ */ Y(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4"]]), Gy = {
   components: {
     BcfTopicActionsCell: Sy,
     BcfTopicIndexCell: Ry,
@@ -16777,7 +16779,7 @@ const zy = /* @__PURE__ */ G(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4
     BIMDataTable: m2,
     BIMDataTextbox: d1,
     BIMDataTooltip: S1,
-    UserAvatar: t3
+    UserAvatar: n3
   },
   props: {
     detailedExtensions: {
@@ -16815,8 +16817,8 @@ const zy = /* @__PURE__ */ G(Py, [["render", Uy], ["__scopeId", "data-v-c2a5faf4
   setup(e) {
     return {
       // References
-      displayedColumns: P(
-        () => e.columns && e.columns.length > 0 ? $5.filter((l) => e.columns.includes(l.id)) : $5
+      displayedColumns: F(
+        () => e.columns && e.columns.length > 0 ? T5.filter((l) => e.columns.includes(l.id)) : T5
       ),
       // Methods
       toShortDateFormat: (l) => {
@@ -16830,7 +16832,7 @@ const zy = /* @__PURE__ */ G(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(), B(v, {
+  return r(), k(v, {
     class: "bcf-topics-table",
     tableLayout: "fixed",
     columns: l.displayedColumns.map((I) => ({
@@ -16859,7 +16861,7 @@ function Yy(e, n, o, l, s, i) {
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
     "cell-status": f(({ row: I }) => [
-      I.topic_status ? (r(), B(d, {
+      I.topic_status ? (r(), k(d, {
         key: 0,
         detailedExtensions: o.detailedExtensions,
         topic: I
@@ -16871,8 +16873,8 @@ function Yy(e, n, o, l, s, i) {
         text: I.title
       }, null, 8, ["text"])
     ]),
-    "cell-creator": f(({ row: { creator: I, creation_author: x } }) => [
-      p(h, { text: x }, {
+    "cell-creator": f(({ row: { creator: I, creation_author: B } }) => [
+      p(h, { text: B }, {
         default: f(() => [
           p(L, {
             user: I || {},
@@ -16885,24 +16887,24 @@ function Yy(e, n, o, l, s, i) {
       }, 1032, ["text"])
     ]),
     "cell-date": f(({ row: I }) => [
-      T(b(l.toShortDateFormat(I.creation_date)), 1)
+      A(b(l.toShortDateFormat(I.creation_date)), 1)
     ]),
     "cell-actions": f(({ row: I }) => [
       p(m, {
         topic: I,
-        onOpenTopic: n[0] || (n[0] = (x) => e.$emit("open-topic", x))
+        onOpenTopic: n[0] || (n[0] = (B) => e.$emit("open-topic", B))
       }, null, 8, ["topic"])
     ]),
     _: 1
   }, 8, ["columns", "rows", "paginated", "perPage", "selectable", "selection"]);
 }
-const Xy = /* @__PURE__ */ G(Gy, [["render", Yy]]), o_ = {
+const Xy = /* @__PURE__ */ Y(Gy, [["render", Yy]]), o_ = {
   BcfFilters: te,
   BcfSettings: Re,
   BcfStatistics: Dn,
   BcfTopicCard: Xn,
   BcfTopicCreationCard: ot,
-  BcfTopicForm: sb,
+  BcfTopicForm: ub,
   BcfTopicOverview: ay,
   BcfTopicsTable: Xy
 };
@@ -16912,7 +16914,7 @@ export {
   Dn as BcfStatistics,
   Xn as BcfTopicCard,
   ot as BcfTopicCreationCard,
-  sb as BcfTopicForm,
+  ub as BcfTopicForm,
   ay as BcfTopicOverview,
   Xy as BcfTopicsTable,
   o_ as components,
@@ -16920,11 +16922,11 @@ export {
   Ky as createService,
   _1 as getPriorityColor,
   c5 as getStatusColor,
-  k3 as getViewpointConfig,
+  B3 as getViewpointConfig,
   e_ as getViewpointModels,
-  B3 as getViewpointType,
+  D3 as getViewpointType,
   qy as setService,
-  V3 as useBcfFilter,
+  H3 as useBcfFilter,
   Jy as useBcfSearch,
   Qy as useBcfSort,
   U1 as useService