@bimdata/bcf-components 6.0.0-rc.13 → 6.0.0-rc.14

package/dist/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as Wt, computed as j, ref as $, watch as ne, openBlock as r, createElementBlock as p, normalizeClass as S, normalizeStyle as T, renderSlot as x, resolveComponent as f, createBlock as B, withCtx as h, createVNode as _, createElementVNode as u, mergeProps as Be, toDisplayString as g, createCommentVNode as C, pushScopeId as _e, popScopeId as fe, createTextVNode as A, resolveDirective as De, withDirectives as W, Transition as oe, Fragment as z, renderList as J, vShow as ee, resolveDynamicComponent as Me, toRaw as rt, withModifiers as P, withKeys as F, createSlots as Dt, createStaticVNode as Ct, inject as It, onMounted as Ye, onBeforeUnmount as wt } from "vue";
+import { reactive as Wt, computed as H, ref as $, watch as ne, openBlock as r, createElementBlock as p, normalizeClass as O, normalizeStyle as T, renderSlot as k, resolveComponent as f, createBlock as M, withCtx as h, createVNode as _, createElementVNode as u, mergeProps as Be, toDisplayString as g, createCommentVNode as I, pushScopeId as _e, popScopeId as fe, createTextVNode as A, resolveDirective as De, withDirectives as W, Transition as oe, Fragment as z, renderList as J, vShow as ee, resolveDynamicComponent as Me, toRaw as rt, withModifiers as P, withKeys as E, createSlots as Dt, createStaticVNode as It, inject as Ct, onMounted as Ye, onBeforeUnmount as wt } from "vue";
 const Bt = Object.freeze([
   "Priority",
   "Type",
@@ -30,41 +30,35 @@ const Bt = Object.freeze([
   PANORAMA: "panorama"
 }), $t = Object.freeze({
   [ue.IFC3D]: {
-    order: 1,
     window: "3d",
     plugin: "viewer3d",
     icon: "fileIfcPolychrome"
   },
   [ue.POINT_CLOUD]: {
-    order: 2,
     window: "pointCloud",
     plugin: "pointCloud"
   },
   [ue.IFC2D]: {
-    order: 3,
     window: "2d",
     plugin: "viewer2d",
     icon: "fileIfcPolychrome"
   },
   [ue.DWG]: {
-    order: 4,
     window: "dwg",
     plugin: "dwg",
     icon: "fileDwgPolychrome"
   },
   [ue.PLAN]: {
-    order: 5,
     window: "plan",
     plugin: "plan",
     icon: "filePlanPolychrome"
   },
   [ue.PANORAMA]: {
-    order: 6,
     window: "panorama",
     plugin: "panorama",
     icon: "filePlanPolychrome"
   }
-}), k_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), x_ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DEFAULT_PRIORITY_COLOR: Ze,
   DEFAULT_STATUS_COLOR: Tt,
@@ -184,15 +178,15 @@ var ss = Ne.exports;
   function l(y) {
     var D = -1;
     return function() {
-      var w = y.next();
-      return w.done ? null : (D++, { value: w.value, key: D });
+      var B = y.next();
+      return B.done ? null : (D++, { value: B.value, key: D });
     };
   }
   function d(y) {
-    var D = y ? Object.keys(y) : [], b = -1, w = D.length;
+    var D = y ? Object.keys(y) : [], b = -1, B = D.length;
     return function V() {
-      var M = D[++b];
-      return M === "__proto__" ? V() : b < w ? { value: y[M], key: M } : null;
+      var x = D[++b];
+      return x === "__proto__" ? V() : b < B ? { value: y[x], key: x } : null;
     };
   }
   function m(y) {
@@ -257,18 +251,18 @@ function cs() {
     }
     function l(y) {
       return (0, i.isAsync)(y) ? function(...D) {
-        const b = D.pop(), w = y.apply(this, D);
-        return d(w, b);
+        const b = D.pop(), B = y.apply(this, D);
+        return d(B, b);
       } : (0, n.default)(function(D, b) {
-        var w;
+        var B;
         try {
-          w = y.apply(this, D);
+          B = y.apply(this, D);
         } catch (V) {
           return b(V);
         }
-        if (w && typeof w.then == "function")
-          return d(w, b);
-        b(null, w);
+        if (B && typeof B.then == "function")
+          return d(B, b);
+        b(null, B);
       });
     }
     function d(y, D) {
@@ -281,10 +275,10 @@ function cs() {
     function m(y, D, b) {
       try {
         y(D, b);
-      } catch (w) {
+      } catch (B) {
         (0, o.default)((V) => {
           throw V;
-        }, w);
+        }, B);
       }
     }
     e.exports = t.default;
@@ -335,19 +329,19 @@ var Vt = je.exports;
     return i && i.__esModule ? i : { default: i };
   }
   function o(i, c, l, d) {
-    let m = !1, y = !1, D = !1, b = 0, w = 0;
+    let m = !1, y = !1, D = !1, b = 0, B = 0;
     function V() {
-      b >= c || D || m || (D = !0, i.next().then(({ value: L, done: K }) => {
+      b >= c || D || m || (D = !0, i.next().then(({ value: L, done: q }) => {
         if (!(y || m)) {
-          if (D = !1, K) {
+          if (D = !1, q) {
             m = !0, b <= 0 && d(null);
             return;
           }
-          b++, l(L, w, M), w++, V();
+          b++, l(L, B, x), B++, V();
         }
       }).catch(N));
     }
-    function M(L, K) {
+    function x(L, q) {
       if (b -= 1, !y) {
         if (L)
           return N(L);
@@ -355,7 +349,7 @@ var Vt = je.exports;
           m = !0, y = !0;
           return;
         }
-        if (K === n.default || m && b <= 0)
+        if (q === n.default || m && b <= 0)
           return m = !0, d(null);
         V();
       }
@@ -373,39 +367,39 @@ var ds = ze.exports;
     value: !0
   });
   var s = es, n = b(s), a = ns, o = b(a), i = os, c = b(i), l = Je(), d = ds, m = b(d), y = Vt, D = b(y);
-  function b(w) {
-    return w && w.__esModule ? w : { default: w };
+  function b(B) {
+    return B && B.__esModule ? B : { default: B };
   }
-  t.default = (w) => (V, M, N) => {
-    if (N = (0, n.default)(N), w <= 0)
+  t.default = (B) => (V, x, N) => {
+    if (N = (0, n.default)(N), B <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
     if (!V)
       return N(null);
     if ((0, l.isAsyncGenerator)(V))
-      return (0, m.default)(V, w, M, N);
+      return (0, m.default)(V, B, x, N);
     if ((0, l.isAsyncIterable)(V))
-      return (0, m.default)(V[Symbol.asyncIterator](), w, M, N);
-    var L = (0, o.default)(V), K = !1, R = !1, O = 0, X = !1;
-    function q(Q, U) {
-      if (!R)
-        if (O -= 1, Q)
-          K = !0, N(Q);
+      return (0, m.default)(V[Symbol.asyncIterator](), B, x, N);
+    var L = (0, o.default)(V), q = !1, j = !1, F = 0, X = !1;
+    function R(Q, ae) {
+      if (!j)
+        if (F -= 1, Q)
+          q = !0, N(Q);
         else if (Q === !1)
-          K = !0, R = !0;
+          q = !0, j = !0;
         else {
-          if (U === D.default || K && O <= 0)
-            return K = !0, N(null);
+          if (ae === D.default || q && F <= 0)
+            return q = !0, N(null);
           X || te();
         }
     }
     function te() {
-      for (X = !0; O < w && !K; ) {
+      for (X = !0; F < B && !q; ) {
         var Q = L();
         if (Q === null) {
-          K = !0, O <= 0 && N(null);
+          q = !0, F <= 0 && N(null);
           return;
         }
-        O += 1, M(Q.value, Q.key, (0, c.default)(q));
+        F += 1, x(Q.value, Q.key, (0, c.default)(R));
       }
       X = !1;
     }
@@ -452,8 +446,8 @@ var fs = qe.exports;
   function m(D) {
     return D && D.__esModule ? D : { default: D };
   }
-  function y(D, b, w, V) {
-    return (0, n.default)(b)(D, (0, o.default)((0, c.default)(w)), V);
+  function y(D, b, B, V) {
+    return (0, n.default)(b)(D, (0, o.default)((0, c.default)(B)), V);
   }
   t.default = (0, d.default)(y, 4), e.exports = t.default;
 })(Fe, Fe.exports);
@@ -482,48 +476,48 @@ async function _t(e, t) {
   n.rel = "noopener", n.download = e, n.href = s.createObjectURL(t), setTimeout(() => n.click(), 0), setTimeout(() => s.revokeObjectURL(n.href), 3e4);
 }
 let Et = null;
-function T_(e, { fetchUsers: t }) {
-  const s = t ? (k) => t(k) : (k) => e.collaborationApi.getProjectUsers(k.cloud.id, k.id), n = () => e.bcfApi.getUser(), a = async (k, { extensions: I, users: E } = {}) => {
-    const H = I ?? await e.bcfApi.getDetailedExtensions(k.id), Y = E ?? await s(k), se = await e.bcfApi.getTopics(k.id);
-    return se.sort((ae, Oe) => Oe.index - ae.index), se.forEach((ae) => {
-      ae.color = me(ae, H), ae.creator = Y.find((Oe) => Oe.email === ae.creation_author);
-    }), se;
-  }, o = async (k, I) => {
-    const E = await e.bcfApi.getDetailedExtensions(k.id), H = await e.bcfApi.getFullTopic(I, k.id, "url");
-    return H.color = me(H, E), H;
-  }, i = (k, I) => e.bcfApi.createTopic(k.id, I), c = (k, I) => e.bcfApi.updateTopic(I.guid, k.id, I), l = (k, I) => e.bcfApi.deleteTopic(I.guid, k.id), d = async (k, I) => {
-    const E = new FormData();
-    E.append("name", I.name), E.append("file", I), await fetch(`${e.config.basePath}/bcf/2.1/projects/${k.id}/import`, {
+function k_(e, { fetchUsers: t }) {
+  const s = t ? (C) => t(C) : (C) => e.collaborationApi.getProjectUsers(C.cloud.id, C.id), n = () => e.bcfApi.getUser(), a = async (C, { extensions: w, users: S } = {}) => {
+    const U = w ?? await e.bcfApi.getDetailedExtensions(C.id), Y = S ?? await s(C), K = await e.bcfApi.getTopics(C.id);
+    return K.sort((se, Oe) => Oe.index - se.index), K.forEach((se) => {
+      se.color = me(se, U), se.creator = Y.find((Oe) => Oe.email === se.creation_author);
+    }), K;
+  }, o = async (C, w) => {
+    const S = await e.bcfApi.getDetailedExtensions(C.id), U = await e.bcfApi.getFullTopic(w, C.id, "url");
+    return U.color = me(U, S), U;
+  }, i = (C, w) => e.bcfApi.createTopic(C.id, w), c = (C, w) => e.bcfApi.updateTopic(w.guid, C.id, w), l = (C, w) => e.bcfApi.deleteTopic(w.guid, C.id), d = async (C, w) => {
+    const S = new FormData();
+    S.append("name", w.name), S.append("file", w), await fetch(`${e.config.basePath}/bcf/2.1/projects/${C.id}/import`, {
       method: "POST",
       credentials: "include",
       headers: {
         ...e.authHeader
       },
-      body: E
+      body: S
     });
-  }, m = async (k, I) => {
-    const E = await e.bcfApi.downloadBcfExport(
-      k.id,
+  }, m = async (C, w) => {
+    const S = await e.bcfApi.downloadBcfExport(
+      C.id,
       void 0,
       // Format
-      I.map((H) => H.guid).join(",")
+      w.map((U) => U.guid).join(",")
     );
-    _t(`${k.name}.bcf`, E);
-  }, y = async (k, I) => {
-    const E = await e.bcfApi.downloadBcfExportXlsx(
-      k.id,
+    _t(`${C.name}.bcf`, S);
+  }, y = async (C, w) => {
+    const S = await e.bcfApi.downloadBcfExportXlsx(
+      C.id,
       void 0,
       // Format
       void 0,
       // Locale
-      I.map((H) => H.guid).join(",")
+      w.map((U) => U.guid).join(",")
     );
-    _t(`${k.name}.xlsx`, E);
-  }, D = async (k, I) => (await hs(I, 10, (E, H) => {
-    b(k, E).then((Y) => {
-      E.viewpoints = Y, H();
-    }, H);
-  }), I), b = (k, I) => e.bcfApi.getTopicViewpoints(k.id, I.guid, "url");
+    _t(`${C.name}.xlsx`, S);
+  }, D = async (C, w) => (await hs(w, 10, (S, U) => {
+    b(C, S).then((Y) => {
+      S.viewpoints = Y, U();
+    }, U);
+  }), w), b = (C, w) => e.bcfApi.getTopicViewpoints(C.id, w.guid, "url");
   return {
     fetchCurrentUser: n,
     fetchTopics: a,
@@ -536,38 +530,38 @@ function T_(e, { fetchUsers: t }) {
     exportBcfXLSX: y,
     loadTopicsViewpoints: D,
     fetchTopicViewpoints: b,
-    fetchTopicCommentViewpoint: (k, I, E) => e.bcfApi.getViewpoint(E.viewpoint_guid, k.id, I.guid),
-    createViewpoint: (k, I, E) => e.bcfApi.createViewpoint(k.id, I.guid, "url", E),
-    updateViewpoint: (k, I, E) => e.bcfApi.updateViewpoint(E.guid, k.id, I.guid, "url", E),
-    deleteViewpoint: (k, I, E) => e.bcfApi.deleteViewpoint(E.guid, k.id, I.guid),
-    fetchTopicComments: async (k, I) => {
-      const E = await s(k), H = await e.bcfApi.getComments(k.id, I.guid);
-      return H.sort((Y, se) => Y.date > se.date ? -1 : 1), H.forEach((Y) => {
-        Y.user = E.find((se) => se.email === Y.author);
-      }), H;
-    },
-    createComment: (k, I, E) => e.bcfApi.createComment(k.id, I.guid, E),
-    updateComment: (k, I, E, H) => e.bcfApi.updateComment(E.guid, k.id, I.guid, H),
-    deleteComment: (k, I, E) => e.bcfApi.deleteComment(E.guid, k.id, I.guid),
-    fetchExtensions: (k) => e.bcfApi.getExtensions(k.id),
-    fetchDetailedExtensions: (k) => e.bcfApi.getDetailedExtensions(k.id),
-    createExtension: async (k, I, E) => await e.bcfApi[`createExtension${I}`](k.id, {
-      [he(I)]: E.value,
+    fetchTopicCommentViewpoint: (C, w, S) => e.bcfApi.getViewpoint(S.viewpoint_guid, C.id, w.guid),
+    createViewpoint: (C, w, S) => e.bcfApi.createViewpoint(C.id, w.guid, "url", S),
+    updateViewpoint: (C, w, S) => e.bcfApi.updateViewpoint(S.guid, C.id, w.guid, "url", S),
+    deleteViewpoint: (C, w, S) => e.bcfApi.deleteViewpoint(S.guid, C.id, w.guid),
+    fetchTopicComments: async (C, w) => {
+      const S = await s(C), U = await e.bcfApi.getComments(C.id, w.guid);
+      return U.sort((Y, K) => Y.date > K.date ? -1 : 1), U.forEach((Y) => {
+        Y.user = S.find((K) => K.email === Y.author);
+      }), U;
+    },
+    createComment: (C, w, S) => e.bcfApi.createComment(C.id, w.guid, S),
+    updateComment: (C, w, S, U) => e.bcfApi.updateComment(S.guid, C.id, w.guid, U),
+    deleteComment: (C, w, S) => e.bcfApi.deleteComment(S.guid, C.id, w.guid),
+    fetchExtensions: (C) => e.bcfApi.getExtensions(C.id),
+    fetchDetailedExtensions: (C) => e.bcfApi.getDetailedExtensions(C.id),
+    createExtension: async (C, w, S) => await e.bcfApi[`createExtension${w}`](C.id, {
+      [he(w)]: S.value,
       color: Gt()
     }),
-    updateExtension: async (k, I, E, H) => await e.bcfApi[`updateExtension${I}`](E.id, k.id, {
-      [he(I)]: H.value,
-      color: H.color
+    updateExtension: async (C, w, S, U) => await e.bcfApi[`updateExtension${w}`](S.id, C.id, {
+      [he(w)]: U.value,
+      color: U.color
     }),
-    deleteExtension: async (k, I, E) => {
-      await e.bcfApi[`deleteExtension${I}`](E.id, k.id);
+    deleteExtension: async (C, w, S) => {
+      await e.bcfApi[`deleteExtension${w}`](S.id, C.id);
     }
   };
 }
-function $_(e) {
+function T_(e) {
   Et = e;
 }
-function Ce() {
+function Ie() {
   return Et;
 }
 const ft = {
@@ -580,7 +574,7 @@ const ft = {
   endDate: null
 };
 function ms(e) {
-  const t = Wt({ ...ft }), s = j(() => {
+  const t = Wt({ ...ft }), s = H(() => {
     let o = e.value;
     return t.priorities.length > 0 && (o = o.filter((i) => t.priorities.includes(i.priority))), t.statuses.length > 0 && (o = o.filter((i) => t.statuses.includes(i.topic_status))), t.users.length > 0 && (o = o.filter((i) => t.users.includes(i.assigned_to))), t.creators.length > 0 && (o = o.filter((i) => t.creators.includes(i.creation_author))), t.labels.length > 0 && (o = o.filter((i) => t.labels.some((c) => i.labels.includes(c)))), t.startDate && t.endDate && (o = o.filter((i) => i.creation_date >= t.startDate && i.creation_date <= t.endDate)), o;
   });
@@ -608,7 +602,7 @@ const gs = [
   "assigned_to",
   "description"
 ];
-function S_(e) {
+function $_(e) {
   const t = $(""), s = $([]);
   return ne(
     [e, t],
@@ -641,7 +635,7 @@ function Ve(e, t = (s) => s) {
     }
   };
 }
-function O_(e) {
+function S_(e) {
   const { sortToggle: t, sortOrder: s } = Ve(e, (y) => y.index), { sortToggle: n, sortOrder: a } = Ve(e, (y) => y.title), { sortToggle: o, sortOrder: i } = Ve(e, (y) => y.creation_date), c = $("");
   return {
     sortedBy: c,
@@ -761,18 +755,18 @@ const v = (e, t) => {
     }
   }
 }, Ds = ["color"];
-function Cs(e, t, s, n, a, o) {
+function Is(e, t, s, n, a, o) {
   return r(), p("button", {
-    class: S(["bimdata-btn", o.classes]),
+    class: O(["bimdata-btn", o.classes]),
     style: T(o.style),
     onClick: t[0] || (t[0] = (i) => e.$emit("click", i)),
     color: s.color,
     type: "button"
   }, [
-    x(e.$slots, "default", {}, void 0, !0)
+    k(e.$slots, "default", {}, void 0, !0)
   ], 14, Ds);
 }
-const Z = /* @__PURE__ */ v(vs, [["render", Cs], ["__scopeId", "data-v-cc5f3236"]]), Xe = Object.freeze([
+const Z = /* @__PURE__ */ v(vs, [["render", Is], ["__scopeId", "data-v-cc5f3236"]]), Xe = Object.freeze([
   "black",
   "default",
   "granite",
@@ -797,7 +791,7 @@ const pt = {
   xl: 36,
   xxl: 45,
   xxxl: 60
-}, Is = {
+}, Cs = {
   name: "BIMDataIcon",
   props: {
     // name: {
@@ -880,12 +874,12 @@ function Bs(e, t, s, n, a, o) {
     fill: s.fillColor,
     color: s.color,
     style: T(o.style),
-    class: S(o.classes)
+    class: O(o.classes)
   }, [
-    x(e.$slots, "default", {}, void 0, !0)
+    k(e.$slots, "default", {}, void 0, !0)
   ], 14, ws);
 }
-const Ms = /* @__PURE__ */ v(Is, [["render", Bs], ["__scopeId", "data-v-3c56485e"]]), ht = {
+const Ms = /* @__PURE__ */ v(Cs, [["render", Bs], ["__scopeId", "data-v-3c56485e"]]), ht = {
   xxxs: 10,
   xxs: 13,
   xs: 16,
@@ -978,11 +972,11 @@ const $s = /* @__PURE__ */ v(xs, [["render", Ts]]);
 const Ss = G("Arrow", $s);
 function Os(e, t, s, n, a, o) {
   const i = f("Arrow"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1000,11 +994,11 @@ const Ls = /* @__PURE__ */ v(Vs, [["render", Es]]);
 const Ps = G("Camera", Ls);
 function As(e, t, s, n, a, o) {
   const i = f("Camera"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1026,11 +1020,11 @@ const zs = /* @__PURE__ */ v(Ns, [["render", Hs]]);
 const js = G("Chevron", zs);
 function Rs(e, t, s, n, a, o) {
   const i = f("Chevron"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1048,11 +1042,11 @@ const Zs = /* @__PURE__ */ v(qs, [["render", Ys]]);
 const Ws = G("Close", Zs);
 function Js(e, t, s, n, a, o) {
   const i = f("Close"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1070,11 +1064,11 @@ const en = /* @__PURE__ */ v(Gs, [["render", Qs]]);
 const tn = G("Delete", en);
 function sn(e, t, s, n, a, o) {
   const i = f("Delete"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1096,11 +1090,11 @@ const ln = /* @__PURE__ */ v(nn, [["render", an]]);
 const rn = G("DoubleChevron", ln);
 function cn(e, t, s, n, a, o) {
   const i = f("DoubleChevron"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1122,11 +1116,11 @@ const fn = /* @__PURE__ */ v(dn, [["render", _n]]);
 const pn = G("Edit", fn);
 function hn(e, t, s, n, a, o) {
   const i = f("Edit"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1143,15 +1137,15 @@ const At = /* @__PURE__ */ v(pn, [["render", hn], ["__scopeId", "data-v-dd5975dd
 function Dn(e, t) {
   return r(), p("g", null, vn);
 }
-const Cn = /* @__PURE__ */ v(mn, [["render", Dn]]);
-const In = G("Ellipsis", Cn);
+const In = /* @__PURE__ */ v(mn, [["render", Dn]]);
+const Cn = G("Ellipsis", In);
 function wn(e, t, s, n, a, o) {
   const i = f("Ellipsis"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1160,7 +1154,7 @@ function wn(e, t, s, n, a, o) {
     _: 1
   }, 8, ["fill", "fillColor", "color", "class", "style"]);
 }
-const Bn = /* @__PURE__ */ v(In, [["render", wn], ["__scopeId", "data-v-f2ffb91a"]]);
+const Bn = /* @__PURE__ */ v(Cn, [["render", wn], ["__scopeId", "data-v-f2ffb91a"]]);
 const Mn = {}, xn = {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
@@ -1173,11 +1167,11 @@ const Tn = /* @__PURE__ */ v(Mn, [["render", kn]]);
 const $n = G("FilterList", Tn);
 function Sn(e, t, s, n, a, o) {
   const i = f("FilterList"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1199,11 +1193,11 @@ const Ln = /* @__PURE__ */ v(Vn, [["render", En]]);
 const Pn = G("Information", Ln);
 function An(e, t, s, n, a, o) {
   const i = f("Information"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1225,11 +1219,11 @@ const zn = /* @__PURE__ */ v(Nn, [["render", Hn]]);
 const jn = G("Model3D", zn);
 function Rn(e, t, s, n, a, o) {
   const i = f("Model3D"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1251,11 +1245,11 @@ const Zn = /* @__PURE__ */ v(qn, [["render", Yn]]);
 const Wn = G("Plus", Zn);
 function Jn(e, t, s, n, a, o) {
   const i = f("Plus"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1277,11 +1271,11 @@ const eo = /* @__PURE__ */ v(Gn, [["render", Qn]]);
 const to = G("Search", eo);
 function so(e, t, s, n, a, o) {
   const i = f("Search"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1299,11 +1293,11 @@ const lo = /* @__PURE__ */ v(oo, [["render", ao]]);
 const ro = G("Show", lo);
 function co(e, t, s, n, a, o) {
   const i = f("Show"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1325,11 +1319,11 @@ const ho = /* @__PURE__ */ v(_o, [["render", po]]);
 const mo = G("Unarchive", ho);
 function go(e, t, s, n, a, o) {
   const i = f("Unarchive"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1346,15 +1340,15 @@ const yo = /* @__PURE__ */ v(mo, [["render", go], ["__scopeId", "data-v-0d237791
 function Do(e, t) {
   return r(), p("path", vo);
 }
-const Co = /* @__PURE__ */ v(bo, [["render", Do]]);
-const Io = G("Undo", Co);
+const Io = /* @__PURE__ */ v(bo, [["render", Do]]);
+const Co = G("Undo", Io);
 function wo(e, t, s, n, a, o) {
   const i = f("Undo"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1363,7 +1357,7 @@ function wo(e, t, s, n, a, o) {
     _: 1
   }, 8, ["fill", "fillColor", "color", "class", "style"]);
 }
-const Bo = /* @__PURE__ */ v(Io, [["render", wo], ["__scopeId", "data-v-b49e6e27"]]);
+const Bo = /* @__PURE__ */ v(Co, [["render", wo], ["__scopeId", "data-v-b49e6e27"]]);
 const Mo = {}, xo = {
   "fill-rule": "evenodd",
   "clip-rule": "evenodd",
@@ -1376,11 +1370,11 @@ const To = /* @__PURE__ */ v(Mo, [["render", ko]]);
 const $o = G("User", To);
 function So(e, t, s, n, a, o) {
   const i = f("User"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1397,11 +1391,11 @@ const Eo = /* @__PURE__ */ v(Oo, [["render", Fo]]);
 const Lo = G("Validate", Eo);
 function Po(e, t, s, n, a, o) {
   const i = f("Validate"), c = f("Icon");
-  return r(), B(c, {
+  return r(), M(c, {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: S(e.classes),
+    class: O(e.classes),
     style: T(e.style)
   }, {
     default: h(() => [
@@ -1496,7 +1490,7 @@ const No = {
 };
 function Yo(e, t, s, n, a, o) {
   return r(), p("div", {
-    class: S(["bimdata-input", { error: s.error, success: s.success, disabled: s.disabled, loading: s.loading, "not-empty": !!s.modelValue }]),
+    class: O(["bimdata-input", { error: s.error, success: s.success, disabled: s.disabled, loading: s.loading, "not-empty": !!s.modelValue }]),
     style: T(o.style)
   }, [
     u("input", Be({
@@ -1514,14 +1508,14 @@ function Yo(e, t, s, n, a, o) {
       autocomplete: s.autocomplete ? "on" : "off"
     }, e.$attrs), null, 16, Ho),
     u("div", zo, [
-      x(e.$slots, "inputIcon", {}, void 0, !0)
+      k(e.$slots, "inputIcon", {}, void 0, !0)
     ]),
     u("label", {
       for: `bimdata-input-${e.uuid}`
     }, g(s.placeholder), 9, jo),
     Ro,
-    s.error ? (r(), p("span", qo, g(s.errorMessage), 1)) : C("", !0),
-    s.success ? (r(), p("span", Ko, g(s.successMessage), 1)) : C("", !0)
+    s.error ? (r(), p("span", qo, g(s.errorMessage), 1)) : I("", !0),
+    s.success ? (r(), p("span", Ko, g(s.successMessage), 1)) : I("", !0)
   ], 6);
 }
 const Te = /* @__PURE__ */ v(No, [["render", Yo], ["__scopeId", "data-v-3449a404"]]), tt = {
@@ -1600,10 +1594,10 @@ function Xo(e, t, s, n, a, o) {
   }, e.$attrs), [
     Jo,
     s.text ? (r(), p("span", Go, [
-      x(e.$slots, "default", {}, () => [
+      k(e.$slots, "default", {}, () => [
         A(g(s.text), 1)
       ], !0)
-    ])) : C("", !0)
+    ])) : I("", !0)
   ], 16);
 }
 const zt = /* @__PURE__ */ v(Zo, [["render", Xo], ["__scopeId", "data-v-ee1415f6"]]);
@@ -1695,7 +1689,7 @@ const Qo = {
 function ai(e, t, s, n, a, o) {
   const i = f("BIMDataIconChevron"), c = f("BIMDataCheckbox"), l = De("clickaway");
   return W((r(), p("div", {
-    class: S(["bimdata-select", {
+    class: O(["bimdata-select", {
       disabled: s.disabled,
       active: a.isOpen,
       "not-empty": s.modelValue.length > 0
@@ -1720,7 +1714,7 @@ function ai(e, t, s, n, a, o) {
       default: h(() => [
         W(u("ul", oi, [
           (r(!0), p(z, null, J(s.options, (d, m) => (r(), p("li", {
-            class: S(["bimdata-select__option-list__entry", {
+            class: O(["bimdata-select__option-list__entry", {
               selected: o.isSelected(d),
               disabled: o.isDisabled(d),
               "option-group": o.isOptionGroup(d)
@@ -1730,7 +1724,7 @@ function ai(e, t, s, n, a, o) {
           }, [
             o.isOptionGroup(d) ? (r(), p(z, { key: 0 }, [
               A(g(o.optionLabel(d)), 1)
-            ], 64)) : (r(), B(c, {
+            ], 64)) : (r(), M(c, {
               key: 1,
               modelValue: o.isSelected(d),
               disabled: o.isDisabled(d),
@@ -1834,7 +1828,7 @@ const ri = {
 function hi(e, t, s, n, a, o) {
   const i = f("BIMDataIconChevron"), c = De("clickaway");
   return W((r(), p("div", {
-    class: S(["bimdata-select", {
+    class: O(["bimdata-select", {
       disabled: s.disabled,
       active: a.isOpen,
       "not-empty": s.modelValue !== void 0 && s.modelValue !== null
@@ -1862,9 +1856,9 @@ function hi(e, t, s, n, a, o) {
             key: 0,
             class: "bimdata-select__option-list__entry",
             onClick: t[1] || (t[1] = (l) => o.onNullValueClick())
-          }, g(s.nullLabel || "None"), 1)) : C("", !0),
+          }, g(s.nullLabel || "None"), 1)) : I("", !0),
           (r(!0), p(z, null, J(s.options, (l, d) => (r(), p("li", {
-            class: S(["bimdata-select__option-list__entry", {
+            class: O(["bimdata-select__option-list__entry", {
               selected: o.isSelected(l),
               disabled: o.isDisabled(l),
               "option-group": o.isOptionGroup(l)
@@ -1937,7 +1931,7 @@ const mi = /* @__PURE__ */ v(ri, [["render", hi], ["__scopeId", "data-v-4b484f97
   }
 };
 function yi(e, t, s, n, a, o) {
-  return r(), B(Me(o.selectorComponent), Be(e.$props, {
+  return r(), M(Me(o.selectorComponent), Be(e.$props, {
     modelValue: s.modelValue,
     "onUpdate:modelValue": t[0] || (t[0] = (i) => e.$emit("update:modelValue", i))
   }), null, 16, ["modelValue"]);
@@ -1968,7 +1962,7 @@ const bi = {
   },
   emits: ["submit"],
   setup(e, { emit: t }) {
-    const s = $(!1), n = () => s.value = !1, a = () => s.value = !s.value, { filters: o, filteredTopics: i, reset: c, apply: l } = ms(j(() => e.topics));
+    const s = $(!1), n = () => s.value = !1, a = () => s.value = !s.value, { filters: o, filteredTopics: i, reset: c, apply: l } = ms(H(() => e.topics));
     ne(
       () => e.initFilters,
       () => {
@@ -1976,16 +1970,16 @@ const bi = {
       },
       { deep: !0 }
     );
-    const d = j(
-      () => ye(e.topics.map((M) => M.priority))
-    ), m = j(
-      () => ye(e.topics.map((M) => M.topic_status))
-    ), y = j(
-      () => ye(e.topics.map((M) => M.assigned_to))
-    ), D = j(
-      () => ye(e.topics.map((M) => M.creation_author))
-    ), b = j(
-      () => ye(e.topics.flatMap((M) => M.labels))
+    const d = H(
+      () => ye(e.topics.map((x) => x.priority))
+    ), m = H(
+      () => ye(e.topics.map((x) => x.topic_status))
+    ), y = H(
+      () => ye(e.topics.map((x) => x.assigned_to))
+    ), D = H(
+      () => ye(e.topics.map((x) => x.creation_author))
+    ), b = H(
+      () => ye(e.topics.flatMap((x) => x.labels))
     );
     return {
       // References
@@ -2005,8 +1999,8 @@ const bi = {
         });
       },
       submitFilters: () => {
-        var M;
-        (M = o.endDate) == null || M.setHours(23, 59, 59), t("submit", {
+        var x;
+        (x = o.endDate) == null || x.setHours(23, 59, 59), t("submit", {
           filters: rt(o),
           topics: i.value
         }), s.value = !1;
@@ -2014,7 +2008,7 @@ const bi = {
       toggle: a
     };
   }
-}, vi = { class: "bcf-filters" }, Di = { class: "bcf-filters__container" }, Ci = { class: "bcf-filters__container__header" }, Ii = { class: "bcf-filters__container__header__title" }, wi = { class: "bcf-filters__container__date" }, Bi = { class: "bcf-filters__container__actions" };
+}, vi = { class: "bcf-filters" }, Di = { class: "bcf-filters__container" }, Ii = { class: "bcf-filters__container__header" }, Ci = { class: "bcf-filters__container__header__title" }, wi = { class: "bcf-filters__container__date" }, Bi = { class: "bcf-filters__container__actions" };
 function Mi(e, t, s, n, a, o) {
   const i = f("BIMDataIconFilterList"), c = f("BIMDataButton"), l = f("BIMDataIconClose"), d = f("BIMDataSelect"), m = f("BIMDataDatePicker"), y = f("BIMDataIconSearch"), D = De("click-away");
   return W((r(), p("div", vi, [
@@ -2041,8 +2035,8 @@ function Mi(e, t, s, n, a, o) {
     _(oe, { name: "slide-fade-up" }, {
       default: h(() => [
         W(u("div", Di, [
-          u("div", Ci, [
-            u("div", Ii, g(e.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
+          u("div", Ii, [
+            u("div", Ci, g(e.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
             _(c, {
               color: "primary",
               ghost: "",
@@ -2169,10 +2163,10 @@ const ki = {
 function Oi(e, t, s, n, a, o) {
   return r(), p("div", Ti, [
     u("div", $i, [
-      x(e.$slots, "left", {}, void 0, !0),
-      s.text ? (r(), p("span", Si, g(s.text), 1)) : C("", !0)
+      k(e.$slots, "left", {}, void 0, !0),
+      s.text ? (r(), p("span", Si, g(s.text), 1)) : I("", !0)
     ]),
-    x(e.$slots, "right", {}, void 0, !0)
+    k(e.$slots, "right", {}, void 0, !0)
   ]);
 }
 const Vi = /* @__PURE__ */ v(ki, [["render", Oi], ["__scopeId", "data-v-6e7b4167"]]);
@@ -2218,38 +2212,38 @@ const Fi = {
 function Pi(e, t, s, n, a, o) {
   const i = f("BIMDataCardBand");
   return r(), p("div", {
-    class: S(["bimdata-card", o.classes]),
+    class: O(["bimdata-card", o.classes]),
     style: T({ "min-width": s.width, "border-radius": s.borderRadius })
   }, [
-    s.titleHeader || e.$slots.headerIcons ? (r(), B(i, {
+    s.titleHeader || e.$slots.headerIcons ? (r(), M(i, {
       key: 0,
       text: s.titleHeader,
       class: "bimdata-card__header"
     }, {
       right: h(() => [
-        x(e.$slots, "headerIcons", {}, void 0, !0)
+        k(e.$slots, "headerIcons", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["text"])) : C("", !0),
-    e.$slots.left || s.submenuText || e.$slots.right ? (r(), B(i, {
+    }, 8, ["text"])) : I("", !0),
+    e.$slots.left || s.submenuText || e.$slots.right ? (r(), M(i, {
       key: 1,
       class: "bimdata-card__submenu",
       text: s.submenuText
     }, {
       left: h(() => [
-        x(e.$slots, "left", {}, void 0, !0)
+        k(e.$slots, "left", {}, void 0, !0)
       ]),
       right: h(() => [
-        x(e.$slots, "right", {}, void 0, !0)
+        k(e.$slots, "right", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["text"])) : C("", !0),
+    }, 8, ["text"])) : I("", !0),
     e.$slots.content ? (r(), p("div", Ei, [
-      x(e.$slots, "content", {}, void 0, !0)
-    ])) : C("", !0),
+      k(e.$slots, "content", {}, void 0, !0)
+    ])) : I("", !0),
     e.$slots.footer ? (r(), p("footer", Li, [
-      x(e.$slots, "footer", {}, void 0, !0)
-    ])) : C("", !0)
+      k(e.$slots, "footer", {}, void 0, !0)
+    ])) : I("", !0)
   ], 6);
 }
 const Ai = /* @__PURE__ */ v(Fi, [["render", Pi], ["__scopeId", "data-v-c80927ec"]]);
@@ -2273,14 +2267,14 @@ const Ni = Object.entries(We).reduce((e, t, s) => (s % 5 === 0 ? e.push([t]) : e
 }, Hi = ["title", "onClick"];
 function zi(e, t, s, n, a, o) {
   const i = f("BIMDataCard");
-  return r(), B(i, { class: "color-selector" }, {
+  return r(), M(i, { class: "color-selector" }, {
     content: h(() => [
       (r(!0), p(z, null, J(a.colorLines, (c, l) => (r(), p("div", {
         class: "color-selector__line",
         key: `colorLine${l}`
       }, [
         (r(!0), p(z, null, J(c, ([d, m], y) => (r(), p("div", {
-          class: S(["color-selector__line__element", { selected: m === s.modelValue }]),
+          class: O(["color-selector__line__element", { selected: m === s.modelValue }]),
           key: `colorElement${y}ofColorLine${l}`,
           style: T(`background-color: #${m}`),
           title: d,
@@ -2352,12 +2346,12 @@ const Ri = {
 function Ji(e, t, s, n, a, o) {
   const i = f("BIMDataInput"), c = f("BIMDataIcon"), l = f("BIMDataButton"), d = f("BIMDataIconDelete"), m = f("BIMDataColorSelector"), y = f("BIMDataIconClose"), D = De("click-away");
   return r(), p("li", qi, [
-    n.editMode ? (r(), B(i, {
+    n.editMode ? (r(), M(i, {
       key: 1,
       ref: "input",
       modelValue: n.extensionName,
       "onUpdate:modelValue": t[0] || (t[0] = (b) => n.extensionName = b),
-      onKeyup: F(P(n.submitValue, ["stop"]), ["enter"])
+      onKeyup: E(P(n.submitValue, ["stop"]), ["enter"])
     }, null, 8, ["modelValue", "onKeyup"])) : (r(), p("span", Ki, g(s.extension[n.getExtensionField(s.extensionType)]), 1)),
     u("div", Yi, [
       _(l, {
@@ -2396,15 +2390,15 @@ function Ji(e, t, s, n, a, o) {
           }),
           onClick: t[3] || (t[3] = (b) => n.isOpenColorSelector = !0)
         }, null, 4),
-        n.isOpenColorSelector ? W((r(), B(m, {
+        n.isOpenColorSelector ? W((r(), M(m, {
           key: 0,
           class: "setting-card-item__color-selector",
           modelValue: n.extensionColor,
           "onUpdate:modelValue": n.submitColor
         }, null, 8, ["modelValue", "onUpdate:modelValue"])), [
           [D, () => n.isOpenColorSelector = !1]
-        ]) : C("", !0)
-      ], 64)) : C("", !0)
+        ]) : I("", !0)
+      ], 64)) : I("", !0)
     ]),
     n.isOpenDeleteGuard ? (r(), p("div", Zi, [
       u("p", null, g(e.$t("BcfComponents.SettingCard.deleteExtensionText")), 1),
@@ -2435,7 +2429,7 @@ function Ji(e, t, s, n, a, o) {
           _: 1
         })
       ])
-    ])) : C("", !0)
+    ])) : I("", !0)
   ]);
 }
 const Gi = /* @__PURE__ */ v(Ri, [["render", Ji], ["__scopeId", "data-v-81829ea9"]]);
@@ -2459,7 +2453,7 @@ const Xi = {
   },
   emits: ["create-extension", "update-extension", "delete-extension"],
   setup(e, { emit: t }) {
-    const s = j(
+    const s = H(
       () => Ft(e.extensionType, e.detailedExtensions)
     ), n = $(null), a = $(""), o = $(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = $(!1), d = () => {
       a.value = "", l.value = !1;
@@ -2499,7 +2493,7 @@ function la(e, t, s, n, a, o) {
     }, [
       u("div", ea, g(e.$t(`BcfComponents.SettingCard.title.${s.extensionType}`)), 1),
       u("div", ta, [
-        n.availableExtensions ? (r(), p("div", sa, g(n.availableExtensions.length), 1)) : C("", !0),
+        n.availableExtensions ? (r(), p("div", sa, g(n.availableExtensions.length), 1)) : I("", !0),
         _(i, {
           size: "xxs",
           rotate: n.isOpen ? 90 : 0
@@ -2533,7 +2527,7 @@ function la(e, t, s, n, a, o) {
               placeholder: e.$t(`BcfComponents.SettingCard.input.${s.extensionType}`),
               modelValue: n.name,
               "onUpdate:modelValue": t[1] || (t[1] = (y) => n.name = y),
-              onKeyup: F(P(n.addExtension, ["stop"]), ["enter"])
+              onKeyup: E(P(n.addExtension, ["stop"]), ["enter"])
             }, null, 8, ["placeholder", "modelValue", "onKeyup"]),
             u("div", ia, [
               _(l, {
@@ -2565,7 +2559,7 @@ function la(e, t, s, n, a, o) {
         _: 1
       }),
       u("ul", aa, [
-        (r(!0), p(z, null, J(n.availableExtensions, (y) => (r(), B(m, {
+        (r(!0), p(z, null, J(n.availableExtensions, (y) => (r(), M(m, {
           key: y.id,
           extensionType: s.extensionType,
           extension: y,
@@ -2605,7 +2599,7 @@ const ca = {
   },
   emits: ["back", "close", "extension-created", "extension-updated", "extension-deleted"],
   setup(e, { emit: t }) {
-    const s = Ce();
+    const s = Ie();
     return {
       // References
       EXTENSION_TYPES: Bt,
@@ -2633,7 +2627,7 @@ function ha(e, t, s, n, a, o) {
   const i = f("BIMDataIconArrow"), c = f("BIMDataButton"), l = f("BIMDataIconClose"), d = f("SettingCard");
   return r(), p("div", da, [
     u("div", ua, [
-      s.uiConfig.backButton ? (r(), B(c, {
+      s.uiConfig.backButton ? (r(), M(c, {
         key: 0,
         color: "granite",
         ghost: "",
@@ -2645,9 +2639,9 @@ function ha(e, t, s, n, a, o) {
           _(i, { size: "xxs" })
         ]),
         _: 1
-      })) : C("", !0),
+      })) : I("", !0),
       u("span", _a, g(e.$t("BcfComponents.BcfSettings.title")), 1),
-      s.uiConfig.closeButton ? (r(), B(c, {
+      s.uiConfig.closeButton ? (r(), M(c, {
         key: 1,
         color: "granite",
         ghost: "",
@@ -2659,11 +2653,11 @@ function ha(e, t, s, n, a, o) {
           _(l, { size: "xxs" })
         ]),
         _: 1
-      })) : C("", !0)
+      })) : I("", !0)
     ]),
     u("div", fa, [
       u("div", pa, g(e.$t("BcfComponents.BcfSettings.text")), 1),
-      (r(!0), p(z, null, J(n.EXTENSION_TYPES, (m) => (r(), B(d, {
+      (r(!0), p(z, null, J(n.EXTENSION_TYPES, (m) => (r(), M(d, {
         detailedExtensions: s.detailedExtensions,
         extensionType: m,
         onCreateExtension: n.createExtension,
@@ -2728,10 +2722,10 @@ const ga = {
 }, Da = {
   key: 2,
   class: "bimdata-navigation__item"
-}, Ca = {
+}, Ia = {
   key: 3,
   class: "bimdata-navigation__item"
-}, Ia = { class: "bimdata-navigation__right" };
+}, Ca = { class: "bimdata-navigation__right" };
 function wa(e, t, s, n, a, o) {
   const i = f("BIMDataIconDoubleChevron"), c = f("BIMDataButton"), l = f("BIMDataIconChevron");
   return r(), p("ul", {
@@ -2739,14 +2733,14 @@ function wa(e, t, s, n, a, o) {
     style: T({ "background-color": s.backgroundColor })
   }, [
     u("li", ya, [
-      x(e.$slots, "left", {}, void 0, !0)
+      k(e.$slots, "left", {}, void 0, !0)
     ]),
     s.first ? (r(), p("li", ba, [
       _(c, {
         onClick: t[0] || (t[0] = (d) => e.$emit("first")),
         disabled: s.firstDisabled,
         ghost: "",
-        class: S({ disabled: s.firstDisabled }),
+        class: O({ disabled: s.firstDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2758,13 +2752,13 @@ function wa(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled", "class"])
-    ])) : C("", !0),
+    ])) : I("", !0),
     s.previous ? (r(), p("li", va, [
       _(c, {
         onClick: t[1] || (t[1] = (d) => e.$emit("previous")),
         disabled: s.previousDisabled,
         ghost: "",
-        class: S({ disabled: s.previousDisabled }),
+        class: O({ disabled: s.previousDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2776,16 +2770,16 @@ function wa(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled", "class"])
-    ])) : C("", !0),
+    ])) : I("", !0),
     u("li", null, [
-      x(e.$slots, "default", {}, void 0, !0)
+      k(e.$slots, "default", {}, void 0, !0)
     ]),
     s.next ? (r(), p("li", Da, [
       _(c, {
         onClick: t[2] || (t[2] = (d) => e.$emit("next")),
         disabled: s.nextDisabled,
         ghost: "",
-        class: S({ disabled: s.nextDisabled }),
+        class: O({ disabled: s.nextDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2794,13 +2788,13 @@ function wa(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled", "class"])
-    ])) : C("", !0),
-    s.last ? (r(), p("li", Ca, [
+    ])) : I("", !0),
+    s.last ? (r(), p("li", Ia, [
       _(c, {
         onClick: t[3] || (t[3] = (d) => e.$emit("last")),
         disabled: s.lastDisabled,
         ghost: "",
-        class: S({ disabled: s.lastDisabled }),
+        class: O({ disabled: s.lastDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2809,9 +2803,9 @@ function wa(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled", "class"])
-    ])) : C("", !0),
-    u("li", Ia, [
-      x(e.$slots, "right", {}, void 0, !0)
+    ])) : I("", !0),
+    u("li", Ca, [
+      k(e.$slots, "right", {}, void 0, !0)
     ])
   ], 4);
 }
@@ -2880,7 +2874,7 @@ const Ma = {
 }, xa = { class: "bimdata-pagination__item" };
 function ka(e, t, s, n, a, o) {
   const i = f("BIMDataButton"), c = f("BIMDataNavigation");
-  return r(), B(c, {
+  return r(), M(c, {
     onFirst: t[0] || (t[0] = (l) => o.firstPage()),
     onPrevious: t[1] || (t[1] = (l) => o.previousPage()),
     onNext: t[2] || (t[2] = (l) => o.nextPage()),
@@ -3043,23 +3037,23 @@ const Fa = {
 function Na(e, t, s, n, a, o) {
   const i = f("BIMDataSpinner"), c = f("BIMDataPagination");
   return r(), p("div", Ea, [
-    s.loading ? (r(), B(i, { key: 0 })) : (r(), p("div", La, [
-      x(e.$slots, "header", {}, void 0, !0),
+    s.loading ? (r(), M(i, { key: 0 })) : (r(), p("div", La, [
+      k(e.$slots, "header", {}, void 0, !0),
       u("ul", Pa, [
         (r(!0), p(z, null, J(o.page, (l) => (r(), p("li", {
           key: s.elementKey ? l[s.elementKey] : l,
           onClick: (d) => e.$emit("element-click", l),
           ref_for: !0,
           ref: "elements",
-          class: S({ "active-element": o.isElementActive(l) })
+          class: O({ "active-element": o.isElementActive(l) })
         }, [
-          x(e.$slots, "element", { element: l }, () => [
+          k(e.$slots, "element", { element: l }, () => [
             A(g(l && l.toString()), 1)
           ], !0)
         ], 10, Aa))), 128))
       ]),
-      s.list.length === 0 ? x(e.$slots, "empty", { key: 0 }, void 0, !0) : C("", !0),
-      o.totalPages > 1 ? (r(), B(c, {
+      s.list.length === 0 ? k(e.$slots, "empty", { key: 0 }, void 0, !0) : I("", !0),
+      o.totalPages > 1 ? (r(), M(c, {
         key: 1,
         length: s.list.length,
         currentPage: a.currentPage,
@@ -3070,7 +3064,7 @@ function Na(e, t, s, n, a, o) {
         last: s.last,
         numberDataElements: s.numberDataElements,
         backgroundColor: s.backgroundColor
-      }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : C("", !0)
+      }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : I("", !0)
     ]))
   ]);
 }
@@ -3170,7 +3164,7 @@ function qa(e, t, s, n, a, o) {
         "stroke-width": s.placeholderStrokeWidth,
         stroke: s.placeholderColor,
         fill: "none"
-      }, null, 8, ja)) : C("", !0),
+      }, null, 8, ja)) : I("", !0),
       (r(!0), p(z, null, J(o.displayedBarsData, (i, c) => (r(), p("g", { key: c }, [
         i.percentage > 0 ? (r(), p("path", {
           key: 0,
@@ -3179,7 +3173,7 @@ function qa(e, t, s, n, a, o) {
           "stroke-width": s.barStrokeWidth,
           stroke: i.color,
           fill: "none"
-        }, null, 8, Ra)) : C("", !0)
+        }, null, 8, Ra)) : I("", !0)
       ]))), 128))
     ], 12, za))
   ], 512);
@@ -3205,7 +3199,7 @@ const Ya = {
   },
   setup(e) {
     return {
-      chartData: j(() => {
+      chartData: H(() => {
         if (e.topics.length === 0)
           return [];
         const s = he(e.extensionType), n = Ft(e.extensionType, e.detailedExtensions);
@@ -3363,22 +3357,22 @@ function al(e, t, s, n, a, o) {
     ]),
     s.tooltip && a.isOverflowing ? W((r(), p("div", {
       key: 0,
-      class: S(["bimdata-textbox__tooltip", [
+      class: O(["bimdata-textbox__tooltip", [
         `bimdata-textbox__tooltip--${s.tooltipPosition}`,
         `bimdata-textbox__tooltip--${s.tooltipColor}`
       ]])
     }, g(s.text), 3)), [
       [ee, a.showTooltip]
-    ]) : C("", !0)
+    ]) : I("", !0)
   ], 36);
 }
-const Ie = /* @__PURE__ */ v(ol, [["render", al], ["__scopeId", "data-v-76b03520"]]), ll = {}, rl = {
+const Ce = /* @__PURE__ */ v(ol, [["render", al], ["__scopeId", "data-v-76b03520"]]), ll = {}, rl = {
   width: "84",
   height: "81",
   viewBox: "0 0 84 81",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, cl = /* @__PURE__ */ Ct('<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), dl = [
+}, cl = /* @__PURE__ */ It('<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), dl = [
   cl
 ];
 function ul(e, t) {
@@ -3391,7 +3385,7 @@ const _l = {
     BIMDataButton: Z,
     BIMDataIconInformation: Nt,
     BIMDataIconModel3D: Ut,
-    BIMDataTextbox: Ie
+    BIMDataTextbox: Ce
   },
   props: {
     detailedExtensions: {
@@ -3413,12 +3407,12 @@ const _l = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const t = $(!1), s = j(() => me(e.topic, e.detailedExtensions)), n = j(() => Ge(e.topic, e.detailedExtensions)), a = j(
+    const t = $(!1), s = H(() => me(e.topic, e.detailedExtensions)), n = H(() => Ge(e.topic, e.detailedExtensions)), a = H(
       () => {
         var i, c;
         return (c = (i = e.topic.viewpoints) == null ? void 0 : i.filter((l) => l.snapshot)[0]) == null ? void 0 : c.snapshot.snapshot_data;
       }
-    ), o = j(() => {
+    ), o = H(() => {
       var i, c, l;
       return ((l = (c = (i = e.topic.viewpoints) == null ? void 0 : i[0]) == null ? void 0 : c.components) == null ? void 0 : l.selection) ?? [];
     });
@@ -3433,11 +3427,11 @@ const _l = {
       adjustTextColor: xe
     };
   }
-}, fl = { class: "bcf-topic-card__header" }, pl = { class: "title" }, hl = { class: "checkbox" }, ml = { class: "bcf-topic-card__image" }, gl = { class: "m-l-6" }, yl = { class: "date" }, bl = ["src"], vl = { class: "bcf-topic-card__content" }, Dl = { class: "flex justify-around m-t-12" }, Cl = { class: "flex items-center" }, Il = { class: "m-l-6" };
+}, fl = { class: "bcf-topic-card__header" }, pl = { class: "title" }, hl = { class: "checkbox" }, ml = { class: "bcf-topic-card__image" }, gl = { class: "m-l-6" }, yl = { class: "date" }, bl = ["src"], vl = { class: "bcf-topic-card__content" }, Dl = { class: "flex justify-around m-t-12" }, Il = { class: "flex items-center" }, Cl = { class: "m-l-6" };
 function wl(e, t, s, n, a, o) {
   const i = f("BIMDataTextbox"), c = f("BIMDataCheckbox"), l = f("BIMDataIconInformation"), d = f("BcfTopicDefaultImage"), m = f("BIMDataIconModel3D"), y = f("BIMDataButton");
   return r(), p("div", {
-    class: S(["bcf-topic-card", { selected: s.selected }]),
+    class: O(["bcf-topic-card", { selected: s.selected }]),
     onMouseover: t[2] || (t[2] = (D) => n.hover = !0),
     onMouseleave: t[3] || (t[3] = (D) => n.hover = !1)
   }, [
@@ -3478,14 +3472,14 @@ function wl(e, t, s, n, a, o) {
           color: "default"
         }),
         u("span", gl, g(s.topic.topic_status), 1)
-      ], 4)) : C("", !0),
+      ], 4)) : I("", !0),
       u("div", yl, g(e.$d(s.topic.creation_date, "short")), 1),
       n.topicImage ? (r(), p("img", {
         key: 1,
         src: n.topicImage,
         alt: "topic viewpoint",
         loading: "lazy"
-      }, null, 8, bl)) : (r(), B(d, {
+      }, null, 8, bl)) : (r(), M(d, {
         key: 2,
         class: "img-default"
       }))
@@ -3502,13 +3496,13 @@ function wl(e, t, s, n, a, o) {
         u("span", null, g(s.topic.assigned_to || e.$t("BcfComponents.BcfTopicCard.notSpecified")), 1)
       ]),
       u("div", Dl, [
-        u("div", Cl, [
+        u("div", Il, [
           _(m, {
             fill: "",
             color: "default",
             size: "xs"
           }),
-          u("span", Il, g(e.$t("BcfComponents.BcfTopicCard.elements", { n: n.topicObjects.length })), 1)
+          u("span", Cl, g(e.$t("BcfComponents.BcfTopicCard.elements", { n: n.topicObjects.length })), 1)
         ]),
         _(y, {
           width: "48%",
@@ -3532,7 +3526,7 @@ const Bl = /* @__PURE__ */ v(_l, [["render", wl], ["__scopeId", "data-v-b442d721
   viewBox: "0 0 66 60",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, kl = /* @__PURE__ */ Ct('<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), Tl = [
+}, kl = /* @__PURE__ */ It('<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), Tl = [
   kl
 ];
 function $l(e, t) {
@@ -3600,11 +3594,11 @@ function Hl(e, t, s, n, a, o) {
           color: "high"
         }, null, 8, ["name"]),
         u("p", null, [
-          x(e.$slots, "text", {}, void 0, !0)
+          k(e.$slots, "text", {}, void 0, !0)
         ])
       ]),
       u("div", Ul, [
-        x(e.$slots, "actions", {}, void 0, !0)
+        k(e.$slots, "actions", {}, void 0, !0)
       ])
     ], 4)
   ]);
@@ -4490,9 +4484,9 @@ const Jl = {
 function sr(e, t, s, n, a, o) {
   const i = f("BIMDataIconDelete"), c = f("BIMDataButton");
   return r(), p("div", {
-    class: S({ "not-empty": o.formattedValue })
+    class: O({ "not-empty": o.formattedValue })
   }, [
-    x(e.$slots, "beforeDateInput"),
+    k(e.$slots, "beforeDateInput"),
     e.calendarButton ? (r(), p("button", {
       key: 0,
       ref: "calendarButton",
@@ -4503,16 +4497,16 @@ function sr(e, t, s, n, a, o) {
       onFocus: t[1] || (t[1] = (...l) => o.handleButtonFocus && o.handleButtonFocus(...l))
     }, [
       u("span", null, [
-        x(e.$slots, "calendarBtn", {}, () => [
+        k(e.$slots, "calendarBtn", {}, () => [
           u("i", {
-            class: S(e.calendarButtonIcon)
+            class: O(e.calendarButtonIcon)
           }, [
             A(g(e.calendarButtonIconContent) + " ", 1),
-            e.calendarButtonIcon ? C("", !0) : (r(), p("span", Ql, "…"))
+            e.calendarButtonIcon ? I("", !0) : (r(), p("span", Ql, "…"))
           ], 2)
         ])
       ])
-    ], 40, Xl)) : C("", !0),
+    ], 40, Xl)) : I("", !0),
     u("label", {
       for: `bimdata-input-${e.id}`
     }, g(e.placeholder), 9, er),
@@ -4521,7 +4515,7 @@ function sr(e, t, s, n, a, o) {
       ref: e.refName,
       autocomplete: "off",
       autofocus: e.autofocus,
-      class: S([o.computedInputClass, { required: s.required }]),
+      class: O([o.computedInputClass, { required: s.required }]),
       clearButton: e.clearButton,
       disabled: e.disabled,
       maxlength: e.maxlength,
@@ -4536,20 +4530,20 @@ function sr(e, t, s, n, a, o) {
       onClick: t[3] || (t[3] = (...l) => o.handleInputClick && o.handleInputClick(...l)),
       onFocus: t[4] || (t[4] = (...l) => o.handleInputFocus && o.handleInputFocus(...l)),
       onKeydown: [
-        t[5] || (t[5] = F((...l) => o.handleDelete && o.handleDelete(...l), ["backspace"])),
-        t[6] || (t[6] = F((...l) => o.handleDelete && o.handleDelete(...l), ["delete"])),
-        t[7] || (t[7] = F(P((...l) => o.handleKeydownDown && o.handleKeydownDown(...l), ["prevent"]), ["down"])),
-        t[8] || (t[8] = F(P((...l) => o.handleKeydownEnter && o.handleKeydownEnter(...l), ["prevent"]), ["enter"])),
-        t[9] || (t[9] = F(P((...l) => o.handleKeydownEscape && o.handleKeydownEscape(...l), ["prevent"]), ["esc"])),
-        t[10] || (t[10] = F((l) => o.handleKeydownSpace(l), ["space"])),
-        t[11] || (t[11] = F((l) => e.$emit("tab", l), ["tab"]))
+        t[5] || (t[5] = E((...l) => o.handleDelete && o.handleDelete(...l), ["backspace"])),
+        t[6] || (t[6] = E((...l) => o.handleDelete && o.handleDelete(...l), ["delete"])),
+        t[7] || (t[7] = E(P((...l) => o.handleKeydownDown && o.handleKeydownDown(...l), ["prevent"]), ["down"])),
+        t[8] || (t[8] = E(P((...l) => o.handleKeydownEnter && o.handleKeydownEnter(...l), ["prevent"]), ["enter"])),
+        t[9] || (t[9] = E(P((...l) => o.handleKeydownEscape && o.handleKeydownEscape(...l), ["prevent"]), ["esc"])),
+        t[10] || (t[10] = E((l) => o.handleKeydownSpace(l), ["space"])),
+        t[11] || (t[11] = E((l) => e.$emit("tab", l), ["tab"]))
       ],
       onKeyup: [
         t[12] || (t[12] = (l) => o.handleKeyup(l)),
-        t[13] || (t[13] = F((l) => o.handleKeyupSpace(l), ["space"]))
+        t[13] || (t[13] = E((l) => o.handleKeyupSpace(l), ["space"]))
       ]
     }, null, 42, tr),
-    e.clearButton && s.selectedDate ? (r(), B(c, {
+    e.clearButton && s.selectedDate ? (r(), M(c, {
       key: 1,
       disabled: e.disabled,
       class: "bimdata-datepicker__clear-button",
@@ -4560,7 +4554,7 @@ function sr(e, t, s, n, a, o) {
       onClick: o.clearDate
     }, {
       default: h(() => [
-        x(e.$slots, "clearBtn", {}, () => [
+        k(e.$slots, "clearBtn", {}, () => [
           _(i, {
             size: "xxxs",
             fill: "",
@@ -4569,8 +4563,8 @@ function sr(e, t, s, n, a, o) {
         ])
       ]),
       _: 3
-    }, 8, ["disabled", "onClick"])) : C("", !0),
-    x(e.$slots, "afterDateInput")
+    }, 8, ["disabled", "onClick"])) : I("", !0),
+    k(e.$slots, "afterDateInput")
   ], 2);
 }
 const nr = /* @__PURE__ */ v(Gl, [["render", sr]]), or = {
@@ -4774,9 +4768,9 @@ const nr = /* @__PURE__ */ v(Gl, [["render", sr]]), or = {
 function cr(e, t, s, n, a, o) {
   const i = f("BIMDataIconDelete"), c = f("BIMDataButton");
   return r(), p("div", {
-    class: S({ "not-empty": o.formattedValue })
+    class: O({ "not-empty": o.formattedValue })
   }, [
-    x(e.$slots, "beforeDateInput"),
+    k(e.$slots, "beforeDateInput"),
     e.calendarButton ? (r(), p("button", {
       key: 0,
       ref: "calendarButton",
@@ -4787,16 +4781,16 @@ function cr(e, t, s, n, a, o) {
       onFocus: t[1] || (t[1] = (...l) => o.handleButtonFocus && o.handleButtonFocus(...l))
     }, [
       u("span", null, [
-        x(e.$slots, "calendarBtn", {}, () => [
+        k(e.$slots, "calendarBtn", {}, () => [
           u("i", {
-            class: S(e.calendarButtonIcon)
+            class: O(e.calendarButtonIcon)
           }, [
             A(g(e.calendarButtonIconContent) + " ", 1),
-            e.calendarButtonIcon ? C("", !0) : (r(), p("span", ar, "…"))
+            e.calendarButtonIcon ? I("", !0) : (r(), p("span", ar, "…"))
           ], 2)
         ])
       ])
-    ], 40, ir)) : C("", !0),
+    ], 40, ir)) : I("", !0),
     u("label", {
       for: `bimdata-input-${e.id}`
     }, g(e.placeholder), 9, lr),
@@ -4805,7 +4799,7 @@ function cr(e, t, s, n, a, o) {
       ref: e.refName,
       autocomplete: "off",
       autofocus: e.autofocus,
-      class: S([o.computedInputClass, { required: s.required }]),
+      class: O([o.computedInputClass, { required: s.required }]),
       clearButton: e.clearButton,
       disabled: e.disabled,
       maxlength: e.maxlength,
@@ -4820,20 +4814,20 @@ function cr(e, t, s, n, a, o) {
       onClick: t[3] || (t[3] = (...l) => o.handleInputClick && o.handleInputClick(...l)),
       onFocus: t[4] || (t[4] = (...l) => o.handleInputFocus && o.handleInputFocus(...l)),
       onKeydown: [
-        t[5] || (t[5] = F((...l) => o.handleDelete && o.handleDelete(...l), ["backspace"])),
-        t[6] || (t[6] = F((...l) => o.handleDelete && o.handleDelete(...l), ["delete"])),
-        t[7] || (t[7] = F(P((...l) => o.handleKeydownDown && o.handleKeydownDown(...l), ["prevent"]), ["down"])),
-        t[8] || (t[8] = F(P((...l) => o.handleKeydownEnter && o.handleKeydownEnter(...l), ["prevent"]), ["enter"])),
-        t[9] || (t[9] = F(P((...l) => o.handleKeydownEscape && o.handleKeydownEscape(...l), ["prevent"]), ["esc"])),
-        t[10] || (t[10] = F((l) => o.handleKeydownSpace(l), ["space"])),
-        t[11] || (t[11] = F((l) => e.$emit("tab", l), ["tab"]))
+        t[5] || (t[5] = E((...l) => o.handleDelete && o.handleDelete(...l), ["backspace"])),
+        t[6] || (t[6] = E((...l) => o.handleDelete && o.handleDelete(...l), ["delete"])),
+        t[7] || (t[7] = E(P((...l) => o.handleKeydownDown && o.handleKeydownDown(...l), ["prevent"]), ["down"])),
+        t[8] || (t[8] = E(P((...l) => o.handleKeydownEnter && o.handleKeydownEnter(...l), ["prevent"]), ["enter"])),
+        t[9] || (t[9] = E(P((...l) => o.handleKeydownEscape && o.handleKeydownEscape(...l), ["prevent"]), ["esc"])),
+        t[10] || (t[10] = E((l) => o.handleKeydownSpace(l), ["space"])),
+        t[11] || (t[11] = E((l) => e.$emit("tab", l), ["tab"]))
       ],
       onKeyup: [
         t[12] || (t[12] = (l) => o.handleKeyup(l)),
-        t[13] || (t[13] = F((l) => o.handleKeyupSpace(l), ["space"]))
+        t[13] || (t[13] = E((l) => o.handleKeyupSpace(l), ["space"]))
       ]
     }, null, 42, rr),
-    e.clearButton && !o.noDateSelected ? (r(), B(c, {
+    e.clearButton && !o.noDateSelected ? (r(), M(c, {
       key: 1,
       disabled: e.disabled,
       class: "bimdata-datepicker__clear-button",
@@ -4844,7 +4838,7 @@ function cr(e, t, s, n, a, o) {
       onClick: o.clear
     }, {
       default: h(() => [
-        x(e.$slots, "clearBtn", {}, () => [
+        k(e.$slots, "clearBtn", {}, () => [
           _(i, {
             size: "xxxs",
             fill: "",
@@ -4853,8 +4847,8 @@ function cr(e, t, s, n, a, o) {
         ])
       ]),
       _: 3
-    }, 8, ["disabled", "onClick"])) : C("", !0),
-    x(e.$slots, "afterDateInput")
+    }, 8, ["disabled", "onClick"])) : I("", !0),
+    k(e.$slots, "afterDateInput")
   ], 2);
 }
 const dr = /* @__PURE__ */ v(or, [["render", cr]]), ur = {
@@ -5480,13 +5474,13 @@ function yr(e, t, s, n, a, o) {
       type: "button",
       onClick: t[0] || (t[0] = P((d) => e.$emit("page-change", a.doublePreviousPage), ["stop"])),
       onKeydown: [
-        t[1] || (t[1] = F(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
-        t[2] || (t[2] = F(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
-        t[3] || (t[3] = F(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
-        t[4] || (t[4] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
+        t[1] || (t[1] = E(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
+        t[2] || (t[2] = E(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
+        t[3] || (t[3] = E(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
+        t[4] || (t[4] = E(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      x(e.$slots, "prevIntervalBtn", {}, () => [
+      k(e.$slots, "prevIntervalBtn", {}, () => [
         _(i, {
           name: "doubleChevron",
           size: "xxxs",
@@ -5495,7 +5489,7 @@ function yr(e, t, s, n, a, o) {
           rotate: 180
         })
       ])
-    ], 40, pr)) : C("", !0),
+    ], 40, pr)) : I("", !0),
     u("button", {
       ref: "prev",
       class: "prev",
@@ -5503,13 +5497,13 @@ function yr(e, t, s, n, a, o) {
       type: "button",
       onClick: t[5] || (t[5] = P((d) => e.$emit("page-change", a.previousPage), ["stop"])),
       onKeydown: [
-        t[6] || (t[6] = F(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
-        t[7] || (t[7] = F(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
-        t[8] || (t[8] = F(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
-        t[9] || (t[9] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
+        t[6] || (t[6] = E(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
+        t[7] || (t[7] = E(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
+        t[8] || (t[8] = E(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
+        t[9] || (t[9] = E(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      x(e.$slots, "prevIntervalBtn", {}, () => [
+      k(e.$slots, "prevIntervalBtn", {}, () => [
         _(i, {
           name: "chevron",
           size: "xxxs",
@@ -5519,7 +5513,7 @@ function yr(e, t, s, n, a, o) {
         })
       ])
     ], 40, hr),
-    x(e.$slots, "default"),
+    k(e.$slots, "default"),
     u("button", {
       ref: "next",
       class: "next",
@@ -5527,13 +5521,13 @@ function yr(e, t, s, n, a, o) {
       type: "button",
       onClick: t[10] || (t[10] = P((d) => e.$emit("page-change", a.nextPage), ["stop"])),
       onKeydown: [
-        t[11] || (t[11] = F(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
-        t[12] || (t[12] = F(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
-        t[13] || (t[13] = F(P((...d) => o.arrowLeftNext && o.arrowLeftNext(...d), ["prevent"]), ["left"])),
-        t[14] || (t[14] = F(P((...d) => o.arrowRightNext && o.arrowRightNext(...d), ["prevent"]), ["right"]))
+        t[11] || (t[11] = E(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
+        t[12] || (t[12] = E(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
+        t[13] || (t[13] = E(P((...d) => o.arrowLeftNext && o.arrowLeftNext(...d), ["prevent"]), ["left"])),
+        t[14] || (t[14] = E(P((...d) => o.arrowRightNext && o.arrowRightNext(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      x(e.$slots, "nextIntervalBtn", {}, () => [
+      k(e.$slots, "nextIntervalBtn", {}, () => [
         _(c, {
           size: "xxxs",
           fill: "",
@@ -5549,20 +5543,20 @@ function yr(e, t, s, n, a, o) {
       type: "button",
       onClick: t[15] || (t[15] = P((d) => e.$emit("page-change", a.doubleNextPage), ["stop"])),
       onKeydown: [
-        t[16] || (t[16] = F(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
-        t[17] || (t[17] = F(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
-        t[18] || (t[18] = F(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
-        t[19] || (t[19] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
+        t[16] || (t[16] = E(P((...d) => o.focusTabbableCell && o.focusTabbableCell(...d), ["prevent"]), ["down"])),
+        t[17] || (t[17] = E(P((d) => e.$emit("focus-input"), ["prevent"]), ["up"])),
+        t[18] || (t[18] = E(P((...d) => o.arrowLeftPrev && o.arrowLeftPrev(...d), ["prevent"]), ["left"])),
+        t[19] || (t[19] = E(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      x(e.$slots, "prevIntervalBtn", {}, () => [
+      k(e.$slots, "prevIntervalBtn", {}, () => [
         _(l, {
           size: "xxxs",
           fill: "",
           color: "default"
         })
       ])
-    ], 40, gr)) : C("", !0)
+    ], 40, gr)) : I("", !0)
   ]);
 }
 const br = /* @__PURE__ */ v(fr, [["render", yr]]), ot = {
@@ -5942,14 +5936,14 @@ const vr = {
       return this.tabbableCellId ? t === this.tabbableCellId : e.isOpenDate;
     }
   }
-}, Dr = { class: "picker-cells" }, Cr = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
-function Ir(e, t, s, n, a, o) {
+}, Dr = { class: "picker-cells" }, Ir = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
+function Cr(e, t, s, n, a, o) {
   return r(), p("div", Dr, [
     (r(!0), p(z, null, J(s.cells, (i, c) => (r(), p("button", {
       key: i.timestamp,
       ref_for: !0,
       ref: i.isOpenDate ? "openDate" : null,
-      class: S(o.cellClasses(i)),
+      class: O(o.cellClasses(i)),
       id: c,
       dataTestTabbableCell: o.isTabbableCell(i, c),
       dataTestOpenDate: i.isOpenDate,
@@ -5958,18 +5952,18 @@ function Ir(e, t, s, n, a, o) {
       type: "button",
       onClick: (l) => e.$emit("select", i),
       onKeydown: [
-        F(P((l) => o.handleArrow(c, -o.columns), ["prevent"]), ["up"]),
-        F(P((l) => o.handleArrow(c, o.columns), ["prevent"]), ["down"]),
-        F(P((l) => o.handleArrow(c), ["prevent"]), ["left"]),
-        F(P((l) => o.handleArrow(c), ["prevent"]), ["right"])
+        E(P((l) => o.handleArrow(c, -o.columns), ["prevent"]), ["up"]),
+        E(P((l) => o.handleArrow(c, o.columns), ["prevent"]), ["down"]),
+        E(P((l) => o.handleArrow(c), ["prevent"]), ["left"]),
+        E(P((l) => o.handleArrow(c), ["prevent"]), ["right"])
       ],
       onMouseover: (l) => e.$emit("hover", i)
     }, [
-      x(e.$slots, "default", { cell: i })
-    ], 42, Cr))), 128))
+      k(e.$slots, "default", { cell: i })
+    ], 42, Ir))), 128))
   ]);
 }
-const it = /* @__PURE__ */ v(vr, [["render", Ir]]), wr = {
+const it = /* @__PURE__ */ v(vr, [["render", Cr]]), wr = {
   name: "UpButton",
   props: {
     isDisabled: {
@@ -5985,13 +5979,13 @@ function Mr(e, t, s, n, a, o) {
     type: "button",
     onClick: t[0] || (t[0] = (i) => e.$emit("select")),
     onKeydown: [
-      t[1] || (t[1] = F(P((i) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])),
-      t[2] || (t[2] = F(P((i) => e.$emit("focus-input"), ["prevent"]), ["up"])),
-      t[3] || (t[3] = F(P((i) => e.$emit("set-focus"), ["prevent"]), ["left"])),
-      t[4] || (t[4] = F(P((i) => e.$emit("set-focus"), ["prevent"]), ["right"]))
+      t[1] || (t[1] = E(P((i) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])),
+      t[2] || (t[2] = E(P((i) => e.$emit("focus-input"), ["prevent"]), ["up"])),
+      t[3] || (t[3] = E(P((i) => e.$emit("set-focus"), ["prevent"]), ["left"])),
+      t[4] || (t[4] = E(P((i) => e.$emit("set-focus"), ["prevent"]), ["right"]))
     ]
   }, [
-    x(e.$slots, "default")
+    k(e.$slots, "default")
   ], 40, Br);
 }
 const at = /* @__PURE__ */ v(wr, [["render", Mr]]), xr = {
@@ -6239,9 +6233,9 @@ function Or(e, t, s, n, a, o) {
   const i = f("UpButton"), c = f("PickerHeader"), l = f("PickerCells");
   return r(), p("div", null, [
     e.$slots.beforeCalendarHeaderDay ? (r(), p("div", kr, [
-      x(e.$slots, "beforeCalendarHeaderDay")
-    ])) : C("", !0),
-    e.showHeader ? (r(), B(c, {
+      k(e.$slots, "beforeCalendarHeaderDay")
+    ])) : I("", !0),
+    e.showHeader ? (r(), M(c, {
       key: 1,
       ref: "pickerHeader",
       isNextDisabled: o.isNextDisabled,
@@ -6252,10 +6246,10 @@ function Or(e, t, s, n, a, o) {
       onSetFocus: t[3] || (t[3] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        x(e.$slots, "prevIntervalBtn")
+        k(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        x(e.$slots, "nextIntervalBtn")
+        k(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6272,7 +6266,7 @@ function Or(e, t, s, n, a, o) {
         }, 8, ["isDisabled", "onFocusInput"])
       ]),
       _: 3
-    }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : C("", !0),
+    }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : I("", !0),
     u("div", null, [
       u("div", Tr, [
         (r(!0), p(z, null, J(o.daysOfWeek, (d) => (r(), p("span", { key: d }, g(d), 1))), 128))
@@ -6280,7 +6274,7 @@ function Or(e, t, s, n, a, o) {
       u("div", $r, [
         _(oe, { name: e.transitionName }, {
           default: h(() => [
-            (r(), B(l, {
+            (r(), M(l, {
               ref: "cells",
               key: o.pageTitleDay,
               cells: o.cells,
@@ -6292,7 +6286,7 @@ function Or(e, t, s, n, a, o) {
               onHover: t[6] || (t[6] = (d) => o.hover(d))
             }, {
               default: h(({ cell: d }) => [
-                x(e.$slots, "dayCellContent", { cell: d }, () => [
+                k(e.$slots, "dayCellContent", { cell: d }, () => [
                   A(g(s.dayCellContent(d)), 1)
                 ])
               ]),
@@ -6304,8 +6298,8 @@ function Or(e, t, s, n, a, o) {
       ])
     ]),
     e.$slots.calendarFooterDay ? (r(), p("div", Sr, [
-      x(e.$slots, "calendarFooterDay")
-    ])) : C("", !0)
+      k(e.$slots, "calendarFooterDay")
+    ])) : I("", !0)
   ]);
 }
 const Vr = /* @__PURE__ */ v(xr, [["render", Or]]), Fr = {
@@ -6397,9 +6391,9 @@ function Ar(e, t, s, n, a, o) {
   const i = f("UpButton"), c = f("PickerHeader"), l = f("PickerCells");
   return r(), p("div", null, [
     e.$slots.beforeCalendarHeaderMonth ? (r(), p("div", Er, [
-      x(e.$slots, "beforeCalendarHeaderMonth")
-    ])) : C("", !0),
-    e.showHeader ? (r(), B(c, {
+      k(e.$slots, "beforeCalendarHeaderMonth")
+    ])) : I("", !0),
+    e.showHeader ? (r(), M(c, {
       key: 1,
       ref: "pickerHeader",
       isNextDisabled: o.isNextDisabled,
@@ -6409,10 +6403,10 @@ function Ar(e, t, s, n, a, o) {
       onSetFocus: t[3] || (t[3] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        x(e.$slots, "prevIntervalBtn")
+        k(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        x(e.$slots, "nextIntervalBtn")
+        k(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6429,11 +6423,11 @@ function Ar(e, t, s, n, a, o) {
         }, 8, ["isDisabled", "onFocusInput"])
       ]),
       _: 3
-    }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : C("", !0),
+    }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : I("", !0),
     u("div", Lr, [
       _(oe, { name: e.transitionName }, {
         default: h(() => [
-          (r(), B(l, {
+          (r(), M(l, {
             ref: "cells",
             key: o.pageTitleMonth,
             cells: o.cells,
@@ -6452,8 +6446,8 @@ function Ar(e, t, s, n, a, o) {
       }, 8, ["name"])
     ]),
     e.$slots.calendarFooterMonth ? (r(), p("div", Pr, [
-      x(e.$slots, "calendarFooterMonth")
-    ])) : C("", !0)
+      k(e.$slots, "calendarFooterMonth")
+    ])) : I("", !0)
   ]);
 }
 const Nr = /* @__PURE__ */ v(Fr, [["render", Ar]]), Ur = {
@@ -6570,9 +6564,9 @@ function Rr(e, t, s, n, a, o) {
   const i = f("UpButton"), c = f("PickerHeader"), l = f("PickerCells");
   return r(), p("div", null, [
     e.$slots.beforeCalendarHeaderYear ? (r(), p("div", Hr, [
-      x(e.$slots, "beforeCalendarHeaderYear")
-    ])) : C("", !0),
-    e.showHeader ? (r(), B(c, {
+      k(e.$slots, "beforeCalendarHeaderYear")
+    ])) : I("", !0),
+    e.showHeader ? (r(), M(c, {
       key: 1,
       ref: "pickerHeader",
       "is-next-disabled": o.isNextDisabled,
@@ -6582,10 +6576,10 @@ function Rr(e, t, s, n, a, o) {
       onSetFocus: t[1] || (t[1] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        x(e.$slots, "prevIntervalBtn")
+        k(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        x(e.$slots, "nextIntervalBtn")
+        k(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6599,11 +6593,11 @@ function Rr(e, t, s, n, a, o) {
         }, 512)
       ]),
       _: 3
-    }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : C("", !0),
+    }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : I("", !0),
     u("div", zr, [
       _(oe, { name: e.transitionName }, {
         default: h(() => [
-          (r(), B(l, {
+          (r(), M(l, {
             ref: "cells",
             key: o.pageTitleYear,
             cells: o.cells,
@@ -6622,8 +6616,8 @@ function Rr(e, t, s, n, a, o) {
       }, 8, ["name"])
     ]),
     e.$slots.calendarFooterYear ? (r(), p("div", jr, [
-      x(e.$slots, "calendarFooterYear")
-    ])) : C("", !0)
+      k(e.$slots, "calendarFooterYear")
+    ])) : I("", !0)
   ]);
 }
 const qr = /* @__PURE__ */ v(Ur, [["render", Rr]]);
@@ -7106,12 +7100,12 @@ function Xr(e, t, s, n, a, o) {
   return r(), p("div", {
     id: o.datepickerId,
     ref: "datepicker",
-    class: S(["bimdata-datepicker", [s.wrapperClass]]),
+    class: O(["bimdata-datepicker", [s.wrapperClass]]),
     onFocusin: t[10] || (t[10] = (l) => e.handleFocusIn(l)),
     onFocusout: t[11] || (t[11] = (l) => e.handleFocusOut(l)),
-    onKeydown: t[12] || (t[12] = F((...l) => o.resetOrClose && o.resetOrClose(...l), ["esc"]))
+    onKeydown: t[12] || (t[12] = E((...l) => o.resetOrClose && o.resetOrClose(...l), ["esc"]))
   }, [
-    s.isDateRange ? (r(), B(i, {
+    s.isDateRange ? (r(), M(i, {
       key: 0,
       id: e.id,
       ref: "dateInput",
@@ -7147,19 +7141,19 @@ function Xr(e, t, s, n, a, o) {
       style: T(o.style)
     }, {
       beforeDateInput: h(() => [
-        x(e.$slots, "beforeDateInput")
+        k(e.$slots, "beforeDateInput")
       ]),
       afterDateInput: h(() => [
-        x(e.$slots, "afterDateInput")
+        k(e.$slots, "afterDateInput")
       ]),
       clearBtn: h(() => [
-        x(e.$slots, "clearBtn")
+        k(e.$slots, "clearBtn")
       ]),
       calendarBtn: h(() => [
-        x(e.$slots, "calendarBtn")
+        k(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(c, {
+    }, 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(), M(c, {
       key: 1,
       id: e.id,
       ref: "dateInput",
@@ -7196,16 +7190,16 @@ function Xr(e, t, s, n, a, o) {
       style: T(o.style)
     }, {
       beforeDateInput: h(() => [
-        x(e.$slots, "beforeDateInput")
+        k(e.$slots, "beforeDateInput")
       ]),
       afterDateInput: h(() => [
-        x(e.$slots, "afterDateInput")
+        k(e.$slots, "afterDateInput")
       ]),
       clearBtn: h(() => [
-        x(e.$slots, "clearBtn")
+        k(e.$slots, "clearBtn")
       ]),
       calendarBtn: h(() => [
-        x(e.$slots, "calendarBtn")
+        k(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"])),
@@ -7213,14 +7207,14 @@ function Xr(e, t, s, n, a, o) {
       _(oe, { name: "toggle" }, {
         default: h(() => [
           W(u("div", {
-            class: S(["bimdata-datepicker__calendar", [o.pickerClasses, s.fixedPosition]]),
+            class: O(["bimdata-datepicker__calendar", [o.pickerClasses, s.fixedPosition]]),
             onMousedown: t[5] || (t[5] = P(() => {
             }, ["prevent"])),
             onFocusin: t[6] || (t[6] = P((l) => e.handleFocusIn(l), ["stop"])),
             onFocusout: t[7] || (t[7] = P((l) => e.handleFocusOut(l), ["stop"])),
             onKeydown: [
-              t[8] || (t[8] = F(P((...l) => o.resetOrClose && o.resetOrClose(...l), ["stop"]), ["esc"])),
-              t[9] || (t[9] = F(P((l) => e.tabThroughNavigation(l), ["stop"]), ["tab"]))
+              t[8] || (t[8] = E(P((...l) => o.resetOrClose && o.resetOrClose(...l), ["stop"]), ["esc"])),
+              t[9] || (t[9] = E(P((l) => e.tabThroughNavigation(l), ["stop"]), ["tab"]))
             ]
           }, [
             _(oe, { name: "view" }, {
@@ -7230,9 +7224,9 @@ function Xr(e, t, s, n, a, o) {
                   key: a.view
                 }, [
                   e.$slots.beforeCalendarHeader ? (r(), p("div", Jr, [
-                    x(e.$slots, "beforeCalendarHeader")
-                  ])) : C("", !0),
-                  (r(), B(Me(o.picker), {
+                    k(e.$slots, "beforeCalendarHeader")
+                  ])) : I("", !0),
+                  (r(), M(Me(o.picker), {
                     ref: "picker",
                     class: "picker-view",
                     "day-cell-content": s.dayCellContent,
@@ -7264,23 +7258,23 @@ function Xr(e, t, s, n, a, o) {
                     onSetView: o.setView
                   }, Dt({
                     dayCellContent: h(({ cell: l }) => [
-                      l ? x(e.$slots, "dayCellContent", {
+                      l ? k(e.$slots, "dayCellContent", {
                         key: 0,
                         cell: l
-                      }) : C("", !0)
+                      }) : I("", !0)
                     ]),
                     _: 2
                   }, [
                     J(a.calendarSlots, (l) => ({
                       name: l,
                       fn: h(() => [
-                        x(e.$slots, l)
+                        k(e.$slots, l)
                       ])
                     }))
                   ]), 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(), p("div", Gr, [
-                    x(e.$slots, "calendarFooter")
-                  ])) : C("", !0)
+                    k(e.$slots, "calendarFooter")
+                  ])) : I("", !0)
                 ]))
               ]),
               _: 3
@@ -7291,7 +7285,7 @@ function Xr(e, t, s, n, a, o) {
         ]),
         _: 3
       })
-    ])) : C("", !0)
+    ])) : I("", !0)
   ], 42, Zr);
 }
 const Qr = /* @__PURE__ */ v(Yr, [["render", Xr]]), ec = {
@@ -7366,12 +7360,12 @@ const Qr = /* @__PURE__ */ v(Yr, [["render", Xr]]), ec = {
   }
 };
 function tc(e, t, s, n, a, o) {
-  return r(), B(Me(s.component), {
+  return r(), M(Me(s.component), {
     style: T(o.style),
-    class: S(o.classes)
+    class: O(o.classes)
   }, {
     default: h(() => [
-      x(e.$slots, "default")
+      k(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["style", "class"]);
@@ -7500,7 +7494,7 @@ const rc = {
 };
 function hc(e, t, s, n, a, o) {
   return r(), p("div", {
-    class: S(["bimdata-textarea", {
+    class: O(["bimdata-textarea", {
       "not-empty": s.modelValue !== null && s.modelValue !== "" || s.placeholder !== null,
       error: s.error,
       success: s.success
@@ -7518,8 +7512,8 @@ function hc(e, t, s, n, a, o) {
     }, e.$attrs), null, 16, dc),
     u("label", { for: s.name }, g(s.label), 9, uc),
     _c,
-    s.error ? (r(), p("span", fc, g(s.errorMessage), 1)) : C("", !0),
-    s.success ? (r(), p("span", pc, g(s.successMessage), 1)) : C("", !0)
+    s.error ? (r(), p("span", fc, g(s.errorMessage), 1)) : I("", !0),
+    s.success ? (r(), p("span", pc, g(s.successMessage), 1)) : I("", !0)
   ], 6);
 }
 const lt = /* @__PURE__ */ v(rc, [["render", hc], ["__scopeId", "data-v-77c71958"]]);
@@ -7592,14 +7586,14 @@ function yc(e, t, s, n, a, o) {
       onMouseover: t[0] || (t[0] = (i) => a.hover = !0),
       onMouseleave: t[1] || (t[1] = (i) => a.hover = !1)
     }, [
-      x(e.$slots, "content", {}, void 0, !0),
-      x(e.$slots, "default", {}, void 0, !0)
+      k(e.$slots, "content", {}, void 0, !0),
+      k(e.$slots, "default", {}, void 0, !0)
     ], 32),
     _(oe, { name: "fade" }, {
       default: h(() => [
         W(u("div", {
           ref: "tooltipText",
-          class: S(["bimdata-tooltip__tooltip", [
+          class: O(["bimdata-tooltip__tooltip", [
             `bimdata-tooltip__tooltip--${s.position}`,
             `bimdata-tooltip__tooltip--${s.color}`,
             ...o._className
@@ -7618,7 +7612,7 @@ function Dc() {
   const e = navigator.userAgent.toLowerCase(), t = bc.test(e), s = vc.test(e);
   return t || s;
 }
-const Cc = {
+const Ic = {
   components: {
     BIMDataButton: Z,
     BIMDataIconDelete: de,
@@ -7657,7 +7651,7 @@ const Cc = {
       isTabletOrMobile: Dc
     };
   }
-}, Ic = { class: "bcf-topic-images" }, wc = { class: "bcf-topic-images__images" }, Bc = ["src"], Mc = { for: "files" }, xc = ["disabled"], kc = {
+}, Cc = { class: "bcf-topic-images" }, wc = { class: "bcf-topic-images__images" }, Bc = ["src"], Mc = { for: "files" }, xc = ["disabled"], kc = {
   key: 1,
   class: "bcf-topic-images__upload"
 }, Tc = { class: "icon" }, $c = {
@@ -7669,17 +7663,17 @@ const Cc = {
 };
 function Oc(e, t, s, n, a, o) {
   const i = f("BIMDataIconDelete"), c = f("BIMDataButton"), l = f("BIMDataIconCamera"), d = f("BIMDataIconUnarchive");
-  return r(), p("div", Ic, [
+  return r(), p("div", Cc, [
     s.viewpoints.length > 0 ? (r(), p(z, { key: 0 }, [
       u("div", wc, [
         (r(!0), p(z, null, J(s.viewpoints.slice(0, 4), (m, y) => (r(), p("div", {
-          class: S(["image-preview", { single: s.viewpoints.length === 1 }]),
+          class: O(["image-preview", { single: s.viewpoints.length === 1 }]),
           key: m.guid || y
         }, [
           m.snapshot.snapshot_data ? (r(), p("img", {
             key: 0,
             src: m.snapshot.snapshot_data
-          }, null, 8, Bc)) : C("", !0),
+          }, null, 8, Bc)) : I("", !0),
           _(c, {
             class: "btn-delete",
             fill: "",
@@ -7752,13 +7746,9 @@ function Oc(e, t, s, n, a, o) {
     ]))
   ]);
 }
-const Vc = /* @__PURE__ */ v(Cc, [["render", Oc], ["__scopeId", "data-v-a0c4f81e"]]);
+const Vc = /* @__PURE__ */ v(Ic, [["render", Oc], ["__scopeId", "data-v-a0c4f81e"]]);
 const Fc = {
   props: {
-    isXs: {
-      type: Boolean,
-      default: !1
-    },
     viewpoints: {
       type: Array,
       default: () => []
@@ -7767,53 +7757,23 @@ const Fc = {
       type: Function
     }
   },
-  emits: ["create-viewpoint"],
-  setup(e, { emit: t }) {
+  emits: ["create-viewpoint", "upload-viewpoint"],
+  setup(e) {
     return {
-      // Methods
-      createViewpoints: () => {
-        var o;
-        Object.values(((o = e.getViewers) == null ? void 0 : o.call(e)) ?? {}).flat().forEach(async (i) => {
-          const c = await i.getViewpoint();
-          t("create-viewpoint", c);
-        });
-      },
-      uploadViewpoints: (a) => {
-        [...a.target.files].forEach((o) => {
-          let i;
-          o.type === "image/png" ? i = "png" : o.type === "image/jpeg" ? i = "jpg" : i = o.type;
-          const c = new FileReader();
-          c.addEventListener("load", () => {
-            const l = {
-              snapshot: {
-                snapshot_type: i,
-                snapshot_data: c.result
-              }
-            };
-            t("create-viewpoint", l);
-          }), c.readAsDataURL(o);
-        });
-      }
+      snapshotedViewpoints: H(
+        () => e.viewpoints.filter((s) => !s.isUpload)
+      )
     };
   }
-}, Ec = {
-  for: "files",
-  class: "flex items-center"
-}, Lc = ["disabled"], Pc = {
-  key: 1,
-  class: "bcf-topic-snapshots-actions"
-}, Ac = {
+}, Ec = { class: "bcf-topic-snapshots-actions flex" }, Lc = {
   for: "files",
   class: "flex items-center"
-}, Nc = ["disabled"];
-function Uc(e, t, s, n, a, o) {
+};
+function Pc(e, t, s, n, a, o) {
   const i = f("BIMDataIconCamera"), c = f("BIMDataButton"), l = f("BIMDataTooltip"), d = f("BIMDataIconUnarchive");
-  return s.isXs ? (r(), p("div", {
-    key: 0,
-    class: S(["bcf-topic-snapshots-actions flex", { "bcf-topic-snapshots-actions__xs": s.isXs }])
-  }, [
+  return r(), p("div", Ec, [
     _(l, {
-      disabled: s.viewpoints.length >= 4,
+      disabled: n.snapshotedViewpoints.length > 0,
       text: e.$t("BcfComponents.BcfTopicForm.takeSnapshot"),
       color: "primary",
       position: "right"
@@ -7824,19 +7784,18 @@ function Uc(e, t, s, n, a, o) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n.createViewpoints,
-          disabled: s.viewpoints.length >= 4
+          onClick: t[0] || (t[0] = (m) => e.$emit("create-viewpoint")),
+          disabled: n.snapshotedViewpoints.length > 0
         }, {
           default: h(() => [
             _(i, { size: "s" })
           ]),
           _: 1
-        }, 8, ["onClick", "disabled"])
+        }, 8, ["disabled"])
       ]),
       _: 1
     }, 8, ["disabled", "text"]),
     _(l, {
-      disabled: s.viewpoints.length >= 4,
       text: e.$t("BcfComponents.BcfTopicForm.importFile"),
       color: "primary",
       position: "right"
@@ -7846,11 +7805,10 @@ function Uc(e, t, s, n, a, o) {
           color: "default",
           ghost: "",
           rounded: "",
-          icon: "",
-          disabled: s.viewpoints.length >= 4
+          icon: ""
         }, {
           default: h(() => [
-            u("label", Ec, [
+            u("label", Lc, [
               _(d, {
                 fill: "",
                 color: "default",
@@ -7858,67 +7816,23 @@ function Uc(e, t, s, n, a, o) {
               })
             ]),
             u("input", {
-              disabled: s.viewpoints.length >= 4,
               hidden: "",
               id: "files",
               type: "file",
               multiple: "",
               accept: "image/png, image/jpeg",
-              onChange: t[0] || (t[0] = (...m) => n.uploadViewpoints && n.uploadViewpoints(...m))
-            }, null, 40, Lc)
+              onChange: t[1] || (t[1] = (m) => e.$emit("upload-viewpoint", m))
+            }, null, 32)
           ]),
           _: 1
-        }, 8, ["disabled"])
-      ]),
-      _: 1
-    }, 8, ["disabled", "text"])
-  ], 2)) : (r(), p("div", Pc, [
-    _(c, {
-      color: "primary",
-      fill: "",
-      radius: "",
-      onClick: n.createViewpoints
-    }, {
-      default: h(() => [
-        _(i, {
-          size: "s",
-          margin: "0 6px 0 0"
-        }),
-        u("span", null, g(e.$t("BcfComponents.BcfTopicForm.takeSnapshot")), 1)
-      ]),
-      _: 1
-    }, 8, ["onClick"]),
-    _(c, {
-      color: "primary",
-      outline: "",
-      radius: ""
-    }, {
-      default: h(() => [
-        u("label", Ac, [
-          _(d, {
-            fill: "",
-            color: "default",
-            size: "s",
-            margin: "0 6px 0 0"
-          }),
-          u("span", null, g(e.$t("BcfComponents.BcfTopicForm.importFile")), 1)
-        ]),
-        u("input", {
-          disabled: s.viewpoints.length >= 4,
-          hidden: "",
-          id: "files",
-          type: "file",
-          multiple: "",
-          accept: "image/png, image/jpeg",
-          onChange: t[1] || (t[1] = (...m) => n.uploadViewpoints && n.uploadViewpoints(...m))
-        }, null, 40, Nc)
+        })
       ]),
       _: 1
-    })
-  ]));
+    }, 8, ["text"])
+  ]);
 }
-const Yt = /* @__PURE__ */ v(Fc, [["render", Uc], ["__scopeId", "data-v-bacf2753"]]);
-const Hc = {
+const Yt = /* @__PURE__ */ v(Fc, [["render", Pc], ["__scopeId", "data-v-f2f714f6"]]);
+const Ac = {
   components: {
     BcfTopicSnapshotsActions: Yt,
     BIMDataButton: Z,
@@ -7934,40 +7848,35 @@ const Hc = {
       type: Function
     }
   },
-  emits: ["create-viewpoint", "delete-viewpoint"],
-  setup(e, { emit: t }) {
-    return {
-      // Methods
-      deleteViewpoint: (n) => {
-        t("delete-viewpoint", n);
-      }
-    };
-  }
-}, zc = { class: "bcf-topic-snapshots" }, jc = {
+  emits: ["create-viewpoint", "upload-viewpoint", "delete-viewpoint"]
+}, Nc = { class: "bcf-topic-snapshots" }, Uc = {
   key: 0,
   class: "bcf-topic-snapshots__snapshots"
-}, Rc = ["src"], qc = {
+}, Hc = ["src"], zc = {
   key: 1,
   class: "bcf-topic-snapshots__create"
-};
-function Kc(e, t, s, n, a, o) {
-  const i = f("BIMDataIconDelete"), c = f("BIMDataButton"), l = f("BcfTopicSnapshotsActions");
-  return r(), p("div", zc, [
-    s.viewpoints.length > 0 ? (r(), p("div", jc, [
-      (r(!0), p(z, null, J(s.viewpoints.slice(0, 4), (d, m) => (r(), p("div", {
-        class: S(["snapshot-preview", { single: s.viewpoints.length === 1 }]),
-        key: d.guid || m
+}, jc = {
+  for: "files",
+  class: "flex items-center"
+}, Rc = ["disabled"];
+function qc(e, t, s, n, a, o) {
+  const i = f("BIMDataIconDelete"), c = f("BIMDataButton"), l = f("BIMDataIconCamera"), d = f("BIMDataIconUnarchive");
+  return r(), p("div", Nc, [
+    s.viewpoints.length > 0 ? (r(), p("div", Uc, [
+      (r(!0), p(z, null, J(s.viewpoints.slice(0, 4), (m, y) => (r(), p("div", {
+        class: O(["snapshot-preview", { single: s.viewpoints.length === 1 }]),
+        key: m.guid || y
       }, [
-        d.snapshot.snapshot_data ? (r(), p("img", {
+        m.snapshot.snapshot_data ? (r(), p("img", {
           key: 0,
-          src: d.snapshot.snapshot_data
-        }, null, 8, Rc)) : C("", !0),
+          src: m.snapshot.snapshot_data
+        }, null, 8, Hc)) : I("", !0),
         _(c, {
           class: "btn-delete",
           fill: "",
           rounded: "",
           icon: "",
-          onClick: (y) => n.deleteViewpoint(d)
+          onClick: (D) => e.$emit("delete-viewpoint", m)
         }, {
           default: h(() => [
             _(i, {
@@ -7979,20 +7888,58 @@ function Kc(e, t, s, n, a, o) {
           _: 2
         }, 1032, ["onClick"])
       ], 2))), 128))
-    ])) : (r(), p("div", qc, [
-      _(l, {
-        viewpoints: s.viewpoints,
-        getViewers: s.getViewers,
-        onCreateViewpoint: t[0] || (t[0] = (d) => e.$emit("create-viewpoint", d))
-      }, null, 8, ["viewpoints", "getViewers"])
+    ])) : (r(), p("div", zc, [
+      _(c, {
+        color: "primary",
+        fill: "",
+        radius: "",
+        onClick: t[0] || (t[0] = (m) => e.$emit("create-viewpoint"))
+      }, {
+        default: h(() => [
+          _(l, {
+            size: "s",
+            margin: "0 6px 0 0"
+          }),
+          u("span", null, g(e.$t("BcfComponents.BcfTopicForm.takeSnapshot")), 1)
+        ]),
+        _: 1
+      }),
+      _(c, {
+        color: "primary",
+        outline: "",
+        radius: "",
+        class: "m-t-12"
+      }, {
+        default: h(() => [
+          u("label", jc, [
+            _(d, {
+              fill: "",
+              color: "default",
+              size: "s",
+              margin: "0 6px 0 0"
+            }),
+            u("span", null, g(e.$t("BcfComponents.BcfTopicForm.importFile")), 1)
+          ]),
+          u("input", {
+            disabled: s.viewpoints.length >= 4,
+            hidden: "",
+            id: "files",
+            type: "file",
+            multiple: "",
+            accept: "image/png, image/jpeg",
+            onChange: t[1] || (t[1] = (m) => e.$emit("upload-viewpoint", m))
+          }, null, 40, Rc)
+        ]),
+        _: 1
+      })
     ]))
   ]);
 }
-const Yc = /* @__PURE__ */ v(Hc, [["render", Kc], ["__scopeId", "data-v-aad452fb"]]);
-const Zc = {
+const Kc = /* @__PURE__ */ v(Ac, [["render", qc], ["__scopeId", "data-v-09aa1fe2"]]);
+const Yc = {
   components: {
     BcfTopicImages: Vc,
-    BcfTopicSnapshots: Yc,
+    BcfTopicSnapshots: Kc,
     BcfTopicSnapshotsActions: Yt,
     BIMDataButton: Z,
     BIMDataDatePicker: Qr,
@@ -8004,7 +7951,7 @@ const Zc = {
     BIMDataSafeZoneModal: qt,
     BIMDataSelect: jt,
     BIMDataTextarea: lt,
-    BIMDataTextbox: Ie,
+    BIMDataTextbox: Ce,
     BIMDataTooltip: Kt
   },
   props: {
@@ -8083,23 +8030,23 @@ const Zc = {
     "topic-update-error"
   ],
   setup(e, { emit: t }) {
-    const s = Ce(), n = j(() => !e.topic), a = j(() => Math.max(0, ...e.topics.map((U) => U.index)) + 1), o = $(""), i = $(null), c = $(null), l = $(null), d = $(null), m = $(null), y = $(null), D = $(""), b = $([]), w = $([]), V = $([]), M = $([]), N = $([]), L = j(
-      () => w.value.concat(V.value).filter((U) => !N.value.some((k) => k.guid === U.guid)).filter((U) => U.snapshot)
-    ), K = $(!1), R = $(!1), O = $(!1), X = () => {
-      o.value = "", i.value = null, c.value = null, l.value = null, d.value = null, m.value = null, y.value = null, D.value = "", b.value = [], w.value = [], V.value = [], M.value = [], N.value = [], K.value = !1, R.value = !1, O.value = !1;
+    const s = Ie(), n = H(() => !e.topic), a = H(() => Math.max(0, ...e.topics.map((C) => C.index)) + 1), o = $(""), i = $(null), c = $(null), l = $(null), d = $(null), m = $(null), y = $(null), D = $(""), b = $([]), B = $([]), V = $([]), x = $([]), N = $([]), L = H(
+      () => B.value.concat(V.value).filter((C) => !N.value.some((w) => w.guid === C.guid)).filter((C) => C.snapshot)
+    ), q = $(!1), j = $(!1), F = $(!1), X = () => {
+      o.value = "", i.value = null, c.value = null, l.value = null, d.value = null, m.value = null, y.value = null, D.value = "", b.value = [], B.value = [], V.value = [], x.value = [], N.value = [], q.value = !1, j.value = !1, F.value = !1;
     };
     return ne(
       () => e.topic,
-      (U) => {
-        U ? (o.value = U.title || "", i.value = U.topic_type || null, c.value = U.priority || null, l.value = U.topic_status || null, d.value = U.stage || null, m.value = U.assigned_to || null, y.value = U.due_date, D.value = U.description || "", b.value = U.labels || [], w.value = U.viewpoints || []) : X();
+      (C) => {
+        C ? (o.value = C.title || "", i.value = C.topic_type || null, c.value = C.priority || null, l.value = C.topic_status || null, d.value = C.stage || null, m.value = C.assigned_to || null, y.value = C.due_date, D.value = C.description || "", b.value = C.labels || [], B.value = C.viewpoints || []) : X();
       },
       { immediate: !0 }
     ), {
       // References
-      hasErrorTitle: K,
+      hasErrorTitle: q,
       isCreation: n,
-      isOpenModal: R,
-      loading: O,
+      isOpenModal: j,
+      loading: F,
       nextIndex: a,
       topicAssignedTo: m,
       topicDescription: D,
@@ -8112,36 +8059,57 @@ const Zc = {
       topicType: i,
       viewpointsToDisplay: L,
       // Methods
-      createViewpoint: (U) => {
-        V.value.push(U);
+      createViewpoint: () => {
+        var w;
+        Object.values(((w = e.getViewers) == null ? void 0 : w.call(e)) ?? {}).flat().forEach(async (S) => {
+          const U = await S.getViewpoint();
+          V.value.push(U);
+        });
       },
-      deleteViewpoint: (U) => {
-        if (U.guid)
-          N.value.push(U);
+      uploadViewpoint: (C) => {
+        [...C.target.files].forEach((w) => {
+          let S;
+          w.type === "image/png" ? S = "png" : w.type === "image/jpeg" ? S = "jpg" : S = w.type;
+          const U = new FileReader();
+          U.addEventListener("load", () => {
+            const Y = {
+              isUpload: !0,
+              snapshot: {
+                snapshot_type: S,
+                snapshot_data: U.result
+              }
+            };
+            V.value.push(Y);
+          }), U.readAsDataURL(w);
+        });
+      },
+      deleteViewpoint: (C) => {
+        if (C.guid)
+          N.value.push(C);
         else {
-          let k = V.value.indexOf(U);
-          V.value.splice(k, 1);
+          let w = V.value.indexOf(C);
+          V.value.splice(w, 1);
         }
       },
       submit: async () => {
-        var U, k;
+        var C, w;
         if (!o.value) {
-          K.value = !0;
+          q.value = !0;
           return;
         }
         try {
-          O.value = !0, M.value = w.value.map((Y) => ({
-            ...Y,
+          F.value = !0, x.value = B.value.map((K) => ({
+            ...K,
             snapshot: void 0
-          })), M.value.length === 0 && V.value.sort(
-            (Y, se) => (Y.order ?? 1 / 0) - (se.order ?? 1 / 0)
+          })), x.value.length === 0 && V.value.sort(
+            (K, se) => (K.order ?? 1 / 0) - (se.order ?? 1 / 0)
           );
-          const I = M.value.concat(V.value);
-          e.topicObjects && (I.length > 0 ? I.forEach((Y) => {
-            Object.assign(Y, { components: e.topicObjects }), bs(Y);
-          }) : V.value.push({ components: e.topicObjects })), e.topicAnnotations && I.forEach((Y) => Y.pins = e.topicAnnotations);
-          const E = {
-            guid: (U = e.topic) == null ? void 0 : U.guid,
+          const S = x.value.concat(V.value);
+          e.topicObjects && (S.length > 0 ? S.forEach((K) => {
+            Object.assign(K, { components: e.topicObjects }), bs(K);
+          }) : V.value.push({ components: e.topicObjects })), e.topicAnnotations && S.forEach((K) => K.pins = e.topicAnnotations);
+          const U = {
+            guid: (C = e.topic) == null ? void 0 : C.guid,
             title: o.value,
             topic_type: i.value,
             priority: c.value,
@@ -8152,48 +8120,48 @@ const Zc = {
             description: D.value,
             labels: b.value,
             // Keep topic models unchanged if any, otherwise use provided topic models.
-            models: ((k = e.topic) == null ? void 0 : k.models) || e.topicModels
+            models: ((w = e.topic) == null ? void 0 : w.models) || e.topicModels
           };
-          let H;
-          n.value ? H = await s.createTopic(e.project, E) : H = await s.updateTopic(e.project, E), await Promise.all([
+          let Y;
+          n.value ? Y = await s.createTopic(e.project, U) : Y = await s.updateTopic(e.project, U), await Promise.all([
             ...V.value.map(
-              (Y) => s.createViewpoint(e.project, H, Y)
+              (K) => s.createViewpoint(e.project, Y, K)
             ),
-            ...M.value.map(
-              (Y) => s.updateViewpoint(e.project, H, Y)
+            ...x.value.map(
+              (K) => s.updateViewpoint(e.project, Y, K)
             ),
             ...N.value.map(
-              (Y) => s.deleteViewpoint(e.project, H, Y)
+              (K) => s.deleteViewpoint(e.project, Y, K)
             )
-          ]), n.value ? (t("topic-created", H), X()) : t("topic-updated", H);
-        } catch (I) {
-          t(n.value ? "topic-create-error" : "topic-update-error", I);
+          ]), n.value ? (t("topic-created", Y), X()) : t("topic-updated", Y);
+        } catch (S) {
+          t(n.value ? "topic-create-error" : "topic-update-error", S);
         } finally {
-          O.value = !1;
+          F.value = !1;
         }
       }
     };
   }
-}, Wc = { class: "bcf-topic-form" }, Jc = { class: "bcf-topic-form__header" }, Gc = { class: "bcf-topic-form__header__title" }, Xc = { class: "bcf-topic-form__content" }, Qc = { class: "bcf-topic-form__content__head" }, ed = { class: "bcf-topic-form__content__head__index" }, td = { class: "bcf-topic-form__content__head__date" }, sd = { class: "bcf-topic-form__content__actions" }, nd = {
+}, Zc = { class: "bcf-topic-form" }, Wc = { class: "bcf-topic-form__header" }, Jc = { class: "bcf-topic-form__header__title" }, Gc = { class: "bcf-topic-form__content" }, Xc = { class: "bcf-topic-form__content__head" }, Qc = { class: "bcf-topic-form__content__head__index" }, ed = { class: "bcf-topic-form__content__head__date" }, td = { class: "bcf-topic-form__content__actions" }, sd = {
   key: 0,
   class: "count-objects"
-}, od = {
+}, nd = {
   key: 0,
   class: "count-annotations"
-}, id = { class: "bcf-topic-form__content__body" }, ad = { class: "m-b-30" }, ld = { class: "bcf-topic-form__footer" }, rd = {
+}, od = { class: "bcf-topic-form__content__body" }, id = { class: "m-b-30" }, ad = { class: "bcf-topic-form__footer" }, ld = {
   key: 0,
   class: "bcf-topic-form__loader"
 };
-function cd(e, t, s, n, a, o) {
-  const i = f("BIMDataIconArrow"), c = f("BIMDataButton"), l = f("BIMDataTextbox"), d = f("BIMDataIconClose"), m = f("BcfTopicSnapshots"), y = f("BcfTopicSnapshotsActions"), D = f("BIMDataIconPlus"), b = f("BIMDataTooltip"), w = f("BcfTopicImages"), V = f("BIMDataInput"), M = f("BIMDataSelect"), N = f("BIMDataDatePicker"), L = f("BIMDataTextarea"), K = f("BIMDataLoading"), R = f("BIMDataSafeZoneModal");
-  return r(), p("div", Wc, [
-    u("div", Jc, [
-      s.uiConfig.backButton ? (r(), B(c, {
+function rd(e, t, s, n, a, o) {
+  const i = f("BIMDataIconArrow"), c = f("BIMDataButton"), l = f("BIMDataTextbox"), d = f("BIMDataIconClose"), m = f("BcfTopicSnapshots"), y = f("BcfTopicSnapshotsActions"), D = f("BIMDataIconPlus"), b = f("BIMDataTooltip"), B = f("BcfTopicImages"), V = f("BIMDataInput"), x = f("BIMDataSelect"), N = f("BIMDataDatePicker"), L = f("BIMDataTextarea"), q = f("BIMDataLoading"), j = f("BIMDataSafeZoneModal");
+  return r(), p("div", Zc, [
+    u("div", Wc, [
+      s.uiConfig.backButton ? (r(), M(c, {
         key: 0,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: t[0] || (t[0] = (O) => e.$emit("back"))
+        onClick: t[0] || (t[0] = (F) => e.$emit("back"))
       }, {
         default: h(() => [
           _(i, {
@@ -8203,22 +8171,22 @@ function cd(e, t, s, n, a, o) {
           })
         ]),
         _: 1
-      })) : C("", !0),
-      u("div", Gc, [
+      })) : I("", !0),
+      u("div", Jc, [
         n.isCreation ? (r(), p(z, { key: 0 }, [
           A(g(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
-        ], 64)) : (r(), B(l, {
+        ], 64)) : (r(), M(l, {
           key: 1,
           maxWidth: "250px",
           text: s.topic.title
         }, null, 8, ["text"]))
       ]),
-      s.uiConfig.closeButton ? (r(), B(c, {
+      s.uiConfig.closeButton ? (r(), M(c, {
         key: 1,
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: t[1] || (t[1] = (O) => e.$emit("close"))
+        onClick: t[1] || (t[1] = (F) => e.$emit("close"))
       }, {
         default: h(() => [
           _(d, {
@@ -8228,33 +8196,34 @@ function cd(e, t, s, n, a, o) {
           })
         ]),
         _: 1
-      })) : C("", !0)
+      })) : I("", !0)
     ]),
-    u("div", Xc, [
-      u("div", Qc, [
-        u("div", ed, g(n.isCreation ? n.nextIndex : s.topic.index), 1),
-        u("div", td, g(e.$d(n.isCreation ? /* @__PURE__ */ new Date() : s.topic.creation_date, "short")), 1)
+    u("div", Gc, [
+      u("div", Xc, [
+        u("div", Qc, g(n.isCreation ? n.nextIndex : s.topic.index), 1),
+        u("div", ed, g(e.$d(n.isCreation ? /* @__PURE__ */ new Date() : s.topic.creation_date, "short")), 1)
       ]),
       s.uiConfig.viewerMode ? (r(), p(z, { key: 0 }, [
         _(m, {
           viewpoints: n.viewpointsToDisplay,
           getViewers: s.getViewers,
           onCreateViewpoint: n.createViewpoint,
+          onUploadViewpoint: n.uploadViewpoint,
           onDeleteViewpoint: n.deleteViewpoint
-        }, null, 8, ["viewpoints", "getViewers", "onCreateViewpoint", "onDeleteViewpoint"]),
-        u("div", sd, [
-          n.viewpointsToDisplay.length > 0 ? (r(), B(y, {
+        }, null, 8, ["viewpoints", "getViewers", "onCreateViewpoint", "onUploadViewpoint", "onDeleteViewpoint"]),
+        u("div", td, [
+          n.viewpointsToDisplay.length > 0 ? (r(), M(y, {
             key: 0,
-            isXs: !0,
             viewpoints: n.viewpointsToDisplay,
             getViewers: s.getViewers,
-            onCreateViewpoint: n.createViewpoint
-          }, null, 8, ["viewpoints", "getViewers", "onCreateViewpoint"])) : C("", !0),
+            onCreateViewpoint: n.createViewpoint,
+            onUploadViewpoint: n.uploadViewpoint
+          }, null, 8, ["viewpoints", "getViewers", "onCreateViewpoint", "onUploadViewpoint"])) : I("", !0),
           _(c, {
             fill: "",
             radius: "",
             disabled: !s.objectsEditEnabled,
-            onClick: t[2] || (t[2] = (O) => e.$emit("edit-topic-objects", s.topic))
+            onClick: t[2] || (t[2] = (F) => e.$emit("edit-topic-objects", s.topic))
           }, {
             default: h(() => [
               _(D, {
@@ -8262,7 +8231,7 @@ function cd(e, t, s, n, a, o) {
                 margin: "0 6px 0 0"
               }),
               u("span", null, g(e.$t("BcfComponents.BcfTopicForm.addObjectButton")), 1),
-              s.topicObjects ? (r(), p("span", nd, g(s.topicObjects.selection.length), 1)) : C("", !0)
+              s.topicObjects ? (r(), p("span", sd, g(s.topicObjects.selection.length), 1)) : I("", !0)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -8278,7 +8247,7 @@ function cd(e, t, s, n, a, o) {
                 fill: "",
                 radius: "",
                 disabled: !s.annotationsEditEnabled || n.viewpointsToDisplay.length === 0,
-                onClick: t[3] || (t[3] = (O) => e.$emit("edit-topic-annotations", s.topic))
+                onClick: t[3] || (t[3] = (F) => e.$emit("edit-topic-annotations", s.topic))
               }, {
                 default: h(() => [
                   _(D, {
@@ -8286,7 +8255,7 @@ function cd(e, t, s, n, a, o) {
                     margin: "0 6px 0 0"
                   }),
                   u("span", null, g(e.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1),
-                  s.topicAnnotations ? (r(), p("span", od, g(s.topicAnnotations.length), 1)) : C("", !0)
+                  s.topicAnnotations ? (r(), p("span", nd, g(s.topicAnnotations.length), 1)) : I("", !0)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -8294,68 +8263,68 @@ function cd(e, t, s, n, a, o) {
             _: 1
           }, 8, ["disabled", "text"])
         ])
-      ], 64)) : (r(), B(w, {
+      ], 64)) : (r(), M(B, {
         key: 1,
         viewpoints: n.viewpointsToDisplay,
         onCreateViewpoint: n.createViewpoint,
         onDeleteViewpoint: n.deleteViewpoint
       }, null, 8, ["viewpoints", "onCreateViewpoint", "onDeleteViewpoint"])),
-      u("div", id, [
+      u("div", od, [
         _(V, {
           placeholder: e.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
           error: n.hasErrorTitle,
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: n.topicTitle,
-          "onUpdate:modelValue": t[4] || (t[4] = (O) => n.topicTitle = O),
-          onKeyup: F(P(n.submit, ["stop"]), ["enter"])
+          "onUpdate:modelValue": t[4] || (t[4] = (F) => n.topicTitle = F),
+          onKeyup: E(P(n.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: s.extensions.topic_type,
           disabled: s.extensions.topic_type.length === 0,
           modelValue: n.topicType,
-          "onUpdate:modelValue": t[5] || (t[5] = (O) => n.topicType = O)
+          "onUpdate:modelValue": t[5] || (t[5] = (F) => n.topicType = F)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: s.extensions.priority,
           disabled: s.extensions.priority.length === 0,
           modelValue: n.topicPriority,
-          "onUpdate:modelValue": t[6] || (t[6] = (O) => n.topicPriority = O)
+          "onUpdate:modelValue": t[6] || (t[6] = (F) => n.topicPriority = F)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: s.extensions.topic_status,
           disabled: s.extensions.topic_status.length === 0,
           modelValue: n.topicStatus,
-          "onUpdate:modelValue": t[7] || (t[7] = (O) => n.topicStatus = O)
+          "onUpdate:modelValue": t[7] || (t[7] = (F) => n.topicStatus = F)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: s.extensions.stage,
           disabled: s.extensions.stage.length === 0,
           modelValue: n.topicStage,
-          "onUpdate:modelValue": t[8] || (t[8] = (O) => n.topicStage = O)
+          "onUpdate:modelValue": t[8] || (t[8] = (F) => n.topicStage = F)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: s.extensions.user_id_type,
           disabled: s.extensions.user_id_type.length === 0,
           modelValue: n.topicAssignedTo,
-          "onUpdate:modelValue": t[9] || (t[9] = (O) => n.topicAssignedTo = O)
+          "onUpdate:modelValue": t[9] || (t[9] = (F) => n.topicAssignedTo = F)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        u("div", ad, [
+        u("div", id, [
           _(N, {
             width: "100%",
             placeholder: e.$t("BcfComponents.BcfTopicForm.dueDateLabel"),
             value: n.topicDueDate,
             modelValue: n.topicDueDate,
-            "onUpdate:modelValue": t[10] || (t[10] = (O) => n.topicDueDate = O),
+            "onUpdate:modelValue": t[10] || (t[10] = (F) => n.topicDueDate = F),
             clearButton: !0
           }, null, 8, ["placeholder", "value", "modelValue"])
         ]),
@@ -8364,21 +8333,21 @@ function cd(e, t, s, n, a, o) {
           name: "description",
           label: e.$t("BcfComponents.BcfTopicForm.descriptionLabel"),
           modelValue: n.topicDescription,
-          "onUpdate:modelValue": t[11] || (t[11] = (O) => n.topicDescription = O),
+          "onUpdate:modelValue": t[11] || (t[11] = (F) => n.topicDescription = F),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
-        _(M, {
+        _(x, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.labelsLabel"),
           options: s.extensions.topic_label,
           disabled: s.extensions.topic_label.length === 0,
           modelValue: n.topicLabels,
-          "onUpdate:modelValue": t[12] || (t[12] = (O) => n.topicLabels = O),
+          "onUpdate:modelValue": t[12] || (t[12] = (F) => n.topicLabels = F),
           multi: !0
         }, null, 8, ["label", "options", "disabled", "modelValue"])
       ])
     ]),
-    u("div", ld, [
+    u("div", ad, [
       _(c, {
         width: "100%",
         color: "primary",
@@ -8393,10 +8362,10 @@ function cd(e, t, s, n, a, o) {
         _: 1
       }, 8, ["disabled", "onClick"])
     ]),
-    n.loading ? (r(), p("div", rd, [
-      _(K)
-    ])) : C("", !0),
-    n.isOpenModal ? (r(), B(R, { key: 1 }, {
+    n.loading ? (r(), p("div", ld, [
+      _(q)
+    ])) : I("", !0),
+    n.isOpenModal ? (r(), M(j, { key: 1 }, {
       text: h(() => [
         A(g(e.$t("BcfComponents.BcfTopicForm.modalText", { name: s.topic.title })), 1)
       ]),
@@ -8406,7 +8375,7 @@ function cd(e, t, s, n, a, o) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: t[13] || (t[13] = (O) => e.$emit("close"))
+          onClick: t[13] || (t[13] = (F) => e.$emit("close"))
         }, {
           default: h(() => [
             A(g(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
@@ -8417,7 +8386,7 @@ function cd(e, t, s, n, a, o) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: t[14] || (t[14] = (O) => n.isOpenModal = !1)
+          onClick: t[14] || (t[14] = (F) => n.isOpenModal = !1)
         }, {
           default: h(() => [
             A(g(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
@@ -8426,11 +8395,11 @@ function cd(e, t, s, n, a, o) {
         })
       ]),
       _: 1
-    })) : C("", !0)
+    })) : I("", !0)
   ]);
 }
-const dd = /* @__PURE__ */ v(Zc, [["render", cd], ["__scopeId", "data-v-db511480"]]);
-const ud = {
+const cd = /* @__PURE__ */ v(Yc, [["render", rd], ["__scopeId", "data-v-2f204ac3"]]);
+const dd = {
   components: {
     BIMDataIconChevron: ce,
     BIMDataPaginatedList: Rt,
@@ -8508,8 +8477,8 @@ const ud = {
       this.displayed = !1;
     }
   }
-}, _d = ["direction", "closeOnElementClick"];
-function fd(e, t, s, n, a, o) {
+}, ud = ["direction", "closeOnElementClick"];
+function _d(e, t, s, n, a, o) {
   const i = f("BIMDataIconChevron"), c = f("BIMDataButton"), l = f("BIMDataPaginatedList"), d = De("clickaway");
   return W((r(), p("div", {
     class: "bimdata-dropdown-list",
@@ -8518,11 +8487,11 @@ function fd(e, t, s, n, a, o) {
     style: T(o.style)
   }, [
     u("div", {
-      class: S(["bimdata-dropdown-list__content", { active: a.displayed, disabled: s.disabled }]),
+      class: O(["bimdata-dropdown-list__content", { active: a.displayed, disabled: s.disabled }]),
       onClick: t[0] || (t[0] = (...m) => o.onHeaderClick && o.onHeaderClick(...m)),
       style: T(o.style)
     }, [
-      x(e.$slots, "header", { isOpen: a.displayed }, void 0, !0),
+      k(e.$slots, "header", { isOpen: a.displayed }, void 0, !0),
       _(c, {
         color: "default",
         icon: "",
@@ -8539,14 +8508,14 @@ function fd(e, t, s, n, a, o) {
         ]),
         _: 1
       }),
-      x(e.$slots, "contentAfterBtn", { isOpen: a.displayed }, void 0, !0)
+      k(e.$slots, "contentAfterBtn", { isOpen: a.displayed }, void 0, !0)
     ], 6),
     _(oe, {
       name: `slide-fade-${s.transitionName}`
     }, {
       default: h(() => [
         W(_(l, {
-          class: S(`submenu submenu--${s.directionClass}`),
+          class: O(`submenu submenu--${s.directionClass}`),
           list: s.list,
           perPage: s.perPage,
           elementKey: s.elementKey,
@@ -8554,7 +8523,7 @@ function fd(e, t, s, n, a, o) {
           loading: s.loading
         }, {
           element: h(({ element: m }) => [
-            x(e.$slots, "element", {
+            k(e.$slots, "element", {
               element: m,
               close: o.away,
               isOpen: a.displayed
@@ -8567,12 +8536,12 @@ function fd(e, t, s, n, a, o) {
       ]),
       _: 3
     }, 8, ["name"])
-  ], 12, _d)), [
+  ], 12, ud)), [
     [d, o.away]
   ]);
 }
-const pd = /* @__PURE__ */ v(ud, [["render", fd], ["__scopeId", "data-v-f8189f62"]]);
-const hd = {
+const fd = /* @__PURE__ */ v(dd, [["render", _d], ["__scopeId", "data-v-f8189f62"]]);
+const pd = {
   components: {
     BIMDataIconUser: Ht
   },
@@ -8597,16 +8566,16 @@ const hd = {
   },
   setup(e) {
     return {
-      initials: j(
+      initials: H(
         () => `${e.user.firstname && e.user.firstname[0] || ""}${e.user.lastname && e.user.lastname[0] || ""}`.toUpperCase()
       )
     };
   }
-}, md = ["src"];
-function gd(e, t, s, n, a, o) {
+}, hd = ["src"];
+function md(e, t, s, n, a, o) {
   const i = f("BIMDataIconUser");
   return r(), p("div", {
-    class: S(["user-avatar", `user-avatar--${s.user.profile_picture ? "silver-light" : s.color}`]),
+    class: O(["user-avatar", `user-avatar--${s.user.profile_picture ? "silver-light" : s.color}`]),
     style: T({
       width: `${s.size}px`,
       height: `${s.size}px`,
@@ -8616,16 +8585,16 @@ function gd(e, t, s, n, a, o) {
     s.user.profile_picture ? (r(), p("img", {
       key: 0,
       src: s.user.profile_picture
-    }, null, 8, md)) : n.initials ? (r(), p(z, { key: 1 }, [
+    }, null, 8, hd)) : n.initials ? (r(), p(z, { key: 1 }, [
       A(g(n.initials), 1)
-    ], 64)) : (r(), B(i, {
+    ], 64)) : (r(), M(i, {
       key: 2,
       size: "xs"
     }))
   ], 6);
 }
-const Zt = /* @__PURE__ */ v(hd, [["render", gd], ["__scopeId", "data-v-c9a531da"]]);
-const yd = {
+const Zt = /* @__PURE__ */ v(pd, [["render", md], ["__scopeId", "data-v-c9a531da"]]);
+const gd = {
   components: {
     BIMDataButton: Z,
     BIMDataIconUser: Ht,
@@ -8638,7 +8607,7 @@ const yd = {
     BIMDataIconCamera: ke,
     BIMDataLoading: Se,
     BIMDataTextarea: lt,
-    BIMDataTextbox: Ie,
+    BIMDataTextbox: Ce,
     UserAvatar: Zt
   },
   props: {
@@ -8664,7 +8633,7 @@ const yd = {
   },
   emits: ["comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: t }) {
-    const s = It("$viewer", null), n = Ce(), a = $(!1), o = $(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = $(e.comment.comment), d = $(null), m = async () => {
+    const s = Ct("$viewer", null), n = Ie(), a = $(!1), o = $(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = $(e.comment.comment), d = $(null), m = async () => {
       d.value = await n.fetchTopicCommentViewpoint(
         e.project,
         e.topic,
@@ -8674,18 +8643,18 @@ const yd = {
       y.value = !0, i();
     }, b = () => {
       y.value = !1, l.value = e.comment.comment;
-    }, w = async () => {
+    }, B = async () => {
       d.value.guid && await n.deleteViewpoint(e.project, e.topic, d.value), d.value = null;
-    }, V = $(!1), M = $([]), N = (I) => {
-      I.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", I.$viewer.localContext.el.style.boxSizing = "border-box", I.$viewer.localContext.el.style.opacity = ".85";
-    }, L = (I) => {
-      I.$viewer.localContext.el.style.border = "", I.$viewer.localContext.el.style.boxSizing = "", I.$viewer.localContext.el.style.opacity = "";
-    }, K = async () => {
-      M.value.length === 1 ? await R(M.value[0]) : M.value.length > 1 && (V.value = !0);
-    }, R = async ({ viewer: I }) => {
-      L(I), V.value = !1, d.value = await I.getViewpoint();
-    }, O = async () => {
-      var I;
+    }, V = $(!1), x = $([]), N = (w) => {
+      w.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", w.$viewer.localContext.el.style.boxSizing = "border-box", w.$viewer.localContext.el.style.opacity = ".85";
+    }, L = (w) => {
+      w.$viewer.localContext.el.style.border = "", w.$viewer.localContext.el.style.boxSizing = "", w.$viewer.localContext.el.style.opacity = "";
+    }, q = async () => {
+      x.value.length === 1 ? await j(x.value[0]) : x.value.length > 1 && (V.value = !0);
+    }, j = async ({ viewer: w }) => {
+      L(w), V.value = !1, d.value = await w.getViewpoint();
+    }, F = async () => {
+      var w;
       try {
         if (e.comment.comment === l.value && !d.value) {
           y.value = !1;
@@ -8697,19 +8666,19 @@ const yd = {
           d.value
         )), e.comment.comment !== l.value || e.comment.viewpoint_guid !== d.value.guid) {
           a.value = !0;
-          const E = await n.updateComment(
+          const S = await n.updateComment(
             e.project,
             e.topic,
             e.comment,
-            { comment: l.value, viewpoint_guid: (I = d.value) == null ? void 0 : I.guid }
+            { comment: l.value, viewpoint_guid: (w = d.value) == null ? void 0 : w.guid }
           );
-          t("comment-updated", E);
+          t("comment-updated", S);
         }
         y.value = !1;
       } finally {
         a.value = !1;
       }
-    }, X = $(!1), q = () => {
+    }, X = $(!1), R = () => {
       X.value = !0, i();
     }, te = async () => {
       try {
@@ -8717,7 +8686,7 @@ const yd = {
       } finally {
         a.value = !1;
       }
-    }, Q = (I) => {
+    }, Q = (w) => {
       s ? s.globalContext.modals.pushModal(
         {
           template: '<img :src="viewpoint.snapshot.snapshot_data" />',
@@ -8728,26 +8697,26 @@ const yd = {
             }
           }
         },
-        { viewpoint: I }
-      ) : t("view-comment-snapshot", I);
+        { viewpoint: w }
+      ) : t("view-comment-snapshot", w);
     };
-    let U, k;
+    let ae, C;
     return Ye(async () => {
       if (e.comment.viewpoint_guid && await m(), s) {
-        const I = () => {
-          var E;
-          return Object.entries(((E = e.getViewers) == null ? void 0 : E.call(e)) ?? []).map(
-            ([H, Y]) => Y.map((se, ae) => ({ key: `${H}-${ae}`, id: H, index: ae, viewer: se }))
+        const w = () => {
+          var S;
+          return Object.entries(((S = e.getViewers) == null ? void 0 : S.call(e)) ?? []).map(
+            ([U, Y]) => Y.map((K, se) => ({ key: `${U}-${se}`, id: U, index: se, viewer: K }))
           ).flat();
         };
-        M.value = I(), U = s.globalContext.hub.on("plugin-created", () => {
-          M.value = I();
-        }), k = s.globalContext.hub.on("plugin-destroyed", () => {
-          M.value = I();
+        x.value = w(), ae = s.globalContext.hub.on("plugin-created", () => {
+          x.value = w();
+        }), C = s.globalContext.hub.on("plugin-destroyed", () => {
+          x.value = w();
         });
       }
     }), wt(() => {
-      s && (s.globalContext.hub.off(U), s.globalContext.hub.off(k));
+      s && (s.globalContext.hub.off(ae), s.globalContext.hub.off(C));
     }), {
       // References
       isDeleting: X,
@@ -8756,45 +8725,45 @@ const yd = {
       loading: a,
       showMenu: o,
       text: l,
-      viewerSelectOptions: M,
+      viewerSelectOptions: x,
       viewerSelectVisible: V,
       viewpoint: d,
       // Methods
       cancelUpdate: b,
       closeMenu: i,
-      createViewpoint: R,
-      deleteViewpoint: w,
+      createViewpoint: j,
+      deleteViewpoint: B,
       highlightViewer: N,
-      onOpenDelete: q,
+      onOpenDelete: R,
       onOpenEdit: D,
       openCommentSnapshot: Q,
-      setCommentViewpoint: K,
+      setCommentViewpoint: q,
       submitDelete: te,
-      submitUpdate: O,
+      submitUpdate: F,
       toggleMenu: c,
       loadViewpoint: m,
       unhighlightViewer: L
     };
   }
-}, bd = (e) => (_e("data-v-9b7a38e5"), e = e(), fe(), e), vd = { class: "topic-comment m-t-18" }, Dd = { class: "topic-comment__header flex items-center justify-between" }, Cd = { class: "topic-comment__header__left flex items-center" }, Id = {
+}, yd = (e) => (_e("data-v-9b7a38e5"), e = e(), fe(), e), bd = { class: "topic-comment m-t-18" }, vd = { class: "topic-comment__header flex items-center justify-between" }, Dd = { class: "topic-comment__header__left flex items-center" }, Id = {
   key: 1,
   class: "topic-comment__header__left__user flex items-center justify-center m-r-12"
-}, wd = /* @__PURE__ */ bd(() => /* @__PURE__ */ u("span", { class: "color-granite m-x-6" }, " • ", -1)), Bd = { class: "color-granite" }, Md = { class: "topic-comment__header__right" }, xd = { class: "topic-comment__header__right__actions flex" }, kd = {
+}, Cd = /* @__PURE__ */ yd(() => /* @__PURE__ */ u("span", { class: "color-granite m-x-6" }, " • ", -1)), wd = { class: "color-granite" }, Bd = { class: "topic-comment__header__right" }, Md = { class: "topic-comment__header__right__actions flex" }, xd = {
   key: 0,
   class: "topic-comment__header__right__delete p-x-12"
-}, Td = { class: "flex items-center" }, $d = { class: "topic-comment__content" }, Sd = {
+}, kd = { class: "flex items-center" }, Td = { class: "topic-comment__content" }, $d = {
   key: 0,
   class: "flex"
-}, Od = ["onMouseenter", "onMouseleave"], Vd = {
+}, Sd = ["onMouseenter", "onMouseleave"], Od = {
   key: 1,
   class: "topic-comment__content__snapshot"
-}, Fd = ["src"];
-function Ed(e, t, s, n, a, o) {
-  const i = f("UserAvatar"), c = f("BIMDataIconUser"), l = f("BIMDataTextbox"), d = f("BIMDataIconEdit"), m = f("BIMDataButton"), y = f("BIMDataIconDelete"), D = f("BIMDataIconClose"), b = f("BIMDataIconUndo"), w = f("BIMDataIconValidate"), V = f("BIMDataIconEllipsis"), M = f("BIMDataTextarea"), N = f("BIMDataIconCamera"), L = f("BIMDataDropdownList"), K = f("BIMDataLoading");
-  return r(), p("div", vd, [
-    u("div", Dd, [
-      u("div", Cd, [
-        s.comment.user ? (r(), B(i, {
+}, Vd = ["src"];
+function Fd(e, t, s, n, a, o) {
+  const i = f("UserAvatar"), c = f("BIMDataIconUser"), l = f("BIMDataTextbox"), d = f("BIMDataIconEdit"), m = f("BIMDataButton"), y = f("BIMDataIconDelete"), D = f("BIMDataIconClose"), b = f("BIMDataIconUndo"), B = f("BIMDataIconValidate"), V = f("BIMDataIconEllipsis"), x = f("BIMDataTextarea"), N = f("BIMDataIconCamera"), L = f("BIMDataDropdownList"), q = f("BIMDataLoading");
+  return r(), p("div", bd, [
+    u("div", vd, [
+      u("div", Dd, [
+        s.comment.user ? (r(), M(i, {
           key: 0,
           class: "m-r-12",
           style: { "box-shadow": "var(--box-shadow)" },
@@ -8815,12 +8784,12 @@ function Ed(e, t, s, n, a, o) {
           cutPosition: "end",
           text: s.comment.author
         }, null, 8, ["text"]),
-        wd,
-        u("span", Bd, g(e.$d(s.comment.date, "long")), 1)
+        Cd,
+        u("span", wd, g(e.$d(s.comment.date, "long")), 1)
       ]),
-      u("div", Md, [
+      u("div", Bd, [
         s.currentUserEmail === s.comment.author ? (r(), p(z, { key: 0 }, [
-          u("div", xd, [
+          u("div", Md, [
             n.showMenu ? (r(), p(z, { key: 0 }, [
               _(m, {
                 ghost: "",
@@ -8867,7 +8836,7 @@ function Ed(e, t, s, n, a, o) {
                 ]),
                 _: 1
               }, 8, ["onClick"])
-            ], 64)) : C("", !0),
+            ], 64)) : I("", !0),
             n.isEditing ? (r(), p(z, { key: 1 }, [
               _(m, {
                 ghost: "",
@@ -8891,7 +8860,7 @@ function Ed(e, t, s, n, a, o) {
                 onClick: n.submitUpdate
               }, {
                 default: h(() => [
-                  _(w, {
+                  _(B, {
                     size: "xxs",
                     fill: "",
                     color: "granite-light"
@@ -8899,11 +8868,11 @@ function Ed(e, t, s, n, a, o) {
                 ]),
                 _: 1
               }, 8, ["onClick"])
-            ], 64)) : C("", !0)
+            ], 64)) : I("", !0)
           ]),
-          n.isDeleting ? (r(), p("div", kd, [
+          n.isDeleting ? (r(), p("div", xd, [
             u("span", null, g(e.$t("BcfComponents.BcfTopicComments.deleteCommentText")), 1),
-            u("div", Td, [
+            u("div", kd, [
               _(m, {
                 class: "m-r-6",
                 color: "high",
@@ -8920,7 +8889,7 @@ function Ed(e, t, s, n, a, o) {
                 ghost: "",
                 rounded: "",
                 icon: "",
-                onClick: t[0] || (t[0] = (R) => n.isDeleting = !1)
+                onClick: t[0] || (t[0] = (j) => n.isDeleting = !1)
               }, {
                 default: h(() => [
                   _(D, {
@@ -8932,8 +8901,8 @@ function Ed(e, t, s, n, a, o) {
                 _: 1
               })
             ])
-          ])) : C("", !0),
-          !n.showMenu && !n.isDeleting && !n.isEditing ? (r(), B(m, {
+          ])) : I("", !0),
+          !n.showMenu && !n.isDeleting && !n.isEditing ? (r(), M(m, {
             key: 1,
             class: "topic-comment__header__right__btn",
             rounded: "",
@@ -8948,34 +8917,34 @@ function Ed(e, t, s, n, a, o) {
               })
             ]),
             _: 1
-          }, 8, ["onClick"])) : C("", !0)
-        ], 64)) : C("", !0)
+          }, 8, ["onClick"])) : I("", !0)
+        ], 64)) : I("", !0)
       ])
     ]),
-    u("div", $d, [
-      _(M, {
-        class: S({ editing: n.isEditing }),
+    u("div", Td, [
+      _(x, {
+        class: O({ editing: n.isEditing }),
         width: "100%",
         rows: "1",
         modelValue: n.text,
-        "onUpdate:modelValue": t[1] || (t[1] = (R) => n.text = R),
+        "onUpdate:modelValue": t[1] || (t[1] = (j) => n.text = j),
         fitContent: "",
         autofocus: "",
         resizable: !1,
         readonly: !n.isEditing
       }, null, 8, ["class", "modelValue", "readonly"]),
-      n.isViewer && n.isEditing && !n.viewpoint ? (r(), p("div", Sd, [
-        n.viewerSelectVisible ? C("", !0) : (r(), p("div", {
+      n.isViewer && n.isEditing && !n.viewpoint ? (r(), p("div", $d, [
+        n.viewerSelectVisible ? I("", !0) : (r(), p("div", {
           key: 0,
           class: "topic-comment__content__camera m-r-12",
-          onClick: t[2] || (t[2] = (...R) => n.setCommentViewpoint && n.setCommentViewpoint(...R))
+          onClick: t[2] || (t[2] = (...j) => n.setCommentViewpoint && n.setCommentViewpoint(...j))
         }, [
           _(N, {
             fill: "",
             color: "default"
           })
         ])),
-        n.viewerSelectVisible ? (r(), B(L, {
+        n.viewerSelectVisible ? (r(), M(L, {
           key: 1,
           list: n.viewerSelectOptions,
           elementKey: "key",
@@ -8985,22 +8954,22 @@ function Ed(e, t, s, n, a, o) {
           header: h(() => [
             A(g(e.$t("BcfComponents.BcfTopicComments.takeSnapshot")), 1)
           ]),
-          element: h(({ element: R }) => [
+          element: h(({ element: j }) => [
             u("div", {
               style: { width: "100%" },
-              onMouseenter: (O) => n.highlightViewer(R.viewer),
-              onMouseleave: (O) => n.unhighlightViewer(R.viewer)
-            }, g(`${R.id} (${R.index})`), 41, Od)
+              onMouseenter: (F) => n.highlightViewer(j.viewer),
+              onMouseleave: (F) => n.unhighlightViewer(j.viewer)
+            }, g(`${j.id} (${j.index})`), 41, Sd)
           ]),
           _: 1
-        }, 8, ["list", "onElementClick"])) : C("", !0)
-      ])) : C("", !0),
-      n.viewpoint && n.viewpoint.snapshot ? (r(), p("div", Vd, [
+        }, 8, ["list", "onElementClick"])) : I("", !0)
+      ])) : I("", !0),
+      n.viewpoint && n.viewpoint.snapshot ? (r(), p("div", Od, [
         u("img", {
           src: n.viewpoint.snapshot.snapshot_data,
-          onClick: t[3] || (t[3] = (R) => n.openCommentSnapshot(n.viewpoint))
-        }, null, 8, Fd),
-        n.isEditing ? (r(), B(m, {
+          onClick: t[3] || (t[3] = (j) => n.openCommentSnapshot(n.viewpoint))
+        }, null, 8, Vd),
+        n.isEditing ? (r(), M(m, {
           key: 0,
           class: "btn-delete",
           fill: "",
@@ -9016,22 +8985,22 @@ function Ed(e, t, s, n, a, o) {
             })
           ]),
           _: 1
-        }, 8, ["onClick"])) : C("", !0)
-      ])) : C("", !0)
+        }, 8, ["onClick"])) : I("", !0)
+      ])) : I("", !0)
     ]),
-    n.loading ? (r(), B(K, { key: 0 })) : C("", !0)
+    n.loading ? (r(), M(q, { key: 0 })) : I("", !0)
   ]);
 }
-const Ld = /* @__PURE__ */ v(yd, [["render", Ed], ["__scopeId", "data-v-9b7a38e5"]]);
-const Pd = {
+const Ed = /* @__PURE__ */ v(gd, [["render", Fd], ["__scopeId", "data-v-9b7a38e5"]]);
+const Ld = {
   components: {
     BIMDataButton: Z,
-    BIMDataDropdownList: pd,
+    BIMDataDropdownList: fd,
     BIMDataIconDelete: de,
     BIMDataIconCamera: ke,
     BIMDataLoading: Se,
     BIMDataTextarea: lt,
-    TopicComment: Ld
+    TopicComment: Ed
   },
   props: {
     project: {
@@ -9056,20 +9025,20 @@ const Pd = {
   },
   emis: ["comment-created", "comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: t }) {
-    const s = Ce(), n = $([]), a = $(!1), o = $(!1), i = $(null), c = $(""), l = $(null), d = async () => {
+    const s = Ie(), n = $([]), a = $(!1), o = $(!1), i = $(null), c = $(""), l = $(null), d = async () => {
       n.value = await s.fetchTopicComments(e.project, e.topic);
-    }, m = It("$viewer", null), y = $(!1), D = $([]), b = (q) => {
-      q.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", q.$viewer.localContext.el.style.boxSizing = "border-box", q.$viewer.localContext.el.style.opacity = ".85";
-    }, w = (q) => {
-      q.$viewer.localContext.el.style.border = "", q.$viewer.localContext.el.style.boxSizing = "", q.$viewer.localContext.el.style.opacity = "";
+    }, m = Ct("$viewer", null), y = $(!1), D = $([]), b = (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";
+    }, B = (R) => {
+      R.$viewer.localContext.el.style.border = "", R.$viewer.localContext.el.style.boxSizing = "", R.$viewer.localContext.el.style.opacity = "";
     }, V = async () => {
-      D.value.length === 1 ? await M(D.value[0]) : D.value.length > 1 && (y.value = !0);
-    }, M = async ({ viewer: q }) => {
-      w(q), y.value = !1, l.value = await q.getViewpoint();
+      D.value.length === 1 ? await x(D.value[0]) : D.value.length > 1 && (y.value = !0);
+    }, x = async ({ viewer: R }) => {
+      B(R), y.value = !1, l.value = await R.getViewpoint();
     }, N = () => {
       l.value = null;
     }, L = async () => {
-      var q;
+      var R;
       try {
         o.value = !0, l.value && (l.value = await s.createViewpoint(
           e.project,
@@ -9078,39 +9047,39 @@ const Pd = {
         ));
         const te = await s.createComment(e.project, e.topic, {
           comment: c.value,
-          viewpoint_guid: (q = l.value) == null ? void 0 : q.guid
+          viewpoint_guid: (R = l.value) == null ? void 0 : R.guid
         });
         d(), t("comment-created", te), a.value = !1, c.value = "";
       } finally {
         o.value = !1, l.value = null;
       }
-    }, K = (q) => {
-      d(), t("comment-updated", q);
-    }, R = (q) => {
-      d(), t("comment-deleted", q);
+    }, q = (R) => {
+      d(), t("comment-updated", R);
+    }, j = (R) => {
+      d(), t("comment-deleted", R);
     };
     ne(
       () => e.topic,
       () => d(),
       { immediate: !0 }
     ), ne(a, () => setTimeout(() => a.value && i.value.focus(), 50));
-    let O, X;
+    let F, X;
     return Ye(() => {
       if (m) {
-        const q = () => {
+        const R = () => {
           var te;
           return Object.entries(((te = e.getViewers) == null ? void 0 : te.call(e)) ?? []).map(
-            ([Q, U]) => U.map((k, I) => ({ key: `${Q}-${I}`, id: Q, index: I, viewer: k }))
+            ([Q, ae]) => ae.map((C, w) => ({ key: `${Q}-${w}`, id: Q, index: w, viewer: C }))
           ).flat();
         };
-        D.value = q(), O = m.globalContext.hub.on("plugin-created", () => {
-          D.value = q();
+        D.value = R(), F = m.globalContext.hub.on("plugin-created", () => {
+          D.value = R();
         }), X = m.globalContext.hub.on("plugin-destroyed", () => {
-          D.value = q();
+          D.value = R();
         });
       }
     }), wt(() => {
-      m && (m.globalContext.hub.off(O), m.globalContext.hub.off(X));
+      m && (m.globalContext.hub.off(F), m.globalContext.hub.off(X));
     }), {
       // References
       comments: n,
@@ -9123,31 +9092,31 @@ const Pd = {
       viewpoint: l,
       isViewer: !!m,
       // Methods
-      createViewpoint: M,
+      createViewpoint: x,
       deleteViewpoint: N,
       highlightViewer: b,
       loadComments: d,
-      onCommentDeleted: R,
-      onCommentUpdated: K,
+      onCommentDeleted: j,
+      onCommentUpdated: q,
       setCommentViewpoint: V,
       submitComment: L,
-      unhighlightViewer: w
+      unhighlightViewer: B
     };
   }
-}, Ad = { class: "bcf-topic-comments" }, Nd = {
+}, Pd = { class: "bcf-topic-comments" }, Ad = {
   key: 1,
   class: "bcf-topic-comments__post-comment m-t-24"
-}, Ud = { class: "color-granite m-b-24" }, Hd = { class: "bcf-comment-input m-t-24" }, zd = {
+}, Nd = { class: "color-granite m-b-24" }, Ud = { class: "bcf-comment-input m-t-24" }, Hd = {
   key: 0,
   class: "bcf-topic-comments__post-comment__snapshot m-b-12"
-}, jd = ["src"], Rd = { class: "flex items-center justify-between" }, qd = { class: "flex items-center" }, Kd = ["onMouseenter", "onMouseleave"], Yd = { class: "flex items-center justify-end" }, Zd = { class: "bcf-topic-comments__list m-t-18" }, Wd = { class: "color-granite" }, Jd = { key: 0 };
-function Gd(e, t, s, n, a, o) {
+}, zd = ["src"], jd = { class: "flex items-center justify-between" }, Rd = { class: "flex items-center" }, qd = ["onMouseenter", "onMouseleave"], Kd = { class: "flex items-center justify-end" }, Yd = { class: "bcf-topic-comments__list m-t-18" }, Zd = { class: "color-granite" }, Wd = { key: 0 };
+function Jd(e, t, s, n, a, o) {
   const i = f("BIMDataButton"), c = f("BIMDataTextarea"), l = f("BIMDataIconDelete"), d = f("BIMDataIconCamera"), m = f("BIMDataDropdownList"), y = f("TopicComment"), D = f("BIMDataLoading");
-  return r(), p("div", Ad, [
+  return r(), p("div", Pd, [
     s.uiConfig.commentCreation ? (r(), p(z, { key: 0 }, [
-      n.isOpen ? (r(), p("div", Nd, [
-        u("p", Ud, g(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
-        u("div", Hd, [
+      n.isOpen ? (r(), p("div", Ad, [
+        u("p", Nd, g(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
+        u("div", Ud, [
           _(c, {
             ref: "input",
             width: "100%",
@@ -9157,11 +9126,11 @@ function Gd(e, t, s, n, a, o) {
             autofocus: "",
             resizable: ""
           }, null, 8, ["label", "modelValue"]),
-          n.viewpoint ? (r(), p("div", zd, [
+          n.viewpoint ? (r(), p("div", Hd, [
             n.viewpoint.snapshot.snapshot_data ? (r(), p("img", {
               key: 0,
               src: n.viewpoint.snapshot.snapshot_data
-            }, null, 8, jd)) : C("", !0),
+            }, null, 8, zd)) : I("", !0),
             _(i, {
               class: "btn-delete",
               fill: "",
@@ -9178,9 +9147,9 @@ function Gd(e, t, s, n, a, o) {
               ]),
               _: 1
             }, 8, ["onClick"])
-          ])) : C("", !0),
-          u("div", Rd, [
-            u("div", qd, [
+          ])) : I("", !0),
+          u("div", jd, [
+            u("div", Rd, [
               !n.viewerSelectVisible && n.isViewer ? (r(), p("div", {
                 key: 0,
                 class: "bcf-topic-comments__post-comment__camera m-r-12",
@@ -9190,8 +9159,8 @@ function Gd(e, t, s, n, a, o) {
                   fill: "",
                   color: "default"
                 })
-              ])) : C("", !0),
-              n.viewerSelectVisible && n.isViewer ? (r(), B(m, {
+              ])) : I("", !0),
+              n.viewerSelectVisible && n.isViewer ? (r(), M(m, {
                 key: 1,
                 list: n.viewerSelectOptions,
                 elementKey: "key",
@@ -9204,14 +9173,14 @@ function Gd(e, t, s, n, a, o) {
                 element: h(({ element: b }) => [
                   u("div", {
                     style: { width: "100%" },
-                    onMouseenter: (w) => n.highlightViewer(b.viewer),
-                    onMouseleave: (w) => n.unhighlightViewer(b.viewer)
-                  }, g(`${b.id} (${b.index})`), 41, Kd)
+                    onMouseenter: (B) => n.highlightViewer(b.viewer),
+                    onMouseleave: (B) => n.unhighlightViewer(b.viewer)
+                  }, g(`${b.id} (${b.index})`), 41, qd)
                 ]),
                 _: 1
-              }, 8, ["list", "onElementClick"])) : C("", !0)
+              }, 8, ["list", "onElementClick"])) : I("", !0)
             ]),
-            u("div", Yd, [
+            u("div", Kd, [
               _(i, {
                 color: "primary",
                 ghost: "",
@@ -9239,7 +9208,7 @@ function Gd(e, t, s, n, a, o) {
             ])
           ])
         ])
-      ])) : (r(), B(i, {
+      ])) : (r(), M(i, {
         key: 0,
         width: "100%",
         color: "primary",
@@ -9252,11 +9221,11 @@ function Gd(e, t, s, n, a, o) {
         ]),
         _: 1
       }))
-    ], 64)) : C("", !0),
-    u("div", Zd, [
-      u("p", Wd, g((n.comments ? n.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
-      n.comments && n.comments.length ? (r(), p("div", Jd, [
-        (r(!0), p(z, null, J(n.comments, (b) => (r(), B(y, {
+    ], 64)) : I("", !0),
+    u("div", Yd, [
+      u("p", Zd, g((n.comments ? n.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
+      n.comments && n.comments.length ? (r(), p("div", Wd, [
+        (r(!0), p(z, null, J(n.comments, (b) => (r(), M(y, {
           key: b.guid,
           project: s.project,
           topic: s.topic,
@@ -9264,15 +9233,15 @@ function Gd(e, t, s, n, a, o) {
           currentUserEmail: s.currentUserEmail,
           onCommentUpdated: n.onCommentUpdated,
           onCommentDeleted: n.onCommentDeleted,
-          onViewCommentSnapshot: t[4] || (t[4] = (w) => e.$emit("view-comment-snapshot", w))
+          onViewCommentSnapshot: t[4] || (t[4] = (B) => e.$emit("view-comment-snapshot", B))
         }, null, 8, ["project", "topic", "comment", "currentUserEmail", "onCommentUpdated", "onCommentDeleted"]))), 128))
-      ])) : C("", !0)
+      ])) : I("", !0)
     ]),
-    n.loading ? (r(), B(D, { key: 1 })) : C("", !0)
+    n.loading ? (r(), M(D, { key: 1 })) : I("", !0)
   ]);
 }
-const Xd = /* @__PURE__ */ v(Pd, [["render", Gd], ["__scopeId", "data-v-c4415633"]]);
-const Qd = {
+const Gd = /* @__PURE__ */ v(Ld, [["render", Jd], ["__scopeId", "data-v-c4415633"]]);
+const Xd = {
   components: {
     BIMDataButton: Z,
     BIMDataIconChevron: ce
@@ -9333,10 +9302,10 @@ const Qd = {
       }
     }
   }
-}, eu = { class: "bimdata-carousel" }, tu = { class: "bimdata-carousel__container" };
-function su(e, t, s, n, a, o) {
+}, Qd = { class: "bimdata-carousel" }, eu = { class: "bimdata-carousel__container" };
+function tu(e, t, s, n, a, o) {
   const i = f("BIMDataIconChevron"), c = f("BIMDataButton");
-  return r(), p("div", eu, [
+  return r(), p("div", Qd, [
     W(_(c, {
       class: "bimdata-carousel__btn-prev",
       color: "default",
@@ -9355,7 +9324,7 @@ function su(e, t, s, n, a, o) {
     }, 512), [
       [ee, a.index > 0]
     ]),
-    u("div", tu, [
+    u("div", eu, [
       u("div", {
         class: "bimdata-carousel__container__slider",
         ref: "slider",
@@ -9363,7 +9332,7 @@ function su(e, t, s, n, a, o) {
           transform: `translateX(-${a.translations[a.index]}px)`
         })
       }, [
-        x(e.$slots, "default", {}, void 0, !0)
+        k(e.$slots, "default", {}, void 0, !0)
       ], 4)
     ]),
     W(_(c, {
@@ -9383,7 +9352,7 @@ function su(e, t, s, n, a, o) {
     ])
   ]);
 }
-const nu = /* @__PURE__ */ v(Qd, [["render", su], ["__scopeId", "data-v-7f5cfb86"]]);
+const su = /* @__PURE__ */ v(Xd, [["render", tu], ["__scopeId", "data-v-7f5cfb86"]]);
 const bt = {
   xxxs: 10,
   xxs: 13,
@@ -9394,7 +9363,7 @@ const bt = {
   xl: 36,
   xxl: 45,
   xxxl: 60
-}, ou = {
+}, nu = {
   name: "BIMDataIcon",
   props: {
     name: {
@@ -9469,21 +9438,21 @@ const bt = {
     }
   }
 };
-function iu(e, t, s, n, a, o) {
-  return r(), B(Me(`BIMDataIcon${o.capitalized(s.name)}`), {
+function ou(e, t, s, n, a, o) {
+  return r(), M(Me(`BIMDataIcon${o.capitalized(s.name)}`), {
     fill: s.fill,
     fillColor: s.fillColor,
     color: s.color,
-    class: S(o.classes),
+    class: O(o.classes),
     style: T(o.style)
   }, null, 8, ["fill", "fillColor", "color", "class", "style"]);
 }
-const au = /* @__PURE__ */ v(ou, [["render", iu], ["__scopeId", "data-v-a53c2882"]]);
-const lu = {
+const iu = /* @__PURE__ */ v(nu, [["render", ou], ["__scopeId", "data-v-a53c2882"]]);
+const au = {
   components: {
     BcfTopicDefaultImage: st,
-    BIMDataCarousel: nu,
-    BIMDataIcon: au,
+    BIMDataCarousel: su,
+    BIMDataIcon: iu,
     BIMDataIconInformation: Nt
   },
   props: {
@@ -9498,7 +9467,7 @@ const lu = {
   },
   emits: ["view-topic-viewpoint"],
   setup(e) {
-    const t = j(
+    const t = H(
       () => (e.topic.viewpoints ?? []).filter((n) => n.snapshot).map((n) => {
         var a;
         return {
@@ -9509,17 +9478,17 @@ const lu = {
     );
     return {
       // References
-      statusColor: j(() => Ge(e.topic, e.detailedExtensions)),
+      statusColor: H(() => Ge(e.topic, e.detailedExtensions)),
       viewpoints: t,
       // Methods
       adjustTextColor: xe
     };
   }
-}, ru = ["src", "onClick"];
-function cu(e, t, s, n, a, o) {
+}, lu = ["src", "onClick"];
+function ru(e, t, s, n, a, o) {
   const i = f("BIMDataIconInformation"), c = f("BIMDataIcon"), l = f("BIMDataCarousel"), d = f("BcfTopicDefaultImage");
   return r(), p("div", {
-    class: S(["bcf-topic-viewpoints", { empty: n.viewpoints.length === 0 }])
+    class: O(["bcf-topic-viewpoints", { empty: n.viewpoints.length === 0 }])
   }, [
     s.topic.topic_status ? (r(), p("div", {
       key: 0,
@@ -9534,8 +9503,8 @@ function cu(e, t, s, n, a, o) {
         color: "default"
       }),
       u("span", null, g(s.topic.topic_status), 1)
-    ], 4)) : C("", !0),
-    n.viewpoints.length > 0 ? (r(), B(l, {
+    ], 4)) : I("", !0),
+    n.viewpoints.length > 0 ? (r(), M(l, {
       key: 1,
       sliderPadding: 0
     }, {
@@ -9548,28 +9517,28 @@ function cu(e, t, s, n, a, o) {
             key: 0,
             src: m.snapshot.snapshot_data,
             onClick: (y) => e.$emit("view-topic-viewpoint", m)
-          }, null, 8, ru)) : C("", !0),
-          m.icon ? (r(), B(c, {
+          }, null, 8, lu)) : I("", !0),
+          m.icon ? (r(), M(c, {
             key: 1,
             class: "icon",
             name: m.icon,
             size: "xl"
-          }, null, 8, ["name"])) : C("", !0)
+          }, null, 8, ["name"])) : I("", !0)
         ]))), 128))
       ]),
       _: 1
-    })) : (r(), B(d, {
+    })) : (r(), M(d, {
       key: 2,
       class: "default-image"
     }))
   ], 2);
 }
-const du = /* @__PURE__ */ v(lu, [["render", cu], ["__scopeId", "data-v-fc19874c"]]);
-const uu = {
+const cu = /* @__PURE__ */ v(au, [["render", ru], ["__scopeId", "data-v-fc19874c"]]);
+const du = {
   components: {
-    BcfTopicComments: Xd,
+    BcfTopicComments: Gd,
     BcfTopicDefaultImage: st,
-    BcfTopicViewpoints: du,
+    BcfTopicViewpoints: cu,
     BIMDataButton: Z,
     BIMDataIconArrow: Qe,
     BIMDataIconEdit: At,
@@ -9578,7 +9547,7 @@ const uu = {
     BIMDataIconModel3D: Ut,
     BIMDataLoading: Se,
     BIMDataSafeZoneModal: qt,
-    BIMDataTextbox: Ie
+    BIMDataTextbox: Ce
   },
   props: {
     uiConfig: {
@@ -9623,10 +9592,10 @@ const uu = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: t }) {
-    const s = Ce(), n = $(!1), a = $(!1), o = j(() => me(e.topic, e.detailedExtensions)), i = j(() => {
+    const s = Ie(), n = $(!1), a = $(!1), o = H(() => me(e.topic, e.detailedExtensions)), i = H(() => {
       var y, D, b;
       return ((b = (D = (y = e.topic.viewpoints) == null ? void 0 : y[0]) == null ? void 0 : D.components) == null ? void 0 : b.selection) ?? [];
-    }), c = j(() => Array.from(e.topic.labels ?? []).sort()), l = $(""), d = async () => {
+    }), c = H(() => Array.from(e.topic.labels ?? []).sort()), l = $(""), d = async () => {
       l.value = (await s.fetchCurrentUser()).email ?? "";
     }, m = async () => {
       try {
@@ -9650,18 +9619,18 @@ const uu = {
       deleteTopic: m
     };
   }
-}, _u = { class: "bcf-topic-overview" }, fu = { class: "bcf-topic-overview__header" }, pu = { class: "bcf-topic-overview__header__title" }, hu = { class: "bcf-topic-overview__header__actions" }, mu = { class: "bcf-topic-overview__content" }, gu = { class: "bcf-topic-overview__content__head" }, yu = { class: "bcf-topic-overview__content__head__date" }, bu = { class: "bcf-topic-overview__content__card" }, vu = {
+}, uu = { class: "bcf-topic-overview" }, _u = { class: "bcf-topic-overview__header" }, fu = { class: "bcf-topic-overview__header__title" }, pu = { class: "bcf-topic-overview__header__actions" }, hu = { class: "bcf-topic-overview__content" }, mu = { class: "bcf-topic-overview__content__head" }, gu = { class: "bcf-topic-overview__content__head__date" }, yu = { class: "bcf-topic-overview__content__card" }, bu = {
   key: 0,
   class: "title"
-}, Du = { class: "line" }, Cu = { class: "label" }, Iu = { class: "value" }, wu = { class: "line" }, Bu = { class: "label" }, Mu = {
+}, vu = { class: "line" }, Du = { class: "label" }, Iu = { class: "value" }, Cu = { class: "line" }, wu = { class: "label" }, Bu = {
   class: "value",
   style: { "white-space": "pre-line" }
-}, xu = { class: "line" }, ku = { class: "label" }, Tu = { class: "value" }, $u = { class: "line" }, Su = { class: "label" }, Ou = { class: "value" }, Vu = { class: "bcf-topic-overview__content__card" }, Fu = { class: "title" }, Eu = { class: "line" }, Lu = { class: "label" }, Pu = { class: "value" }, Au = { class: "line" }, Nu = { class: "label" }, Uu = { class: "value" }, Hu = { class: "line" }, zu = { class: "label" }, ju = { class: "line" }, Ru = { class: "label" }, qu = { class: "value" }, Ku = { class: "line m-t-12" }, Yu = { class: "label" }, Zu = { class: "value" }, Wu = { key: 1 };
-function Ju(e, t, s, n, a, o) {
-  const i = f("BIMDataIconArrow"), c = f("BIMDataButton"), l = f("BIMDataTextbox"), d = f("BIMDataIconEdit"), m = f("BIMDataIconDelete"), y = f("BIMDataIconClose"), D = f("BcfTopicViewpoints"), b = f("BIMDataIconModel3D"), w = f("BIMDataIconBcf"), V = f("BcfTopicComments"), M = f("BIMDataSafeZoneModal"), N = f("BIMDataLoading");
-  return r(), p("div", _u, [
-    u("div", fu, [
-      s.uiConfig.backButton ? (r(), B(c, {
+}, Mu = { class: "line" }, xu = { class: "label" }, ku = { class: "value" }, Tu = { class: "line" }, $u = { class: "label" }, Su = { class: "value" }, Ou = { class: "bcf-topic-overview__content__card" }, Vu = { class: "title" }, Fu = { class: "line" }, Eu = { class: "label" }, Lu = { class: "value" }, Pu = { class: "line" }, Au = { class: "label" }, Nu = { class: "value" }, Uu = { class: "line" }, Hu = { class: "label" }, zu = { class: "line" }, ju = { class: "label" }, Ru = { class: "value" }, qu = { class: "line m-t-12" }, Ku = { class: "label" }, Yu = { class: "value" }, Zu = { key: 1 };
+function Wu(e, t, s, n, a, o) {
+  const i = f("BIMDataIconArrow"), c = f("BIMDataButton"), l = f("BIMDataTextbox"), d = f("BIMDataIconEdit"), m = f("BIMDataIconDelete"), y = f("BIMDataIconClose"), D = f("BcfTopicViewpoints"), b = f("BIMDataIconModel3D"), B = f("BIMDataIconBcf"), V = f("BcfTopicComments"), x = f("BIMDataSafeZoneModal"), N = f("BIMDataLoading");
+  return r(), p("div", uu, [
+    u("div", _u, [
+      s.uiConfig.backButton ? (r(), M(c, {
         key: 0,
         ghost: "",
         rounded: "",
@@ -9676,15 +9645,15 @@ function Ju(e, t, s, n, a, o) {
           })
         ]),
         _: 1
-      })) : C("", !0),
-      u("div", pu, [
+      })) : I("", !0),
+      u("div", fu, [
         _(l, {
           maxWidth: "250px",
           text: s.topic.title
         }, null, 8, ["text"])
       ]),
-      u("div", hu, [
-        s.uiConfig.editButton ? (r(), B(c, {
+      u("div", pu, [
+        s.uiConfig.editButton ? (r(), M(c, {
           key: 0,
           ghost: "",
           rounded: "",
@@ -9695,8 +9664,8 @@ function Ju(e, t, s, n, a, o) {
             _(d, { size: "xxs" })
           ]),
           _: 1
-        })) : C("", !0),
-        s.uiConfig.deleteButton ? (r(), B(c, {
+        })) : I("", !0),
+        s.uiConfig.deleteButton ? (r(), M(c, {
           key: 1,
           ghost: "",
           rounded: "",
@@ -9707,8 +9676,8 @@ function Ju(e, t, s, n, a, o) {
             _(m, { size: "xxs" })
           ]),
           _: 1
-        })) : C("", !0),
-        s.uiConfig.closeButton ? (r(), B(c, {
+        })) : I("", !0),
+        s.uiConfig.closeButton ? (r(), M(c, {
           key: 2,
           ghost: "",
           rounded: "",
@@ -9723,11 +9692,11 @@ function Ju(e, t, s, n, a, o) {
             })
           ]),
           _: 1
-        })) : C("", !0)
+        })) : I("", !0)
       ])
     ]),
-    u("div", mu, [
-      u("div", gu, [
+    u("div", hu, [
+      u("div", mu, [
         u("div", {
           class: "bcf-topic-overview__content__head__index",
           style: T({
@@ -9735,14 +9704,14 @@ function Ju(e, t, s, n, a, o) {
             color: n.adjustTextColor(`#${n.priorityColor}`, "#FFF", "#2F374A")
           })
         }, g(s.topic.index), 5),
-        u("div", yu, g(e.$d(s.topic.creation_date, "short")), 1)
+        u("div", gu, g(e.$d(s.topic.creation_date, "short")), 1)
       ]),
       _(D, {
         detailedExtensions: s.detailedExtensions,
         topic: s.topic,
         onViewTopicViewpoint: t[4] || (t[4] = (L) => e.$emit("view-topic-viewpoint", L))
       }, null, 8, ["detailedExtensions", "topic"]),
-      s.uiConfig.viewerMode ? (r(), B(c, {
+      s.uiConfig.viewerMode ? (r(), M(c, {
         key: 0,
         width: "100%",
         fill: "",
@@ -9762,7 +9731,7 @@ function Ju(e, t, s, n, a, o) {
           ], 64))
         ]),
         _: 1
-      }, 8, ["disabled"])) : (r(), B(c, {
+      }, 8, ["disabled"])) : (r(), M(c, {
         key: 1,
         width: "100%",
         color: "primary",
@@ -9775,55 +9744,55 @@ function Ju(e, t, s, n, a, o) {
         ]),
         _: 1
       })),
-      u("div", bu, [
-        s.uiConfig.viewerMode ? C("", !0) : (r(), p("div", vu, [
+      u("div", yu, [
+        s.uiConfig.viewerMode ? I("", !0) : (r(), p("div", bu, [
           _(b, { size: "xs" }),
           u("span", null, g(e.$t("BcfComponents.BcfTopicOverview.elements", { count: n.topicObjects.length })), 1)
         ])),
-        u("div", Du, [
-          u("span", Cu, g(e.$t("BcfComponents.BcfTopicOverview.type")), 1),
+        u("div", vu, [
+          u("span", Du, g(e.$t("BcfComponents.BcfTopicOverview.type")), 1),
           u("span", Iu, g(s.topic.topic_type ? s.topic.topic_type : e.$t("BcfComponents.BcfTopicOverview.noTypeSpecified")), 1)
         ]),
-        u("div", wu, [
-          u("span", Bu, g(e.$t("BcfComponents.BcfTopicOverview.description")), 1),
-          u("span", Mu, g(s.topic.description ? s.topic.description : e.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
+        u("div", Cu, [
+          u("span", wu, g(e.$t("BcfComponents.BcfTopicOverview.description")), 1),
+          u("span", Bu, g(s.topic.description ? s.topic.description : e.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
         ]),
-        u("div", xu, [
-          u("span", ku, g(e.$t("BcfComponents.BcfTopicOverview.assignedTo")), 1),
-          u("span", Tu, g(s.topic.assigned_to ? s.topic.assigned_to : e.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
+        u("div", Mu, [
+          u("span", xu, g(e.$t("BcfComponents.BcfTopicOverview.assignedTo")), 1),
+          u("span", ku, g(s.topic.assigned_to ? s.topic.assigned_to : e.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
         ]),
-        u("div", $u, [
-          u("span", Su, g(e.$t("BcfComponents.BcfTopicOverview.dueDate")), 1),
-          u("span", Ou, g(s.topic.due_date ? e.$d(s.topic.due_date, "short") : e.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
+        u("div", Tu, [
+          u("span", $u, g(e.$t("BcfComponents.BcfTopicOverview.dueDate")), 1),
+          u("span", Su, g(s.topic.due_date ? e.$d(s.topic.due_date, "short") : e.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
         ])
       ]),
-      u("div", Vu, [
-        u("div", Fu, [
-          _(w),
+      u("div", Ou, [
+        u("div", Vu, [
+          _(B),
           u("span", null, g(e.$t("BcfComponents.BcfTopicOverview.informations")), 1)
         ]),
-        u("div", Eu, [
-          u("span", Lu, g(e.$t("BcfComponents.BcfTopicOverview.status")), 1),
-          u("span", Pu, g(s.topic.topic_status || e.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
+        u("div", Fu, [
+          u("span", Eu, g(e.$t("BcfComponents.BcfTopicOverview.status")), 1),
+          u("span", Lu, g(s.topic.topic_status || e.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
         ]),
-        u("div", Au, [
-          u("span", Nu, g(e.$t("BcfComponents.BcfTopicOverview.stage")), 1),
-          u("span", Uu, g(s.topic.stage || e.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
+        u("div", Pu, [
+          u("span", Au, g(e.$t("BcfComponents.BcfTopicOverview.stage")), 1),
+          u("span", Nu, g(s.topic.stage || e.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
         ]),
-        u("div", Hu, [
-          u("span", zu, g(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
+        u("div", Uu, [
+          u("span", Hu, g(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           u("span", {
             class: "value",
             style: T({ color: `#${n.priorityColor}` })
           }, g(s.topic.priority || e.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
-        u("div", ju, [
-          u("span", Ru, g(e.$t("BcfComponents.BcfTopicOverview.author")), 1),
-          u("span", qu, g(s.topic.creation_author), 1)
+        u("div", zu, [
+          u("span", ju, g(e.$t("BcfComponents.BcfTopicOverview.author")), 1),
+          u("span", Ru, g(s.topic.creation_author), 1)
         ]),
-        u("div", Ku, [
-          u("span", Yu, g(e.$t("BcfComponents.BcfTopicOverview.tags")), 1),
-          u("span", Zu, g(n.topicLabels.length ? n.topicLabels.join(", ") : e.$t("BcfComponents.BcfTopicOverview.noTags")), 1)
+        u("div", qu, [
+          u("span", Ku, g(e.$t("BcfComponents.BcfTopicOverview.tags")), 1),
+          u("span", Yu, g(n.topicLabels.length ? n.topicLabels.join(", ") : e.$t("BcfComponents.BcfTopicOverview.noTags")), 1)
         ])
       ]),
       _(V, {
@@ -9838,7 +9807,7 @@ function Ju(e, t, s, n, a, o) {
         onViewCommentSnapshot: t[10] || (t[10] = (L) => e.$emit("view-comment-snapshot", L))
       }, null, 8, ["uiConfig", "project", "topic", "currentUserEmail", "getViewers"])
     ]),
-    n.showDeleteModal ? (r(), B(M, {
+    n.showDeleteModal ? (r(), M(x, {
       key: 0,
       class: "delete-modal"
     }, {
@@ -9871,13 +9840,13 @@ function Ju(e, t, s, n, a, o) {
         })
       ]),
       _: 1
-    })) : C("", !0),
-    n.loading ? (r(), p("div", Wu, [
+    })) : I("", !0),
+    n.loading ? (r(), p("div", Zu, [
       _(N)
-    ])) : C("", !0)
+    ])) : I("", !0)
   ]);
 }
-const Gu = /* @__PURE__ */ v(uu, [["render", Ju], ["__scopeId", "data-v-3b5dc746"]]), vt = [
+const Ju = /* @__PURE__ */ v(du, [["render", Wu], ["__scopeId", "data-v-3b5dc746"]]), vt = [
   {
     id: "index",
     label: "#",
@@ -9915,7 +9884,7 @@ const Gu = /* @__PURE__ */ v(uu, [["render", Ju], ["__scopeId", "data-v-3b5dc746
     align: "center"
   }
 ];
-function Xu(e, t, {
+function Gu(e, t, {
   rowSelectionUpdateEffect: s = () => {
   },
   rowSelectionToggleEffect: n = () => {
@@ -9955,7 +9924,7 @@ function Xu(e, t, {
     }
   };
 }
-const Qu = {
+const Xu = {
   components: {
     BIMDataButton: Z,
     BIMDataCheckbox: zt,
@@ -10020,24 +9989,24 @@ const Qu = {
     "row-drop"
   ],
   setup(e, { emit: t }) {
-    const s = j(
-      () => e.rows.map((M, N) => ({ key: M[e.rowKey] ?? N, data: M }))
-    ), { rowSelection: n, toggleRowSelection: a, toggleFullSelection: o } = Xu(
+    const s = H(
+      () => e.rows.map((x, N) => ({ key: x[e.rowKey] ?? N, data: x }))
+    ), { rowSelection: n, toggleRowSelection: a, toggleFullSelection: o } = Gu(
       s,
-      j(() => e.selection),
+      H(() => e.selection),
       {
-        rowSelectionUpdateEffect: (M) => {
-          t("update:selection", M), t("selection-changed", Array.from(M.values()));
+        rowSelectionUpdateEffect: (x) => {
+          t("update:selection", x), t("selection-changed", Array.from(x.values()));
         },
-        rowSelectionToggleEffect: (M, { data: N }) => {
-          t(M ? "row-selected" : "row-deselected", N);
+        rowSelectionToggleEffect: (x, { data: N }) => {
+          t(x ? "row-selected" : "row-deselected", N);
         },
-        fullSelectionToggleEffect: (M) => {
-          t(M ? "all-selected" : "all-deselected");
+        fullSelectionToggleEffect: (x) => {
+          t(x ? "all-selected" : "all-deselected");
         }
       }
-    ), i = (M) => {
-      e.selectable && a(M);
+    ), i = (x) => {
+      e.selectable && a(x);
     }, c = () => {
       e.selectable && o();
     }, l = $([]), d = $(0), m = $(1), y = $(e.perPage);
@@ -10049,18 +10018,18 @@ const Qu = {
       { immediate: !0 }
     ), ne(
       [s, () => e.paginated, () => e.perPage, d],
-      ([M, N, L, K]) => {
-        const R = M.map((O) => O.key);
+      ([x, N, L, q]) => {
+        const j = x.map((F) => F.key);
         if (N) {
-          const O = L * K, X = O + L;
-          l.value = R.slice(O, X), m.value = O + 1, y.value = Math.min(X, M.length);
+          const F = L * q, X = F + L;
+          l.value = j.slice(F, X), m.value = F + 1, y.value = Math.min(X, x.length);
         } else
-          l.value = R;
+          l.value = j;
       },
       { immediate: !0 }
     );
-    const D = (M, N) => {
-      e.canDragOverRow(M) && (t("row-drop", { data: M, event: N }), b.value = null);
+    const D = (x, N) => {
+      e.canDragOverRow(x) && (t("row-drop", { data: x, event: N }), b.value = null);
     }, b = $(null);
     return {
       // References
@@ -10073,8 +10042,8 @@ const Qu = {
       dragOveredRowKey: b,
       // Methods
       onDrop: D,
-      onDragover: (M, N, L) => {
-        e.canDragOverRow(N) && (L.preventDefault(), b.value = M);
+      onDragover: (x, N, L) => {
+        e.canDragOverRow(N) && (L.preventDefault(), b.value = x);
       },
       onDragleave: () => {
         b.value = null;
@@ -10083,16 +10052,16 @@ const Qu = {
       toggleRow: i
     };
   }
-}, e_ = { class: "bimdata-table" }, t_ = {
+}, Qu = { class: "bimdata-table" }, e_ = {
   key: 0,
   class: "cell-checkbox"
-}, s_ = { key: "head-row-1" }, n_ = ["colspan"], o_ = ["onDrop", "onDragover"], i_ = {
+}, t_ = { key: "head-row-1" }, s_ = ["colspan"], n_ = ["onDrop", "onDragover"], o_ = {
   key: 0,
   class: "cell-checkbox"
-}, a_ = { class: "bimdata-table__page-nav__text" };
-function l_(e, t, s, n, a, o) {
+}, i_ = { class: "bimdata-table__page-nav__text" };
+function a_(e, t, s, n, a, o) {
   const i = f("BIMDataCheckbox"), c = f("BIMDataIconChevron"), l = f("BIMDataButton");
-  return r(), p("div", e_, [
+  return r(), p("div", Qu, [
     u("div", {
       class: "bimdata-table__container",
       style: T({
@@ -10107,13 +10076,13 @@ function l_(e, t, s, n, a, o) {
             key: "head-row-0",
             style: T({ height: `${s.rowHeight}px` })
           }, [
-            s.selectable ? (r(), p("th", t_, [
+            s.selectable ? (r(), p("th", e_, [
               _(i, {
                 disabled: s.rows.length === 0,
                 modelValue: s.rows.length > 0 && n.rowSelection.size === s.rows.length,
                 "onUpdate:modelValue": n.toggleAll
               }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])
-            ])) : C("", !0),
+            ])) : I("", !0),
             (r(!0), p(z, null, J(s.columns, (d, m) => (r(), p("th", {
               key: `head-row-0-col-${m}`,
               style: T({
@@ -10122,13 +10091,13 @@ function l_(e, t, s, n, a, o) {
               })
             }, g(d.id ? d.label || d.id : d), 5))), 128))
           ], 4),
-          u("tr", s_, [
+          u("tr", t_, [
             u("th", {
               class: "cell-sub-header",
               colspan: s.columns.length + s.selectable
             }, [
-              x(e.$slots, "sub-header", {}, void 0, !0)
-            ], 8, n_)
+              k(e.$slots, "sub-header", {}, void 0, !0)
+            ], 8, s_)
           ])
         ]),
         u("tbody", {
@@ -10139,16 +10108,16 @@ function l_(e, t, s, n, a, o) {
             style: T({ height: `${s.rowHeight}px` }),
             onDrop: (y) => n.onDrop(m, y),
             onDragover: (y) => n.onDragover(d, m, y),
-            class: S({
+            class: O({
               "bimdata-table__row--drag-overed": n.dragOveredRowKey === d
             })
           }, [
-            s.selectable ? (r(), p("td", i_, [
+            s.selectable ? (r(), p("td", o_, [
               _(i, {
                 modelValue: n.rowSelection.has(d),
                 "onUpdate:modelValue": (y) => n.toggleRow({ key: d, data: m })
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ])) : C("", !0),
+            ])) : I("", !0),
             (r(!0), p(z, null, J(s.columns, (y, D) => (r(), p("td", {
               key: `body-row-${d}-col-${D}`,
               style: T({
@@ -10156,11 +10125,11 @@ function l_(e, t, s, n, a, o) {
                 textAlign: y.align || "left"
               })
             }, [
-              x(e.$slots, `cell-${y.id}`, { row: m }, () => [
+              k(e.$slots, `cell-${y.id}`, { row: m }, () => [
                 A(g(m[y.id] || m[D]), 1)
               ], !0)
             ], 4))), 128))
-          ], 46, o_)), [
+          ], 46, n_)), [
             [ee, n.displayedRows.includes(d)]
           ])), 128))
         ], 32)
@@ -10172,10 +10141,10 @@ function l_(e, t, s, n, a, o) {
           height: `calc(100% - ${s.rowHeight}px)`
         })
       }, [
-        x(e.$slots, "placeholder", {}, () => [
+        k(e.$slots, "placeholder", {}, () => [
           A(g(s.placeholder), 1)
         ], !0)
-      ], 4)) : C("", !0)
+      ], 4)) : I("", !0)
     ], 4),
     s.paginated ? (r(), p("div", {
       key: 0,
@@ -10197,7 +10166,7 @@ function l_(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled"]),
-      u("span", a_, g(`${n.pageIndexStart} - ${n.pageIndexEnd} / ${s.rows.length}`), 1),
+      u("span", i_, g(`${n.pageIndexStart} - ${n.pageIndexEnd} / ${s.rows.length}`), 1),
       _(l, {
         ghost: "",
         rounded: "",
@@ -10210,11 +10179,11 @@ function l_(e, t, s, n, a, o) {
         ]),
         _: 1
       }, 8, ["disabled"])
-    ], 4)) : C("", !0)
+    ], 4)) : I("", !0)
   ]);
 }
-const r_ = /* @__PURE__ */ v(Qu, [["render", l_], ["__scopeId", "data-v-4fef3626"]]);
-const c_ = {
+const l_ = /* @__PURE__ */ v(Xu, [["render", a_], ["__scopeId", "data-v-4fef3626"]]);
+const r_ = {
   components: {
     BIMDataButton: Z,
     BIMDataIconShow: uo
@@ -10228,10 +10197,10 @@ const c_ = {
   emits: [
     "open-topic"
   ]
-}, d_ = { class: "bcf-topic-actions-cell" };
-function u_(e, t, s, n, a, o) {
+}, c_ = { class: "bcf-topic-actions-cell" };
+function d_(e, t, s, n, a, o) {
   const i = f("BIMDataIconShow"), c = f("BIMDataButton");
-  return r(), p("div", d_, [
+  return r(), p("div", c_, [
     _(c, {
       color: "primary",
       outline: "",
@@ -10246,8 +10215,8 @@ function u_(e, t, s, n, a, o) {
     })
   ]);
 }
-const __ = /* @__PURE__ */ v(c_, [["render", u_], ["__scopeId", "data-v-dba0f1d9"]]);
-const f_ = {
+const u_ = /* @__PURE__ */ v(r_, [["render", d_], ["__scopeId", "data-v-dba0f1d9"]]);
+const __ = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -10261,23 +10230,23 @@ const f_ = {
   setup(e) {
     return {
       // References
-      priorityColor: j(
+      priorityColor: H(
         () => me(e.topic, e.detailedExtensions)
       )
     };
   }
-}, p_ = { class: "bcf-topic-index-cell" }, h_ = { class: "index" };
-function m_(e, t, s, n, a, o) {
-  return r(), p("div", p_, [
+}, f_ = { class: "bcf-topic-index-cell" }, p_ = { class: "index" };
+function h_(e, t, s, n, a, o) {
+  return r(), p("div", f_, [
     u("span", {
       class: "left-stripe",
       style: T({ backgroundColor: `#${n.priorityColor}` })
     }, null, 4),
-    u("span", h_, g(s.topic.index), 1)
+    u("span", p_, g(s.topic.index), 1)
   ]);
 }
-const g_ = /* @__PURE__ */ v(f_, [["render", m_], ["__scopeId", "data-v-2afda176"]]);
-const y_ = {
+const m_ = /* @__PURE__ */ v(__, [["render", h_], ["__scopeId", "data-v-2afda176"]]);
+const g_ = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -10291,20 +10260,20 @@ const y_ = {
   setup(e) {
     return {
       // References
-      priorityColor: j(
+      priorityColor: H(
         () => me(e.topic, e.detailedExtensions)
       )
     };
   }
 };
-function b_(e, t, s, n, a, o) {
+function y_(e, t, s, n, a, o) {
   return r(), p("span", {
     class: "bcf-topic-priority-cell",
     style: T({ color: `#${n.priorityColor}` })
   }, g(s.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-const v_ = /* @__PURE__ */ v(y_, [["render", b_], ["__scopeId", "data-v-1d15fcf6"]]);
-const D_ = {
+const b_ = /* @__PURE__ */ v(g_, [["render", y_], ["__scopeId", "data-v-1d15fcf6"]]);
+const v_ = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -10318,7 +10287,7 @@ const D_ = {
   setup(e) {
     return {
       // References
-      statusColor: j(
+      statusColor: H(
         () => Ge(e.topic, e.detailedExtensions)
       ),
       // Methods
@@ -10326,7 +10295,7 @@ const D_ = {
     };
   }
 };
-function C_(e, t, s, n, a, o) {
+function D_(e, t, s, n, a, o) {
   return r(), p("span", {
     class: "bcf-topic-status-cell",
     style: T({
@@ -10335,14 +10304,14 @@ function C_(e, t, s, n, a, o) {
     })
   }, g(s.topic.topic_status), 5);
 }
-const I_ = /* @__PURE__ */ v(D_, [["render", C_], ["__scopeId", "data-v-42bc2d8e"]]), w_ = {
+const I_ = /* @__PURE__ */ v(v_, [["render", D_], ["__scopeId", "data-v-42bc2d8e"]]), C_ = {
   components: {
-    BcfTopicActionsCell: __,
-    BcfTopicIndexCell: g_,
-    BcfTopicPriorityCell: v_,
+    BcfTopicActionsCell: u_,
+    BcfTopicIndexCell: m_,
+    BcfTopicPriorityCell: b_,
     BcfTopicStatusCell: I_,
-    BIMDataTable: r_,
-    BIMDataTextbox: Ie,
+    BIMDataTable: l_,
+    BIMDataTextbox: Ce,
     BIMDataTooltip: Kt,
     UserAvatar: Zt
   },
@@ -10382,7 +10351,7 @@ const I_ = /* @__PURE__ */ v(D_, [["render", C_], ["__scopeId", "data-v-42bc2d8e
   setup(e) {
     return {
       // References
-      displayedColumns: j(
+      displayedColumns: H(
         () => e.columns && e.columns.length > 0 ? vt.filter((n) => e.columns.includes(n.id)) : vt
       ),
       // Methods
@@ -10395,14 +10364,14 @@ const I_ = /* @__PURE__ */ v(D_, [["render", C_], ["__scopeId", "data-v-42bc2d8e
     };
   }
 };
-function B_(e, t, s, n, a, o) {
+function w_(e, t, s, n, a, o) {
   const i = f("BcfTopicIndexCell"), c = f("BcfTopicPriorityCell"), l = f("BcfTopicStatusCell"), d = f("BIMDataTextbox"), m = f("UserAvatar"), y = f("BIMDataTooltip"), D = f("BcfTopicActionsCell"), b = f("BIMDataTable");
-  return r(), B(b, {
+  return r(), M(b, {
     class: "bcf-topics-table",
     tableLayout: "fixed",
-    columns: n.displayedColumns.map((w) => ({
-      ...w,
-      label: w.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${w.id}`)
+    columns: n.displayedColumns.map((B) => ({
+      ...B,
+      label: B.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${B.id}`)
     })),
     rows: s.topics,
     rowKey: "guid",
@@ -10411,38 +10380,38 @@ function B_(e, t, s, n, a, o) {
     rowHeight: 42,
     selectable: s.selectable,
     selection: s.selection,
-    "onUpdate:selection": t[1] || (t[1] = (w) => e.$emit("update:selection", w))
+    "onUpdate:selection": t[1] || (t[1] = (B) => e.$emit("update:selection", B))
   }, {
-    "cell-index": h(({ row: w }) => [
+    "cell-index": h(({ row: B }) => [
       _(i, {
         detailedExtensions: s.detailedExtensions,
-        topic: w
+        topic: B
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-priority": h(({ row: w }) => [
+    "cell-priority": h(({ row: B }) => [
       _(c, {
         detailedExtensions: s.detailedExtensions,
-        topic: w
+        topic: B
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-status": h(({ row: w }) => [
-      w.topic_status ? (r(), B(l, {
+    "cell-status": h(({ row: B }) => [
+      B.topic_status ? (r(), M(l, {
         key: 0,
         detailedExtensions: s.detailedExtensions,
-        topic: w
-      }, null, 8, ["detailedExtensions", "topic"])) : C("", !0)
+        topic: B
+      }, null, 8, ["detailedExtensions", "topic"])) : I("", !0)
     ]),
-    "cell-title": h(({ row: w }) => [
+    "cell-title": h(({ row: B }) => [
       _(d, {
         maxWidth: "100%",
-        text: w.title
+        text: B.title
       }, null, 8, ["text"])
     ]),
-    "cell-creator": h(({ row: { creator: w, creation_author: V } }) => [
+    "cell-creator": h(({ row: { creator: B, creation_author: V } }) => [
       _(y, { text: V }, {
         default: h(() => [
           _(m, {
-            user: w || {},
+            user: B || {},
             size: 30,
             color: "silver-light",
             style: { margin: "auto" }
@@ -10451,27 +10420,27 @@ function B_(e, t, s, n, a, o) {
         _: 2
       }, 1032, ["text"])
     ]),
-    "cell-date": h(({ row: w }) => [
-      A(g(n.toShortDateFormat(w.creation_date)), 1)
+    "cell-date": h(({ row: B }) => [
+      A(g(n.toShortDateFormat(B.creation_date)), 1)
     ]),
-    "cell-actions": h(({ row: w }) => [
+    "cell-actions": h(({ row: B }) => [
       _(D, {
-        topic: w,
+        topic: B,
         onOpenTopic: t[0] || (t[0] = (V) => e.$emit("open-topic", V))
       }, null, 8, ["topic"])
     ]),
     _: 1
   }, 8, ["columns", "rows", "paginated", "perPage", "selectable", "selection"]);
 }
-const M_ = /* @__PURE__ */ v(w_, [["render", B_]]), V_ = {
+const B_ = /* @__PURE__ */ v(C_, [["render", w_]]), O_ = {
   BcfFilters: xi,
   BcfSettings: ma,
   BcfStatistics: nl,
   BcfTopicCard: Bl,
   BcfTopicCreationCard: Ll,
-  BcfTopicForm: dd,
-  BcfTopicOverview: Gu,
-  BcfTopicsTable: M_
+  BcfTopicForm: cd,
+  BcfTopicOverview: Ju,
+  BcfTopicsTable: B_
 };
 export {
   xi as BcfFilters,
@@ -10479,18 +10448,18 @@ export {
   nl as BcfStatistics,
   Bl as BcfTopicCard,
   Ll as BcfTopicCreationCard,
-  dd as BcfTopicForm,
-  Gu as BcfTopicOverview,
-  M_ as BcfTopicsTable,
-  V_ as components,
-  k_ as config,
-  T_ as createService,
+  cd as BcfTopicForm,
+  Ju as BcfTopicOverview,
+  B_ as BcfTopicsTable,
+  O_ as components,
+  x_ as config,
+  k_ as createService,
   me as getPriorityColor,
   Ge as getStatusColor,
   ys as getViewpointConfig,
-  $_ as setService,
+  T_ as setService,
   ms as useBcfFilter,
-  S_ as useBcfSearch,
-  O_ as useBcfSort,
-  Ce as useService
+  $_ as useBcfSearch,
+  S_ as useBcfSort,
+  Ie as useService
 };