@bimdata/bcf-components 6.0.0-rc.10 → 6.0.0-rc.11

package/dist/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as Wt, computed as j, ref as S, watch as ie, openBlock as r, createElementBlock as p, normalizeClass as O, normalizeStyle as k, renderSlot as M, 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 ne, 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 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";
 const Bt = Object.freeze([
   "Priority",
   "Type",
@@ -190,9 +190,9 @@ var ss = Ne.exports;
   }
   function d(y) {
     var D = y ? Object.keys(y) : [], b = -1, w = D.length;
-    return function T() {
-      var $ = D[++b];
-      return $ === "__proto__" ? T() : b < w ? { value: y[$], key: $ } : null;
+    return function V() {
+      var M = D[++b];
+      return M === "__proto__" ? V() : b < w ? { value: y[M], key: M } : null;
     };
   }
   function m(y) {
@@ -218,7 +218,7 @@ var ns = Pe.exports, Ue = { exports: {} };
   }
   e.exports = t.default;
 })(Ue, Ue.exports);
-var os = Ue.exports, oe = {}, we = { exports: {} }, He = { exports: {} };
+var os = Ue.exports, ie = {}, we = { exports: {} }, He = { exports: {} };
 (function(e, t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
@@ -263,8 +263,8 @@ function cs() {
         var w;
         try {
           w = y.apply(this, D);
-        } catch (T) {
-          return b(T);
+        } catch (V) {
+          return b(V);
         }
         if (w && typeof w.then == "function")
           return d(w, b);
@@ -282,8 +282,8 @@ function cs() {
       try {
         y(D, b);
       } catch (w) {
-        (0, o.default)((T) => {
-          throw T;
+        (0, o.default)((V) => {
+          throw V;
         }, w);
       }
     }
@@ -293,10 +293,10 @@ function cs() {
 var ut;
 function Je() {
   if (ut)
-    return oe;
-  ut = 1, Object.defineProperty(oe, "__esModule", {
+    return ie;
+  ut = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
-  }), oe.isAsyncIterable = oe.isAsyncGenerator = oe.isAsync = void 0;
+  }), ie.isAsyncIterable = ie.isAsyncGenerator = ie.isAsync = void 0;
   var e = cs(), t = s(e);
   function s(c) {
     return c && c.__esModule ? c : { default: c };
@@ -315,7 +315,7 @@ function Je() {
       throw new Error("expected a function");
     return n(c) ? (0, t.default)(c) : c;
   }
-  return oe.default = i, oe.isAsync = n, oe.isAsyncGenerator = a, oe.isAsyncIterable = o, oe;
+  return ie.default = i, ie.isAsync = n, ie.isAsyncGenerator = a, ie.isAsyncIterable = o, ie;
 }
 var ze = { exports: {} }, je = { exports: {} };
 (function(e, t) {
@@ -336,18 +336,18 @@ var Vt = je.exports;
   }
   function o(i, c, l, d) {
     let m = !1, y = !1, D = !1, b = 0, w = 0;
-    function T() {
+    function V() {
       b >= c || D || m || (D = !0, i.next().then(({ value: L, done: K }) => {
         if (!(y || m)) {
           if (D = !1, K) {
             m = !0, b <= 0 && d(null);
             return;
           }
-          b++, l(L, w, $), w++, T();
+          b++, l(L, w, M), w++, V();
         }
       }).catch(N));
     }
-    function $(L, K) {
+    function M(L, K) {
       if (b -= 1, !y) {
         if (L)
           return N(L);
@@ -357,13 +357,13 @@ var Vt = je.exports;
         }
         if (K === n.default || m && b <= 0)
           return m = !0, d(null);
-        T();
+        V();
       }
     }
     function N(L) {
       y || (D = !1, m = !0, d(L));
     }
-    T();
+    V();
   }
   e.exports = t.default;
 })(ze, ze.exports);
@@ -376,36 +376,36 @@ var ds = ze.exports;
   function b(w) {
     return w && w.__esModule ? w : { default: w };
   }
-  t.default = (w) => (T, $, N) => {
+  t.default = (w) => (V, M, N) => {
     if (N = (0, n.default)(N), w <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
-    if (!T)
+    if (!V)
       return N(null);
-    if ((0, l.isAsyncGenerator)(T))
-      return (0, m.default)(T, w, $, N);
-    if ((0, l.isAsyncIterable)(T))
-      return (0, m.default)(T[Symbol.asyncIterator](), w, $, N);
-    var L = (0, o.default)(T), K = !1, R = !1, V = 0, X = !1;
+    if ((0, l.isAsyncGenerator)(V))
+      return (0, m.default)(V, w, M, 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 (V -= 1, Q)
+        if (O -= 1, Q)
           K = !0, N(Q);
         else if (Q === !1)
           K = !0, R = !0;
         else {
-          if (U === D.default || K && V <= 0)
+          if (U === D.default || K && O <= 0)
             return K = !0, N(null);
           X || te();
         }
     }
     function te() {
-      for (X = !0; V < w && !K; ) {
+      for (X = !0; O < w && !K; ) {
         var Q = L();
         if (Q === null) {
-          K = !0, V <= 0 && N(null);
+          K = !0, O <= 0 && N(null);
           return;
         }
-        V += 1, $(Q.value, Q.key, (0, c.default)(q));
+        O += 1, M(Q.value, Q.key, (0, c.default)(q));
       }
       X = !1;
     }
@@ -452,8 +452,8 @@ var fs = qe.exports;
   function m(D) {
     return D && D.__esModule ? D : { default: D };
   }
-  function y(D, b, w, T) {
-    return (0, n.default)(b)(D, (0, o.default)((0, c.default)(w)), T);
+  function y(D, b, w, V) {
+    return (0, n.default)(b)(D, (0, o.default)((0, c.default)(w)), V);
   }
   t.default = (0, d.default)(y, 4), e.exports = t.default;
 })(Fe, Fe.exports);
@@ -483,17 +483,17 @@ async function _t(e, t) {
 }
 let Et = null;
 function T_(e, { fetchUsers: t }) {
-  const s = t ? (x) => t(x) : (x) => e.collaborationApi.getProjectUsers(x.cloud.id, x.id), n = () => e.bcfApi.getUser(), a = async (x, { extensions: I, users: E } = {}) => {
-    const H = I ?? await e.bcfApi.getDetailedExtensions(x.id), Y = E ?? await s(x), se = await e.bcfApi.getTopics(x.id);
+  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 (x, I) => {
-    const E = await e.bcfApi.getDetailedExtensions(x.id), H = await e.bcfApi.getFullTopic(I, x.id, "url");
+  }, 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 = (x, I) => e.bcfApi.createTopic(x.id, I), c = (x, I) => e.bcfApi.updateTopic(I.guid, x.id, I), l = (x, I) => e.bcfApi.deleteTopic(I.guid, x.id), d = async (x, I) => {
+  }, 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/${x.id}/import`, {
+    E.append("name", I.name), E.append("file", I), await fetch(`${e.config.basePath}/bcf/2.1/projects/${k.id}/import`, {
       method: "POST",
       credentials: "include",
       headers: {
@@ -501,25 +501,25 @@ function T_(e, { fetchUsers: t }) {
       },
       body: E
     });
-  }, m = async (x, I) => {
+  }, m = async (k, I) => {
     const E = await e.bcfApi.downloadBcfExport(
-      x.id,
+      k.id,
       void 0,
       I.map((H) => H.guid).join(",")
     );
-    _t(`${x.name}.bcf`, E);
-  }, y = async (x, I) => {
+    _t(`${k.name}.bcf`, E);
+  }, y = async (k, I) => {
     const E = await e.bcfApi.downloadBcfExportXlsx(
-      x.id,
+      k.id,
       void 0,
       I.map((H) => H.guid).join(",")
     );
-    _t(`${x.name}.xlsx`, E);
-  }, D = async (x, I) => (await hs(I, 10, (E, H) => {
-    b(x, E).then((Y) => {
+    _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 = (x, I) => e.bcfApi.getTopicViewpoints(x.id, I.guid, "url");
+  }), I), b = (k, I) => e.bcfApi.getTopicViewpoints(k.id, I.guid, "url");
   return {
     fetchCurrentUser: n,
     fetchTopics: a,
@@ -532,31 +532,31 @@ function T_(e, { fetchUsers: t }) {
     exportBcfXLSX: y,
     loadTopicsViewpoints: D,
     fetchTopicViewpoints: b,
-    fetchTopicCommentViewpoint: (x, I, E) => e.bcfApi.getViewpoint(E.viewpoint_guid, x.id, I.guid),
-    createViewpoint: (x, I, E) => e.bcfApi.createViewpoint(x.id, I.guid, "url", E),
-    updateViewpoint: (x, I, E) => e.bcfApi.updateViewpoint(E.guid, x.id, I.guid, "url", E),
-    deleteViewpoint: (x, I, E) => e.bcfApi.deleteViewpoint(E.guid, x.id, I.guid),
-    fetchTopicComments: async (x, I) => {
-      const E = await s(x), H = await e.bcfApi.getComments(x.id, I.guid);
+    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: (x, I, E) => e.bcfApi.createComment(x.id, I.guid, E),
-    updateComment: (x, I, E, H) => e.bcfApi.updateComment(E.guid, x.id, I.guid, H),
-    deleteComment: (x, I, E) => e.bcfApi.deleteComment(E.guid, x.id, I.guid),
-    fetchExtensions: (x) => e.bcfApi.getExtensions(x.id),
-    fetchDetailedExtensions: (x) => e.bcfApi.getDetailedExtensions(x.id),
-    createExtension: async (x, I, E) => await e.bcfApi[`createExtension${I}`](x.id, {
+    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,
       color: Gt()
     }),
-    updateExtension: async (x, I, E, H) => await e.bcfApi[`updateExtension${I}`](E.id, x.id, {
+    updateExtension: async (k, I, E, H) => await e.bcfApi[`updateExtension${I}`](E.id, k.id, {
       [he(I)]: H.value,
       color: H.color
     }),
-    deleteExtension: async (x, I, E) => {
-      await e.bcfApi[`deleteExtension${I}`](E.id, x.id);
+    deleteExtension: async (k, I, E) => {
+      await e.bcfApi[`deleteExtension${I}`](E.id, k.id);
     }
   };
 }
@@ -605,8 +605,8 @@ const gs = [
   "description"
 ];
 function S_(e) {
-  const t = S(""), s = S([]);
-  return ie(
+  const t = $(""), s = $([]);
+  return ne(
     [e, t],
     () => {
       if (t.value) {
@@ -626,10 +626,10 @@ function S_(e) {
   };
 }
 function Ve(e, t = (s) => s) {
-  const s = S(e), n = (i = "asc") => {
+  const s = $(e), n = (i = "asc") => {
     const c = s.value.slice().sort((l, d) => t(l) < t(d) ? -1 : 1);
     i === "desc" && c.reverse(), s.value = c;
-  }, a = S("none");
+  }, a = $("none");
   return {
     sortOrder: a,
     sortToggle: () => {
@@ -638,7 +638,7 @@ function Ve(e, t = (s) => s) {
   };
 }
 function O_(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 = S("");
+  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,
     sortByIndex: () => {
@@ -759,13 +759,13 @@ const v = (e, t) => {
 }, Ds = ["color"];
 function Cs(e, t, s, n, a, o) {
   return r(), p("button", {
-    class: O(["bimdata-btn", o.classes]),
-    style: k(o.style),
+    class: S(["bimdata-btn", o.classes]),
+    style: T(o.style),
     onClick: t[0] || (t[0] = (i) => e.$emit("click", i)),
     color: s.color,
     type: "button"
   }, [
-    M(e.$slots, "default", {}, void 0, !0)
+    x(e.$slots, "default", {}, void 0, !0)
   ], 14, Ds);
 }
 const Z = /* @__PURE__ */ v(vs, [["render", Cs], ["__scopeId", "data-v-cc5f3236"]]), Xe = Object.freeze([
@@ -875,10 +875,10 @@ function Bs(e, t, s, n, a, o) {
     width: "100%",
     fill: s.fillColor,
     color: s.color,
-    style: k(o.style),
-    class: O(o.classes)
+    style: T(o.style),
+    class: S(o.classes)
   }, [
-    M(e.$slots, "default", {}, void 0, !0)
+    x(e.$slots, "default", {}, void 0, !0)
   ], 14, ws);
 }
 const Ms = /* @__PURE__ */ v(Is, [["render", Bs], ["__scopeId", "data-v-3c56485e"]]), ht = {
@@ -978,8 +978,8 @@ function Os(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1000,8 +1000,8 @@ function As(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1026,8 +1026,8 @@ function Rs(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1048,8 +1048,8 @@ function Js(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1070,8 +1070,8 @@ function sn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1096,8 +1096,8 @@ function cn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1122,8 +1122,8 @@ function hn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1147,8 +1147,8 @@ function wn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1173,8 +1173,8 @@ function Sn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1199,8 +1199,8 @@ function An(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1225,8 +1225,8 @@ function Rn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1251,8 +1251,8 @@ function Jn(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1277,8 +1277,8 @@ function so(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1299,8 +1299,8 @@ function co(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1325,8 +1325,8 @@ function go(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1350,8 +1350,8 @@ function wo(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1376,8 +1376,8 @@ function So(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1397,8 +1397,8 @@ function Po(e, t, s, n, a, o) {
     fill: e.fill,
     fillColor: e.fillColor,
     color: e.color,
-    class: O(e.classes),
-    style: k(e.style)
+    class: S(e.classes),
+    style: T(e.style)
   }, {
     default: h(() => [
       _(i)
@@ -1492,8 +1492,8 @@ const No = {
 };
 function Yo(e, t, s, n, a, o) {
   return r(), p("div", {
-    class: O(["bimdata-input", { error: s.error, success: s.success, disabled: s.disabled, loading: s.loading, "not-empty": !!s.modelValue }]),
-    style: k(o.style)
+    class: S(["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({
       ref: "input",
@@ -1510,7 +1510,7 @@ function Yo(e, t, s, n, a, o) {
       autocomplete: s.autocomplete ? "on" : "off"
     }, e.$attrs), null, 16, Ho),
     u("div", zo, [
-      M(e.$slots, "inputIcon", {}, void 0, !0)
+      x(e.$slots, "inputIcon", {}, void 0, !0)
     ]),
     u("label", {
       for: `bimdata-input-${e.uuid}`
@@ -1596,7 +1596,7 @@ function Xo(e, t, s, n, a, o) {
   }, e.$attrs), [
     Jo,
     s.text ? (r(), p("span", Go, [
-      M(e.$slots, "default", {}, () => [
+      x(e.$slots, "default", {}, () => [
         A(g(s.text), 1)
       ], !0)
     ])) : C("", !0)
@@ -1691,12 +1691,12 @@ 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: O(["bimdata-select", {
+    class: S(["bimdata-select", {
       disabled: s.disabled,
       active: a.isOpen,
       "not-empty": s.modelValue.length > 0
     }]),
-    style: k({ width: s.width })
+    style: T({ width: s.width })
   }, [
     u("div", ti, [
       u("div", {
@@ -1712,11 +1712,11 @@ function ai(e, t, s, n, a, o) {
       u("label", si, g(s.label), 1),
       ni
     ]),
-    _(ne, { name: "slide-fade-down" }, {
+    _(oe, { name: "slide-fade-down" }, {
       default: h(() => [
         W(u("ul", oi, [
           (r(!0), p(z, null, J(s.options, (d, m) => (r(), p("li", {
-            class: O(["bimdata-select__option-list__entry", {
+            class: S(["bimdata-select__option-list__entry", {
               selected: o.isSelected(d),
               disabled: o.isDisabled(d),
               "option-group": o.isOptionGroup(d)
@@ -1830,12 +1830,12 @@ const ri = {
 function hi(e, t, s, n, a, o) {
   const i = f("BIMDataIconChevron"), c = De("clickaway");
   return W((r(), p("div", {
-    class: O(["bimdata-select", {
+    class: S(["bimdata-select", {
       disabled: s.disabled,
       active: a.isOpen,
       "not-empty": s.modelValue !== void 0 && s.modelValue !== null
     }]),
-    style: k({ width: s.width })
+    style: T({ width: s.width })
   }, [
     u("div", di, [
       u("div", {
@@ -1851,7 +1851,7 @@ function hi(e, t, s, n, a, o) {
       u("label", ui, g(s.label), 1),
       _i
     ]),
-    _(ne, { name: "slide-fade-down" }, {
+    _(oe, { name: "slide-fade-down" }, {
       default: h(() => [
         W(u("ul", fi, [
           s.nullValue ? (r(), p("li", {
@@ -1860,7 +1860,7 @@ function hi(e, t, s, n, a, o) {
             onClick: t[1] || (t[1] = (l) => o.onNullValueClick())
           }, g(s.nullLabel || "None"), 1)) : C("", !0),
           (r(!0), p(z, null, J(s.options, (l, d) => (r(), p("li", {
-            class: O(["bimdata-select__option-list__entry", {
+            class: S(["bimdata-select__option-list__entry", {
               selected: o.isSelected(l),
               disabled: o.isDisabled(l),
               "option-group": o.isOptionGroup(l)
@@ -1957,30 +1957,41 @@ const bi = {
     topics: {
       type: Array,
       required: !0
+    },
+    initFilters: {
+      type: Object
     }
   },
   emits: ["submit"],
   setup(e, { emit: t }) {
-    const s = S(!1), n = () => s.value = !1, a = () => s.value = !s.value, { filters: o, filteredTopics: i, reset: c } = ms(j(() => e.topics)), l = j(
-      () => ye(e.topics.map((T) => T.priority))
-    ), d = j(
-      () => ye(e.topics.map((T) => T.topic_status))
+    const s = $(!1), n = () => s.value = !1, a = () => s.value = !s.value, { filters: o, filteredTopics: i, reset: c, apply: l } = ms(j(() => e.topics));
+    ne(
+      () => e.initFilters,
+      () => {
+        e.initFilters && l(e.initFilters);
+      },
+      { deep: !0 }
+    );
+    const d = j(
+      () => ye(e.topics.map((M) => M.priority))
     ), m = j(
-      () => ye(e.topics.map((T) => T.assigned_to))
+      () => ye(e.topics.map((M) => M.topic_status))
     ), y = j(
-      () => ye(e.topics.map((T) => T.creation_author))
+      () => ye(e.topics.map((M) => M.assigned_to))
     ), D = j(
-      () => ye(e.topics.flatMap((T) => T.labels))
+      () => ye(e.topics.map((M) => M.creation_author))
+    ), b = j(
+      () => ye(e.topics.flatMap((M) => M.labels))
     );
     return {
       // References
-      creatorOptions: y,
+      creatorOptions: D,
       filters: o,
       isOpen: s,
-      labelOptions: D,
-      priorityOptions: l,
-      statusOptions: d,
-      userOptions: m,
+      labelOptions: b,
+      priorityOptions: d,
+      statusOptions: m,
+      userOptions: y,
       // Methods
       close: n,
       resetFilters: () => {
@@ -1990,8 +2001,8 @@ const bi = {
         });
       },
       submitFilters: () => {
-        var T;
-        (T = o.endDate) == null || T.setHours(23, 59, 59), t("submit", {
+        var M;
+        (M = o.endDate) == null || M.setHours(23, 59, 59), t("submit", {
           filters: rt(o),
           topics: i.value
         }), s.value = !1;
@@ -2023,7 +2034,7 @@ function Mi(e, t, s, n, a, o) {
       ]),
       _: 1
     }, 8, ["disabled", "onClick"]),
-    _(ne, { name: "slide-fade-up" }, {
+    _(oe, { name: "slide-fade-up" }, {
       default: h(() => [
         W(u("div", Di, [
           u("div", Ci, [
@@ -2143,7 +2154,7 @@ function Mi(e, t, s, n, a, o) {
     [D, n.close]
   ]);
 }
-const xi = /* @__PURE__ */ v(bi, [["render", Mi], ["__scopeId", "data-v-fc1e0bc2"]]);
+const xi = /* @__PURE__ */ v(bi, [["render", Mi], ["__scopeId", "data-v-97434a45"]]);
 const ki = {
   props: {
     text: {
@@ -2154,10 +2165,10 @@ const ki = {
 function Oi(e, t, s, n, a, o) {
   return r(), p("div", Ti, [
     u("div", $i, [
-      M(e.$slots, "left", {}, void 0, !0),
+      x(e.$slots, "left", {}, void 0, !0),
       s.text ? (r(), p("span", Si, g(s.text), 1)) : C("", !0)
     ]),
-    M(e.$slots, "right", {}, void 0, !0)
+    x(e.$slots, "right", {}, void 0, !0)
   ]);
 }
 const Vi = /* @__PURE__ */ v(ki, [["render", Oi], ["__scopeId", "data-v-6e7b4167"]]);
@@ -2203,8 +2214,8 @@ const Fi = {
 function Pi(e, t, s, n, a, o) {
   const i = f("BIMDataCardBand");
   return r(), p("div", {
-    class: O(["bimdata-card", o.classes]),
-    style: k({ "min-width": s.width, "border-radius": s.borderRadius })
+    class: S(["bimdata-card", o.classes]),
+    style: T({ "min-width": s.width, "border-radius": s.borderRadius })
   }, [
     s.titleHeader || e.$slots.headerIcons ? (r(), B(i, {
       key: 0,
@@ -2212,7 +2223,7 @@ function Pi(e, t, s, n, a, o) {
       class: "bimdata-card__header"
     }, {
       right: h(() => [
-        M(e.$slots, "headerIcons", {}, void 0, !0)
+        x(e.$slots, "headerIcons", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["text"])) : C("", !0),
@@ -2222,18 +2233,18 @@ function Pi(e, t, s, n, a, o) {
       text: s.submenuText
     }, {
       left: h(() => [
-        M(e.$slots, "left", {}, void 0, !0)
+        x(e.$slots, "left", {}, void 0, !0)
       ]),
       right: h(() => [
-        M(e.$slots, "right", {}, void 0, !0)
+        x(e.$slots, "right", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["text"])) : C("", !0),
     e.$slots.content ? (r(), p("div", Ei, [
-      M(e.$slots, "content", {}, void 0, !0)
+      x(e.$slots, "content", {}, void 0, !0)
     ])) : C("", !0),
     e.$slots.footer ? (r(), p("footer", Li, [
-      M(e.$slots, "footer", {}, void 0, !0)
+      x(e.$slots, "footer", {}, void 0, !0)
     ])) : C("", !0)
   ], 6);
 }
@@ -2265,9 +2276,9 @@ function zi(e, t, s, n, a, o) {
         key: `colorLine${l}`
       }, [
         (r(!0), p(z, null, J(c, ([d, m], y) => (r(), p("div", {
-          class: O(["color-selector__line__element", { selected: m === s.modelValue }]),
+          class: S(["color-selector__line__element", { selected: m === s.modelValue }]),
           key: `colorElement${y}ofColorLine${l}`,
-          style: k(`background-color: #${m}`),
+          style: T(`background-color: #${m}`),
           title: d,
           onClick: P((D) => e.$emit("update:modelValue", m), ["stop"])
         }, null, 14, Hi))), 128))
@@ -2295,8 +2306,8 @@ const Ri = {
   },
   emits: ["update-extension", "delete-extension"],
   setup(e, { emit: t }) {
-    const s = S(!1), n = S(!1), a = S(!1), o = S(e.extension[he(e.extensionType)]), i = S(e.extension.color), c = S(null);
-    return ie(s, () => setTimeout(() => s.value && c.value.focus(), 50)), {
+    const s = $(!1), n = $(!1), a = $(!1), o = $(e.extension[he(e.extensionType)]), i = $(e.extension.color), c = $(null);
+    return ne(s, () => setTimeout(() => s.value && c.value.focus(), 50)), {
       // References
       editMode: s,
       extensionColor: i,
@@ -2375,7 +2386,7 @@ function Ji(e, t, s, n, a, o) {
       n.EXTENSION_WITH_COLOR.includes(s.extensionType) ? (r(), p(z, { key: 0 }, [
         u("span", {
           class: "setting-card-item__color",
-          style: k({
+          style: T({
             "border-color": n.adjustBorderColor(`${n.extensionColor}`, -50),
             "background-color": `#${n.extensionColor}`
           }),
@@ -2446,7 +2457,7 @@ const Xi = {
   setup(e, { emit: t }) {
     const s = j(
       () => Ft(e.extensionType, e.detailedExtensions)
-    ), n = S(null), a = S(""), o = S(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = S(!1), d = () => {
+    ), n = $(null), a = $(""), o = $(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = $(!1), d = () => {
       a.value = "", l.value = !1;
     };
     return {
@@ -2510,7 +2521,7 @@ function la(e, t, s, n, a, o) {
           _: 1
         }, 8, ["onClick"])
       ]),
-      _(ne, { name: "slide-fade-up" }, {
+      _(oe, { name: "slide-fade-up" }, {
         default: h(() => [
           W(u("div", oa, [
             _(d, {
@@ -2721,17 +2732,17 @@ function wa(e, t, s, n, a, o) {
   const i = f("BIMDataIconDoubleChevron"), c = f("BIMDataButton"), l = f("BIMDataIconChevron");
   return r(), p("ul", {
     class: "bimdata-list bimdata-navigation",
-    style: k({ "background-color": s.backgroundColor })
+    style: T({ "background-color": s.backgroundColor })
   }, [
     u("li", ya, [
-      M(e.$slots, "left", {}, void 0, !0)
+      x(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: O({ disabled: s.firstDisabled }),
+        class: S({ disabled: s.firstDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2749,7 +2760,7 @@ function wa(e, t, s, n, a, o) {
         onClick: t[1] || (t[1] = (d) => e.$emit("previous")),
         disabled: s.previousDisabled,
         ghost: "",
-        class: O({ disabled: s.previousDisabled }),
+        class: S({ disabled: s.previousDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2763,14 +2774,14 @@ function wa(e, t, s, n, a, o) {
       }, 8, ["disabled", "class"])
     ])) : C("", !0),
     u("li", null, [
-      M(e.$slots, "default", {}, void 0, !0)
+      x(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: O({ disabled: s.nextDisabled }),
+        class: S({ disabled: s.nextDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2785,7 +2796,7 @@ function wa(e, t, s, n, a, o) {
         onClick: t[3] || (t[3] = (d) => e.$emit("last")),
         disabled: s.lastDisabled,
         ghost: "",
-        class: O({ disabled: s.lastDisabled }),
+        class: S({ disabled: s.lastDisabled }),
         width: "21px",
         height: "21px"
       }, {
@@ -2796,7 +2807,7 @@ function wa(e, t, s, n, a, o) {
       }, 8, ["disabled", "class"])
     ])) : C("", !0),
     u("li", Ia, [
-      M(e.$slots, "right", {}, void 0, !0)
+      x(e.$slots, "right", {}, void 0, !0)
     ])
   ], 4);
 }
@@ -2920,7 +2931,7 @@ function Oa(e, t, s, n, a, o) {
   return r(), p("div", Sa, [
     u("div", {
       class: "bimdata-spinner--square",
-      style: k(o.getStyle())
+      style: T(o.getStyle())
     }, null, 4)
   ]);
 }
@@ -3029,21 +3040,21 @@ 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, [
-      M(e.$slots, "header", {}, void 0, !0),
+      x(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: O({ "active-element": o.isElementActive(l) })
+          class: S({ "active-element": o.isElementActive(l) })
         }, [
-          M(e.$slots, "element", { element: l }, () => [
+          x(e.$slots, "element", { element: l }, () => [
             A(g(l && l.toString()), 1)
           ], !0)
         ], 10, Aa))), 128))
       ]),
-      s.list.length === 0 ? M(e.$slots, "empty", { key: 0 }, void 0, !0) : C("", !0),
+      s.list.length === 0 ? x(e.$slots, "empty", { key: 0 }, void 0, !0) : C("", !0),
       o.totalPages > 1 ? (r(), B(c, {
         key: 1,
         length: s.list.length,
@@ -3145,7 +3156,7 @@ function qa(e, t, s, n, a, o) {
   return r(), p("div", Ha, [
     (r(), p("svg", {
       viewBox: o.viewBox,
-      style: k(`--graph-draw-time: ${s.graphDrawTime}s;`)
+      style: T(`--graph-draw-time: ${s.graphDrawTime}s;`)
     }, [
       s.placeholder ? (r(), p("circle", {
         key: 0,
@@ -3232,7 +3243,7 @@ function sl(e, t, s, n, a, o) {
             u("div", Xa, [
               u("span", {
                 class: "bcf-statistics__content__legend__item__mark",
-                style: k({ borderColor: l.color })
+                style: T({ borderColor: l.color })
               }, null, 4),
               u("span", Qa, g(l.percentage.toFixed(0)) + " % ", 1),
               u("span", el, [
@@ -3323,7 +3334,7 @@ function al(e, t, s, n, a, o) {
   return r(), p("div", {
     ref: "textBox",
     class: "bimdata-textbox",
-    style: k({
+    style: T({
       width: s.width,
       minWidth: s.minWidth,
       maxWidth: s.maxWidth
@@ -3334,7 +3345,7 @@ function al(e, t, s, n, a, o) {
     u("span", {
       ref: "textHead",
       class: "bimdata-textbox__text--head",
-      style: k({
+      style: T({
         width: a.textTail ? "50%" : "100%",
         direction: s.cutPosition === "start" ? "rtl" : "ltr"
       })
@@ -3348,7 +3359,7 @@ function al(e, t, s, n, a, o) {
     ]),
     s.tooltip && a.isOverflowing ? W((r(), p("div", {
       key: 0,
-      class: O(["bimdata-textbox__tooltip", [
+      class: S(["bimdata-textbox__tooltip", [
         `bimdata-textbox__tooltip--${s.tooltipPosition}`,
         `bimdata-textbox__tooltip--${s.tooltipColor}`
       ]])
@@ -3398,7 +3409,7 @@ const _l = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const t = S(!1), s = j(() => me(e.topic, e.detailedExtensions)), n = j(() => Ge(e.topic, e.detailedExtensions)), a = j(
+    const t = $(!1), s = j(() => me(e.topic, e.detailedExtensions)), n = j(() => Ge(e.topic, e.detailedExtensions)), a = j(
       () => {
         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;
@@ -3422,14 +3433,14 @@ const _l = {
 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: O(["bcf-topic-card", { selected: s.selected }]),
+    class: S(["bcf-topic-card", { selected: s.selected }]),
     onMouseover: t[2] || (t[2] = (D) => n.hover = !0),
     onMouseleave: t[3] || (t[3] = (D) => n.hover = !1)
   }, [
     u("div", fl, [
       u("div", {
         class: "index",
-        style: k({
+        style: T({
           "background-color": `#${n.priorityColor}`,
           color: n.adjustTextColor(`#${n.priorityColor}`, "#FFF", "var(--color-text)")
         })
@@ -3453,7 +3464,7 @@ function wl(e, t, s, n, a, o) {
       s.topic.topic_status ? (r(), p("div", {
         key: 0,
         class: "status",
-        style: k({
+        style: T({
           "background-color": `#${n.statusColor}`,
           color: n.adjustTextColor(`#${n.statusColor}`, "#FFF", "var(--color-text)")
         })
@@ -3479,7 +3490,7 @@ function wl(e, t, s, n, a, o) {
       u("div", null, [
         u("strong", null, g(e.$t("BcfComponents.BcfTopicCard.priority")), 1),
         u("span", {
-          style: k({ color: `#${n.priorityColor}` })
+          style: T({ color: `#${n.priorityColor}` })
         }, g(s.topic.priority || e.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
       ]),
       u("div", null, [
@@ -3575,7 +3586,7 @@ function Hl(e, t, s, n, a, o) {
   return r(), p("div", Al, [
     u("div", {
       class: "safe-zone",
-      style: k({ width: s.width })
+      style: T({ width: s.width })
     }, [
       u("div", Nl, [
         _(i, {
@@ -3585,11 +3596,11 @@ function Hl(e, t, s, n, a, o) {
           color: "high"
         }, null, 8, ["name"]),
         u("p", null, [
-          M(e.$slots, "text", {}, void 0, !0)
+          x(e.$slots, "text", {}, void 0, !0)
         ])
       ]),
       u("div", Ul, [
-        M(e.$slots, "actions", {}, void 0, !0)
+        x(e.$slots, "actions", {}, void 0, !0)
       ])
     ], 4)
   ]);
@@ -4475,9 +4486,9 @@ const Jl = {
 function sr(e, t, s, n, a, o) {
   const i = f("BIMDataIconDelete"), c = f("BIMDataButton");
   return r(), p("div", {
-    class: O({ "not-empty": o.formattedValue })
+    class: S({ "not-empty": o.formattedValue })
   }, [
-    M(e.$slots, "beforeDateInput"),
+    x(e.$slots, "beforeDateInput"),
     e.calendarButton ? (r(), p("button", {
       key: 0,
       ref: "calendarButton",
@@ -4488,9 +4499,9 @@ function sr(e, t, s, n, a, o) {
       onFocus: t[1] || (t[1] = (...l) => o.handleButtonFocus && o.handleButtonFocus(...l))
     }, [
       u("span", null, [
-        M(e.$slots, "calendarBtn", {}, () => [
+        x(e.$slots, "calendarBtn", {}, () => [
           u("i", {
-            class: O(e.calendarButtonIcon)
+            class: S(e.calendarButtonIcon)
           }, [
             A(g(e.calendarButtonIconContent) + " ", 1),
             e.calendarButtonIcon ? C("", !0) : (r(), p("span", Ql, "…"))
@@ -4506,7 +4517,7 @@ function sr(e, t, s, n, a, o) {
       ref: e.refName,
       autocomplete: "off",
       autofocus: e.autofocus,
-      class: O([o.computedInputClass, { required: s.required }]),
+      class: S([o.computedInputClass, { required: s.required }]),
       clearButton: e.clearButton,
       disabled: e.disabled,
       maxlength: e.maxlength,
@@ -4545,7 +4556,7 @@ function sr(e, t, s, n, a, o) {
       onClick: o.clearDate
     }, {
       default: h(() => [
-        M(e.$slots, "clearBtn", {}, () => [
+        x(e.$slots, "clearBtn", {}, () => [
           _(i, {
             size: "xxxs",
             fill: "",
@@ -4555,7 +4566,7 @@ function sr(e, t, s, n, a, o) {
       ]),
       _: 3
     }, 8, ["disabled", "onClick"])) : C("", !0),
-    M(e.$slots, "afterDateInput")
+    x(e.$slots, "afterDateInput")
   ], 2);
 }
 const nr = /* @__PURE__ */ v(Gl, [["render", sr]]), or = {
@@ -4759,9 +4770,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: O({ "not-empty": o.formattedValue })
+    class: S({ "not-empty": o.formattedValue })
   }, [
-    M(e.$slots, "beforeDateInput"),
+    x(e.$slots, "beforeDateInput"),
     e.calendarButton ? (r(), p("button", {
       key: 0,
       ref: "calendarButton",
@@ -4772,9 +4783,9 @@ function cr(e, t, s, n, a, o) {
       onFocus: t[1] || (t[1] = (...l) => o.handleButtonFocus && o.handleButtonFocus(...l))
     }, [
       u("span", null, [
-        M(e.$slots, "calendarBtn", {}, () => [
+        x(e.$slots, "calendarBtn", {}, () => [
           u("i", {
-            class: O(e.calendarButtonIcon)
+            class: S(e.calendarButtonIcon)
           }, [
             A(g(e.calendarButtonIconContent) + " ", 1),
             e.calendarButtonIcon ? C("", !0) : (r(), p("span", ar, "…"))
@@ -4790,7 +4801,7 @@ function cr(e, t, s, n, a, o) {
       ref: e.refName,
       autocomplete: "off",
       autofocus: e.autofocus,
-      class: O([o.computedInputClass, { required: s.required }]),
+      class: S([o.computedInputClass, { required: s.required }]),
       clearButton: e.clearButton,
       disabled: e.disabled,
       maxlength: e.maxlength,
@@ -4829,7 +4840,7 @@ function cr(e, t, s, n, a, o) {
       onClick: o.clear
     }, {
       default: h(() => [
-        M(e.$slots, "clearBtn", {}, () => [
+        x(e.$slots, "clearBtn", {}, () => [
           _(i, {
             size: "xxxs",
             fill: "",
@@ -4839,7 +4850,7 @@ function cr(e, t, s, n, a, o) {
       ]),
       _: 3
     }, 8, ["disabled", "onClick"])) : C("", !0),
-    M(e.$slots, "afterDateInput")
+    x(e.$slots, "afterDateInput")
   ], 2);
 }
 const dr = /* @__PURE__ */ v(or, [["render", cr]]), ur = {
@@ -5471,7 +5482,7 @@ function yr(e, t, s, n, a, o) {
         t[4] || (t[4] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      M(e.$slots, "prevIntervalBtn", {}, () => [
+      x(e.$slots, "prevIntervalBtn", {}, () => [
         _(i, {
           name: "doubleChevron",
           size: "xxxs",
@@ -5494,7 +5505,7 @@ function yr(e, t, s, n, a, o) {
         t[9] || (t[9] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      M(e.$slots, "prevIntervalBtn", {}, () => [
+      x(e.$slots, "prevIntervalBtn", {}, () => [
         _(i, {
           name: "chevron",
           size: "xxxs",
@@ -5504,7 +5515,7 @@ function yr(e, t, s, n, a, o) {
         })
       ])
     ], 40, hr),
-    M(e.$slots, "default"),
+    x(e.$slots, "default"),
     u("button", {
       ref: "next",
       class: "next",
@@ -5518,7 +5529,7 @@ function yr(e, t, s, n, a, o) {
         t[14] || (t[14] = F(P((...d) => o.arrowRightNext && o.arrowRightNext(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      M(e.$slots, "nextIntervalBtn", {}, () => [
+      x(e.$slots, "nextIntervalBtn", {}, () => [
         _(c, {
           size: "xxxs",
           fill: "",
@@ -5540,7 +5551,7 @@ function yr(e, t, s, n, a, o) {
         t[19] || (t[19] = F(P((...d) => o.arrowRightPrev && o.arrowRightPrev(...d), ["prevent"]), ["right"]))
       ]
     }, [
-      M(e.$slots, "prevIntervalBtn", {}, () => [
+      x(e.$slots, "prevIntervalBtn", {}, () => [
         _(l, {
           size: "xxxs",
           fill: "",
@@ -5934,7 +5945,7 @@ function Ir(e, t, s, n, a, o) {
       key: i.timestamp,
       ref_for: !0,
       ref: i.isOpenDate ? "openDate" : null,
-      class: O(o.cellClasses(i)),
+      class: S(o.cellClasses(i)),
       id: c,
       dataTestTabbableCell: o.isTabbableCell(i, c),
       dataTestOpenDate: i.isOpenDate,
@@ -5950,7 +5961,7 @@ function Ir(e, t, s, n, a, o) {
       ],
       onMouseover: (l) => e.$emit("hover", i)
     }, [
-      M(e.$slots, "default", { cell: i })
+      x(e.$slots, "default", { cell: i })
     ], 42, Cr))), 128))
   ]);
 }
@@ -5976,7 +5987,7 @@ function Mr(e, t, s, n, a, o) {
       t[4] || (t[4] = F(P((i) => e.$emit("set-focus"), ["prevent"]), ["right"]))
     ]
   }, [
-    M(e.$slots, "default")
+    x(e.$slots, "default")
   ], 40, Br);
 }
 const at = /* @__PURE__ */ v(wr, [["render", Mr]]), xr = {
@@ -6224,7 +6235,7 @@ 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, [
-      M(e.$slots, "beforeCalendarHeaderDay")
+      x(e.$slots, "beforeCalendarHeaderDay")
     ])) : C("", !0),
     e.showHeader ? (r(), B(c, {
       key: 1,
@@ -6237,10 +6248,10 @@ function Or(e, t, s, n, a, o) {
       onSetFocus: t[3] || (t[3] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        M(e.$slots, "prevIntervalBtn")
+        x(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        M(e.$slots, "nextIntervalBtn")
+        x(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6263,7 +6274,7 @@ function Or(e, t, s, n, a, o) {
         (r(!0), p(z, null, J(o.daysOfWeek, (d) => (r(), p("span", { key: d }, g(d), 1))), 128))
       ]),
       u("div", $r, [
-        _(ne, { name: e.transitionName }, {
+        _(oe, { name: e.transitionName }, {
           default: h(() => [
             (r(), B(l, {
               ref: "cells",
@@ -6277,7 +6288,7 @@ function Or(e, t, s, n, a, o) {
               onHover: t[6] || (t[6] = (d) => o.hover(d))
             }, {
               default: h(({ cell: d }) => [
-                M(e.$slots, "dayCellContent", { cell: d }, () => [
+                x(e.$slots, "dayCellContent", { cell: d }, () => [
                   A(g(s.dayCellContent(d)), 1)
                 ])
               ]),
@@ -6289,7 +6300,7 @@ function Or(e, t, s, n, a, o) {
       ])
     ]),
     e.$slots.calendarFooterDay ? (r(), p("div", Sr, [
-      M(e.$slots, "calendarFooterDay")
+      x(e.$slots, "calendarFooterDay")
     ])) : C("", !0)
   ]);
 }
@@ -6382,7 +6393,7 @@ 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, [
-      M(e.$slots, "beforeCalendarHeaderMonth")
+      x(e.$slots, "beforeCalendarHeaderMonth")
     ])) : C("", !0),
     e.showHeader ? (r(), B(c, {
       key: 1,
@@ -6394,10 +6405,10 @@ function Ar(e, t, s, n, a, o) {
       onSetFocus: t[3] || (t[3] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        M(e.$slots, "prevIntervalBtn")
+        x(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        M(e.$slots, "nextIntervalBtn")
+        x(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6416,7 +6427,7 @@ function Ar(e, t, s, n, a, o) {
       _: 3
     }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : C("", !0),
     u("div", Lr, [
-      _(ne, { name: e.transitionName }, {
+      _(oe, { name: e.transitionName }, {
         default: h(() => [
           (r(), B(l, {
             ref: "cells",
@@ -6437,7 +6448,7 @@ function Ar(e, t, s, n, a, o) {
       }, 8, ["name"])
     ]),
     e.$slots.calendarFooterMonth ? (r(), p("div", Pr, [
-      M(e.$slots, "calendarFooterMonth")
+      x(e.$slots, "calendarFooterMonth")
     ])) : C("", !0)
   ]);
 }
@@ -6555,7 +6566,7 @@ 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, [
-      M(e.$slots, "beforeCalendarHeaderYear")
+      x(e.$slots, "beforeCalendarHeaderYear")
     ])) : C("", !0),
     e.showHeader ? (r(), B(c, {
       key: 1,
@@ -6567,10 +6578,10 @@ function Rr(e, t, s, n, a, o) {
       onSetFocus: t[1] || (t[1] = (d) => e.$emit("set-focus", d))
     }, {
       prevIntervalBtn: h(() => [
-        M(e.$slots, "prevIntervalBtn")
+        x(e.$slots, "prevIntervalBtn")
       ]),
       nextIntervalBtn: h(() => [
-        M(e.$slots, "nextIntervalBtn")
+        x(e.$slots, "nextIntervalBtn")
       ]),
       default: h(() => [
         _(i, {
@@ -6586,7 +6597,7 @@ function Rr(e, t, s, n, a, o) {
       _: 3
     }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : C("", !0),
     u("div", zr, [
-      _(ne, { name: e.transitionName }, {
+      _(oe, { name: e.transitionName }, {
         default: h(() => [
           (r(), B(l, {
             ref: "cells",
@@ -6607,7 +6618,7 @@ function Rr(e, t, s, n, a, o) {
       }, 8, ["name"])
     ]),
     e.$slots.calendarFooterYear ? (r(), p("div", jr, [
-      M(e.$slots, "calendarFooterYear")
+      x(e.$slots, "calendarFooterYear")
     ])) : C("", !0)
   ]);
 }
@@ -7091,7 +7102,7 @@ function Xr(e, t, s, n, a, o) {
   return r(), p("div", {
     id: o.datepickerId,
     ref: "datepicker",
-    class: O(["bimdata-datepicker", [s.wrapperClass]]),
+    class: S(["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"]))
@@ -7129,19 +7140,19 @@ function Xr(e, t, s, n, a, o) {
       onOpen: o.open,
       onSetFocus: t[0] || (t[0] = (l) => e.setFocus(l)),
       onTab: e.tabThroughNavigation,
-      style: k(o.style)
+      style: T(o.style)
     }, {
       beforeDateInput: h(() => [
-        M(e.$slots, "beforeDateInput")
+        x(e.$slots, "beforeDateInput")
       ]),
       afterDateInput: h(() => [
-        M(e.$slots, "afterDateInput")
+        x(e.$slots, "afterDateInput")
       ]),
       clearBtn: h(() => [
-        M(e.$slots, "clearBtn")
+        x(e.$slots, "clearBtn")
       ]),
       calendarBtn: h(() => [
-        M(e.$slots, "calendarBtn")
+        x(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, {
@@ -7178,27 +7189,27 @@ function Xr(e, t, s, n, a, o) {
       onOpen: o.open,
       onSetFocus: t[1] || (t[1] = (l) => e.setFocus(l)),
       onTab: e.tabThroughNavigation,
-      style: k(o.style)
+      style: T(o.style)
     }, {
       beforeDateInput: h(() => [
-        M(e.$slots, "beforeDateInput")
+        x(e.$slots, "beforeDateInput")
       ]),
       afterDateInput: h(() => [
-        M(e.$slots, "afterDateInput")
+        x(e.$slots, "afterDateInput")
       ]),
       clearBtn: h(() => [
-        M(e.$slots, "clearBtn")
+        x(e.$slots, "clearBtn")
       ]),
       calendarBtn: h(() => [
-        M(e.$slots, "calendarBtn")
+        x(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"])),
     o.isOpen ? (r(), p("div", Wr, [
-      _(ne, { name: "toggle" }, {
+      _(oe, { name: "toggle" }, {
         default: h(() => [
           W(u("div", {
-            class: O(["bimdata-datepicker__calendar", [o.pickerClasses, s.fixedPosition]]),
+            class: S(["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"])),
@@ -7208,14 +7219,14 @@ function Xr(e, t, s, n, a, o) {
               t[9] || (t[9] = F(P((l) => e.tabThroughNavigation(l), ["stop"]), ["tab"]))
             ]
           }, [
-            _(ne, { name: "view" }, {
+            _(oe, { name: "view" }, {
               default: h(() => [
                 (r(), p("div", {
                   ref: "view",
                   key: a.view
                 }, [
                   e.$slots.beforeCalendarHeader ? (r(), p("div", Jr, [
-                    M(e.$slots, "beforeCalendarHeader")
+                    x(e.$slots, "beforeCalendarHeader")
                   ])) : C("", !0),
                   (r(), B(Me(o.picker), {
                     ref: "picker",
@@ -7249,7 +7260,7 @@ function Xr(e, t, s, n, a, o) {
                     onSetView: o.setView
                   }, Dt({
                     dayCellContent: h(({ cell: l }) => [
-                      l ? M(e.$slots, "dayCellContent", {
+                      l ? x(e.$slots, "dayCellContent", {
                         key: 0,
                         cell: l
                       }) : C("", !0)
@@ -7259,12 +7270,12 @@ function Xr(e, t, s, n, a, o) {
                     J(a.calendarSlots, (l) => ({
                       name: l,
                       fn: h(() => [
-                        M(e.$slots, l)
+                        x(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, [
-                    M(e.$slots, "calendarFooter")
+                    x(e.$slots, "calendarFooter")
                   ])) : C("", !0)
                 ]))
               ]),
@@ -7352,11 +7363,11 @@ const Qr = /* @__PURE__ */ v(Yr, [["render", Xr]]), ec = {
 };
 function tc(e, t, s, n, a, o) {
   return r(), B(Me(s.component), {
-    style: k(o.style),
-    class: O(o.classes)
+    style: T(o.style),
+    class: S(o.classes)
   }, {
     default: h(() => [
-      M(e.$slots, "default")
+      x(e.$slots, "default")
     ]),
     _: 3
   }, 8, ["style", "class"]);
@@ -7485,12 +7496,12 @@ const rc = {
 };
 function hc(e, t, s, n, a, o) {
   return r(), p("div", {
-    class: O(["bimdata-textarea", {
+    class: S(["bimdata-textarea", {
       "not-empty": s.modelValue !== null && s.modelValue !== "" || s.placeholder !== null,
       error: s.error,
       success: s.success
     }]),
-    style: k({ "min-width": s.width, "min-height": s.height })
+    style: T({ "min-width": s.width, "min-height": s.height })
   }, [
     u("textarea", Be({
       ref: "textarea",
@@ -7577,19 +7588,19 @@ 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)
     }, [
-      M(e.$slots, "content", {}, void 0, !0),
-      M(e.$slots, "default", {}, void 0, !0)
+      x(e.$slots, "content", {}, void 0, !0),
+      x(e.$slots, "default", {}, void 0, !0)
     ], 32),
-    _(ne, { name: "fade" }, {
+    _(oe, { name: "fade" }, {
       default: h(() => [
         W(u("div", {
           ref: "tooltipText",
-          class: O(["bimdata-tooltip__tooltip", [
+          class: S(["bimdata-tooltip__tooltip", [
             `bimdata-tooltip__tooltip--${s.position}`,
             `bimdata-tooltip__tooltip--${s.color}`,
             ...o._className
           ]]),
-          style: k({ maxWidth: s.maxWidth })
+          style: T({ maxWidth: s.maxWidth })
         }, g(o._text), 7), [
           [ee, o.isDisplayed]
         ])
@@ -7658,7 +7669,7 @@ function Oc(e, t, s, n, a, o) {
     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: O(["image-preview", { single: s.viewpoints.length === 1 }]),
+          class: S(["image-preview", { single: s.viewpoints.length === 1 }]),
           key: m.guid || y
         }, [
           m.snapshot.snapshot_data ? (r(), p("img", {
@@ -7795,7 +7806,7 @@ function Uc(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: O(["bcf-topic-snapshots-actions flex", { "bcf-topic-snapshots-actions__xs": s.isXs }])
+    class: S(["bcf-topic-snapshots-actions flex", { "bcf-topic-snapshots-actions__xs": s.isXs }])
   }, [
     _(l, {
       disabled: s.viewpoints.length >= 4,
@@ -7940,7 +7951,7 @@ function Kc(e, t, s, n, a, o) {
   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: O(["snapshot-preview", { single: s.viewpoints.length === 1 }]),
+        class: S(["snapshot-preview", { single: s.viewpoints.length === 1 }]),
         key: d.guid || m
       }, [
         d.snapshot.snapshot_data ? (r(), p("img", {
@@ -8068,12 +8079,12 @@ 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 = S(""), i = S(null), c = S(null), l = S(null), d = S(null), m = S(null), y = S(null), D = S(""), b = S([]), w = S([]), T = S([]), $ = S([]), N = S([]), L = j(
-      () => w.value.concat(T.value).filter((U) => !N.value.some((x) => x.guid === U.guid)).filter((U) => U.snapshot)
-    ), K = S(!1), R = S(!1), V = S(!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 = [], T.value = [], $.value = [], N.value = [], K.value = !1, R.value = !1, V.value = !1;
+    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;
     };
-    return ie(
+    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();
@@ -8084,7 +8095,7 @@ const Zc = {
       hasErrorTitle: K,
       isCreation: n,
       isOpenModal: R,
-      loading: V,
+      loading: O,
       nextIndex: a,
       topicAssignedTo: m,
       topicDescription: D,
@@ -8098,33 +8109,33 @@ const Zc = {
       viewpointsToDisplay: L,
       // Methods
       createViewpoint: (U) => {
-        T.value.push(U);
+        V.value.push(U);
       },
       deleteViewpoint: (U) => {
         if (U.guid)
           N.value.push(U);
         else {
-          let x = T.value.indexOf(U);
-          T.value.splice(x, 1);
+          let k = V.value.indexOf(U);
+          V.value.splice(k, 1);
         }
       },
       submit: async () => {
-        var U, x;
+        var U, k;
         if (!o.value) {
           K.value = !0;
           return;
         }
         try {
-          V.value = !0, $.value = w.value.map((Y) => ({
+          O.value = !0, M.value = w.value.map((Y) => ({
             ...Y,
             snapshot: void 0
-          })), $.value.length === 0 && T.value.sort(
+          })), M.value.length === 0 && V.value.sort(
             (Y, se) => (Y.order ?? 1 / 0) - (se.order ?? 1 / 0)
           );
-          const I = $.value.concat(T.value);
+          const I = M.value.concat(V.value);
           e.topicObjects && (I.length > 0 ? I.forEach((Y) => {
             Object.assign(Y, { components: e.topicObjects }), bs(Y);
-          }) : T.value.push({ components: e.topicObjects })), e.topicAnnotations && I.forEach((Y) => Y.pins = e.topicAnnotations);
+          }) : 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,
             title: o.value,
@@ -8137,14 +8148,14 @@ const Zc = {
             description: D.value,
             labels: b.value,
             // Keep topic models unchanged if any, otherwise use provided topic models.
-            models: ((x = e.topic) == null ? void 0 : x.models) || e.topicModels
+            models: ((k = e.topic) == null ? void 0 : k.models) || e.topicModels
           };
           let H;
           n.value ? H = await s.createTopic(e.project, E) : H = await s.updateTopic(e.project, E), await Promise.all([
-            ...T.value.map(
+            ...V.value.map(
               (Y) => s.createViewpoint(e.project, H, Y)
             ),
-            ...$.value.map(
+            ...M.value.map(
               (Y) => s.updateViewpoint(e.project, H, Y)
             ),
             ...N.value.map(
@@ -8154,7 +8165,7 @@ const Zc = {
         } catch (I) {
           t(n.value ? "topic-create-error" : "topic-update-error", I);
         } finally {
-          V.value = !1;
+          O.value = !1;
         }
       }
     };
@@ -8170,7 +8181,7 @@ const Zc = {
   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"), T = f("BIMDataInput"), $ = f("BIMDataSelect"), N = f("BIMDataDatePicker"), L = f("BIMDataTextarea"), K = f("BIMDataLoading"), R = f("BIMDataSafeZoneModal");
+  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, {
@@ -8178,7 +8189,7 @@ function cd(e, t, s, n, a, o) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: t[0] || (t[0] = (V) => e.$emit("back"))
+        onClick: t[0] || (t[0] = (O) => e.$emit("back"))
       }, {
         default: h(() => [
           _(i, {
@@ -8203,7 +8214,7 @@ function cd(e, t, s, n, a, o) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: t[1] || (t[1] = (V) => e.$emit("close"))
+        onClick: t[1] || (t[1] = (O) => e.$emit("close"))
       }, {
         default: h(() => [
           _(d, {
@@ -8239,7 +8250,7 @@ function cd(e, t, s, n, a, o) {
             fill: "",
             radius: "",
             disabled: !s.objectsEditEnabled,
-            onClick: t[2] || (t[2] = (V) => e.$emit("edit-topic-objects", s.topic))
+            onClick: t[2] || (t[2] = (O) => e.$emit("edit-topic-objects", s.topic))
           }, {
             default: h(() => [
               _(D, {
@@ -8263,7 +8274,7 @@ function cd(e, t, s, n, a, o) {
                 fill: "",
                 radius: "",
                 disabled: !s.annotationsEditEnabled || n.viewpointsToDisplay.length === 0,
-                onClick: t[3] || (t[3] = (V) => e.$emit("edit-topic-annotations", s.topic))
+                onClick: t[3] || (t[3] = (O) => e.$emit("edit-topic-annotations", s.topic))
               }, {
                 default: h(() => [
                   _(D, {
@@ -8286,53 +8297,53 @@ function cd(e, t, s, n, a, o) {
         onDeleteViewpoint: n.deleteViewpoint
       }, null, 8, ["viewpoints", "onCreateViewpoint", "onDeleteViewpoint"])),
       u("div", id, [
-        _(T, {
+        _(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] = (V) => n.topicTitle = V),
+          "onUpdate:modelValue": t[4] || (t[4] = (O) => n.topicTitle = O),
           onKeyup: F(P(n.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicType = V)
+          "onUpdate:modelValue": t[5] || (t[5] = (O) => n.topicType = O)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicPriority = V)
+          "onUpdate:modelValue": t[6] || (t[6] = (O) => n.topicPriority = O)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicStatus = V)
+          "onUpdate:modelValue": t[7] || (t[7] = (O) => n.topicStatus = O)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicStage = V)
+          "onUpdate:modelValue": t[8] || (t[8] = (O) => n.topicStage = O)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicAssignedTo = V)
+          "onUpdate:modelValue": t[9] || (t[9] = (O) => n.topicAssignedTo = O)
         }, null, 8, ["label", "options", "disabled", "modelValue"]),
         u("div", ad, [
           _(N, {
@@ -8340,7 +8351,7 @@ function cd(e, t, s, n, a, o) {
             placeholder: e.$t("BcfComponents.BcfTopicForm.dueDateLabel"),
             value: n.topicDueDate,
             modelValue: n.topicDueDate,
-            "onUpdate:modelValue": t[10] || (t[10] = (V) => n.topicDueDate = V),
+            "onUpdate:modelValue": t[10] || (t[10] = (O) => n.topicDueDate = O),
             clearButton: !0
           }, null, 8, ["placeholder", "value", "modelValue"])
         ]),
@@ -8349,16 +8360,16 @@ 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] = (V) => n.topicDescription = V),
+          "onUpdate:modelValue": t[11] || (t[11] = (O) => n.topicDescription = O),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
-        _($, {
+        _(M, {
           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] = (V) => n.topicLabels = V),
+          "onUpdate:modelValue": t[12] || (t[12] = (O) => n.topicLabels = O),
           multi: !0
         }, null, 8, ["label", "options", "disabled", "modelValue"])
       ])
@@ -8391,7 +8402,7 @@ function cd(e, t, s, n, a, o) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: t[13] || (t[13] = (V) => e.$emit("close"))
+          onClick: t[13] || (t[13] = (O) => e.$emit("close"))
         }, {
           default: h(() => [
             A(g(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
@@ -8402,7 +8413,7 @@ function cd(e, t, s, n, a, o) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: t[14] || (t[14] = (V) => n.isOpenModal = !1)
+          onClick: t[14] || (t[14] = (O) => n.isOpenModal = !1)
         }, {
           default: h(() => [
             A(g(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
@@ -8500,14 +8511,14 @@ function fd(e, t, s, n, a, o) {
     class: "bimdata-dropdown-list",
     direction: s.directionClass,
     closeOnElementClick: s.closeOnElementClick,
-    style: k(o.style)
+    style: T(o.style)
   }, [
     u("div", {
-      class: O(["bimdata-dropdown-list__content", { active: a.displayed, disabled: s.disabled }]),
+      class: S(["bimdata-dropdown-list__content", { active: a.displayed, disabled: s.disabled }]),
       onClick: t[0] || (t[0] = (...m) => o.onHeaderClick && o.onHeaderClick(...m)),
-      style: k(o.style)
+      style: T(o.style)
     }, [
-      M(e.$slots, "header", { isOpen: a.displayed }, void 0, !0),
+      x(e.$slots, "header", { isOpen: a.displayed }, void 0, !0),
       _(c, {
         color: "default",
         icon: "",
@@ -8524,14 +8535,14 @@ function fd(e, t, s, n, a, o) {
         ]),
         _: 1
       }),
-      M(e.$slots, "contentAfterBtn", { isOpen: a.displayed }, void 0, !0)
+      x(e.$slots, "contentAfterBtn", { isOpen: a.displayed }, void 0, !0)
     ], 6),
-    _(ne, {
+    _(oe, {
       name: `slide-fade-${s.transitionName}`
     }, {
       default: h(() => [
         W(_(l, {
-          class: O(`submenu submenu--${s.directionClass}`),
+          class: S(`submenu submenu--${s.directionClass}`),
           list: s.list,
           perPage: s.perPage,
           elementKey: s.elementKey,
@@ -8539,7 +8550,7 @@ function fd(e, t, s, n, a, o) {
           loading: s.loading
         }, {
           element: h(({ element: m }) => [
-            M(e.$slots, "element", {
+            x(e.$slots, "element", {
               element: m,
               close: o.away,
               isOpen: a.displayed
@@ -8591,8 +8602,8 @@ const hd = {
 function gd(e, t, s, n, a, o) {
   const i = f("BIMDataIconUser");
   return r(), p("div", {
-    class: O(["user-avatar", `user-avatar--${s.user.profile_picture ? "silver-light" : s.color}`]),
-    style: k({
+    class: S(["user-avatar", `user-avatar--${s.user.profile_picture ? "silver-light" : s.color}`]),
+    style: T({
       width: `${s.size}px`,
       height: `${s.size}px`,
       fontSize: `${s.initialsSize ? s.initialsSize : +s.size * 0.382}px`
@@ -8649,27 +8660,27 @@ const yd = {
   },
   emits: ["comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: t }) {
-    const s = It("$viewer", null), n = Ce(), a = S(!1), o = S(!1), i = () => o.value = !1, c = () => o.value = !o.value, l = S(e.comment.comment), d = S(null), m = async () => {
+    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 () => {
       d.value = await n.fetchTopicCommentViewpoint(
         e.project,
         e.topic,
         e.comment
       );
-    }, y = S(!1), D = () => {
+    }, y = $(!1), D = () => {
       y.value = !0, i();
     }, b = () => {
       y.value = !1, l.value = e.comment.comment;
     }, w = async () => {
       d.value.guid && await n.deleteViewpoint(e.project, e.topic, d.value), d.value = null;
-    }, T = S(!1), $ = S([]), N = (I) => {
+    }, 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 () => {
-      $.value.length === 1 ? await R($.value[0]) : $.value.length > 1 && (T.value = !0);
+      M.value.length === 1 ? await R(M.value[0]) : M.value.length > 1 && (V.value = !0);
     }, R = async ({ viewer: I }) => {
-      L(I), T.value = !1, d.value = await I.getViewpoint();
-    }, V = async () => {
+      L(I), V.value = !1, d.value = await I.getViewpoint();
+    }, O = async () => {
       var I;
       try {
         if (e.comment.comment === l.value && !d.value) {
@@ -8694,7 +8705,7 @@ const yd = {
       } finally {
         a.value = !1;
       }
-    }, X = S(!1), q = () => {
+    }, X = $(!1), q = () => {
       X.value = !0, i();
     }, te = async () => {
       try {
@@ -8716,7 +8727,7 @@ const yd = {
         { viewpoint: I }
       ) : t("view-comment-snapshot", I);
     };
-    let U, x;
+    let U, k;
     return Ye(async () => {
       if (e.comment.viewpoint_guid && await m(), s) {
         const I = () => {
@@ -8725,14 +8736,14 @@ const yd = {
             ([H, Y]) => Y.map((se, ae) => ({ key: `${H}-${ae}`, id: H, index: ae, viewer: se }))
           ).flat();
         };
-        $.value = I(), U = s.globalContext.hub.on("plugin-created", () => {
-          $.value = I();
-        }), x = s.globalContext.hub.on("plugin-destroyed", () => {
-          $.value = I();
+        M.value = I(), U = s.globalContext.hub.on("plugin-created", () => {
+          M.value = I();
+        }), k = s.globalContext.hub.on("plugin-destroyed", () => {
+          M.value = I();
         });
       }
     }), wt(() => {
-      s && (s.globalContext.hub.off(U), s.globalContext.hub.off(x));
+      s && (s.globalContext.hub.off(U), s.globalContext.hub.off(k));
     }), {
       // References
       isDeleting: X,
@@ -8741,8 +8752,8 @@ const yd = {
       loading: a,
       showMenu: o,
       text: l,
-      viewerSelectOptions: $,
-      viewerSelectVisible: T,
+      viewerSelectOptions: M,
+      viewerSelectVisible: V,
       viewpoint: d,
       // Methods
       cancelUpdate: b,
@@ -8755,7 +8766,7 @@ const yd = {
       openCommentSnapshot: Q,
       setCommentViewpoint: K,
       submitDelete: te,
-      submitUpdate: V,
+      submitUpdate: O,
       toggleMenu: c,
       loadViewpoint: m,
       unhighlightViewer: L
@@ -8775,7 +8786,7 @@ const yd = {
   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"), T = f("BIMDataIconEllipsis"), $ = f("BIMDataTextarea"), N = f("BIMDataIconCamera"), L = f("BIMDataDropdownList"), K = f("BIMDataLoading");
+  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, [
@@ -8926,7 +8937,7 @@ function Ed(e, t, s, n, a, o) {
             onClick: n.toggleMenu
           }, {
             default: h(() => [
-              _(T, {
+              _(V, {
                 size: "l",
                 fill: "",
                 color: "granite-light"
@@ -8938,8 +8949,8 @@ function Ed(e, t, s, n, a, o) {
       ])
     ]),
     u("div", $d, [
-      _($, {
-        class: O({ editing: n.isEditing }),
+      _(M, {
+        class: S({ editing: n.isEditing }),
         width: "100%",
         rows: "1",
         modelValue: n.text,
@@ -8973,8 +8984,8 @@ function Ed(e, t, s, n, a, o) {
           element: h(({ element: R }) => [
             u("div", {
               style: { width: "100%" },
-              onMouseenter: (V) => n.highlightViewer(R.viewer),
-              onMouseleave: (V) => n.unhighlightViewer(R.viewer)
+              onMouseenter: (O) => n.highlightViewer(R.viewer),
+              onMouseleave: (O) => n.unhighlightViewer(R.viewer)
             }, g(`${R.id} (${R.index})`), 41, Od)
           ]),
           _: 1
@@ -9041,15 +9052,15 @@ const Pd = {
   },
   emis: ["comment-created", "comment-updated", "comment-deleted", "view-comment-snapshot"],
   setup(e, { emit: t }) {
-    const s = Ce(), n = S([]), a = S(!1), o = S(!1), i = S(null), c = S(""), l = S(null), d = async () => {
+    const s = Ce(), 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 = S(!1), D = S([]), b = (q) => {
+    }, 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 = "";
-    }, T = async () => {
-      D.value.length === 1 ? await $(D.value[0]) : D.value.length > 1 && (y.value = !0);
-    }, $ = async ({ viewer: q }) => {
+    }, 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();
     }, N = () => {
       l.value = null;
@@ -9074,28 +9085,28 @@ const Pd = {
     }, R = (q) => {
       d(), t("comment-deleted", q);
     };
-    ie(
+    ne(
       () => e.topic,
       () => d(),
       { immediate: !0 }
-    ), ie(a, () => setTimeout(() => a.value && i.value.focus(), 50));
-    let V, X;
+    ), ne(a, () => setTimeout(() => a.value && i.value.focus(), 50));
+    let O, X;
     return Ye(() => {
       if (m) {
         const q = () => {
           var te;
           return Object.entries(((te = e.getViewers) == null ? void 0 : te.call(e)) ?? []).map(
-            ([Q, U]) => U.map((x, I) => ({ key: `${Q}-${I}`, id: Q, index: I, viewer: x }))
+            ([Q, U]) => U.map((k, I) => ({ key: `${Q}-${I}`, id: Q, index: I, viewer: k }))
           ).flat();
         };
-        D.value = q(), V = m.globalContext.hub.on("plugin-created", () => {
+        D.value = q(), O = m.globalContext.hub.on("plugin-created", () => {
           D.value = q();
         }), X = m.globalContext.hub.on("plugin-destroyed", () => {
           D.value = q();
         });
       }
     }), wt(() => {
-      m && (m.globalContext.hub.off(V), m.globalContext.hub.off(X));
+      m && (m.globalContext.hub.off(O), m.globalContext.hub.off(X));
     }), {
       // References
       comments: n,
@@ -9108,13 +9119,13 @@ const Pd = {
       viewpoint: l,
       isViewer: !!m,
       // Methods
-      createViewpoint: $,
+      createViewpoint: M,
       deleteViewpoint: N,
       highlightViewer: b,
       loadComments: d,
       onCommentDeleted: R,
       onCommentUpdated: K,
-      setCommentViewpoint: T,
+      setCommentViewpoint: V,
       submitComment: L,
       unhighlightViewer: w
     };
@@ -9344,11 +9355,11 @@ function su(e, t, s, n, a, o) {
       u("div", {
         class: "bimdata-carousel__container__slider",
         ref: "slider",
-        style: k({
+        style: T({
           transform: `translateX(-${a.translations[a.index]}px)`
         })
       }, [
-        M(e.$slots, "default", {}, void 0, !0)
+        x(e.$slots, "default", {}, void 0, !0)
       ], 4)
     ]),
     W(_(c, {
@@ -9459,8 +9470,8 @@ function iu(e, t, s, n, a, o) {
     fill: s.fill,
     fillColor: s.fillColor,
     color: s.color,
-    class: O(o.classes),
-    style: k(o.style)
+    class: S(o.classes),
+    style: T(o.style)
   }, null, 8, ["fill", "fillColor", "color", "class", "style"]);
 }
 const au = /* @__PURE__ */ v(ou, [["render", iu], ["__scopeId", "data-v-a53c2882"]]);
@@ -9504,12 +9515,12 @@ const lu = {
 function cu(e, t, s, n, a, o) {
   const i = f("BIMDataIconInformation"), c = f("BIMDataIcon"), l = f("BIMDataCarousel"), d = f("BcfTopicDefaultImage");
   return r(), p("div", {
-    class: O(["bcf-topic-viewpoints", { empty: n.viewpoints.length === 0 }])
+    class: S(["bcf-topic-viewpoints", { empty: n.viewpoints.length === 0 }])
   }, [
     s.topic.topic_status ? (r(), p("div", {
       key: 0,
       class: "status-badge",
-      style: k({
+      style: T({
         backgroundColor: `#${n.statusColor}`,
         color: n.adjustTextColor(`#${n.statusColor}`, "#FFF", "#2F374A")
       })
@@ -9608,10 +9619,10 @@ const uu = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: t }) {
-    const s = Ce(), n = S(!1), a = S(!1), o = j(() => me(e.topic, e.detailedExtensions)), i = j(() => {
+    const s = Ce(), n = $(!1), a = $(!1), o = j(() => me(e.topic, e.detailedExtensions)), i = j(() => {
       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 = S(""), d = async () => {
+    }), c = j(() => Array.from(e.topic.labels ?? []).sort()), l = $(""), d = async () => {
       l.value = (await s.fetchCurrentUser()).email ?? "";
     }, m = async () => {
       try {
@@ -9643,7 +9654,7 @@ const uu = {
   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"), T = f("BcfTopicComments"), $ = f("BIMDataSafeZoneModal"), N = f("BIMDataLoading");
+  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, {
@@ -9715,7 +9726,7 @@ function Ju(e, t, s, n, a, o) {
       u("div", gu, [
         u("div", {
           class: "bcf-topic-overview__content__head__index",
-          style: k({
+          style: T({
             backgroundColor: `#${n.priorityColor}`,
             color: n.adjustTextColor(`#${n.priorityColor}`, "#FFF", "#2F374A")
           })
@@ -9799,7 +9810,7 @@ function Ju(e, t, s, n, a, o) {
           u("span", zu, g(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           u("span", {
             class: "value",
-            style: k({ color: `#${n.priorityColor}` })
+            style: T({ color: `#${n.priorityColor}` })
           }, g(s.topic.priority || e.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
         u("div", ju, [
@@ -9811,7 +9822,7 @@ function Ju(e, t, s, n, a, o) {
           u("span", Zu, g(n.topicLabels.length ? n.topicLabels.join(", ") : e.$t("BcfComponents.BcfTopicOverview.noTags")), 1)
         ])
       ]),
-      _(T, {
+      _(V, {
         uiConfig: s.uiConfig,
         project: s.project,
         topic: s.topic,
@@ -9823,7 +9834,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($, {
+    n.showDeleteModal ? (r(), B(M, {
       key: 0,
       class: "delete-modal"
     }, {
@@ -9908,8 +9919,8 @@ function Xu(e, t, {
   fullSelectionToggleEffect: a = () => {
   }
 } = {}) {
-  const o = S(/* @__PURE__ */ new Map());
-  return ie(
+  const o = $(/* @__PURE__ */ new Map());
+  return ne(
     e,
     () => {
       o.value = new Map(
@@ -9917,13 +9928,13 @@ function Xu(e, t, {
       );
     },
     { immediate: !0 }
-  ), ie(
+  ), ne(
     t,
     () => {
       o.value = t.value;
     },
     { immediate: !0 }
-  ), ie(
+  ), ne(
     o,
     () => {
       s(o.value);
@@ -10006,47 +10017,47 @@ const Qu = {
   ],
   setup(e, { emit: t }) {
     const s = j(
-      () => e.rows.map(($, N) => ({ key: $[e.rowKey] ?? N, data: $ }))
+      () => e.rows.map((M, N) => ({ key: M[e.rowKey] ?? N, data: M }))
     ), { rowSelection: n, toggleRowSelection: a, toggleFullSelection: o } = Xu(
       s,
       j(() => e.selection),
       {
-        rowSelectionUpdateEffect: ($) => {
-          t("update:selection", $), t("selection-changed", Array.from($.values()));
+        rowSelectionUpdateEffect: (M) => {
+          t("update:selection", M), t("selection-changed", Array.from(M.values()));
         },
-        rowSelectionToggleEffect: ($, { data: N }) => {
-          t($ ? "row-selected" : "row-deselected", N);
+        rowSelectionToggleEffect: (M, { data: N }) => {
+          t(M ? "row-selected" : "row-deselected", N);
         },
-        fullSelectionToggleEffect: ($) => {
-          t($ ? "all-selected" : "all-deselected");
+        fullSelectionToggleEffect: (M) => {
+          t(M ? "all-selected" : "all-deselected");
         }
       }
-    ), i = ($) => {
-      e.selectable && a($);
+    ), i = (M) => {
+      e.selectable && a(M);
     }, c = () => {
       e.selectable && o();
-    }, l = S([]), d = S(0), m = S(1), y = S(e.perPage);
-    ie(
+    }, l = $([]), d = $(0), m = $(1), y = $(e.perPage);
+    ne(
       [s, () => e.perPage],
       () => {
         d.value = 0;
       },
       { immediate: !0 }
-    ), ie(
+    ), ne(
       [s, () => e.paginated, () => e.perPage, d],
-      ([$, N, L, K]) => {
-        const R = $.map((V) => V.key);
+      ([M, N, L, K]) => {
+        const R = M.map((O) => O.key);
         if (N) {
-          const V = L * K, X = V + L;
-          l.value = R.slice(V, X), m.value = V + 1, y.value = Math.min(X, $.length);
+          const O = L * K, X = O + L;
+          l.value = R.slice(O, X), m.value = O + 1, y.value = Math.min(X, M.length);
         } else
           l.value = R;
       },
       { immediate: !0 }
     );
-    const D = ($, N) => {
-      e.canDragOverRow($) && (t("row-drop", { data: $, event: N }), b.value = null);
-    }, b = S(null);
+    const D = (M, N) => {
+      e.canDragOverRow(M) && (t("row-drop", { data: M, event: N }), b.value = null);
+    }, b = $(null);
     return {
       // References
       computedRows: s,
@@ -10058,8 +10069,8 @@ const Qu = {
       dragOveredRowKey: b,
       // Methods
       onDrop: D,
-      onDragover: ($, N, L) => {
-        e.canDragOverRow(N) && (L.preventDefault(), b.value = $);
+      onDragover: (M, N, L) => {
+        e.canDragOverRow(N) && (L.preventDefault(), b.value = M);
       },
       onDragleave: () => {
         b.value = null;
@@ -10080,17 +10091,17 @@ function l_(e, t, s, n, a, o) {
   return r(), p("div", e_, [
     u("div", {
       class: "bimdata-table__container",
-      style: k({
+      style: T({
         height: s.paginated ? `${(s.perPage + 1) * s.rowHeight}px` : void 0
       })
     }, [
       u("table", {
-        style: k({ width: s.tableWidth, tableLayout: s.tableLayout })
+        style: T({ width: s.tableWidth, tableLayout: s.tableLayout })
       }, [
         u("thead", null, [
           u("tr", {
             key: "head-row-0",
-            style: k({ height: `${s.rowHeight}px` })
+            style: T({ height: `${s.rowHeight}px` })
           }, [
             s.selectable ? (r(), p("th", t_, [
               _(i, {
@@ -10101,7 +10112,7 @@ function l_(e, t, s, n, a, o) {
             ])) : C("", !0),
             (r(!0), p(z, null, J(s.columns, (d, m) => (r(), p("th", {
               key: `head-row-0-col-${m}`,
-              style: k({
+              style: T({
                 width: d.width || "auto",
                 textAlign: d.align || "left"
               })
@@ -10112,7 +10123,7 @@ function l_(e, t, s, n, a, o) {
               class: "cell-sub-header",
               colspan: s.columns.length + s.selectable
             }, [
-              M(e.$slots, "sub-header", {}, void 0, !0)
+              x(e.$slots, "sub-header", {}, void 0, !0)
             ], 8, n_)
           ])
         ]),
@@ -10121,10 +10132,10 @@ function l_(e, t, s, n, a, o) {
         }, [
           (r(!0), p(z, null, J(n.computedRows, ({ key: d, data: m }) => W((r(), p("tr", {
             key: `body-row-${d}`,
-            style: k({ height: `${s.rowHeight}px` }),
+            style: T({ height: `${s.rowHeight}px` }),
             onDrop: (y) => n.onDrop(m, y),
             onDragover: (y) => n.onDragover(d, m, y),
-            class: O({
+            class: S({
               "bimdata-table__row--drag-overed": n.dragOveredRowKey === d
             })
           }, [
@@ -10136,12 +10147,12 @@ function l_(e, t, s, n, a, o) {
             ])) : C("", !0),
             (r(!0), p(z, null, J(s.columns, (y, D) => (r(), p("td", {
               key: `body-row-${d}-col-${D}`,
-              style: k({
+              style: T({
                 width: y.width || "auto",
                 textAlign: y.align || "left"
               })
             }, [
-              M(e.$slots, `cell-${y.id}`, { row: m }, () => [
+              x(e.$slots, `cell-${y.id}`, { row: m }, () => [
                 A(g(m[y.id] || m[D]), 1)
               ], !0)
             ], 4))), 128))
@@ -10153,11 +10164,11 @@ function l_(e, t, s, n, a, o) {
       s.rows.length === 0 ? (r(), p("div", {
         key: 0,
         class: "bimdata-table__container__placeholder",
-        style: k({
+        style: T({
           height: `calc(100% - ${s.rowHeight}px)`
         })
       }, [
-        M(e.$slots, "placeholder", {}, () => [
+        x(e.$slots, "placeholder", {}, () => [
           A(g(s.placeholder), 1)
         ], !0)
       ], 4)) : C("", !0)
@@ -10165,7 +10176,7 @@ function l_(e, t, s, n, a, o) {
     s.paginated ? (r(), p("div", {
       key: 0,
       class: "bimdata-table__page-nav",
-      style: k({ visibility: s.rows.length > s.perPage ? "visible" : "hidden" })
+      style: T({ visibility: s.rows.length > s.perPage ? "visible" : "hidden" })
     }, [
       _(l, {
         ghost: "",
@@ -10256,7 +10267,7 @@ function m_(e, t, s, n, a, o) {
   return r(), p("div", p_, [
     u("span", {
       class: "left-stripe",
-      style: k({ backgroundColor: `#${n.priorityColor}` })
+      style: T({ backgroundColor: `#${n.priorityColor}` })
     }, null, 4),
     u("span", h_, g(s.topic.index), 1)
   ]);
@@ -10285,7 +10296,7 @@ const y_ = {
 function b_(e, t, s, n, a, o) {
   return r(), p("span", {
     class: "bcf-topic-priority-cell",
-    style: k({ color: `#${n.priorityColor}` })
+    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"]]);
@@ -10314,7 +10325,7 @@ const D_ = {
 function C_(e, t, s, n, a, o) {
   return r(), p("span", {
     class: "bcf-topic-status-cell",
-    style: k({
+    style: T({
       backgroundColor: `#${n.statusColor}`,
       color: n.adjustTextColor(n.statusColor, "#ffffff", "var(--color-text)")
     })
@@ -10423,8 +10434,8 @@ function B_(e, t, s, n, a, o) {
         text: w.title
       }, null, 8, ["text"])
     ]),
-    "cell-creator": h(({ row: { creator: w, creation_author: T } }) => [
-      _(y, { text: T }, {
+    "cell-creator": h(({ row: { creator: w, creation_author: V } }) => [
+      _(y, { text: V }, {
         default: h(() => [
           _(m, {
             user: w || {},
@@ -10442,7 +10453,7 @@ function B_(e, t, s, n, a, o) {
     "cell-actions": h(({ row: w }) => [
       _(D, {
         topic: w,
-        onOpenTopic: t[0] || (t[0] = (T) => e.$emit("open-topic", T))
+        onOpenTopic: t[0] || (t[0] = (V) => e.$emit("open-topic", V))
       }, null, 8, ["topic"])
     ]),
     _: 1