@bimdata/bcf-components 3.1.0 → 3.1.1-rc.2

package/dist/vue2/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as Fe, computed as M, ref as L, watch as T, toRaw as a2, inject as De } from "vue";
+import { reactive as Fe, computed as x, ref as L, watch as S, toRaw as a2, inject as De } from "vue";
 const ve = Object.freeze([
   "Priority",
   "Type",
@@ -377,29 +377,29 @@ var R1 = { exports: {} }, n1 = { exports: {} };
       return (0, d.default)(_, g, H, Z);
     if ((0, u.isAsyncIterable)(_))
       return (0, d.default)(_[Symbol.asyncIterator](), g, H, Z);
-    var $ = (0, l.default)(_), m = !1, V = !1, y = 0, w = !1;
-    function D(O, x) {
+    var $ = (0, l.default)(_), m = !1, V = !1, y = 0, k = !1;
+    function T(F, M) {
       if (!V)
-        if (y -= 1, O)
-          m = !0, Z(O);
-        else if (O === !1)
+        if (y -= 1, F)
+          m = !0, Z(F);
+        else if (F === !1)
           m = !0, V = !0;
         else {
-          if (x === o.default || m && y <= 0)
+          if (M === o.default || m && y <= 0)
             return m = !0, Z(null);
-          w || R();
+          k || R();
         }
     }
     function R() {
-      for (w = !0; y < g && !m; ) {
-        var O = $();
-        if (O === null) {
+      for (k = !0; y < g && !m; ) {
+        var F = $();
+        if (F === null) {
           m = !0, y <= 0 && Z(null);
           return;
         }
-        y += 1, H(O.value, O.key, (0, s.default)(D));
+        y += 1, H(F.value, F.key, (0, s.default)(T));
       }
-      w = !1;
+      k = !1;
     }
     R();
   }, e.exports = r.default;
@@ -453,7 +453,7 @@ function Y(e) {
   return ge[e];
 }
 function He(e, r) {
-  return r[be[e]];
+  return r[be[e]].slice();
 }
 function X(e, r) {
   const t = r.priorities.find(
@@ -471,19 +471,19 @@ let Ve = null;
 function J7(e, { fetchUsers: r }) {
   const t = r ? (m) => r(m) : (m) => e.collaborationApi.getProjectUsers(m.cloud.id, m.id);
   return {
-    fetchTopics: async (m) => {
-      const V = await t(m), y = await e.bcfApi.getDetailedExtensions(m.id), w = await e.bcfApi.getTopics(m.id);
-      return w.sort((D, R) => R.index - D.index), await Ae(w, 10, async (D) => {
-        D.color = X(D, y), D.creator = V.find((R) => R.email === D.creation_author), D.viewpoints = await e.bcfApi.getTopicViewpoints(
+    fetchTopics: async (m, { extensions: V, users: y } = {}) => {
+      const k = V != null ? V : await e.bcfApi.getDetailedExtensions(m.id), T = y != null ? y : await t(m), R = await e.bcfApi.getTopics(m.id);
+      return R.sort((F, M) => M.index - F.index), await Ae(R, 10, async (F) => {
+        F.color = X(F, k), F.creator = T.find((M) => M.email === F.creation_author), F.viewpoints = await e.bcfApi.getTopicViewpoints(
           m.id,
-          D.guid,
+          F.guid,
           "url"
         );
-      }), w;
+      }), R;
     },
     fecthTopicByGuid: async (m, V) => {
-      const y = await e.bcfApi.getDetailedExtensions(m.id), w = await e.bcfApi.getFullTopic(V, m.id, "url");
-      return w.color = X(w, y), w;
+      const y = await e.bcfApi.getDetailedExtensions(m.id), k = await e.bcfApi.getFullTopic(V, m.id, "url");
+      return k.color = X(k, y), k;
     },
     createTopic: async (m, V) => await e.bcfApi.createFullTopic(
       m.id,
@@ -515,21 +515,21 @@ function J7(e, { fetchUsers: r }) {
       );
     },
     fetchTopicComments: async (m, V) => {
-      const y = await t(m), w = await e.bcfApi.getComments(m.id, V.guid);
-      return w.sort((D, R) => D.date > R.date ? -1 : 1), w.forEach((D) => {
-        D.user = y.find((R) => R.email === D.author);
-      }), w;
+      const y = await t(m), k = await e.bcfApi.getComments(m.id, V.guid);
+      return k.sort((T, R) => T.date > R.date ? -1 : 1), k.forEach((T) => {
+        T.user = y.find((R) => R.email === T.author);
+      }), k;
     },
     createComment: async (m, V, y) => await e.bcfApi.createComment(
       m.id,
       V.guid,
       y
     ),
-    updateComment: async (m, V, y, w) => await e.bcfApi.updateComment(
+    updateComment: async (m, V, y, k) => await e.bcfApi.updateComment(
       y.guid,
       m.id,
       V.guid,
-      w
+      k
     ),
     deleteComment: async (m, V, y) => {
       await e.bcfApi.deleteComment(
@@ -547,12 +547,12 @@ function J7(e, { fetchUsers: r }) {
         color: Re()
       }
     ),
-    updateExtension: async (m, V, y, w) => await e.bcfApi[`updateExtension${V}`](
+    updateExtension: async (m, V, y, k) => await e.bcfApi[`updateExtension${V}`](
       y.id,
       m.id,
       {
-        [Y(V)]: w.value,
-        color: w.color
+        [Y(V)]: k.value,
+        color: k.color
       }
     ),
     deleteExtension: async (m, V, y) => {
@@ -579,7 +579,7 @@ const s2 = {
   endDate: null
 };
 function Ne(e) {
-  const r = Fe({ ...s2 }), t = M(() => {
+  const r = Fe({ ...s2 }), t = x(() => {
     let l = e.value;
     return r.priorities.length > 0 && (l = l.filter((n) => r.priorities.includes(n.priority))), r.statuses.length > 0 && (l = l.filter((n) => r.statuses.includes(n.topic_status))), r.users.length > 0 && (l = l.filter((n) => r.users.includes(n.assigned_to))), r.creators.length > 0 && (l = l.filter((n) => r.creators.includes(n.creation_author))), r.labels.length > 0 && (l = l.filter((n) => r.labels.some((s) => n.labels.includes(s)))), r.startDate && r.endDate && (l = l.filter((n) => n.creation_date >= r.startDate && n.creation_date <= r.endDate)), l;
   });
@@ -609,7 +609,7 @@ const je = [
 ];
 function Q7(e) {
   const r = L(""), t = L([]);
-  return T(
+  return S(
     [e, r],
     () => {
       if (r.value) {
@@ -1678,7 +1678,7 @@ var u5 = function() {
     }
   }), t("span", [e._v(" " + e._s(e.$t("BcfComponents.BcfFilters.searchButton")) + " ")])], 1)], 1)], 1)])], 1);
 }, f5 = [];
-function k(e, r, t, i, a, l, n, s) {
+function w(e, r, t, i, a, l, n, s) {
   var u = typeof e == "function" ? e.options : e;
   r && (u.render = r, u.staticRenderFns = t, u._compiled = !0), i && (u.functional = !0), l && (u._scopeId = "data-v-" + l);
   var p;
@@ -1726,16 +1726,16 @@ const h5 = {
   emits: ["submit"],
   setup(e, { emit: r }) {
     const t = L(!1), i = () => t.value = !1, a = () => t.value = !t.value, l = L(null), { filters: n, filteredTopics: s, reset: u } = Ne(
-      M(() => e.topics)
-    ), p = M(
+      x(() => e.topics)
+    ), p = x(
       () => K(e.topics.map((H) => H.priority))
-    ), d = M(
+    ), d = x(
       () => K(e.topics.map((H) => H.topic_status))
-    ), c = M(
+    ), c = x(
       () => K(e.topics.map((H) => H.assigned_to))
-    ), o = M(
+    ), o = x(
       () => K(e.topics.map((H) => H.creation_author))
-    ), b = M(
+    ), b = x(
       () => K(e.topics.flatMap((H) => H.labels))
     );
     return {
@@ -1764,7 +1764,7 @@ const h5 = {
     };
   }
 }, L2 = {};
-var C5 = /* @__PURE__ */ k(
+var C5 = /* @__PURE__ */ w(
   h5,
   u5,
   f5,
@@ -1998,7 +1998,7 @@ const x5 = {
     const t = L(!1), i = L(!1), a = L(!1), l = L(
       e.extension[Y(e.extensionType)]
     ), n = L(e.extension.color), s = L(null);
-    return T(
+    return S(
       t,
       () => setTimeout(() => t.value && s.value.focus(), 50)
     ), {
@@ -2034,7 +2034,7 @@ const x5 = {
     };
   }
 }, V2 = {};
-var Z5 = /* @__PURE__ */ k(
+var Z5 = /* @__PURE__ */ w(
   x5,
   y5,
   M5,
@@ -2187,7 +2187,7 @@ const D5 = {
     "delete-extension"
   ],
   setup(e, { emit: r }) {
-    const t = M(
+    const t = x(
       () => He(e.extensionType, e.detailedExtensions)
     ), i = L(null), a = L(""), l = L(!1), n = () => l.value = !1, s = () => l.value = !l.value, u = L(!1), p = () => {
       a.value = "", u.value = !1;
@@ -2213,7 +2213,7 @@ const D5 = {
     };
   }
 }, y2 = {};
-var E5 = /* @__PURE__ */ k(
+var E5 = /* @__PURE__ */ w(
   D5,
   $5,
   F5,
@@ -2351,7 +2351,7 @@ const T5 = {
     };
   }
 }, M2 = {};
-var O5 = /* @__PURE__ */ k(
+var O5 = /* @__PURE__ */ w(
   T5,
   I5,
   S5,
@@ -2373,7 +2373,7 @@ var A5 = Object.freeze(["default", "primary", "secondary", "high", "success", "g
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
-function S(e, r, t, i, a, l, n, s, u, p) {
+function O(e, r, t, i, a, l, n, s, u, p) {
   typeof n != "boolean" && (u = s, s = n, n = !1);
   const d = typeof t == "function" ? t.options : t;
   let c;
@@ -2415,14 +2415,14 @@ function A(e) {
   }(r, t);
 }
 let g1;
-const x2 = {}, Z2 = S({ render: function() {
+const x2 = {}, Z2 = O({ render: function() {
   var e = this, r = e.$createElement;
   return (e._self._c || r)("button", { staticClass: "bimdata-btn", class: e.classes, style: e.style, attrs: { color: e.color, type: "button" }, on: { click: function(t) {
     return e.$emit("click", t);
   } } }, [e._t("default")], 2);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-7af18892_0", { source: 'html[data-v-7af18892]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}html[data-v-7af18892]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.text-left[data-v-7af18892]{text-align:left}.text-center[data-v-7af18892]{text-align:center}.text-right[data-v-7af18892]{text-align:right}.bimdata-link[data-v-7af18892]{color:var(--color-primary);border-bottom:1px solid var(--color-primary);font-weight:700}.primary-font[data-v-7af18892]{font-family:roboto,sans-serif}', map: void 0, media: void 0 }), e("data-v-7af18892_1", { source: ".bimdata-btn{padding:0 var(--spacing-unit);height:fit-content;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--primary-font);font-size:12px;transition:all .1s ease}.bimdata-btn:hover{transition:all .25s ease-in}.bimdata-btn:focus{outline:0}.bimdata-btn__icon{padding:0}.bimdata-btn__radius{border-radius:3px}.bimdata-btn__square{border-radius:0}.bimdata-btn__rounded{border-radius:50%}.bimdata-btn__fill{background-color:var(--color-white);justify-content:center}.bimdata-btn__fill--default{box-shadow:var(--box-shadow)}.bimdata-btn__fill--default:hover{background-color:var(--color-silver-light)}.bimdata-btn__fill--primary{background-color:var(--color-primary);color:var(--color-white)}.bimdata-btn__fill--primary:hover{background-color:var(--color-primary-light)}.bimdata-btn__fill--secondary{background-color:var(--color-secondary);color:var(--color-primary)}.bimdata-btn__fill--secondary:hover{background-color:var(--color-secondary-light)}.bimdata-btn__fill--granite{background-color:var(--color-granite);color:var(--color-white)}.bimdata-btn__fill--granite:hover{background-color:var(--color-granite)}.bimdata-btn__fill--high{background-color:var(--color-high);color:var(--color-white)}.bimdata-btn__fill--high:hover{background-color:var(--color-high-light)}.bimdata-btn__fill--success{background-color:var(--color-success);color:var(--color-white)}.bimdata-btn__fill--success:hover{background-color:var(--color-success-light)}.bimdata-btn__fill--btn-icon svg{margin:0 6px}.bimdata-btn__fill:disabled{background-color:var(--color-silver-dark);color:var(--color-white);cursor:auto}.bimdata-btn__ripple{background-position:center;transition:background .8s}.bimdata-btn__ripple--default{background-color:transparent;color:var(--color-primary)}.bimdata-btn__ripple--default:hover{background:transparent radial-gradient(circle,transparent 1%,var(--color-silver-light) 1%) center/15000%}.bimdata-btn__ripple--default:active:not(:disabled){background-color:var(--color-silver-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple--primary{background-color:var(--color-primary);color:var(--color-white)}.bimdata-btn__ripple--primary:hover{background:var(--color-primary) radial-gradient(circle,transparent 1%,var(--color-primary) 1%) center/15000%}.bimdata-btn__ripple--primary:active:not(:disabled){background-color:var(--color-primary-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple--secondary{background-color:var(--color-secondary);color:var(--color-primary)}.bimdata-btn__ripple--secondary:hover{background:var(--color-secondary) radial-gradient(circle,transparent 1%,var(--color-secondary) 1%) center/15000%}.bimdata-btn__ripple--secondary:active:not(:disabled){background-color:var(--color-secondary-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple--granite{background-color:var(--color-granite);color:var(--color-white)}.bimdata-btn__ripple--granite:hover{background:var(--color-granite) radial-gradient(circle,transparent 1%,var(--color-granite) 1%) center/15000%}.bimdata-btn__ripple--granite:active:not(:disabled){background-color:var(--color-granite-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple--high{background-color:var(--color-high);color:var(--color-white)}.bimdata-btn__ripple--high:hover{background:var(--color-high) radial-gradient(circle,transparent 1%,var(--color-high) 1%) center/15000%}.bimdata-btn__ripple--high:active:not(:disabled){background-color:var(--color-high-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple--success{background-color:var(--color-success);color:var(--color-white)}.bimdata-btn__ripple--success:hover{background:var(--color-success) radial-gradient(circle,transparent 1%,var(--color-success) 1%) center/15000%}.bimdata-btn__ripple--success:active:not(:disabled){background-color:var(--color-success-light);background-size:100%;transition:background 0s}.bimdata-btn__ripple:disabled{background-color:var(--color-silver-dark);color:var(--color-white);cursor:auto}.bimdata-btn__outline{justify-content:center;border:1px solid}.bimdata-btn__outline--default{border-color:var(--color-silver);color:var(--color-primary)}.bimdata-btn__outline--default:hover{background-color:var(--color-silver-light)}.bimdata-btn__outline--primary{border-color:var(--color-primary);color:var(--color-primary)}.bimdata-btn__outline--primary:hover{background-color:var(--color-primary-lighter)}.bimdata-btn__outline--secondary{border-color:var(--color-secondary);color:var(--color-primary)}.bimdata-btn__outline--secondary:hover{background-color:var(--color-secondary-lighter)}.bimdata-btn__outline--granite{border-color:var(--color-granite);color:var(--color-granite)}.bimdata-btn__outline--granite:hover{background-color:var(--color-silver-light)}.bimdata-btn__outline--high{border-color:var(--color-high);color:var(--color-high)}.bimdata-btn__outline--high:hover{background-color:var(--color-high-lighter)}.bimdata-btn__outline--success{border-color:var(--color-success);color:var(--color-success)}.bimdata-btn__outline--success:hover{background-color:var(--color-success-lighter)}.bimdata-btn__outline:disabled{border-color:var(--color-silver-dark);color:var(--color-silver-dark);cursor:auto}.bimdata-btn__outline:disabled:hover{background-color:transparent}.bimdata-btn__ghost{justify-content:center}.bimdata-btn__ghost svg{display:flex;align-items:center}.bimdata-btn__ghost--default{color:var(--color-primary)}.bimdata-btn__ghost--default:hover{background-color:var(--color-silver-light)}.bimdata-btn__ghost--primary{color:var(--color-primary)}.bimdata-btn__ghost--primary:hover{background-color:var(--color-primary-lighter)}.bimdata-btn__ghost--secondary{color:var(--color-secondary)}.bimdata-btn__ghost--secondary:hover{background-color:var(--color-secondary-lighter)}.bimdata-btn__ghost--granite{color:var(--color-granite)}.bimdata-btn__ghost--granite:hover{background-color:var(--color-silver-light)}.bimdata-btn__ghost--high{color:var(--color-high)}.bimdata-btn__ghost--high:hover{background-color:var(--color-high-lighter)}.bimdata-btn__ghost--success{color:var(--color-success)}.bimdata-btn__ghost--success:hover{background-color:var(--color-success-lighter)}.bimdata-btn__ghost:disabled{color:var(--color-silver-dark);cursor:auto}", map: void 0, media: void 0 }));
-}, N5, "data-v-7af18892", !1, void 0, !1, A, void 0, void 0), U5 = S({ render: function() {
+}, N5, "data-v-7af18892", !1, void 0, !1, A, void 0, void 0), U5 = O({ render: function() {
   var e = this.$createElement;
   return (this._self._c || e)("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" } });
 }, staticRenderFns: [] }, void 0, {}, void 0, !1, void 0, !1, void 0, void 0, void 0);
@@ -2436,7 +2436,7 @@ var k2 = (e, r) => ({ name: `BIMDataIcon${e}`, components: { [e]: r }, props: {
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : w2[this.size];
 } } });
-const Y5 = S({ render: function() {
+const Y5 = O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("div", { staticClass: "bimdata-paginated-list" }, [e.loading ? t("BIMDataSpinner") : t("div", [e._t("header"), e._v(" "), t("ul", { staticClass: "bimdata-list bimdata-paginated-list__elements" }, e._l(e.page, function(i) {
     return t("li", { key: e.elementKey ? i[e.elementKey] : i, on: { click: function(a) {
@@ -2449,7 +2449,7 @@ const Y5 = S({ render: function() {
   }), 0), e._v(" "), e.list.length === 0 ? [e._t("empty")] : e._e(), e._v(" "), e.totalPages > 1 ? t("BIMDataPagination", { attrs: { length: e.list.length, currentPage: e.currentPage, totalPages: e.totalPages, perPage: e.perPage, first: e.first, last: e.last, numberDataElements: e.numberDataElements, backgroundColor: e.backgroundColor }, on: { pagechanged: e.onPageChange } }) : e._e()], 2)], 1);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-9848cfc8_0", { source: 'html[data-v-9848cfc8]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-list[data-v-9848cfc8]{margin:0;padding:0}.bimdata-list li[data-v-9848cfc8]{list-style-type:none}', map: void 0, media: void 0 }), e("data-v-9848cfc8_1", { source: ".bimdata-paginated-list[data-v-9848cfc8]{font-family:var(--primary-font);font-size:1em;line-height:1.5;overflow:auto}.bimdata-paginated-list--small[data-v-9848cfc8]{height:100%;position:relative}.bimdata-paginated-list--small .bimdata-paginated-list__elements li[data-v-9848cfc8]{padding:6px;display:flex;align-items:center;justify-content:space-between;font-size:.8571428571em}.bimdata-paginated-list--small .bimdata-paginated-list__elements li[data-v-9848cfc8]:nth-child(odd){background-color:var(--color-silver-light)}.bimdata-paginated-list--small .bimdata-paginated-list__elements li[data-v-9848cfc8]:nth-child(even){background-color:hsl(var(--color-silver-light),5%)}.bimdata-paginated-list--empty[data-v-9848cfc8]{height:auto}.bimdata-paginated-list .bimdata-spinner[data-v-9848cfc8]{padding:12px 0;justify-content:center}", map: void 0, media: void 0 }));
-}, { components: { BIMDataPagination: S({ render: function() {
+}, { components: { BIMDataPagination: O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("BIMDataNavigation", { staticClass: "bimdata-pagination", attrs: { firstDisabled: e.isFirstPage, previousDisabled: e.isFirstPage, nextDisabled: e.isLastPage, lastDisabled: e.isLastPage, backgroundColor: e.backgroundColor }, on: { first: function(i) {
     return e.firstPage();
@@ -2468,7 +2468,7 @@ const Y5 = S({ render: function() {
     `)])], 1)]);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-0a60caec_0", { source: 'html[data-v-0a60caec]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}', map: void 0, media: void 0 }), e("data-v-0a60caec_1", { source: ".bimdata-pagination__item .bimdata-btn[data-v-0a60caec]{padding:0;justify-content:center}.bimdata-pagination__item.active .bimdata-btn[data-v-0a60caec]{font-weight:700}", map: void 0, media: void 0 }));
-}, { components: { BIMDataNavigation: S({ render: function() {
+}, { components: { BIMDataNavigation: O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("ul", { staticClass: "bimdata-list bimdata-navigation", style: { "background-color": e.backgroundColor } }, [t("li", { staticClass: "bimdata-navigation__left m-r-6" }, [e._t("left")], 2), e._v(" "), e.first ? t("li", { staticClass: "bimdata-navigation__item" }, [t("BIMDataButton", { class: { disabled: e.firstDisabled }, attrs: { disabled: e.firstDisabled, ghost: "", width: "21px", height: "21px" }, on: { click: function(i) {
     return e.$emit("first");
@@ -2481,17 +2481,17 @@ const Y5 = S({ render: function() {
   } } }, [t("BIMDataIconDoubleChevron", { attrs: { size: "xxxs" } })], 1)], 1) : e._e(), e._v(" "), t("li", { staticClass: "bimdata-navigation__right" }, [e._t("right")], 2)]);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-3c48ce0c_0", { source: 'html[data-v-3c48ce0c]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}.bimdata-list[data-v-3c48ce0c]{margin:0;padding:0}.bimdata-list li[data-v-3c48ce0c]{list-style-type:none}', map: void 0, media: void 0 }), e("data-v-3c48ce0c_1", { source: ".bimdata-navigation[data-v-3c48ce0c]{display:inline-flex;width:100%;height:38px;justify-content:center;align-items:center}.bimdata-navigation__item[data-v-3c48ce0c]{padding:6px 2px}.bimdata-navigation__item .bimdata-btn[data-v-3c48ce0c]{padding:0;justify-content:center}.bimdata-navigation__item.active .bimdata-btn[data-v-3c48ce0c]{font-weight:700}.bimdata-navigation__left[data-v-3c48ce0c],.bimdata-navigation__right[data-v-3c48ce0c]{padding:6px 2px;font-size:10px;cursor:default}", map: void 0, media: void 0 }));
-}, { components: { BIMDataIconChevron: S({ render: function() {
+}, { components: { BIMDataIconChevron: O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("svg", { class: e.classes, style: e.style, attrs: { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color } }, [t("Chevron")], 1);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-20c38c94_0", { source: 'html[data-v-20c38c94]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}', map: void 0, media: void 0 }), e("data-v-20c38c94_1", { source: ".icon-fill--black{fill:var(--color-black)}.icon-fill--default{fill:currentColor}.icon-fill--disabled{fill:var(--color-silver-dark)}.icon-fill--high{fill:var(--color-high)}.icon-fill--primary{fill:var(--color-primary)}.icon-fill--secondary{fill:var(--color-secondary)}.icon-fill--success{fill:var(--color-success)}.icon-fill--silver{fill:var(--color-silver)}.icon-fill--granite-light{fill:var(--color-granite-light)}.icon-fill--granite{fill:var(--color-granite)}.icon-fill--silver-light{fill:var(--color-silver-light)}.icon-fill--warning{fill:var(--color-warning)}.icon-fill--white{fill:var(--color-white)}.icon-stroke{fill:transparent}.icon-stroke--black{stroke:var(--color-black)}.icon-stroke--default{stroke:currentColor}.icon-stroke--disabled{stroke:var(--color-silver-dark)}.icon-stroke--high{stroke:var(--color-high)}.icon-stroke--neutral{stroke:var(--color-neutral)}.icon-stroke--primary{stroke:var(--color-primary)}.icon-stroke--secondary{stroke:var(--color-secondary)}.icon-stroke--success{stroke:var(--color-success)}.icon-stroke--silver{stroke:var(--color-silver)}.icon-stroke--granite-light{stroke:var(--color-granite-light)}.icon-stroke--granite{stroke:var(--color-granite)}.icon-stroke--silver-light{stroke:var(--color-silver-light)}.icon-stroke--warning{stroke:var(--color-warning)}.icon-stroke--white{stroke:var(--color-white)}", map: void 0, media: void 0 }));
-}, k2("Chevron", U5), "data-v-20c38c94", !1, void 0, !1, A, void 0, void 0), BIMDataIconDoubleChevron: S({ render: function() {
+}, k2("Chevron", U5), "data-v-20c38c94", !1, void 0, !1, A, void 0, void 0), BIMDataIconDoubleChevron: O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("svg", { class: e.classes, style: e.style, attrs: { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color } }, [t("DoubleChevron")], 1);
 }, staticRenderFns: [] }, function(e) {
   e && (e("data-v-35e61558_0", { source: 'html[data-v-35e61558]{--color-primary-lighter:rgba(248, 249, 250, 1);--color-primary-light:rgba(67, 78, 105, 1);--color-primary:rgba(47, 55, 74, 1);--color-primary-dark:rgba(27, 32, 43, 1);--color-secondary-lighter:rgba(255, 252, 242, 1);--color-secondary-light:rgba(250, 212, 94, 1);--color-secondary:rgba(249, 199, 44, 1);--color-secondary-dark:rgba(235, 180, 7, 1);--color-white:rgba(255, 255, 255, 1);--color-silver-light:rgba(247, 247, 247, 1);--color-silver:rgba(216, 216, 216, 1);--color-silver-dark:rgba(189, 189, 189, 1);--color-granite-light:rgba(122, 122, 122, 1);--color-granite:rgba(96, 96, 96, 1);--color-black:rgba(0, 0, 0, 1);--color-text:rgba(47, 55, 74, 1);--color-black-100:rgba(0, 0, 0, 0.1);--color-success-lighter:rgba(226, 255, 239, 1);--color-success-light:rgba(0, 200, 92, 1);--color-success:rgba(0, 175, 80, 1);--color-success-dark:rgba(0, 149, 68, 1);--color-warning-lighter:rgba(255, 233, 204, 1);--color-warning-light:rgba(255, 167, 51, 1);--color-warning:rgba(255, 145, 0, 1);--color-warning-dark:rgba(204, 116, 0, 1);--color-high-lighter:rgba(255, 237, 234, 1);--color-high-light:rgba(255, 104, 81, 1);--color-high:rgba(255, 61, 30, 1);--color-high-dark:rgba(234, 31, 0, 1);--font-size:14px;--box-shadow:0px 2px 10px rgba(0, 0, 0, 0.1);--border-radius-tiny:3px;--spacing-unit:12px;--size-btn-options:45px;--primary-font:"roboto",sans-serif}', map: void 0, media: void 0 }), e("data-v-35e61558_1", { source: ".icon-fill--black{fill:var(--color-black)}.icon-fill--default{fill:currentColor}.icon-fill--disabled{fill:var(--color-silver-dark)}.icon-fill--high{fill:var(--color-high)}.icon-fill--primary{fill:var(--color-primary)}.icon-fill--secondary{fill:var(--color-secondary)}.icon-fill--success{fill:var(--color-success)}.icon-fill--silver{fill:var(--color-silver)}.icon-fill--granite-light{fill:var(--color-granite-light)}.icon-fill--granite{fill:var(--color-granite)}.icon-fill--silver-light{fill:var(--color-silver-light)}.icon-fill--warning{fill:var(--color-warning)}.icon-fill--white{fill:var(--color-white)}.icon-stroke{fill:transparent}.icon-stroke--black{stroke:var(--color-black)}.icon-stroke--default{stroke:currentColor}.icon-stroke--disabled{stroke:var(--color-silver-dark)}.icon-stroke--high{stroke:var(--color-high)}.icon-stroke--neutral{stroke:var(--color-neutral)}.icon-stroke--primary{stroke:var(--color-primary)}.icon-stroke--secondary{stroke:var(--color-secondary)}.icon-stroke--success{stroke:var(--color-success)}.icon-stroke--silver{stroke:var(--color-silver)}.icon-stroke--granite-light{stroke:var(--color-granite-light)}.icon-stroke--granite{stroke:var(--color-granite)}.icon-stroke--silver-light{stroke:var(--color-silver-light)}.icon-stroke--warning{stroke:var(--color-warning)}.icon-stroke--white{stroke:var(--color-white)}", map: void 0, media: void 0 }));
-}, k2("DoubleChevron", S({ render: function() {
+}, k2("DoubleChevron", O({ render: function() {
   var e = this.$createElement;
   return (this._self._c || e)("path", { attrs: { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.05119 2.47105C0.982285 2.39544 0.982285 2.27217 1.05119 2.19676L3.00683 0.0565512C3.07573 -0.0188504 3.18857 -0.0188504 3.25748 0.0565512L13.5625 11.3331C13.5796 11.3518 13.5925 11.3736 13.6012 11.3968C13.6665 11.4724 13.6658 11.5928 13.598 11.667L3.29296 22.9433C3.22406 23.0189 3.11122 23.0189 3.04231 22.9433L1.08668 20.8033C1.01758 20.7279 1.01758 20.6044 1.08668 20.529L9.32003 11.5192L1.05119 2.47105ZM10.2512 2.47105C10.1823 2.39544 10.1823 2.27217 10.2512 2.19676L12.2068 0.0565512C12.2757 -0.0188504 12.3886 -0.0188504 12.4575 0.0565512L22.7625 11.3331C22.7796 11.3518 22.7925 11.3736 22.8012 11.3968C22.8665 11.4724 22.8658 11.5928 22.798 11.667L12.493 22.9433C12.4241 23.0189 12.3112 23.0189 12.2423 22.9433L10.2867 20.8033C10.2176 20.7279 10.2176 20.6044 10.2867 20.529L18.52 11.5192L10.2512 2.47105Z" } });
 }, staticRenderFns: [] }, void 0, {}, void 0, !1, void 0, !1, void 0, void 0, void 0)), "data-v-35e61558", !1, void 0, !1, A, void 0, void 0), BIMDataButton: Z2 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] }, "data-v-3c48ce0c", !1, void 0, !1, A, void 0, void 0), BIMDataButton: Z2 }, props: { length: { type: Number, required: !0 }, currentPage: { type: Number, required: !0 }, totalPages: { type: Number, required: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" }, perPage: { type: Number, required: !0, validator: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
@@ -2510,7 +2510,7 @@ const Y5 = S({ render: function() {
   this.$emit("pagechanged", this.currentPage + 1);
 }, lastPage() {
   this.$emit("pagechanged", this.totalPages);
-} } }, "data-v-0a60caec", !1, void 0, !1, A, void 0, void 0), BIMDataSpinner: S({ render: function() {
+} } }, "data-v-0a60caec", !1, void 0, !1, A, void 0, void 0), BIMDataSpinner: O({ render: function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("div", { staticClass: "bimdata-spinner" }, [t("div", { staticClass: "bimdata-spinner--square", style: e.getStyle() })]);
 }, staticRenderFns: [] }, function(e) {
@@ -2673,7 +2673,7 @@ const t3 = {
   },
   setup(e) {
     return {
-      chartData: M(() => {
+      chartData: x(() => {
         if (e.topics.length === 0)
           return [];
         const t = Y(e.extensionType), i = He(e.extensionType, e.detailedExtensions);
@@ -2691,13 +2691,13 @@ const t3 = {
     };
   }
 }, F2 = {};
-var r3 = /* @__PURE__ */ k(
+var r3 = /* @__PURE__ */ w(
   t3,
   Q5,
   e3,
   !1,
   i3,
-  "239e2d3e",
+  "e7b32c92",
   null,
   null
 );
@@ -2880,7 +2880,7 @@ var s3 = function() {
   })]);
 }, c3 = [];
 const u3 = {}, E2 = {};
-var f3 = /* @__PURE__ */ k(
+var f3 = /* @__PURE__ */ w(
   u3,
   s3,
   c3,
@@ -3029,7 +3029,7 @@ const p3 = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const r = L(!1), t = M(() => X(e.topic, e.detailedExtensions)), i = M(() => K1(e.topic, e.detailedExtensions)), a = M(() => e.topic.viewpoints.filter((n) => Boolean(n.snapshot))), l = M(() => {
+    const r = L(!1), t = x(() => X(e.topic, e.detailedExtensions)), i = x(() => K1(e.topic, e.detailedExtensions)), a = x(() => e.topic.viewpoints.filter((n) => Boolean(n.snapshot))), l = x(() => {
       var s, u;
       const n = (u = (s = e.topic.viewpoints) == null ? void 0 : s[0]) == null ? void 0 : u.components;
       return (n == null ? void 0 : n.selection) || [];
@@ -3044,7 +3044,7 @@ const p3 = {
     };
   }
 }, B2 = {};
-var g3 = /* @__PURE__ */ k(
+var g3 = /* @__PURE__ */ w(
   p3,
   C3,
   v3,
@@ -3130,7 +3130,7 @@ var m3 = function() {
   })]);
 }, L3 = [];
 const H3 = {}, R2 = {};
-var V3 = /* @__PURE__ */ k(
+var V3 = /* @__PURE__ */ w(
   H3,
   m3,
   L3,
@@ -3184,7 +3184,7 @@ const w3 = {
   },
   emits: ["create-topic"]
 }, I2 = {};
-var k3 = /* @__PURE__ */ k(
+var k3 = /* @__PURE__ */ w(
   w3,
   x3,
   Z3,
@@ -5754,7 +5754,7 @@ const C4 = {
     };
   }
 }, X2 = {};
-var v4 = /* @__PURE__ */ k(
+var v4 = /* @__PURE__ */ w(
   C4,
   f4,
   h4,
@@ -5853,7 +5853,7 @@ const m4 = {
     };
   }
 }, K2 = {};
-var L4 = /* @__PURE__ */ k(
+var L4 = /* @__PURE__ */ w(
   m4,
   b4,
   _4,
@@ -6245,21 +6245,21 @@ const x4 = {
     "topic-update-error"
   ],
   setup(e, { emit: r }) {
-    const t = e1(), i = M(
+    const t = e1(), i = x(
       () => !e.topic
-    ), a = M(
-      () => Math.max(0, ...e.topics.map((x) => x.index)) + 1
-    ), l = L(""), n = L(null), s = L(null), u = L(null), p = L(null), d = L(null), c = L(null), o = L(""), b = L([]), g = L([]), _ = L([]), H = L([]), Z = L([]), $ = M(
-      () => g.value.concat(_.value).filter((x) => !Z.value.some((j) => j.guid === x.guid)).filter((x) => x.snapshot)
+    ), a = x(
+      () => Math.max(0, ...e.topics.map((M) => M.index)) + 1
+    ), l = L(""), n = L(null), s = L(null), u = L(null), p = L(null), d = L(null), c = L(null), o = L(""), b = L([]), g = L([]), _ = L([]), H = L([]), Z = L([]), $ = x(
+      () => g.value.concat(_.value).filter((M) => !Z.value.some((j) => j.guid === M.guid)).filter((M) => M.snapshot)
     ), m = L(!1), V = L(!1), y = L(!1);
-    T(
+    S(
       () => e.topic,
-      (x) => {
-        i.value || (l.value = x.title || "", n.value = x.topic_type || null, s.value = x.priority || null, u.value = x.topic_status || null, p.value = x.stage || null, d.value = x.assigned_to || null, c.value = x.due_date, o.value = x.description || "", b.value = x.labels || [], g.value = x.viewpoints || []);
+      (M) => {
+        i.value || (l.value = M.title || "", n.value = M.topic_type || null, s.value = M.priority || null, u.value = M.topic_status || null, p.value = M.stage || null, d.value = M.assigned_to || null, c.value = M.due_date, o.value = M.description || "", b.value = M.labels || [], g.value = M.viewpoints || []);
       },
       { immediate: !0 }
     );
-    const w = () => {
+    const k = () => {
       l.value = "", n.value = null, s.value = null, u.value = null, p.value = null, d.value = null, c.value = null, o.value = "", b.value = [], g.value = [], _.value = [], H.value = [], Z.value = [], m.value = !1, V.value = !1, y.value = !1;
     };
     return {
@@ -6278,34 +6278,34 @@ const x4 = {
       topicTitle: l,
       topicType: n,
       viewpointsToDisplay: $,
-      addViewpoint: (x) => {
-        _.value.push(x);
+      addViewpoint: (M) => {
+        _.value.push(M);
       },
-      delViewpoint: (x) => {
-        if (x.guid)
-          Z.value.push(x);
+      delViewpoint: (M) => {
+        if (M.guid)
+          Z.value.push(M);
         else {
-          let j = _.value.indexOf(x);
+          let j = _.value.indexOf(M);
           _.value.splice(j, 1);
         }
       },
       submit: async () => {
-        var x, j;
+        var M, j;
         if (!l.value) {
           y.value = !0;
           return;
         }
         try {
           m.value = !0, H.value = g.value.map(
-            (F) => ({ ...F, snapshot: void 0 })
-          ), H.value.length === 0 && _.value.sort((F, $e) => {
+            (D) => ({ ...D, snapshot: void 0 })
+          ), H.value.length === 0 && _.value.sort((D, $e) => {
             var i2, n2;
-            return ((i2 = F.order) != null ? i2 : 1 / 0) - ((n2 = $e.order) != null ? n2 : 1 / 0);
+            return ((i2 = D.order) != null ? i2 : 1 / 0) - ((n2 = $e.order) != null ? n2 : 1 / 0);
           }), e.topicObjects && (H.value.length > 0 || _.value.length > 0 ? [
             ...H.value,
             ..._.value
-          ].forEach((F) => {
-            Object.assign(F, e.topicObjects), F.components || (F.components = {}), F.components.selection || (F.components.selection = []), F.components.visibility || (F.components.visibility = {
+          ].forEach((D) => {
+            Object.assign(D, e.topicObjects), D.components || (D.components = {}), D.components.selection || (D.components.selection = []), D.components.visibility || (D.components.visibility = {
               default_visibility: !0,
               exceptions: [],
               view_setup_hints: {
@@ -6320,10 +6320,10 @@ const x4 = {
             ...H.value,
             ..._.value
           ].forEach(
-            (F) => F.pins = e.topicAnnotations
+            (D) => D.pins = e.topicAnnotations
           );
           const r1 = {
-            guid: (x = e.topic) == null ? void 0 : x.guid,
+            guid: (M = e.topic) == null ? void 0 : M.guid,
             models: ((j = e.topic) == null ? void 0 : j.models) || e.topicModels,
             title: l.value,
             topic_type: n.value,
@@ -6339,13 +6339,13 @@ const x4 = {
           let U;
           i.value ? U = await t.createTopic(e.project, r1) : U = await t.updateTopic(e.project, r1), await Promise.all(
             _.value.map(
-              (F) => t.createViewpoint(e.project, U, F)
+              (D) => t.createViewpoint(e.project, U, D)
             )
           ), await Promise.all(
             Z.value.map(
-              (F) => t.deleteViewpoint(e.project, U, F)
+              (D) => t.deleteViewpoint(e.project, U, D)
             )
-          ), i.value ? (r("topic-created", U), w()) : r("topic-updated", U);
+          ), i.value ? (r("topic-created", U), k()) : r("topic-updated", U);
         } catch (r1) {
           r(i.value ? "topic-create-error" : "topic-update-error", r1);
         } finally {
@@ -6355,7 +6355,7 @@ const x4 = {
     };
   }
 }, J2 = {};
-var Z4 = /* @__PURE__ */ k(
+var Z4 = /* @__PURE__ */ w(
   x4,
   y4,
   M4,
@@ -6415,13 +6415,13 @@ const D4 = {
   },
   setup(e) {
     return {
-      initials: M(
+      initials: x(
         () => `${e.user.firstname && e.user.firstname[0] || ""}${e.user.lastname && e.user.lastname[0] || ""}`.toUpperCase()
       )
     };
   }
 }, G2 = {};
-var E4 = /* @__PURE__ */ k(
+var E4 = /* @__PURE__ */ w(
   D4,
   $4,
   F4,
@@ -6709,7 +6709,7 @@ const S4 = {
     };
   }
 }, Q2 = {};
-var T4 = /* @__PURE__ */ k(
+var T4 = /* @__PURE__ */ w(
   S4,
   R4,
   I4,
@@ -6791,7 +6791,7 @@ var P4 = function() {
     staticClass: "bcf-topic-comments__list m-t-18"
   }, [t("p", {
     staticClass: "color-granite"
-  }, [e._v(" " + e._s((e.topic.comments ? e.topic.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")) + " ")]), e.topic.comments && e.topic.comments.length ? t("div", e._l(e.topic.comments, function(i) {
+  }, [e._v(" " + e._s((e.comments ? e.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")) + " ")]), e.comments && e.comments.length ? t("div", e._l(e.comments, function(i) {
     return t("TopicComment", {
       key: i.guid,
       attrs: {
@@ -6800,12 +6800,8 @@ var P4 = function() {
         comment: i
       },
       on: {
-        "comment-updated": function(a) {
-          return e.$emit("comment-updated", a);
-        },
-        "comment-deleted": function(a) {
-          return e.$emit("comment-deleted", a);
-        }
+        "comment-updated": e.onCommentUpdated,
+        "comment-deleted": e.onCommentDeleted
       }
     });
   }), 1) : e._e()]), e.loading ? [t("BIMDataLoading")] : e._e()], 2);
@@ -6833,38 +6829,52 @@ const N4 = {
     "comment-deleted"
   ],
   setup(e, { emit: r }) {
-    const t = e1(), i = L(!1), a = L(!1), l = L(null), n = L("");
-    return T(
-      i,
-      () => setTimeout(() => i.value && l.value.focus(), 50)
-    ), {
-      input: l,
-      isOpen: i,
-      loading: a,
-      text: n,
-      submitComment: async () => {
-        try {
-          a.value = !0;
-          const u = await t.createComment(
-            e.project,
-            e.topic,
-            { comment: n.value }
-          );
-          r("comment-created", u), i.value = !1, n.value = "";
-        } finally {
-          a.value = !1;
-        }
+    const t = e1(), i = L([]), a = L(!1), l = L(!1), n = L(null), s = L(""), u = async () => {
+      i.value = await t.fetchTopicComments(e.project, e.topic);
+    }, p = async () => {
+      try {
+        l.value = !0;
+        const o = await t.createComment(
+          e.project,
+          e.topic,
+          { comment: s.value }
+        );
+        u(), r("comment-created", o), a.value = !1, s.value = "";
+      } finally {
+        l.value = !1;
       }
+    }, d = (o) => {
+      u(), r("comment-updated", o);
+    }, c = (o) => {
+      u(), r("comment-deleted", o);
+    };
+    return S(
+      () => e.topic,
+      () => u(),
+      { immediate: !0 }
+    ), S(
+      a,
+      () => setTimeout(() => a.value && n.value.focus(), 50)
+    ), {
+      comments: i,
+      input: n,
+      isOpen: a,
+      loading: l,
+      text: s,
+      loadComments: u,
+      onCommentDeleted: c,
+      onCommentUpdated: d,
+      submitComment: p
     };
   }
 }, ee = {};
-var j4 = /* @__PURE__ */ k(
+var j4 = /* @__PURE__ */ w(
   N4,
   P4,
   A4,
   !1,
   U4,
-  "c797daa2",
+  "a68c86e0",
   null,
   null
 );
@@ -7500,7 +7510,7 @@ const t7 = {
     "view-topic-viewpoint"
   ],
   setup(e) {
-    const r = M(
+    const r = x(
       () => e.topic.viewpoints.filter((i) => i.snapshot).map((i) => {
         var a;
         return {
@@ -7510,7 +7520,7 @@ const t7 = {
       })
     );
     return {
-      statusColor: M(
+      statusColor: x(
         () => K1(e.topic, e.detailedExtensions)
       ),
       viewpoints: r,
@@ -7518,7 +7528,7 @@ const t7 = {
     };
   }
 }, ne = {};
-var r7 = /* @__PURE__ */ k(
+var r7 = /* @__PURE__ */ w(
   t7,
   Q4,
   e7,
@@ -7853,10 +7863,10 @@ const d7 = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: r }) {
-    const t = e1(), i = L(!1), a = L(!1), l = M(() => X(e.topic, e.detailedExtensions)), n = M(() => {
+    const t = e1(), i = L(!1), a = L(!1), l = x(() => X(e.topic, e.detailedExtensions)), n = x(() => {
       var p, d, c;
       return ((c = (d = (p = e.topic.viewpoints) == null ? void 0 : p[0]) == null ? void 0 : d.components) == null ? void 0 : c.selection) || [];
-    }), s = M(() => Array.from(e.topic.labels || []).sort());
+    }), s = x(() => Array.from(e.topic.labels || []).sort());
     return {
       loading: i,
       priorityColor: l,
@@ -7876,7 +7886,7 @@ const d7 = {
     };
   }
 }, ae = {};
-var l7 = /* @__PURE__ */ k(
+var l7 = /* @__PURE__ */ w(
   d7,
   a7,
   o7,
@@ -8049,7 +8059,7 @@ const b7 = Q({ render: function() {
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : le[this.size];
 } } }, "data-v-20c38c94", !1, void 0, !1, o1, void 0, void 0) }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowKey: { type: String }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, selection: { type: Map, default: () => /* @__PURE__ */ new Map() }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" } }, emits: ["update:selection", "selection-changed", "row-selected", "row-deselected", "all-selected", "all-deselected"], setup(e, { emit: r }) {
-  const t = M(() => e.rows.map((d, c) => {
+  const t = x(() => e.rows.map((d, c) => {
     var o;
     return { key: (o = d[e.rowKey]) != null ? o : c, data: d };
   })), { rowSelection: i, toggleRowSelection: a, toggleFullSelection: l } = function(d, c, { rowSelectionUpdateEffect: o = () => {
@@ -8057,11 +8067,11 @@ const b7 = Q({ render: function() {
   }, fullSelectionToggleEffect: g = () => {
   } } = {}) {
     const _ = L(/* @__PURE__ */ new Map());
-    return T(d, () => {
+    return S(d, () => {
       _.value = new Map(d.value.filter(({ key: H }) => c.value.has(H)).map(({ key: H, data: Z }) => [H, Z]));
-    }, { immediate: !0 }), T(c, () => {
+    }, { immediate: !0 }), S(c, () => {
       _.value = c.value;
-    }, { immediate: !0 }), T(_, () => {
+    }, { immediate: !0 }), S(_, () => {
       o(_.value);
     }), { rowSelection: _, toggleRowSelection: ({ key: H, data: Z }) => {
       const $ = () => _.value.has(H);
@@ -8070,16 +8080,16 @@ const b7 = Q({ render: function() {
       const H = () => _.value.size === d.value.length;
       H() ? _.value = /* @__PURE__ */ new Map() : _.value = new Map(d.value.map(({ key: Z, data: $ }) => [Z, $])), g(H());
     } };
-  }(t, M(() => e.selection), { rowSelectionUpdateEffect: (d) => {
+  }(t, x(() => e.selection), { rowSelectionUpdateEffect: (d) => {
     r("update:selection", d), r("selection-changed", Array.from(d.values()));
   }, rowSelectionToggleEffect: (d, { data: c }) => {
     r(d ? "row-selected" : "row-deselected", c);
   }, fullSelectionToggleEffect: (d) => {
     r(d ? "all-selected" : "all-deselected");
   } }), n = L([]), s = L(0), u = L(1), p = L(e.perPage);
-  return T([t, () => e.perPage], () => {
+  return S([t, () => e.perPage], () => {
     s.value = 0;
-  }, { immediate: !0 }), T([t, () => e.paginated, () => e.perPage, s], ([d, c, o, b]) => {
+  }, { immediate: !0 }), S([t, () => e.paginated, () => e.perPage, s], ([d, c, o, b]) => {
     const g = d.map((_) => _.key);
     if (c) {
       const _ = o * b, H = _ + o;
@@ -8129,7 +8139,7 @@ const L7 = {
     "open-topic"
   ]
 }, ce = {};
-var H7 = /* @__PURE__ */ k(
+var H7 = /* @__PURE__ */ w(
   L7,
   _7,
   m7,
@@ -8172,13 +8182,13 @@ const Z7 = {
   },
   setup(e) {
     return {
-      priorityColor: M(
+      priorityColor: x(
         () => X(e.topic, e.detailedExtensions)
       )
     };
   }
 }, ue = {};
-var w7 = /* @__PURE__ */ k(
+var w7 = /* @__PURE__ */ w(
   Z7,
   M7,
   x7,
@@ -8217,13 +8227,13 @@ const E7 = {
   },
   setup(e) {
     return {
-      priorityColor: M(
+      priorityColor: x(
         () => X(e.topic, e.detailedExtensions)
       )
     };
   }
 }, fe = {};
-var B7 = /* @__PURE__ */ k(
+var B7 = /* @__PURE__ */ w(
   E7,
   F7,
   D7,
@@ -8263,14 +8273,14 @@ const O7 = {
   },
   setup(e) {
     return {
-      statusColor: M(
+      statusColor: x(
         () => K1(e.topic, e.detailedExtensions)
       ),
       adjustTextColor: d1
     };
   }
 }, he = {};
-var z7 = /* @__PURE__ */ k(
+var z7 = /* @__PURE__ */ w(
   O7,
   S7,
   T7,
@@ -8444,7 +8454,7 @@ const U7 = {
   ],
   setup(e) {
     return {
-      displayedColumns: M(
+      displayedColumns: x(
         () => e.columns && e.columns.length > 0 ? oe.filter((i) => e.columns.includes(i.id)) : oe
       ),
       toShortDateFormat: (i) => {
@@ -8456,7 +8466,7 @@ const U7 = {
     };
   }
 }, Ce = {};
-var q7 = /* @__PURE__ */ k(
+var q7 = /* @__PURE__ */ w(
   U7,
   N7,
   j7,