@bimdata/bcf-components 3.0.0-rc.9 → 3.0.0

package/dist/vue3/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as I5, computed as S, ref as V, watch as q1, openBlock as r, createElementBlock as t, normalizeClass as D, normalizeStyle as _, renderSlot as Z, createElementVNode as o, createBlock as B, resolveDynamicComponent as m1, pushScopeId as e1, popScopeId as o1, mergeProps as V2, toDisplayString as b, createCommentVNode as M, createTextVNode as w, resolveComponent as h, createVNode as u, resolveDirective as Q1, withDirectives as Y, Transition as I1, withCtx as L, Fragment as N, renderList as G, vShow as q, toRaw as F2, withKeys as B2, withModifiers as D2, createSlots as M5, createStaticVNode as r5, inject as _5 } from "vue";
+import { reactive as I5, computed as A, ref as V, watch as K1, openBlock as r, createElementBlock as t, normalizeClass as D, normalizeStyle as y, renderSlot as S, createElementVNode as o, createBlock as B, resolveDynamicComponent as v1, pushScopeId as e1, popScopeId as o1, mergeProps as H2, toDisplayString as b, createCommentVNode as M, createTextVNode as w, resolveComponent as h, createVNode as u, resolveDirective as q1, withDirectives as X, Transition as m1, withCtx as L, Fragment as N, renderList as U, vShow as q, toRaw as F2, withKeys as V2, withModifiers as B2, createSlots as M5, createStaticVNode as r5, inject as _5 } from "vue";
 const t5 = Object.freeze([
   "Priority",
   "Type",
@@ -21,31 +21,31 @@ const t5 = Object.freeze([
   Stage: "stages",
   Status: "topic_statuses",
   Label: "topic_labels"
-}), x2 = "D8D8D8", c5 = "D8D8D8", k2 = "originating_system", w2 = "authoring_tool_id", p1 = Object.freeze({
+}), D2 = "D8D8D8", c5 = "D8D8D8", x2 = "originating_system", k2 = "authoring_tool_id", C1 = Object.freeze({
   V3D: "ifc3d",
   V2D: "ifc2d",
   DWG: "dwg",
   PLAN: "plan"
-}), Z2 = Object.freeze({
-  [p1.V3D]: {
+}), w2 = Object.freeze({
+  [C1.V3D]: {
     order: 1,
     window: "3d",
     plugin: "viewer3d",
     icon: "fileIfcPolychrome"
   },
-  [p1.V2D]: {
+  [C1.V2D]: {
     order: 2,
     window: "2d",
     plugin: "viewer2d",
     icon: "fileIfcPolychrome"
   },
-  [p1.DWG]: {
+  [C1.DWG]: {
     order: 3,
     window: "dwg",
     plugin: "dwg",
     icon: "fileDwgPolychrome"
   },
-  [p1.PLAN]: {
+  [C1.PLAN]: {
     order: 4,
     window: "plan",
     plugin: "plan",
@@ -53,16 +53,16 @@ const t5 = Object.freeze([
   }
 }), Eb = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DEFAULT_PRIORITY_COLOR: x2,
+  DEFAULT_PRIORITY_COLOR: D2,
   DEFAULT_STATUS_COLOR: c5,
   EXTENSION_FIELDS: l5,
   EXTENSION_LIST_FIELDS: i5,
   EXTENSION_TYPES: t5,
   EXTENSION_WITH_COLOR: a5,
-  VIEWPOINT_CONFIG: Z2,
-  VIEWPOINT_MODELS_FIELD: w2,
-  VIEWPOINT_TYPES: p1,
-  VIEWPOINT_TYPE_FIELD: k2
+  VIEWPOINT_CONFIG: w2,
+  VIEWPOINT_MODELS_FIELD: k2,
+  VIEWPOINT_TYPES: C1,
+  VIEWPOINT_TYPE_FIELD: x2
 }, Symbol.toStringTag, { value: "Module" })), y5 = Object.freeze({
   bisque: "ffe4c4",
   orange: "ffa500",
@@ -108,7 +108,7 @@ function V5() {
   const n = Math.floor(Math.random() * P2.length);
   return P2[n][1];
 }
-function J1(n, e, a) {
+function Q1(n, e, a) {
   const l = n.charAt(0) === "#" ? n.substring(1, 7) : n, i = parseInt(l.substring(0, 2), 16), s = parseInt(l.substring(2, 4), 16), c = parseInt(l.substring(4, 6), 16);
   return i * 0.299 + s * 0.587 + c * 0.114 > 186 ? a : e;
 }
@@ -121,7 +121,7 @@ function B5(n, e) {
 function D5(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var C2 = { exports: {} }, p2 = { exports: {} }, b2 = { exports: {} };
+var u2 = { exports: {} }, C2 = { exports: {} }, p2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -136,8 +136,8 @@ var C2 = { exports: {} }, p2 = { exports: {} }, b2 = { exports: {} };
     return Object.assign(i, l), i;
   }
   n.exports = e.default;
-})(b2, b2.exports);
-var g2 = { exports: {} }, h2 = { exports: {} };
+})(p2, p2.exports);
+var b2 = { exports: {} }, g2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -146,20 +146,20 @@ var g2 = { exports: {} }, h2 = { exports: {} };
     return l && typeof l.length == "number" && l.length >= 0 && l.length % 1 === 0;
   }
   n.exports = e.default;
-})(h2, h2.exports);
-var f2 = { exports: {} };
+})(g2, g2.exports);
+var h2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), e.default = function(a) {
     return a[Symbol.iterator] && a[Symbol.iterator]();
   }, n.exports = e.default;
-})(f2, f2.exports);
+})(h2, h2.exports);
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), e.default = f;
-  var a = h2.exports, l = c(a), i = f2.exports, s = c(i);
+  var a = g2.exports, l = c(a), i = h2.exports, s = c(i);
   function c(g) {
     return g && g.__esModule ? g : { default: g };
   }
@@ -190,8 +190,8 @@ var f2 = { exports: {} };
     return m ? C(m) : p(g);
   }
   n.exports = e.default;
-})(g2, g2.exports);
-var L2 = { exports: {} };
+})(b2, b2.exports);
+var f2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -205,8 +205,8 @@ var L2 = { exports: {} };
     };
   }
   n.exports = e.default;
-})(L2, L2.exports);
-var J = {}, V1 = { exports: {} }, v2 = { exports: {} };
+})(f2, f2.exports);
+var Q = {}, H1 = { exports: {} }, L2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -216,7 +216,7 @@ var J = {}, V1 = { exports: {} }, v2 = { exports: {} };
       return a.call(this, l, i);
     };
   }, n.exports = e.default;
-})(v2, v2.exports);
+})(L2, L2.exports);
 var r1 = {};
 Object.defineProperty(r1, "__esModule", {
   value: !0
@@ -230,16 +230,16 @@ function s5(n) {
 function d5(n) {
   return (e, ...a) => n(() => e(...a));
 }
-var b1;
-x5 ? b1 = queueMicrotask : k5 ? b1 = setImmediate : w5 ? b1 = process.nextTick : b1 = s5;
-r1.default = d5(b1);
+var p1;
+x5 ? p1 = queueMicrotask : k5 ? p1 = setImmediate : w5 ? p1 = process.nextTick : p1 = s5;
+r1.default = d5(p1);
 var z2;
 function Z5() {
   return z2 || (z2 = 1, function(n, e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), e.default = C;
-    var a = v2.exports, l = d(a), i = r1, s = d(i), c = S2();
+    var a = L2.exports, l = d(a), i = r1, s = d(i), c = Z2();
     function d(g) {
       return g && g.__esModule ? g : { default: g };
     }
@@ -276,15 +276,15 @@ function Z5() {
       }
     }
     n.exports = e.default;
-  }(V1, V1.exports)), V1.exports;
+  }(H1, H1.exports)), H1.exports;
 }
 var U2;
-function S2() {
+function Z2() {
   if (U2)
-    return J;
-  U2 = 1, Object.defineProperty(J, "__esModule", {
+    return Q;
+  U2 = 1, Object.defineProperty(Q, "__esModule", {
     value: !0
-  }), J.isAsyncIterable = J.isAsyncGenerator = J.isAsync = void 0;
+  }), Q.isAsyncIterable = Q.isAsyncGenerator = Q.isAsync = void 0;
   var n = Z5(), e = a(n);
   function a(d) {
     return d && d.__esModule ? d : { default: d };
@@ -303,102 +303,102 @@ function S2() {
       throw new Error("expected a function");
     return l(d) ? (0, e.default)(d) : d;
   }
-  return J.default = c, J.isAsync = l, J.isAsyncGenerator = i, J.isAsyncIterable = s, J;
+  return Q.default = c, Q.isAsync = l, Q.isAsyncGenerator = i, Q.isAsyncIterable = s, Q;
 }
-var m2 = { exports: {} }, W1 = { exports: {} };
+var v2 = { exports: {} }, Y1 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
   const a = {};
   e.default = a, n.exports = e.default;
-})(W1, W1.exports);
+})(Y1, Y1.exports);
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   }), e.default = s;
-  var a = W1.exports, l = i(a);
+  var a = Y1.exports, l = i(a);
   function i(c) {
     return c && c.__esModule ? c : { default: c };
   }
   function s(c, d, C, p) {
     let f = !1, g = !1, m = !1, v = 0, I = 0;
     function x() {
-      v >= d || m || f || (m = !0, c.next().then(({ value: j, done: z }) => {
+      v >= d || m || f || (m = !0, c.next().then(({ value: W, done: _ }) => {
         if (!(g || f)) {
-          if (m = !1, z) {
+          if (m = !1, _) {
             f = !0, v <= 0 && p(null);
             return;
           }
-          v++, C(j, I, O), I++, x();
+          v++, C(W, I, O), I++, x();
         }
-      }).catch(y));
+      }).catch(H));
     }
-    function O(j, z) {
+    function O(W, _) {
       if (v -= 1, !g) {
-        if (j)
-          return y(j);
-        if (j === !1) {
+        if (W)
+          return H(W);
+        if (W === !1) {
           f = !0, g = !0;
           return;
         }
-        if (z === l.default || f && v <= 0)
+        if (_ === l.default || f && v <= 0)
           return f = !0, p(null);
         x();
       }
     }
-    function y(j) {
-      g || (m = !1, f = !0, p(j));
+    function H(W) {
+      g || (m = !1, f = !0, p(W));
     }
     x();
   }
   n.exports = e.default;
-})(m2, m2.exports);
+})(v2, v2.exports);
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  var a = b2.exports, l = v(a), i = g2.exports, s = v(i), c = L2.exports, d = v(c), C = S2(), p = m2.exports, f = v(p), g = W1.exports, m = v(g);
+  var a = p2.exports, l = v(a), i = b2.exports, s = v(i), c = f2.exports, d = v(c), C = Z2(), p = v2.exports, f = v(p), g = Y1.exports, m = v(g);
   function v(I) {
     return I && I.__esModule ? I : { default: I };
   }
-  e.default = (I) => (x, O, y) => {
-    if (y = (0, l.default)(y), I <= 0)
+  e.default = (I) => (x, O, H) => {
+    if (H = (0, l.default)(H), I <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
     if (!x)
-      return y(null);
+      return H(null);
     if ((0, C.isAsyncGenerator)(x))
-      return (0, f.default)(x, I, O, y);
+      return (0, f.default)(x, I, O, H);
     if ((0, C.isAsyncIterable)(x))
-      return (0, f.default)(x[Symbol.asyncIterator](), I, O, y);
-    var j = (0, s.default)(x), z = !1, l1 = !1, H = 0, k = !1;
-    function A($, Q) {
-      if (!l1)
-        if (H -= 1, $)
-          z = !0, y($);
-        else if ($ === !1)
-          z = !0, l1 = !0;
+      return (0, f.default)(x[Symbol.asyncIterator](), I, O, H);
+    var W = (0, s.default)(x), _ = !1, k = !1, Z = 0, $ = !1;
+    function F(J, $2) {
+      if (!k)
+        if (Z -= 1, J)
+          _ = !0, H(J);
+        else if (J === !1)
+          _ = !0, k = !0;
         else {
-          if (Q === m.default || z && H <= 0)
-            return z = !0, y(null);
-          k || E();
+          if ($2 === m.default || _ && Z <= 0)
+            return _ = !0, H(null);
+          $ || K();
         }
     }
-    function E() {
-      for (k = !0; H < I && !z; ) {
-        var $ = j();
-        if ($ === null) {
-          z = !0, H <= 0 && y(null);
+    function K() {
+      for ($ = !0; Z < I && !_; ) {
+        var J = W();
+        if (J === null) {
+          _ = !0, Z <= 0 && H(null);
           return;
         }
-        H += 1, O($.value, $.key, (0, d.default)(A));
+        Z += 1, O(J.value, J.key, (0, d.default)(F));
       }
-      k = !1;
+      $ = !1;
     }
-    E();
+    K();
   }, n.exports = e.default;
-})(p2, p2.exports);
-var I2 = { exports: {} };
+})(C2, C2.exports);
+var m2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -407,8 +407,8 @@ var I2 = { exports: {} };
     return (i, s, c) => l(i, c);
   }
   n.exports = e.default;
-})(I2, I2.exports);
-var M2 = { exports: {} };
+})(m2, m2.exports);
+var I2 = { exports: {} };
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
@@ -428,12 +428,12 @@ var M2 = { exports: {} };
     return s;
   }
   n.exports = e.default;
-})(M2, M2.exports);
+})(I2, I2.exports);
 (function(n, e) {
   Object.defineProperty(e, "__esModule", {
     value: !0
   });
-  var a = p2.exports, l = f(a), i = I2.exports, s = f(i), c = S2(), d = f(c), C = M2.exports, p = f(C);
+  var a = C2.exports, l = f(a), i = m2.exports, s = f(i), c = Z2(), d = f(c), C = I2.exports, p = f(C);
   function f(m) {
     return m && m.__esModule ? m : { default: m };
   }
@@ -441,21 +441,21 @@ var M2 = { exports: {} };
     return (0, l.default)(v)(m, (0, s.default)((0, d.default)(I)), x);
   }
   e.default = (0, p.default)(g, 4), n.exports = e.default;
-})(C2, C2.exports);
-const S5 = /* @__PURE__ */ D5(C2.exports);
-function s1(n) {
+})(u2, u2.exports);
+const S5 = /* @__PURE__ */ D5(u2.exports);
+function c1(n) {
   return l5[n];
 }
 function u5(n, e) {
   return e[i5[n]];
 }
-function u1(n, e) {
+function d1(n, e) {
   const a = e.priorities.find(
     (l) => l.priority === n.priority
   );
-  return (a == null ? void 0 : a.color) || x2;
+  return (a == null ? void 0 : a.color) || D2;
 }
-function A2(n, e) {
+function S2(n, e) {
   const a = e.topic_statuses.find(
     (l) => l.topic_status === n.topic_status
   );
@@ -463,96 +463,96 @@ function A2(n, e) {
 }
 let C5 = null;
 function Fb(n, { fetchUsers: e }) {
-  const { collaborationApi: a, bcfApi: l } = n, i = e ? (H) => e(H) : (H) => a.getProjectUsers(H.cloud.id, H.id);
+  const a = e ? (_) => e(_) : (_) => n.collaborationApi.getProjectUsers(_.cloud.id, _.id);
   return {
-    fetchTopics: async (H) => {
-      const k = await i(H), A = await l.getDetailedExtensions(H.id), E = await l.getTopics(H.id);
-      return E.sort(($, Q) => Q.index - $.index), await S5(E, 10, async ($) => {
-        $.color = u1($, A), $.creator = k.find((Q) => Q.email === $.creation_author), $.viewpoints = await l.getTopicViewpoints(
-          H.id,
-          $.guid,
+    fetchTopics: async (_) => {
+      const k = await a(_), Z = await n.bcfApi.getDetailedExtensions(_.id), $ = await n.bcfApi.getTopics(_.id);
+      return $.sort((F, K) => K.index - F.index), await S5($, 10, async (F) => {
+        F.color = d1(F, Z), F.creator = k.find((K) => K.email === F.creation_author), F.viewpoints = await n.bcfApi.getTopicViewpoints(
+          _.id,
+          F.guid,
           "url"
         );
-      }), E;
+      }), $;
     },
-    fecthTopicByGuid: async (H, k) => {
-      const A = await l.getDetailedExtensions(H.id), E = await l.getFullTopic(k, H.id, "url");
-      return E.color = u1(E, A), E;
+    fecthTopicByGuid: async (_, k) => {
+      const Z = await n.bcfApi.getDetailedExtensions(_.id), $ = await n.bcfApi.getFullTopic(k, _.id, "url");
+      return $.color = d1($, Z), $;
     },
-    createTopic: async (H, k) => await l.createFullTopic(
-      H.id,
+    createTopic: async (_, k) => await n.bcfApi.createFullTopic(
+      _.id,
       k
     ),
-    updateTopic: async (H, k) => await l.updateFullTopic(
+    updateTopic: async (_, k) => await n.bcfApi.updateFullTopic(
       k.guid,
-      H.id,
+      _.id,
       "url",
       k
     ),
-    deleteTopic: async (H, k) => {
-      await l.deleteTopic(
+    deleteTopic: async (_, k) => {
+      await n.bcfApi.deleteTopic(
         k.guid,
-        H.id
+        _.id
       );
     },
-    createViewpoint: async (H, k, A) => await l.createViewpoint(
-      H.id,
+    createViewpoint: async (_, k, Z) => await n.bcfApi.createViewpoint(
+      _.id,
       k.guid,
       "url",
-      A
+      Z
     ),
-    deleteViewpoint: async (H, k, A) => {
-      await l.deleteViewpoint(
-        A.guid,
-        H.id,
+    deleteViewpoint: async (_, k, Z) => {
+      await n.bcfApi.deleteViewpoint(
+        Z.guid,
+        _.id,
         k.guid
       );
     },
-    fetchTopicComments: async (H, k) => {
-      const A = await i(H), E = await l.getComments(H.id, k.guid);
-      return E.sort(($, Q) => $.date > Q.date ? -1 : 1), E.forEach(($) => {
-        $.user = A.find((Q) => Q.email === $.author);
-      }), E;
+    fetchTopicComments: async (_, k) => {
+      const Z = await a(_), $ = await n.bcfApi.getComments(_.id, k.guid);
+      return $.sort((F, K) => F.date > K.date ? -1 : 1), $.forEach((F) => {
+        F.user = Z.find((K) => K.email === F.author);
+      }), $;
     },
-    createComment: async (H, k, A) => await l.createComment(
-      H.id,
+    createComment: async (_, k, Z) => await n.bcfApi.createComment(
+      _.id,
       k.guid,
-      A
+      Z
     ),
-    updateComment: async (H, k, A, E) => await l.updateComment(
-      A.guid,
-      H.id,
+    updateComment: async (_, k, Z, $) => await n.bcfApi.updateComment(
+      Z.guid,
+      _.id,
       k.guid,
-      E
+      $
     ),
-    deleteComment: async (H, k, A) => {
-      await l.deleteComment(
-        A.guid,
-        H.id,
+    deleteComment: async (_, k, Z) => {
+      await n.bcfApi.deleteComment(
+        Z.guid,
+        _.id,
         k.guid
       );
     },
-    fetchExtensions: (H) => l.getExtensions(H.id),
-    fetchDetailedExtensions: (H) => l.getDetailedExtensions(H.id),
-    createExtension: async (H, k, A) => await l[`createExtension${k}`](
-      H.id,
+    fetchExtensions: (_) => n.bcfApi.getExtensions(_.id),
+    fetchDetailedExtensions: (_) => n.bcfApi.getDetailedExtensions(_.id),
+    createExtension: async (_, k, Z) => await n.bcfApi[`createExtension${k}`](
+      _.id,
       {
-        [s1(k)]: A.value,
+        [c1(k)]: Z.value,
         color: V5()
       }
     ),
-    updateExtension: async (H, k, A, E) => await l[`updateExtension${k}`](
-      A.id,
-      H.id,
+    updateExtension: async (_, k, Z, $) => await n.bcfApi[`updateExtension${k}`](
+      Z.id,
+      _.id,
       {
-        [s1(k)]: E.value,
-        color: E.color
+        [c1(k)]: $.value,
+        color: $.color
       }
     ),
-    deleteExtension: async (H, k, A) => {
-      await l[`deleteExtension${k}`](
-        A.id,
-        H.id
+    deleteExtension: async (_, k, Z) => {
+      await n.bcfApi[`deleteExtension${k}`](
+        Z.id,
+        _.id
       );
     }
   };
@@ -560,32 +560,32 @@ function Fb(n, { fetchUsers: e }) {
 function Pb(n) {
   C5 = n;
 }
-function M1() {
+function I1() {
   return C5;
 }
-const j1 = new RegExp(
+const W1 = new RegExp(
   /^((([0]?[1-9]|1[0-9]|2[0-8])[./-](0[1-9]|1[012]))|((29|30|31))[./-]((0[13578]|1[02]))|((29|30))[./-](0[4,6,9]|11))[./-]((19|[2-9][0-9])\d\d$|(^29[./-]02[./-](19|[2-9][0-9])(00|04|08|12|16|20|24|28|32|36|40|44|48|52|56|60|64|68|72|76|80|84|88|92|96)$))/
 );
-function _2(n) {
+function M2(n) {
   return n.split("/").reverse().join("-");
 }
-function v1(n) {
-  return new Date(_2(n));
+function L1(n) {
+  return new Date(M2(n));
 }
-function y2(n, e = "long") {
+function _2(n, e = "long") {
   if (!n)
     return "";
   const a = n.toISOString().split("T")[0].split("-").reverse();
   return e === "short" && (a[2] = a[2].slice(-2)), a.join("/");
 }
 function A5(n) {
-  return n.match(j1) && v1(n).getTime() >= new Date().setHours(0, 0, 0, 0);
+  return n.match(W1) && L1(n).getTime() >= new Date().setHours(0, 0, 0, 0);
 }
 function T5(n) {
-  return n.match(j1) && v1(n).getTime() <= new Date().setHours(0, 0, 0, 0);
+  return n.match(W1) && L1(n).getTime() <= new Date().setHours(0, 0, 0, 0);
 }
 function N5(n, e) {
-  return n.match(j1) && e.match(j1) && v1(n).getTime() <= v1(e).getTime();
+  return n.match(W1) && e.match(W1) && L1(n).getTime() <= L1(e).getTime();
 }
 const G2 = {
   priorities: [],
@@ -597,9 +597,9 @@ const G2 = {
   endDate: ""
 };
 function $5(n) {
-  const e = I5({ ...G2 }), a = S(() => {
+  const e = I5({ ...G2 }), a = A(() => {
     let s = n.value;
-    return e.priorities.length > 0 && (s = s.filter((c) => e.priorities.includes(c.priority))), e.statuses.length > 0 && (s = s.filter((c) => e.statuses.includes(c.topic_status))), e.users.length > 0 && (s = s.filter((c) => e.users.includes(c.assigned_to))), e.creators.length > 0 && (s = s.filter((c) => e.creators.includes(c.creation_author))), e.labels.length > 0 && (s = s.filter((c) => e.labels.some((d) => c.labels.includes(d)))), e.startDate && e.endDate && (s = s.filter((c) => c.creation_date >= new Date(`${_2(e.startDate)}T00:00`) && c.creation_date <= new Date(`${_2(e.endDate)}T23:59:59`))), s;
+    return e.priorities.length > 0 && (s = s.filter((c) => e.priorities.includes(c.priority))), e.statuses.length > 0 && (s = s.filter((c) => e.statuses.includes(c.topic_status))), e.users.length > 0 && (s = s.filter((c) => e.users.includes(c.assigned_to))), e.creators.length > 0 && (s = s.filter((c) => e.creators.includes(c.creation_author))), e.labels.length > 0 && (s = s.filter((c) => e.labels.some((d) => c.labels.includes(d)))), e.startDate && e.endDate && (s = s.filter((c) => c.creation_date >= new Date(`${M2(e.startDate)}T00:00`) && c.creation_date <= new Date(`${M2(e.endDate)}T23:59:59`))), s;
   });
   function l(s) {
     Object.assign(e, s);
@@ -627,7 +627,7 @@ const R5 = [
 ];
 function zb(n) {
   const e = V(""), a = V([]);
-  return q1(
+  return K1(
     [n, e],
     () => {
       if (e.value) {
@@ -646,7 +646,7 @@ function zb(n) {
     filteredTopics: a
   };
 }
-function r2(n, e = (a) => a) {
+function o2(n, e = (a) => a) {
   const a = V(n), l = (c = "asc") => {
     const d = a.value.slice().sort((C, p) => e(C) < e(p) ? -1 : 1);
     c === "desc" && d.reverse(), a.value = d;
@@ -659,7 +659,7 @@ function r2(n, e = (a) => a) {
   };
 }
 function Ub(n) {
-  const { sortToggle: e, sortOrder: a } = r2(n, (g) => g.index), { sortToggle: l, sortOrder: i } = r2(n, (g) => g.title), { sortToggle: s, sortOrder: c } = r2(n, (g) => g.creation_date), d = V("");
+  const { sortToggle: e, sortOrder: a } = o2(n, (g) => g.index), { sortToggle: l, sortOrder: i } = o2(n, (g) => g.title), { sortToggle: s, sortOrder: c } = o2(n, (g) => g.creation_date), d = V("");
   return {
     sortedBy: d,
     sortByIndex: () => {
@@ -677,16 +677,16 @@ function Ub(n) {
   };
 }
 function O5(n) {
-  return n[k2];
+  return n[x2];
 }
 function Gb(n) {
   var e, a;
-  return (a = (e = n[w2]) == null ? void 0 : e.split(",").map(Number)) != null ? a : [];
+  return (a = (e = n[k2]) == null ? void 0 : e.split(",").map(Number)) != null ? a : [];
 }
 function E5(n) {
-  return Z2[O5(n)];
+  return w2[O5(n)];
 }
-var F5 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), U = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => F5.includes(n) } }, emits: ["click"], computed: { classes() {
+var F5 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), z = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => F5.includes(n) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
@@ -1161,9 +1161,9 @@ p5(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), U.render = function(n, e, a, l, i, s) {
-  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: _(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [Z(n.$slots, "default")], 14, P5);
-}, U.__scopeId = "data-v-3f903003", U.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), z.render = function(n, e, a, l, i, s) {
+  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: y(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [S(n.$slots, "default")], 14, P5);
+}, z.__scopeId = "data-v-3f903003", z.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const z5 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" }, U5 = { render: function(n, e) {
   return r(), t("path", z5);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, G5 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, X5 = { render: function(n, e) {
@@ -1471,7 +1471,7 @@ const z5 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var X2 = { addFile: U5, addFolder: X5, addUser: W5, alphabeticalAscending: K5, alphabeticalDescending: Q5, alphabeticalSort: n4, alt: o4, angle: t4, api: l4, archive: c4, arrow: d4, attach: C4, backInTime: g4, bcf: f4, building: v4, burgerMenu: I4, calendar: _4, caliper: H4, camera: B4, cancelCamera: x4, check: w4, chevron: S4, classificationCategorie: T4, classificationElement: $4, click: O4, close: F4, cloud: z4, color: G4, comment: Y4, cursor: j4, dateAscending: q4, dateDescending: J4, default: e3, delete: r3, deniedFile: a3, deploy: i3, detach: s3, distance: u3, doubleChevron: p3, down: g3, download: f3, drag: v3, edit: I3, ellipsis: _3, expanded: H3, explosion: B3, export: x3, exportIfc: w3, failed: S3, filter: T3, fitView: $3, folder: O3, folderMove: F3, folderOpen: z3, fullscreen: G3, grid: Y3, group: j3, hide: q3, ifc: J3, ifcFile: e7, import: r7, indexAscending: a7, indexDescending: i7, information: s7, inProgressFile: u7, invitation: p7, isolate: g7, key: f7, left: v7, linkedDocument: I7, list: _7, listManage: H7, location: B7, lock: x7, logout: w7, measure: S7, minus: T7, model3d: $7, organization: O7, parameters: F7, path: z7, pieGraph: G7, plus: Y7, project: j7, quickSelect: q7, readonlyFolder: J7, redo: e9, reduced: r9, refresh: a9, reprocessIfc: i9, reset: s9, right: u9, rules: p9, sandglass: g9, save: f9, screenConfig: v9, screenshot: I9, search: _9, section: H9, settings: B9, share: x9, show: w9, showSelected: S9, socotec: T9, space: $9, split: O9, storey: F9, success: z9, surface: G9, swap: Y9, synchro2d: j9, system: q9, tag: n0, tree: o0, unarchive: t0, undo: l0, union: c0, up: d0, user: C0, validate: b0, validatedFile: h0, versioning: v0, video: I0, visa: _0, warning: H0, windowBottom: B0, windowed: x0, windowLeft: w0, windowRight: S0, windowTop: T0, zone: $0, bcfPolychrome: O0, createWindowPolychrome: F0, docInfoPolychrome: z0, fileDwgPolychrome: G0, fileIfcPolychrome: Y0, filePdfPolychrome: j0, filePlanPolychrome: q0, folderPolychrome: J0, structurePolychrome: e6, viewer2dPolychrome: r6, viewer3dPolychrome: a6 }, l6 = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const Y2 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var X = { name: "BIMDataIcon", components: { ...function(n = {}) {
+var G = { name: "BIMDataIcon", components: { ...function(n = {}) {
   return Object.entries(n).reduce((e, [a, l]) => ({ ...e, [`bimdata-icon-${a}`]: l }), {});
 }(X2) }, props: { name: { type: String, required: !0, validator: (n) => Object.keys(X2).includes(n) }, color: { type: String, default: "default", validator: (n) => l6.includes(n) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (n) => Object.keys(Y2).includes(n) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -1642,9 +1642,9 @@ b5(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), X.render = function(n, e, a, l, i, s) {
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: _(s.style) }, [(r(), B(m1(`bimdata-icon-${a.name}`)))], 14, i6);
-}, X.__scopeId = "data-v-1312d4d1", X.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+}`), G.render = function(n, e, a, l, i, s) {
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: y(s.style) }, [(r(), B(v1(`bimdata-icon-${a.name}`)))], 14, i6);
+}, G.__scopeId = "data-v-1312d4d1", G.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 let W2 = 0;
 var t1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { modelValue: { type: [String, Number, Boolean], default: "" }, placeholder: { type: String, default: "" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, loading: { type: Boolean, default: !1 }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "12px 0px" }, autocomplete: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "blur", "keypress", "focus", "change"], computed: { style() {
   return { margin: `${this.margin}` };
@@ -2000,9 +2000,9 @@ input:-webkit-autofill {
 .bimdata-input.success .bar::before, .bimdata-input.success .bar::after {
   background-color: var(--color-success);
 }`), t1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", { class: D(["bimdata-input", { error: a.error, success: a.success, disabled: a.disabled, loading: a.loading, "not-empty": !!a.modelValue }]), style: _(s.style) }, [o("input", V2({ ref: "input", id: `bimdata-input-${n.uuid}`, onInput: e[0] || (e[0] = (c) => n.$emit("update:modelValue", c.currentTarget.value)), disabled: a.disabled, value: a.modelValue, onFocus: e[1] || (e[1] = (c) => {
+  return r(), t("div", { class: D(["bimdata-input", { error: a.error, success: a.success, disabled: a.disabled, loading: a.loading, "not-empty": !!a.modelValue }]), style: y(s.style) }, [o("input", H2({ ref: "input", id: `bimdata-input-${n.uuid}`, onInput: e[0] || (e[0] = (c) => n.$emit("update:modelValue", c.currentTarget.value)), disabled: a.disabled, value: a.modelValue, onFocus: e[1] || (e[1] = (c) => {
     c.target.select(), n.$emit("focus", c);
-  }), onBlur: e[2] || (e[2] = (c) => n.$emit("blur", c)), onKeypress: e[3] || (e[3] = (c) => n.$emit("keypress", c)), onChange: e[4] || (e[4] = (c) => n.$emit("change", c)), autocomplete: a.autocomplete ? "on" : "off" }, n.$attrs), null, 16, c6), o("div", s6, [Z(n.$slots, "inputIcon")]), o("label", { for: `bimdata-input-${n.uuid}` }, b(a.placeholder), 9, d6), u6, a.error ? (r(), t("span", C6, b(a.errorMessage), 1)) : M("v-if", !0), a.success ? (r(), t("span", p6, b(a.successMessage), 1)) : M("v-if", !0)], 6);
+  }), onBlur: e[2] || (e[2] = (c) => n.$emit("blur", c)), onKeypress: e[3] || (e[3] = (c) => n.$emit("keypress", c)), onChange: e[4] || (e[4] = (c) => n.$emit("change", c)), autocomplete: a.autocomplete ? "on" : "off" }, n.$attrs), null, 16, c6), o("div", s6, [S(n.$slots, "inputIcon")]), o("label", { for: `bimdata-input-${n.uuid}` }, b(a.placeholder), 9, d6), u6, a.error ? (r(), t("span", C6, b(a.errorMessage), 1)) : M("v-if", !0), a.success ? (r(), t("span", p6, b(a.successMessage), 1)) : M("v-if", !0)], 6);
 }, t1.__scopeId = "data-v-5d42d486", t1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
 var h5 = { beforeMount(n, e) {
   if (typeof e.value != "function")
@@ -2012,7 +2012,7 @@ var h5 = { beforeMount(n, e) {
   }, window.addEventListener(e.arg || "click", n.clickAwayHandler, !0);
 }, unmounted(n, e) {
   window.removeEventListener(e.arg || "click", n.clickAwayHandler, !0), delete n.clickAwayHandler;
-} }, B1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (n) => n === null || typeof n == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
+} }, V1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (n) => n === null || typeof n == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
   return this.modelValue === null;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -2022,7 +2022,7 @@ var h5 = { beforeMount(n, e) {
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
 const b6 = ((n) => (e1("data-v-34d34265"), n = n(), o1(), n))(() => o("span", { class: "bimdata-checkbox__mark" }, null, -1)), g6 = { key: 0, class: "bimdata-checkbox__text" };
-function K(n, e) {
+function j(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -2030,7 +2030,7 @@ function K(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2188,7 +2188,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-K(`.bimdata-checkbox {
+j(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2275,24 +2275,24 @@ K(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), B1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", { class: D(["bimdata-checkbox", { indeterminate: s.indeterminate, disabled: a.disabled, checked: s.checked }]), onClick: e[0] || (e[0] = (...c) => s.onClick && s.onClick(...c)), style: _(s.style) }, [b6, a.text ? (r(), t("span", g6, [Z(n.$slots, "default", {}, () => [w(b(a.text), 1)])])) : M("v-if", !0)], 6);
-}, B1.__scopeId = "data-v-34d34265", B1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), V1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", { class: D(["bimdata-checkbox", { indeterminate: s.indeterminate, disabled: a.disabled, checked: s.checked }]), onClick: e[0] || (e[0] = (...c) => s.onClick && s.onClick(...c)), style: y(s.style) }, [b6, a.text ? (r(), t("span", g6, [S(n.$slots, "default", {}, () => [w(b(a.text), 1)])])) : M("v-if", !0)], 6);
+}, V1.__scopeId = "data-v-34d34265", V1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const h6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.0522 2.19676C5.9826 2.27217 5.9826 2.39544 6.0522 2.47105L14.4046 11.5192L6.08804 20.529C6.01825 20.6044 6.01825 20.7279 6.08804 20.8033L8.06344 22.9433C8.13304 23.0189 8.24702 23.0189 8.31662 22.9433L18.7257 11.667C18.7942 11.5928 18.795 11.4724 18.729 11.3968C18.7202 11.3736 18.7071 11.3518 18.6899 11.3331L8.28077 0.0565512C8.21117 -0.0188504 8.09719 -0.0188504 8.02759 0.0565512L6.0522 2.19676Z" }, f6 = { render: function(n, e) {
   return r(), t("path", h6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var L6 = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const j2 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var n2 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => L6.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(j2).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var J1 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => L6.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(j2).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const a = this.getPixelSize(this.size);
   return { width: `${a}px`, minWidth: `${a}px`, height: `${a}px`, minHeight: `${a}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : j2[this.size];
-} } }), g1 = n2("Chevron", f6);
+} } }), b1 = J1("Chevron", f6);
 const v6 = ["fill", "color"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2361,7 +2361,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-K(`.icon-fill--black {
+j(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2444,16 +2444,16 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), g1.render = function(n, e, a, l, i, s) {
+}`), b1.render = function(n, e, a, l, i, s) {
   const c = h("Chevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, v6);
-}, g1.__scopeId = "data-v-5e440aca", g1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, v6);
+}, b1.__scopeId = "data-v-5e440aca", b1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const m6 = { "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" }, I6 = { render: function(n, e) {
   return r(), t("path", m6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var t2 = n2("DoubleChevron", I6);
+var r2 = J1("DoubleChevron", I6);
 const M6 = ["fill", "color"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2522,7 +2522,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-K(`.icon-fill--black {
+j(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2605,16 +2605,16 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), t2.render = function(n, e, a, l, i, s) {
+}`), r2.render = function(n, e, a, l, i, s) {
   const c = h("DoubleChevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, M6);
-}, t2.__scopeId = "data-v-859297ec", t2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, M6);
+}, r2.__scopeId = "data-v-859297ec", r2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const _6 = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, y6 = { render: function(n, e) {
   return r(), t("path", _6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var a2 = n2("Close", y6);
+var t2 = J1("Close", y6);
 const H6 = ["fill", "color"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2683,7 +2683,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-K(`.icon-fill--black {
+j(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2766,16 +2766,16 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), a2.render = function(n, e, a, l, i, s) {
+}`), t2.render = function(n, e, a, l, i, s) {
   const c = h("Close");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, H6);
-}, a2.__scopeId = "data-v-797f55d8", a2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, H6);
+}, t2.__scopeId = "data-v-797f55d8", t2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const V6 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, B6 = { render: function(n, e) {
   return r(), t("path", V6);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var l2 = n2("Search", B6);
+var a2 = J1("Search", B6);
 const D6 = ["fill", "color"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -2844,7 +2844,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-K(`.icon-fill--black {
+j(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -2927,11 +2927,11 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), l2.render = function(n, e, a, l, i, s) {
+}`), a2.render = function(n, e, a, l, i, s) {
   const c = h("Search");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, D6);
-}, l2.__scopeId = "data-v-0993abf8", l2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var D1 = { components: { BIMDataCheckbox: B1, BIMDataIconChevron: g1 }, directives: { clickaway: h5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: Array }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, D6);
+}, a2.__scopeId = "data-v-0993abf8", a2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var B1 = { components: { BIMDataCheckbox: V1, BIMDataIconChevron: b1 }, directives: { clickaway: h5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: Array }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
   return this.modelValue.map(this.optionLabel).join(", ");
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -2958,7 +2958,7 @@ var D1 = { components: { BIMDataCheckbox: B1, BIMDataIconChevron: g1 }, directiv
   this.$emit("update:modelValue", e);
 } } };
 const x6 = { class: "bimdata-select__content" }, k6 = { class: "bimdata-select__content__label" }, w6 = ((n) => (e1("data-v-2c3115dc"), n = n(), o1(), n))(() => o("span", { class: "bimdata-select__content__underline" }, null, -1)), Z6 = { class: "bimdata-select__option-list" }, S6 = ["onClick"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3138,11 +3138,11 @@ html[data-v-2c3115dc] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-2c3115dc]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), D1.render = function(n, e, a, l, i, s) {
-  const c = h("BIMDataIconChevron"), d = h("BIMDataCheckbox"), C = Q1("clickaway");
-  return Y((r(), t("div", { class: D(["bimdata-select", { disabled: a.disabled, active: i.isOpen, "not-empty": a.modelValue.length > 0 }]), style: _({ width: a.width }) }, [o("div", x6, [o("div", { class: "bimdata-select__content__value", onClick: e[0] || (e[0] = (...p) => s.toggle && s.toggle(...p)) }, [o("span", null, b(s.displayedValue), 1), u(c, { size: "xxs", rotate: i.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), o("label", k6, b(a.label), 1), w6]), u(I1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [Y(o("ul", Z6, [(r(!0), t(N, null, G(a.options, (p, f) => (r(), t("li", { class: D(["bimdata-select__option-list__entry", { selected: s.isSelected(p), disabled: s.isDisabled(p), "option-group": s.isOptionGroup(p) }]), key: f, onClick: (g) => s.onOptionClick(p) }, [s.isOptionGroup(p) ? (r(), t(N, { key: 0 }, [w(b(s.optionLabel(p)), 1)], 64)) : (r(), B(d, { key: 1, modelValue: s.isSelected(p), disabled: s.isDisabled(p), text: s.optionLabel(p) }, null, 8, ["modelValue", "disabled", "text"]))], 10, S6))), 128))], 512), [[q, !a.disabled && i.isOpen]])]), _: 1 })], 6)), [[C, () => i.isOpen = !1]]);
-}, D1.__scopeId = "data-v-2c3115dc", D1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
-var x1 = { components: { BIMDataIconChevron: g1 }, directives: { clickaway: h5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object] }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
+}`), B1.render = function(n, e, a, l, i, s) {
+  const c = h("BIMDataIconChevron"), d = h("BIMDataCheckbox"), C = q1("clickaway");
+  return X((r(), t("div", { class: D(["bimdata-select", { disabled: a.disabled, active: i.isOpen, "not-empty": a.modelValue.length > 0 }]), style: y({ width: a.width }) }, [o("div", x6, [o("div", { class: "bimdata-select__content__value", onClick: e[0] || (e[0] = (...p) => s.toggle && s.toggle(...p)) }, [o("span", null, b(s.displayedValue), 1), u(c, { size: "xxs", rotate: i.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), o("label", k6, b(a.label), 1), w6]), u(m1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(o("ul", Z6, [(r(!0), t(N, null, U(a.options, (p, f) => (r(), t("li", { class: D(["bimdata-select__option-list__entry", { selected: s.isSelected(p), disabled: s.isDisabled(p), "option-group": s.isOptionGroup(p) }]), key: f, onClick: (g) => s.onOptionClick(p) }, [s.isOptionGroup(p) ? (r(), t(N, { key: 0 }, [w(b(s.optionLabel(p)), 1)], 64)) : (r(), B(d, { key: 1, modelValue: s.isSelected(p), disabled: s.isDisabled(p), text: s.optionLabel(p) }, null, 8, ["modelValue", "disabled", "text"]))], 10, S6))), 128))], 512), [[q, !a.disabled && i.isOpen]])]), _: 1 })], 6)), [[C, () => i.isOpen = !1]]);
+}, B1.__scopeId = "data-v-2c3115dc", B1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
+var D1 = { components: { BIMDataIconChevron: b1 }, directives: { clickaway: h5 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number] }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object] }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], data: () => ({ isOpen: !1 }), computed: { displayedValue() {
   return this.optionLabel(this.modelValue);
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -3163,7 +3163,7 @@ var x1 = { components: { BIMDataIconChevron: g1 }, directives: { clickaway: h5 }
   this.$emit("update:modelValue", null), this.isOpen = !1;
 } } };
 const A6 = { class: "bimdata-select__content" }, T6 = { class: "bimdata-select__content__label" }, N6 = ((n) => (e1("data-v-41a0d93f"), n = n(), o1(), n))(() => o("span", { class: "bimdata-select__content__underline" }, null, -1)), $6 = { class: "bimdata-select__option-list" }, R6 = ["onClick"];
-K(`/* base COLORS --------------------------------------------- */
+j(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3343,31 +3343,31 @@ html[data-v-41a0d93f] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-41a0d93f]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), x1.render = function(n, e, a, l, i, s) {
-  const c = h("BIMDataIconChevron"), d = Q1("clickaway");
-  return Y((r(), t("div", { class: D(["bimdata-select", { disabled: a.disabled, active: i.isOpen, "not-empty": a.modelValue !== void 0 && a.modelValue !== null }]), style: _({ width: a.width }) }, [o("div", A6, [o("div", { class: "bimdata-select__content__value", onClick: e[0] || (e[0] = (...C) => s.toggle && s.toggle(...C)) }, [o("span", null, b(s.displayedValue), 1), u(c, { size: "xxs", rotate: i.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), o("label", T6, b(a.label), 1), N6]), u(I1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [Y(o("ul", $6, [a.nullValue ? (r(), t("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: e[1] || (e[1] = (C) => s.onNullValueClick()) }, b(a.nullLabel || "None"), 1)) : M("v-if", !0), (r(!0), t(N, null, G(a.options, (C, p) => (r(), t("li", { class: D(["bimdata-select__option-list__entry", { selected: s.isSelected(C), disabled: s.isDisabled(C), "option-group": s.isOptionGroup(C) }]), key: p, onClick: (f) => s.onOptionClick(C) }, b(s.optionLabel(C)), 11, R6))), 128))], 512), [[q, !a.disabled && i.isOpen]])]), _: 1 })], 6)), [[d, () => i.isOpen = !1]]);
-}, x1.__scopeId = "data-v-41a0d93f", x1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
-var K1 = { components: { BIMDataSelectMulti: D1, BIMDataSelectSingle: x1 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number], default: "100%" }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object, Array] }, multi: { type: Boolean, default: !1 }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], computed: { selectorComponent() {
+}`), D1.render = function(n, e, a, l, i, s) {
+  const c = h("BIMDataIconChevron"), d = q1("clickaway");
+  return X((r(), t("div", { class: D(["bimdata-select", { disabled: a.disabled, active: i.isOpen, "not-empty": a.modelValue !== void 0 && a.modelValue !== null }]), style: y({ width: a.width }) }, [o("div", A6, [o("div", { class: "bimdata-select__content__value", onClick: e[0] || (e[0] = (...C) => s.toggle && s.toggle(...C)) }, [o("span", null, b(s.displayedValue), 1), u(c, { size: "xxs", rotate: i.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), o("label", T6, b(a.label), 1), N6]), u(m1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(o("ul", $6, [a.nullValue ? (r(), t("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: e[1] || (e[1] = (C) => s.onNullValueClick()) }, b(a.nullLabel || "None"), 1)) : M("v-if", !0), (r(!0), t(N, null, U(a.options, (C, p) => (r(), t("li", { class: D(["bimdata-select__option-list__entry", { selected: s.isSelected(C), disabled: s.isDisabled(C), "option-group": s.isOptionGroup(C) }]), key: p, onClick: (f) => s.onOptionClick(C) }, b(s.optionLabel(C)), 11, R6))), 128))], 512), [[q, !a.disabled && i.isOpen]])]), _: 1 })], 6)), [[d, () => i.isOpen = !1]]);
+}, D1.__scopeId = "data-v-41a0d93f", D1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
+var j1 = { components: { BIMDataSelectMulti: B1, BIMDataSelectSingle: D1 }, model: { prop: "modelValue", event: "update:modelValue" }, props: { width: { type: [String, Number], default: "100%" }, label: { type: String, default: null }, options: { type: Array, default: () => [] }, optionKey: { type: String }, optionLabelKey: { type: String }, modelValue: { type: [String, Object, Array] }, multi: { type: Boolean, default: !1 }, nullValue: { type: Boolean, default: !1 }, nullLabel: { type: String }, disabled: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], computed: { selectorComponent() {
   return this.multi ? "BIMDataSelectMulti" : "BIMDataSelectSingle";
 } } };
-K1.render = function(n, e, a, l, i, s) {
-  return r(), B(m1(s.selectorComponent), V2(n.$props, { modelValue: a.modelValue, "onUpdate:modelValue": e[0] || (e[0] = (c) => n.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
-}, K1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
+j1.render = function(n, e, a, l, i, s) {
+  return r(), B(v1(s.selectorComponent), H2(n.$props, { modelValue: a.modelValue, "onUpdate:modelValue": e[0] || (e[0] = (c) => n.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
+}, j1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
 const R = (n, e) => {
   const a = n.__vccOpts || n;
   for (const [l, i] of e)
     a[l] = i;
   return a;
 };
-function C1(n) {
+function u1(n) {
   return Array.from(new Set(n)).sort((e, a) => e.localeCompare(a, void 0, { sensitivity: "base" }));
 }
 const O6 = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataInput: t1,
-    BIMDataSelect: K1
+    BIMDataSelect: j1
   },
   props: {
     topics: {
@@ -3380,17 +3380,17 @@ const O6 = {
   ],
   setup(n, { emit: e }) {
     const a = V(!1), l = () => a.value = !1, i = () => a.value = !a.value, s = V(!1), c = V(!1), { filters: d, filteredTopics: C, reset: p } = $5(
-      S(() => n.topics)
-    ), f = S(
-      () => C1(n.topics.map((y) => y.priority))
-    ), g = S(
-      () => C1(n.topics.map((y) => y.topic_status))
-    ), m = S(
-      () => C1(n.topics.map((y) => y.assigned_to))
-    ), v = S(
-      () => C1(n.topics.map((y) => y.creation_author))
-    ), I = S(
-      () => C1(n.topics.flatMap((y) => y.labels))
+      A(() => n.topics)
+    ), f = A(
+      () => u1(n.topics.map((H) => H.priority))
+    ), g = A(
+      () => u1(n.topics.map((H) => H.topic_status))
+    ), m = A(
+      () => u1(n.topics.map((H) => H.assigned_to))
+    ), v = A(
+      () => u1(n.topics.map((H) => H.creation_author))
+    ), I = A(
+      () => u1(n.topics.flatMap((H) => H.labels))
     );
     return {
       creatorOptions: v,
@@ -3430,8 +3430,8 @@ const O6 = {
   }
 }, E6 = { class: "bcf-filters" }, F6 = { class: "bcf-filters__container" }, P6 = { class: "bcf-filters__container__header" }, z6 = { class: "bcf-filters__container__header__title" }, U6 = { class: "bcf-filters__container__date" }, G6 = { class: "example" }, X6 = { class: "example" }, Y6 = { class: "bcf-filters__container__actions" };
 function W6(n, e, a, l, i, s) {
-  const c = h("BIMDataIcon"), d = h("BIMDataButton"), C = h("BIMDataSelect"), p = h("BIMDataInput"), f = Q1("click-away");
-  return Y((r(), t("div", E6, [
+  const c = h("BIMDataIcon"), d = h("BIMDataButton"), C = h("BIMDataSelect"), p = h("BIMDataInput"), f = q1("click-away");
+  return X((r(), t("div", E6, [
     u(d, {
       class: "bcf-filters__btn-toggle",
       disabled: a.topics.length === 0,
@@ -3453,9 +3453,9 @@ function W6(n, e, a, l, i, s) {
       ]),
       _: 1
     }, 8, ["disabled", "onClick"]),
-    u(I1, { name: "slide-fade-up" }, {
+    u(m1, { name: "slide-fade-up" }, {
       default: L(() => [
-        Y(o("div", F6, [
+        X(o("div", F6, [
           o("div", P6, [
             o("div", z6, b(n.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
             u(d, {
@@ -3587,11 +3587,11 @@ function W6(n, e, a, l, i, s) {
     [f, l.close]
   ]);
 }
-const j6 = /* @__PURE__ */ R(O6, [["render", W6], ["__scopeId", "data-v-7e773073"]]), T2 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), K6 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
-Object.entries(T2).filter(([n]) => !K6.includes(n));
-var q6 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), k1 = { props: { text: { type: String } } };
+const j6 = /* @__PURE__ */ R(O6, [["render", W6], ["__scopeId", "data-v-7e773073"]]), A2 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), K6 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
+Object.entries(A2).filter(([n]) => !K6.includes(n));
+var q6 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), x1 = { props: { text: { type: String } } };
 const Q6 = { class: "bimdata-card__brand" }, J6 = { class: "bimdata-card__brand--left" }, nn = { key: 0 };
-function _1(n, e) {
+function M1(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -3599,7 +3599,7 @@ function _1(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-_1(`/* base COLORS --------------------------------------------- */
+M1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3668,7 +3668,7 @@ html[data-v-0185c658] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-_1(`.bimdata-card__brand {
+M1(`.bimdata-card__brand {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
@@ -3684,14 +3684,14 @@ _1(`.bimdata-card__brand {
 }
 .bimdata-card__brand--left svg {
   margin-right: calc(var(--spacing-unit) / 2);
-}`), k1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", Q6, [o("div", J6, [Z(n.$slots, "left"), a.text ? (r(), t("span", nn, b(a.text), 1)) : M("v-if", !0)]), Z(n.$slots, "right")]);
-}, k1.__scopeId = "data-v-0185c658", k1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
-var w1 = { components: { BIMDataCardBand: k1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (n) => q6.includes(n) } }, computed: { classes() {
+}`), x1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", Q6, [o("div", J6, [S(n.$slots, "left"), a.text ? (r(), t("span", nn, b(a.text), 1)) : M("v-if", !0)]), S(n.$slots, "right")]);
+}, x1.__scopeId = "data-v-0185c658", x1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
+var k1 = { components: { BIMDataCardBand: x1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (n) => q6.includes(n) } }, computed: { classes() {
   return { [`bimdata-card__${this.bgColor}`]: this.bgColor };
 } } };
 const en = { key: 2, class: "bimdata-card__content" }, on = { key: 3, class: "bimdata-card__footer" };
-_1(`/* base COLORS --------------------------------------------- */
+M1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3849,7 +3849,7 @@ html[data-v-5c84207f] {
 .primary-font[data-v-5c84207f] {
   font-family: "roboto", sans-serif;
 }`);
-_1(`.bimdata-card {
+M1(`.bimdata-card {
   background-color: var(--color-white);
   -webkit-box-shadow: var(--box-shadow);
           box-shadow: var(--box-shadow);
@@ -3925,14 +3925,14 @@ _1(`.bimdata-card {
   color: var(--color-primary);
   -webkit-filter: saturate(0.8);
           filter: saturate(0.8);
-}`), w1.render = function(n, e, a, l, i, s) {
+}`), k1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataCardBand");
-  return r(), t("div", { class: D(["bimdata-card", s.classes]), style: _({ "min-width": a.width, "border-radius": a.borderRadius }) }, [a.titleHeader || n.$slots.headerIcons ? (r(), B(c, { key: 0, text: a.titleHeader, class: "bimdata-card__header" }, { right: L(() => [Z(n.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : M("v-if", !0), n.$slots.left || a.submenuText || n.$slots.right ? (r(), B(c, { key: 1, class: "bimdata-card__submenu", text: a.submenuText }, { left: L(() => [Z(n.$slots, "left")]), right: L(() => [Z(n.$slots, "right")]), _: 3 }, 8, ["text"])) : M("v-if", !0), n.$slots.content ? (r(), t("div", en, [Z(n.$slots, "content")])) : M("v-if", !0), n.$slots.footer ? (r(), t("footer", on, [Z(n.$slots, "footer")])) : M("v-if", !0)], 6);
-}, w1.__scopeId = "data-v-5c84207f", w1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
-const rn = Object.entries(T2).reduce((n, e, a) => (a % 5 == 0 ? n.push([e]) : n[n.length - 1].push(e), n), []);
-var Z1 = { components: { BIMDataCard: w1 }, props: { modelValue: { type: String, default: null, validator: (n) => Object.values(T2).includes(n) } }, emits: ["update:modelValue"], data: () => ({ colorLines: rn }) };
+  return r(), t("div", { class: D(["bimdata-card", s.classes]), style: y({ "min-width": a.width, "border-radius": a.borderRadius }) }, [a.titleHeader || n.$slots.headerIcons ? (r(), B(c, { key: 0, text: a.titleHeader, class: "bimdata-card__header" }, { right: L(() => [S(n.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : M("v-if", !0), n.$slots.left || a.submenuText || n.$slots.right ? (r(), B(c, { key: 1, class: "bimdata-card__submenu", text: a.submenuText }, { left: L(() => [S(n.$slots, "left")]), right: L(() => [S(n.$slots, "right")]), _: 3 }, 8, ["text"])) : M("v-if", !0), n.$slots.content ? (r(), t("div", en, [S(n.$slots, "content")])) : M("v-if", !0), n.$slots.footer ? (r(), t("footer", on, [S(n.$slots, "footer")])) : M("v-if", !0)], 6);
+}, k1.__scopeId = "data-v-5c84207f", k1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
+const rn = Object.entries(A2).reduce((n, e, a) => (a % 5 == 0 ? n.push([e]) : n[n.length - 1].push(e), n), []);
+var w1 = { components: { BIMDataCard: k1 }, props: { modelValue: { type: String, default: null, validator: (n) => Object.values(A2).includes(n) } }, emits: ["update:modelValue"], data: () => ({ colorLines: rn }) };
 const tn = ["title", "onClick"];
-_1(`.color-selector__line[data-v-dd521886] {
+M1(`.color-selector__line[data-v-dd521886] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3946,15 +3946,15 @@ _1(`.color-selector__line[data-v-dd521886] {
 }
 .color-selector__line__element.selected[data-v-dd521886] {
   border: solid 2px var(--color-primary);
-}`), Z1.render = function(n, e, a, l, i, s) {
+}`), w1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataCard");
-  return r(), B(c, { class: "color-selector" }, { content: L(() => [(r(!0), t(N, null, G(i.colorLines, (d, C) => (r(), t("div", { class: "color-selector__line", key: `colorLine${C}` }, [(r(!0), t(N, null, G(d, ([p, f], g) => (r(), t("div", { class: D(["color-selector__line__element", { selected: f === a.modelValue }]), key: `colorElement${g}ofColorLine${C}`, style: _(`background-color: #${f}`), title: p, onClick: (m) => n.$emit("update:modelValue", f) }, null, 14, tn))), 128))]))), 128))]), _: 1 });
-}, Z1.__scopeId = "data-v-dd521886", Z1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
+  return r(), B(c, { class: "color-selector" }, { content: L(() => [(r(!0), t(N, null, U(i.colorLines, (d, C) => (r(), t("div", { class: "color-selector__line", key: `colorLine${C}` }, [(r(!0), t(N, null, U(d, ([p, f], g) => (r(), t("div", { class: D(["color-selector__line__element", { selected: f === a.modelValue }]), key: `colorElement${g}ofColorLine${C}`, style: y(`background-color: #${f}`), title: p, onClick: (m) => n.$emit("update:modelValue", f) }, null, 14, tn))), 128))]))), 128))]), _: 1 });
+}, w1.__scopeId = "data-v-dd521886", w1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
 const an = {
   components: {
-    BIMDataButton: U,
-    BIMDataColorSelector: Z1,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataColorSelector: w1,
+    BIMDataIcon: G,
     BIMDataInput: t1
   },
   props: {
@@ -3971,9 +3971,9 @@ const an = {
   ],
   setup(n, { emit: e }) {
     const a = V(!1), l = V(!1), i = V(!1), s = V(
-      n.extension[s1(n.extensionType)]
+      n.extension[c1(n.extensionType)]
     ), c = V(n.extension.color), d = V(null);
-    return q1(
+    return K1(
       a,
       () => setTimeout(() => a.value && d.value.focus(), 50)
     ), {
@@ -3985,7 +3985,7 @@ const an = {
       isOpenColorSelector: l,
       isOpenDeleteGuard: i,
       adjustBorderColor: B5,
-      getExtensionField: s1,
+      getExtensionField: c1,
       submitColor: async (g) => {
         g !== n.extension.color && (e("update-extension", {
           extensionType: n.extensionType,
@@ -4000,7 +4000,7 @@ const an = {
         });
       },
       submitValue: async () => {
-        s.value !== n.extension[s1(n.extensionType)] && (e("update-extension", {
+        s.value !== n.extension[c1(n.extensionType)] && (e("update-extension", {
           extensionType: n.extensionType,
           extension: n.extension,
           data: { value: s.value }
@@ -4013,14 +4013,14 @@ const an = {
   class: "setting-card-item__delete-guard"
 }, un = { class: "flex items-center" };
 function Cn(n, e, a, l, i, s) {
-  const c = h("BIMDataInput"), d = h("BIMDataIcon"), C = h("BIMDataButton"), p = h("BIMDataColorSelector"), f = Q1("click-away");
+  const c = h("BIMDataInput"), d = h("BIMDataIcon"), C = h("BIMDataButton"), p = h("BIMDataColorSelector"), f = q1("click-away");
   return r(), t("li", ln, [
     l.editMode ? (r(), B(c, {
       key: 1,
       ref: "input",
       modelValue: l.extensionName,
       "onUpdate:modelValue": e[0] || (e[0] = (g) => l.extensionName = g),
-      onKeyup: B2(D2(l.submitValue, ["stop"]), ["enter"])
+      onKeyup: V2(B2(l.submitValue, ["stop"]), ["enter"])
     }, null, 8, ["modelValue", "onKeyup"])) : (r(), t("span", cn, b(a.extension[l.getExtensionField(a.extensionType)]), 1)),
     o("div", sn, [
       u(C, {
@@ -4056,13 +4056,13 @@ function Cn(n, e, a, l, i, s) {
       l.EXTENSION_WITH_COLOR.includes(a.extensionType) ? (r(), t(N, { key: 0 }, [
         o("span", {
           class: "setting-card-item__color",
-          style: _({
+          style: y({
             "border-color": l.adjustBorderColor(`${l.extensionColor}`, -50),
             "background-color": `#${l.extensionColor}`
           }),
           onClick: e[3] || (e[3] = (g) => l.isOpenColorSelector = !0)
         }, null, 4),
-        l.isOpenColorSelector ? Y((r(), B(p, {
+        l.isOpenColorSelector ? X((r(), B(p, {
           key: 0,
           class: "setting-card-item__color-selector",
           modelValue: l.extensionColor,
@@ -4110,8 +4110,8 @@ function Cn(n, e, a, l, i, s) {
 const pn = /* @__PURE__ */ R(an, [["render", Cn], ["__scopeId", "data-v-b97a5399"]]);
 const bn = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataInput: t1,
     SettingCardItem: pn
   },
@@ -4131,7 +4131,7 @@ const bn = {
     "delete-extension"
   ],
   setup(n, { emit: e }) {
-    const a = S(
+    const a = A(
       () => u5(n.extensionType, n.detailedExtensions)
     ), l = V(null), i = V(""), s = V(!1), c = () => s.value = !1, d = () => s.value = !s.value, C = V(!1), p = () => {
       i.value = "", C.value = !1;
@@ -4177,7 +4177,7 @@ function _n(n, e, a, l, i, s) {
         }, null, 8, ["rotate"])
       ])
     ]),
-    Y(o("div", null, [
+    X(o("div", null, [
       o("div", vn, [
         w(b(n.$t(`BcfComponents.SettingCard.text.${a.extensionType}`)) + " ", 1),
         u(d, {
@@ -4197,15 +4197,15 @@ function _n(n, e, a, l, i, s) {
           _: 1
         }, 8, ["onClick"])
       ]),
-      u(I1, { name: "slide-fade-up" }, {
+      u(m1, { name: "slide-fade-up" }, {
         default: L(() => [
-          Y(o("div", mn, [
+          X(o("div", mn, [
             u(C, {
               ref: "input",
               placeholder: n.$t(`BcfComponents.SettingCard.input.${a.extensionType}`),
               modelValue: l.name,
               "onUpdate:modelValue": e[1] || (e[1] = (f) => l.name = f),
-              onKeyup: B2(D2(l.addExtension, ["stop"]), ["enter"])
+              onKeyup: V2(B2(l.addExtension, ["stop"]), ["enter"])
             }, null, 8, ["placeholder", "modelValue", "onKeyup"]),
             o("div", In, [
               u(d, {
@@ -4237,7 +4237,7 @@ function _n(n, e, a, l, i, s) {
         _: 1
       }),
       o("ul", Mn, [
-        (r(!0), t(N, null, G(l.availableExtensions, (f) => (r(), B(p, {
+        (r(!0), t(N, null, U(l.availableExtensions, (f) => (r(), B(p, {
           key: f.id,
           extensionType: a.extensionType,
           extension: f,
@@ -4253,8 +4253,8 @@ function _n(n, e, a, l, i, s) {
 const yn = /* @__PURE__ */ R(bn, [["render", _n], ["__scopeId", "data-v-3ea16e8c"]]);
 const Hn = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     SettingCard: yn
   },
   props: {
@@ -4282,7 +4282,7 @@ const Hn = {
     "extension-deleted"
   ],
   setup(n, { emit: e }) {
-    const a = M1();
+    const a = I1();
     return {
       EXTENSION_TYPES: t5,
       createExtension: async (c) => {
@@ -4352,7 +4352,7 @@ function wn(n, e, a, l, i, s) {
     ]),
     o("div", xn, [
       o("div", kn, b(n.$t("BcfComponents.BcfSettings.text")), 1),
-      (r(!0), t(N, null, G(l.EXTENSION_TYPES, (p) => (r(), B(C, {
+      (r(!0), t(N, null, U(l.EXTENSION_TYPES, (p) => (r(), B(C, {
         detailedExtensions: a.detailedExtensions,
         extensionType: p,
         onCreateExtension: l.createExtension,
@@ -4363,13 +4363,13 @@ function wn(n, e, a, l, i, s) {
   ]);
 }
 const Zn = /* @__PURE__ */ R(Hn, [["render", wn], ["__scopeId", "data-v-9e0003a6"]]);
-var Sn = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), h1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => Sn.includes(n) } }, emits: ["click"], computed: { classes() {
+var Sn = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), g1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => Sn.includes(n) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const An = ["color"];
-function F(n, e) {
+function E(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -4377,7 +4377,7 @@ function F(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -4535,7 +4535,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-F(`.bimdata-btn {
+E(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -4838,24 +4838,24 @@ F(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), h1.render = function(n, e, a, l, i, s) {
-  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: _(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [Z(n.$slots, "default")], 14, An);
-}, h1.__scopeId = "data-v-3f903003", h1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), g1.render = function(n, e, a, l, i, s) {
+  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: y(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [S(n.$slots, "default")], 14, An);
+}, g1.__scopeId = "data-v-3f903003", g1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Tn = { "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" }, Nn = { render: function(n, e) {
   return r(), t("path", Tn);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var $n = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const K2 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var e2 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => $n.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(K2).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var n2 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => $n.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(K2).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const a = this.getPixelSize(this.size);
   return { width: `${a}px`, minWidth: `${a}px`, height: `${a}px`, minHeight: `${a}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : K2[this.size];
-} } }), S1 = e2("Chevron", Nn);
+} } }), Z1 = n2("Chevron", Nn);
 const Rn = ["fill", "color"];
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -4924,7 +4924,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`.icon-fill--black {
+E(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5007,16 +5007,16 @@ F(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), S1.render = function(n, e, a, l, i, s) {
+}`), Z1.render = function(n, e, a, l, i, s) {
   const c = h("Chevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, Rn);
-}, S1.__scopeId = "data-v-5e440aca", S1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, Rn);
+}, Z1.__scopeId = "data-v-5e440aca", Z1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const On = { "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" }, En = { render: function(n, e) {
   return r(), t("path", On);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var A1 = e2("DoubleChevron", En);
+var S1 = n2("DoubleChevron", En);
 const Fn = ["fill", "color"];
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5085,7 +5085,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`.icon-fill--black {
+E(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5168,16 +5168,16 @@ F(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), A1.render = function(n, e, a, l, i, s) {
+}`), S1.render = function(n, e, a, l, i, s) {
   const c = h("DoubleChevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, Fn);
-}, A1.__scopeId = "data-v-859297ec", A1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, Fn);
+}, S1.__scopeId = "data-v-859297ec", S1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const Pn = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, zn = { render: function(n, e) {
   return r(), t("path", Pn);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var i2 = e2("Close", zn);
+var l2 = n2("Close", zn);
 const Un = ["fill", "color"];
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5246,7 +5246,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`.icon-fill--black {
+E(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5329,16 +5329,16 @@ F(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), i2.render = function(n, e, a, l, i, s) {
+}`), l2.render = function(n, e, a, l, i, s) {
   const c = h("Close");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, Un);
-}, i2.__scopeId = "data-v-797f55d8", i2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, Un);
+}, l2.__scopeId = "data-v-797f55d8", l2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const Gn = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, Xn = { render: function(n, e) {
   return r(), t("path", Gn);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var c2 = e2("Search", Xn);
+var i2 = n2("Search", Xn);
 const Yn = ["fill", "color"];
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5407,7 +5407,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`.icon-fill--black {
+E(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -5490,13 +5490,13 @@ F(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), c2.render = function(n, e, a, l, i, s) {
+}`), i2.render = function(n, e, a, l, i, s) {
   const c = h("Search");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, Yn);
-}, c2.__scopeId = "data-v-0993abf8", c2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var T1 = { components: { BIMDataIconChevron: S1, BIMDataIconDoubleChevron: A1, BIMDataButton: h1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, Yn);
+}, i2.__scopeId = "data-v-0993abf8", i2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var A1 = { components: { BIMDataIconChevron: Z1, BIMDataIconDoubleChevron: S1, BIMDataButton: g1 }, props: { first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, previous: { type: Boolean, default: !0 }, next: { type: Boolean, default: !0 }, firstDisabled: { type: Boolean, default: !1 }, lastDisabled: { type: Boolean, default: !1 }, previousDisabled: { type: Boolean, default: !1 }, nextDisabled: { type: Boolean, default: !1 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["first", "previous", "next", "last"] };
 const Wn = { class: "bimdata-navigation__left m-r-6" }, jn = { key: 0, class: "bimdata-navigation__item" }, Kn = { key: 1, class: "bimdata-navigation__item" }, qn = { key: 2, class: "bimdata-navigation__item" }, Qn = { key: 3, class: "bimdata-navigation__item" }, Jn = { class: "bimdata-navigation__right" };
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5572,7 +5572,7 @@ html[data-v-aa907072] {
 .bimdata-list li[data-v-aa907072] {
   list-style-type: none;
 }`);
-F(`.bimdata-navigation[data-v-aa907072] {
+E(`.bimdata-navigation[data-v-aa907072] {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5601,11 +5601,11 @@ F(`.bimdata-navigation[data-v-aa907072] {
   padding: 6px 2px;
   font-size: 10px;
   cursor: default;
-}`), T1.render = function(n, e, a, l, i, s) {
+}`), A1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataIconDoubleChevron"), d = h("BIMDataButton"), C = h("BIMDataIconChevron");
-  return r(), t("ul", { class: "bimdata-list bimdata-navigation", style: _({ "background-color": a.backgroundColor }) }, [o("li", Wn, [Z(n.$slots, "left")]), a.first ? (r(), t("li", jn, [u(d, { onClick: e[0] || (e[0] = (p) => n.$emit("first")), disabled: a.firstDisabled, ghost: "", class: D({ disabled: a.firstDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), a.previous ? (r(), t("li", Kn, [u(d, { onClick: e[1] || (e[1] = (p) => n.$emit("previous")), disabled: a.previousDisabled, ghost: "", class: D({ disabled: a.previousDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(C, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o("li", null, [Z(n.$slots, "default")]), a.next ? (r(), t("li", qn, [u(d, { onClick: e[2] || (e[2] = (p) => n.$emit("next")), disabled: a.nextDisabled, ghost: "", class: D({ disabled: a.nextDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(C, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), a.last ? (r(), t("li", Qn, [u(d, { onClick: e[3] || (e[3] = (p) => n.$emit("last")), disabled: a.lastDisabled, ghost: "", class: D({ disabled: a.lastDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o("li", Jn, [Z(n.$slots, "right")])], 4);
-}, T1.__scopeId = "data-v-aa907072", T1.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
-var N1 = { components: { BIMDataNavigation: T1, BIMDataButton: h1 }, 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: (n) => n > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
+  return r(), t("ul", { class: "bimdata-list bimdata-navigation", style: y({ "background-color": a.backgroundColor }) }, [o("li", Wn, [S(n.$slots, "left")]), a.first ? (r(), t("li", jn, [u(d, { onClick: e[0] || (e[0] = (p) => n.$emit("first")), disabled: a.firstDisabled, ghost: "", class: D({ disabled: a.firstDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), a.previous ? (r(), t("li", Kn, [u(d, { onClick: e[1] || (e[1] = (p) => n.$emit("previous")), disabled: a.previousDisabled, ghost: "", class: D({ disabled: a.previousDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(C, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o("li", null, [S(n.$slots, "default")]), a.next ? (r(), t("li", qn, [u(d, { onClick: e[2] || (e[2] = (p) => n.$emit("next")), disabled: a.nextDisabled, ghost: "", class: D({ disabled: a.nextDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(C, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), a.last ? (r(), t("li", Qn, [u(d, { onClick: e[3] || (e[3] = (p) => n.$emit("last")), disabled: a.lastDisabled, ghost: "", class: D({ disabled: a.lastDisabled }), width: "21px", height: "21px" }, { default: L(() => [u(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : M("v-if", !0), o("li", Jn, [S(n.$slots, "right")])], 4);
+}, A1.__scopeId = "data-v-aa907072", A1.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
+var T1 = { components: { BIMDataNavigation: A1, BIMDataButton: g1 }, 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: (n) => n > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
   return this.perPage * (this.currentPage - 1) + 1;
 }, lastIndex() {
   return Math.min(this.firstIndex + this.perPage - 1, this.length);
@@ -5623,7 +5623,7 @@ var N1 = { components: { BIMDataNavigation: T1, BIMDataButton: h1 }, props: { le
   this.$emit("pagechanged", this.totalPages);
 } } };
 const n8 = { class: "bimdata-pagination__item" };
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5692,7 +5692,7 @@ html[data-v-45066753] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
+E(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
   padding: 0;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
@@ -5700,16 +5700,16 @@ F(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
 }
 .bimdata-pagination__item.active .bimdata-btn[data-v-45066753] {
   font-weight: 700;
-}`), N1.render = function(n, e, a, l, i, s) {
+}`), T1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataButton"), d = h("BIMDataNavigation");
   return r(), B(d, { onFirst: e[0] || (e[0] = (C) => s.firstPage()), onPrevious: e[1] || (e[1] = (C) => s.previousPage()), onNext: e[2] || (e[2] = (C) => s.nextPage()), onLast: e[3] || (e[3] = (C) => s.lastPage()), firstDisabled: s.isFirstPage, previousDisabled: s.isFirstPage, nextDisabled: s.isLastPage, lastDisabled: s.isLastPage, class: "bimdata-pagination", backgroundColor: a.backgroundColor }, M5({ default: L(() => [o("span", n8, [u(c, { ghost: "", width: "21px", height: "21px" }, { default: L(() => [w(b(a.currentPage), 1)]), _: 1 })])]), _: 2 }, [a.numberDataElements ? { name: "left", fn: L(() => [w(b(s.firstIndex) + " - " + b(s.lastIndex) + " of " + b(a.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
-}, N1.__scopeId = "data-v-45066753", N1.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
-var $1 = { props: ["size", "border"], methods: { getStyle() {
+}, T1.__scopeId = "data-v-45066753", T1.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
+var N1 = { props: ["size", "border"], methods: { getStyle() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
 const e8 = { class: "bimdata-spinner" };
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5778,7 +5778,7 @@ html[data-v-162f2cc6] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-F(`@-webkit-keyframes bimdataspinner {
+E(`@-webkit-keyframes bimdataspinner {
 0% {
     -webkit-transform: scale(0.2);
             transform: scale(0.2);
@@ -5857,10 +5857,10 @@ F(`@-webkit-keyframes bimdataspinner {
   border: 2px var(--color-primary) solid;
   -webkit-animation: bimdataspinner 1.4s linear infinite;
           animation: bimdataspinner 1.4s linear infinite;
-}`), $1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", e8, [o("div", { class: "bimdata-spinner--square", style: _(s.getStyle()) }, null, 4)]);
-}, $1.__scopeId = "data-v-162f2cc6", $1.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
-var R1 = { components: { BIMDataPagination: N1, BIMDataSpinner: $1 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (n) => n > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
+}`), N1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", e8, [o("div", { class: "bimdata-spinner--square", style: y(s.getStyle()) }, null, 4)]);
+}, N1.__scopeId = "data-v-162f2cc6", N1.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
+var $1 = { components: { BIMDataPagination: T1, BIMDataSpinner: N1 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (n) => n > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
   return this.list.length ? Math.ceil(this.list.length / this.perPage) : 0;
 }, page() {
   const n = this.perPage * (this.currentPage - 1), e = n + this.perPage;
@@ -5871,7 +5871,7 @@ var R1 = { components: { BIMDataPagination: N1, BIMDataSpinner: $1 }, props: { l
   this.currentPage = n;
 } } };
 const o8 = { class: "bimdata-paginated-list" }, r8 = { key: 1 }, t8 = { class: "bimdata-list bimdata-paginated-list__elements" }, a8 = ["onClick"];
-F(`/* base COLORS --------------------------------------------- */
+E(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -5947,7 +5947,7 @@ html[data-v-3ab4d75d] {
 .bimdata-list li[data-v-3ab4d75d] {
   list-style-type: none;
 }`);
-F(`.bimdata-paginated-list[data-v-3ab4d75d] {
+E(`.bimdata-paginated-list[data-v-3ab4d75d] {
   font-family: var(--primary-font);
   font-size: 1em;
   line-height: 1.5;
@@ -5984,11 +5984,11 @@ F(`.bimdata-paginated-list[data-v-3ab4d75d] {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-}`), R1.render = function(n, e, a, l, i, s) {
+}`), $1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataSpinner"), d = h("BIMDataPagination");
-  return r(), t("div", o8, [a.loading ? (r(), B(c, { key: 0 })) : (r(), t("div", r8, [Z(n.$slots, "header"), o("ul", t8, [(r(!0), t(N, null, G(s.page, (C) => (r(), t("li", { key: a.elementKey ? C[a.elementKey] : C, onClick: (p) => n.$emit("element-click", C) }, [Z(n.$slots, "element", { element: C }, () => [w(b(C && C.toString()), 1)])], 8, a8))), 128))]), a.list.length === 0 ? Z(n.$slots, "empty", { key: 0 }) : M("v-if", !0), s.totalPages > 1 ? (r(), B(d, { key: 1, length: a.list.length, currentPage: i.currentPage, onPagechanged: s.onPageChange, totalPages: s.totalPages, perPage: a.perPage, first: a.first, last: a.last, numberDataElements: a.numberDataElements, backgroundColor: a.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
-}, R1.__scopeId = "data-v-3ab4d75d", R1.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
-var O1 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
+  return r(), t("div", o8, [a.loading ? (r(), B(c, { key: 0 })) : (r(), t("div", r8, [S(n.$slots, "header"), o("ul", t8, [(r(!0), t(N, null, U(s.page, (C) => (r(), t("li", { key: a.elementKey ? C[a.elementKey] : C, onClick: (p) => n.$emit("element-click", C) }, [S(n.$slots, "element", { element: C }, () => [w(b(C && C.toString()), 1)])], 8, a8))), 128))]), a.list.length === 0 ? S(n.$slots, "empty", { key: 0 }) : M("v-if", !0), s.totalPages > 1 ? (r(), B(d, { key: 1, length: a.list.length, currentPage: i.currentPage, onPagechanged: s.onPageChange, totalPages: s.totalPages, perPage: a.perPage, first: a.first, last: a.last, numberDataElements: a.numberDataElements, backgroundColor: a.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : M("v-if", !0)]))]);
+}, $1.__scopeId = "data-v-3ab4d75d", $1.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
+var R1 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
   return (this.barStrokeWidth / 2 - 4) / (2 * this.barDistanceFromCenter * Math.PI) * 100;
 }, center() {
   return this.viewBoxSize / 2;
@@ -6040,13 +6040,13 @@ to {
 to {
     stroke-dashoffset: 0;
 }
-}`), O1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", l8, [(r(), t("svg", { viewBox: s.viewBox, style: _(`--graph-draw-time: ${a.graphDrawTime}s;`) }, [a.placeholder ? (r(), t("circle", { key: 0, cx: s.center, cy: s.center, r: a.barDistanceFromCenter, "stroke-width": a.placeholderStrokeWidth, stroke: a.placeholderColor, fill: "none" }, null, 8, c8)) : M("v-if", !0), (r(!0), t(N, null, G(s.displayedBarsData, (c, d) => (r(), t("g", { key: d }, [c.percentage > 0 ? (r(), t("path", { key: 0, class: "path", d: s.getPath(c), "stroke-width": a.barStrokeWidth, stroke: c.color, fill: "none" }, null, 8, s8)) : M("v-if", !0)]))), 128))], 12, i8))], 512);
-}, O1.__scopeId = "data-v-b68a8bb2", O1.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
+}`), R1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", l8, [(r(), t("svg", { viewBox: s.viewBox, style: y(`--graph-draw-time: ${a.graphDrawTime}s;`) }, [a.placeholder ? (r(), t("circle", { key: 0, cx: s.center, cy: s.center, r: a.barDistanceFromCenter, "stroke-width": a.placeholderStrokeWidth, stroke: a.placeholderColor, fill: "none" }, null, 8, c8)) : M("v-if", !0), (r(!0), t(N, null, U(s.displayedBarsData, (c, d) => (r(), t("g", { key: d }, [c.percentage > 0 ? (r(), t("path", { key: 0, class: "path", d: s.getPath(c), "stroke-width": a.barStrokeWidth, stroke: c.color, fill: "none" }, null, 8, s8)) : M("v-if", !0)]))), 128))], 12, i8))], 512);
+}, R1.__scopeId = "data-v-b68a8bb2", R1.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
 const d8 = {
   components: {
-    BIMDataPaginatedList: R1,
-    BIMDataSimplePieChart: O1
+    BIMDataPaginatedList: $1,
+    BIMDataSimplePieChart: R1
   },
   props: {
     detailedExtensions: {
@@ -6063,16 +6063,16 @@ const d8 = {
   },
   setup(n) {
     return {
-      chartData: S(() => {
+      chartData: A(() => {
         if (n.topics.length === 0)
           return [];
-        const a = s1(n.extensionType), l = u5(n.extensionType, n.detailedExtensions);
+        const a = c1(n.extensionType), l = u5(n.extensionType, n.detailedExtensions);
         return l.push({ [a]: void 0 }), l.map((i) => {
           var c;
           const s = n.topics.filter((d) => d[a] === i[a]).length;
           return {
             label: i[a],
-            color: `#${(c = i.color) != null ? c : x2}`,
+            color: `#${(c = i.color) != null ? c : D2}`,
             count: s,
             percentage: s * 100 / n.topics.length
           };
@@ -6106,7 +6106,7 @@ function v8(n, e, a, l, i, s) {
             o("div", g8, [
               o("span", {
                 class: "bcf-statistics__content__legend__item__mark",
-                style: _({ borderColor: C.color })
+                style: y({ borderColor: C.color })
               }, null, 4),
               o("span", h8, b(C.percentage.toFixed(0)) + " % ", 1),
               o("span", f8, [
@@ -6330,7 +6330,7 @@ html[data-v-330fe2fd] {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
 }`), n1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", { ref: "textBox", class: "bimdata-textbox", style: _({ width: a.width, minWidth: a.minWidth, maxWidth: a.maxWidth }), onMouseenter: e[0] || (e[0] = (c) => i.showTooltip = !0), onMouseleave: e[1] || (e[1] = (c) => i.showTooltip = !1) }, [o("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: _({ width: i.textTail ? "50%" : "100%", direction: a.cutPosition === "start" ? "rtl" : "ltr" }) }, [o("bdi", null, b(i.textHead), 1)], 4), Y(o("span", I8, [o("bdi", null, b(i.textTail), 1)], 512), [[q, i.textTail]]), a.tooltip && i.isOverflowing ? Y((r(), t("div", { key: 0, class: D(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${a.tooltipPosition}`, `bimdata-textbox__tooltip--${a.tooltipColor}`]]) }, b(a.text), 3)), [[q, i.showTooltip]]) : M("v-if", !0)], 36);
+  return r(), t("div", { ref: "textBox", class: "bimdata-textbox", style: y({ width: a.width, minWidth: a.minWidth, maxWidth: a.maxWidth }), onMouseenter: e[0] || (e[0] = (c) => i.showTooltip = !0), onMouseleave: e[1] || (e[1] = (c) => i.showTooltip = !1) }, [o("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: y({ width: i.textTail ? "50%" : "100%", direction: a.cutPosition === "start" ? "rtl" : "ltr" }) }, [o("bdi", null, b(i.textHead), 1)], 4), X(o("span", I8, [o("bdi", null, b(i.textTail), 1)], 512), [[q, i.textTail]]), a.tooltip && i.isOverflowing ? X((r(), t("div", { key: 0, class: D(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${a.tooltipPosition}`, `bimdata-textbox__tooltip--${a.tooltipColor}`]]) }, b(a.text), 3)), [[q, i.showTooltip]]) : M("v-if", !0)], 36);
 }, n1.__scopeId = "data-v-330fe2fd", n1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 const M8 = {}, _8 = {
   width: "84",
@@ -6344,12 +6344,12 @@ const M8 = {}, _8 = {
 function V8(n, e) {
   return r(), t("svg", _8, H8);
 }
-const N2 = /* @__PURE__ */ R(M8, [["render", V8]]);
+const T2 = /* @__PURE__ */ R(M8, [["render", V8]]);
 const B8 = {
   components: {
-    BcfTopicDefaultImage: N2,
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BcfTopicDefaultImage: T2,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataTextbox: n1
   },
   props: {
@@ -6366,13 +6366,13 @@ const B8 = {
     "open-topic"
   ],
   setup(n, { emit: e }) {
-    const a = S(() => n.topic.viewpoints.filter(
+    const a = A(() => n.topic.viewpoints.filter(
       (c) => Boolean(c.snapshot)
-    )), l = S(
-      () => u1(n.topic, n.detailedExtensions)
-    ), i = S(
-      () => A2(n.topic, n.detailedExtensions)
-    ), s = S(() => {
+    )), l = A(
+      () => d1(n.topic, n.detailedExtensions)
+    ), i = A(
+      () => S2(n.topic, n.detailedExtensions)
+    ), s = A(() => {
       var d, C;
       const c = (C = (d = n.topic.viewpoints) == null ? void 0 : d[0]) == null ? void 0 : C.components;
       return (c == null ? void 0 : c.selection) || [];
@@ -6382,7 +6382,7 @@ const B8 = {
       statusColor: i,
       topicObjects: s,
       viewpointsWithSnapshot: a,
-      adjustTextColor: J1
+      adjustTextColor: Q1
     };
   }
 }, D8 = { class: "bcf-topic-card" }, x8 = { class: "bcf-topic-card__header" }, k8 = { class: "bcf-topic-card__header__infos flex" }, w8 = { class: "bcf-topic-card__header__infos__title flex items-center m-l-12" }, Z8 = { class: "bcf-topic-card__header__img flex items-center justify-center" }, S8 = { class: "m-l-6" }, A8 = { class: "bcf-topic-card__header__img__date p-6" }, T8 = ["src"], N8 = { class: "bcf-topic-card__content p-12" }, $8 = { class: "bcf-topic-card__content__priority" }, R8 = { class: "flex justify-around m-t-12" }, O8 = { class: "flex items-center" }, E8 = {
@@ -6396,7 +6396,7 @@ function F8(n, e, a, l, i, s) {
       o("div", k8, [
         o("div", {
           class: "bcf-topic-card__header__infos__index flex items-center justify-center",
-          style: _({
+          style: y({
             "background-color": `#${l.priorityColor}`,
             color: l.adjustTextColor(`#${l.priorityColor}`, "#ffffff", "var(--color-text)")
           })
@@ -6412,7 +6412,7 @@ function F8(n, e, a, l, i, s) {
         a.topic.topic_status ? (r(), t("div", {
           key: 0,
           class: "bcf-topic-card__header__img__status flex p-6",
-          style: _({
+          style: y({
             "background-color": `#${l.statusColor}`,
             color: l.adjustTextColor(`#${l.statusColor}`, "#ffffff", "var(--color-text)")
           })
@@ -6440,7 +6440,7 @@ function F8(n, e, a, l, i, s) {
       o("div", $8, [
         o("strong", null, b(n.$t("BcfComponents.BcfTopicCard.priority")), 1),
         o("span", {
-          style: _({ color: `#${l.priorityColor}` })
+          style: y({ color: `#${l.priorityColor}` })
         }, b(a.topic.priority || n.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
       ]),
       o("div", null, [
@@ -6491,8 +6491,8 @@ const W8 = /* @__PURE__ */ R(z8, [["render", Y8]]);
 const j8 = {
   components: {
     BcfTopicCreationCardImage: W8,
-    BIMDataButton: U,
-    BIMDataIcon: X
+    BIMDataButton: z,
+    BIMDataIcon: G
   },
   emits: ["create-topic"]
 }, K8 = { class: "bcf-topic-creation-card" }, q8 = { class: "bcf-topic-creation-card__text" };
@@ -6523,7 +6523,7 @@ function Q8(n, e, a, l, i, s) {
   ]);
 }
 const J8 = /* @__PURE__ */ R(j8, [["render", Q8], ["__scopeId", "data-v-af2c3cbc"]]);
-var H2 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (n) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(n) } }, computed: { classes() {
+var y2 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (n) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(n) } }, computed: { classes() {
   return `${this.color}`;
 }, style() {
   return { fontSize: `${this.calcFontSize}`, lineHeight: `${this.calcLineHeight}`, display: `${this.display}`, fontWeight: `${this.calcFontWeight}`, margin: `${this.margin}`, padding: `${this.padding}` };
@@ -6534,10 +6534,10 @@ var H2 = { props: { component: { type: String, default: "p" }, display: { type:
 }, calcLineHeight() {
   return this.lineHeight ? this.lineHeight : this.component === "h1" ? "36px" : this.component === "h2" ? "30px" : this.component === "h3" ? "26px" : this.component === "h4" ? "24px" : this.component === "h5" ? "20px" : "18px";
 } } };
-H2.render = function(n, e, a, l, i, s) {
-  return r(), B(m1(a.component), { style: _(s.style), class: D(s.classes) }, { default: L(() => [Z(n.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
-}, H2.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
-var a1 = { components: { BIMDataText: H2 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
+y2.render = function(n, e, a, l, i, s) {
+  return r(), B(v1(a.component), { style: y(s.style), class: D(s.classes) }, { default: L(() => [S(n.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
+}, y2.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
+var a1 = { components: { BIMDataText: y2 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
 const ne = { class: "bimdata-loading" }, ee = ((n) => (e1("data-v-6d3be186"), n = n(), o1(), n))(() => o("span", { class: "bimdata-loading--square" }, null, -1));
 function f5(n, e) {
   e === void 0 && (e = {});
@@ -7034,7 +7034,7 @@ const oe = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var q2 = { addFile: re, addFolder: ae, addUser: ie, alphabeticalAscending: se, alphabeticalDescending: ue, alphabeticalSort: pe, alt: ge, angle: fe, api: ve, archive: Ie, arrow: _e, attach: He, backInTime: De, bcf: ke, building: Ze, burgerMenu: Ae, calendar: Ne, caliper: Re, camera: Ee, cancelCamera: Pe, check: Ue, chevron: Xe, classificationCategorie: We, classificationElement: Ke, click: Qe, close: no, cloud: oo, color: to, comment: lo, cursor: co, dateAscending: uo, dateDescending: po, default: go, delete: fo, deniedFile: vo, deploy: Io, detach: _o, distance: Ho, doubleChevron: Bo, down: xo, download: wo, drag: So, edit: To, ellipsis: $o, expanded: Oo, explosion: Fo, export: zo, exportIfc: Go, failed: Yo, filter: jo, fitView: qo, folder: Jo, folderMove: er, folderOpen: rr, fullscreen: ar, grid: ir, group: sr, hide: ur, ifc: pr, ifcFile: gr, import: fr, indexAscending: vr, indexDescending: Ir, information: _r, inProgressFile: Hr, invitation: Br, isolate: xr, key: wr, left: Sr, linkedDocument: Tr, list: $r, listManage: Or, location: Fr, lock: zr, logout: Gr, measure: Yr, minus: jr, model3d: qr, organization: Jr, parameters: et, path: rt, pieGraph: at, plus: it, project: st, quickSelect: ut, readonlyFolder: pt, redo: gt, reduced: ft, refresh: vt, reprocessIfc: It, reset: _t, right: Ht, rules: Bt, sandglass: xt, save: wt, screenConfig: St, screenshot: Tt, search: $t, section: Ot, settings: Ft, share: zt, show: Gt, showSelected: Yt, socotec: jt, space: qt, split: Jt, storey: ea, success: ra, surface: aa, swap: ia, synchro2d: sa, system: ua, tag: ba, tree: ha, unarchive: La, undo: ma, union: Ma, up: ya, user: Va, validate: Da, validatedFile: ka, versioning: Sa, video: Ta, visa: $a, warning: Oa, windowBottom: Fa, windowed: za, windowLeft: Ga, windowRight: Ya, windowTop: ja, zone: qa, bcfPolychrome: Ja, createWindowPolychrome: el, docInfoPolychrome: rl, fileDwgPolychrome: al, fileIfcPolychrome: il, filePdfPolychrome: sl, filePlanPolychrome: ul, folderPolychrome: pl, structurePolychrome: gl, viewer2dPolychrome: fl, viewer3dPolychrome: vl }, ml = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const Q2 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var E1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
+var O1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
   return Object.entries(n).reduce((e, [a, l]) => ({ ...e, [`bimdata-icon-${a}`]: l }), {});
 }(q2) }, props: { name: { type: String, required: !0, validator: (n) => Object.keys(q2).includes(n) }, color: { type: String, default: "default", validator: (n) => ml.includes(n) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (n) => Object.keys(Q2).includes(n) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -7045,7 +7045,7 @@ var E1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
   return this.customSize ? this.customSize : Q2[this.size];
 } } };
 const Il = ["fill", "color"];
-function $2(n, e) {
+function N2(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -7053,7 +7053,7 @@ function $2(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-$2(`/* base COLORS --------------------------------------------- */
+N2(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -7122,7 +7122,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-$2(`.icon-fill--black {
+N2(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -7205,12 +7205,12 @@ $2(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), E1.render = function(n, e, a, l, i, s) {
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: _(s.style) }, [(r(), B(m1(`bimdata-icon-${a.name}`)))], 14, Il);
-}, E1.__scopeId = "data-v-1312d4d1", E1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var f1 = { components: { BIMDataIcon: E1 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
+}`), O1.render = function(n, e, a, l, i, s) {
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: y(s.style) }, [(r(), B(v1(`bimdata-icon-${a.name}`)))], 14, Il);
+}, O1.__scopeId = "data-v-1312d4d1", O1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var h1 = { components: { BIMDataIcon: O1 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
 const Ml = { class: "overlay flex items-center justify-center" }, _l = { class: "safe-zone__content flex flex-col items-center justify-center p-18" }, yl = { class: "safe-zone__actions flex items-center p-x-18" };
-$2(`.overlay[data-v-1bd53efd] {
+N2(`.overlay[data-v-1bd53efd] {
   position: absolute;
   left: 0;
   top: 0;
@@ -7246,11 +7246,11 @@ $2(`.overlay[data-v-1bd53efd] {
           justify-content: space-evenly;
   background-color: var(--color-silver-light);
   border-top: 1px solid var(--color-silver);
-}`), f1.render = function(n, e, a, l, i, s) {
+}`), h1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataIcon");
-  return r(), t("div", Ml, [o("div", { class: "safe-zone", style: _({ width: a.width }) }, [o("div", _l, [u(c, { name: a.iconName, size: "l", fill: "", color: "high" }, null, 8, ["name"]), o("p", null, [Z(n.$slots, "text")])]), o("div", yl, [Z(n.$slots, "actions")])], 4)]);
-}, f1.__scopeId = "data-v-1bd53efd", f1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
-var d1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
+  return r(), t("div", Ml, [o("div", { class: "safe-zone", style: y({ width: a.width }) }, [o("div", _l, [u(c, { name: a.iconName, size: "l", fill: "", color: "high" }, null, 8, ["name"]), o("p", null, [S(n.$slots, "text")])]), o("div", yl, [S(n.$slots, "actions")])], 4)]);
+}, h1.__scopeId = "data-v-1bd53efd", h1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
+var s1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
   this.$watch(() => this.success && this.error, (n) => {
     if (n)
       throw new Error("Textarea state cannot be both success and error.");
@@ -7539,10 +7539,10 @@ L5(`textarea:-webkit-autofill {
 }
 .bimdata-textarea.success .bar::before, .bimdata-textarea.success .bar::after {
   background-color: var(--color-success);
-}`), d1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", { class: D(["bimdata-textarea", { "not-empty": a.modelValue !== null && a.modelValue !== "" || a.placeholder !== null, error: a.error, success: a.success }]), style: _({ "min-width": a.width, "min-height": a.height }) }, [o("textarea", V2({ ref: "textarea", name: a.name, id: a.name, value: a.modelValue, placeholder: a.placeholder, style: a.resizable ? "" : "resize: none;", onInput: e[0] || (e[0] = (...c) => s.onInput && s.onInput(...c)) }, n.$attrs), null, 16, Hl), o("label", { for: a.name }, b(a.label), 9, Vl), Bl, a.error ? (r(), t("span", Dl, b(a.errorMessage), 1)) : M("v-if", !0), a.success ? (r(), t("span", xl, b(a.successMessage), 1)) : M("v-if", !0)], 6);
-}, d1.__scopeId = "data-v-76eaf75a", d1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
-var L1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (n) => ["top", "right", "bottom", "left"].includes(n) }, color: { type: String, default: "primary", validator: (n) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(n) }, disabled: { type: Boolean, default: !1 }, message: { type: String }, className: { type: [String, Array] } }, data: () => ({ width: null, height: null, parentHeight: null, hover: !1 }), computed: { isDisplayed() {
+}`), s1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", { class: D(["bimdata-textarea", { "not-empty": a.modelValue !== null && a.modelValue !== "" || a.placeholder !== null, error: a.error, success: a.success }]), style: y({ "min-width": a.width, "min-height": a.height }) }, [o("textarea", H2({ ref: "textarea", name: a.name, id: a.name, value: a.modelValue, placeholder: a.placeholder, style: a.resizable ? "" : "resize: none;", onInput: e[0] || (e[0] = (...c) => s.onInput && s.onInput(...c)) }, n.$attrs), null, 16, Hl), o("label", { for: a.name }, b(a.label), 9, Vl), Bl, a.error ? (r(), t("span", Dl, b(a.errorMessage), 1)) : M("v-if", !0), a.success ? (r(), t("span", xl, b(a.successMessage), 1)) : M("v-if", !0)], 6);
+}, s1.__scopeId = "data-v-76eaf75a", s1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
+var f1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (n) => ["top", "right", "bottom", "left"].includes(n) }, color: { type: String, default: "primary", validator: (n) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(n) }, disabled: { type: Boolean, default: !1 }, message: { type: String }, className: { type: [String, Array] } }, data: () => ({ width: null, height: null, parentHeight: null, hover: !1 }), computed: { isDisplayed() {
   return !this.disabled && this._text && this.hover;
 }, _text() {
   return this.text || this.message;
@@ -7840,13 +7840,13 @@ html[data-v-41eb8f46] {
 }
 .bimdata-tooltip__tooltip--high[data-v-41eb8f46]::before {
   border-color: var(--color-high) transparent transparent;
-}`), L1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", kl, [o("div", { class: "bimdata-tooltip__content", onMouseover: e[0] || (e[0] = (c) => i.hover = !0), onMouseleave: e[1] || (e[1] = (c) => i.hover = !1) }, [M(' slot "content" for retro-compatibility '), Z(n.$slots, "content"), Z(n.$slots, "default")], 32), u(I1, { name: "fade", persisted: "" }, { default: L(() => [Y(o("div", { ref: "tooltipText", class: D(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${a.position}`, `bimdata-tooltip__tooltip--${a.color}`, ...s._className]]), style: _({ maxWidth: a.maxWidth }) }, b(s._text), 7), [[q, s.isDisplayed]])]), _: 1 })]);
-}, L1.__scopeId = "data-v-41eb8f46", L1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
+}`), f1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", kl, [o("div", { class: "bimdata-tooltip__content", onMouseover: e[0] || (e[0] = (c) => i.hover = !0), onMouseleave: e[1] || (e[1] = (c) => i.hover = !1) }, [M(' slot "content" for retro-compatibility '), S(n.$slots, "content"), S(n.$slots, "default")], 32), u(m1, { name: "fade", persisted: "" }, { default: L(() => [X(o("div", { ref: "tooltipText", class: D(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${a.position}`, `bimdata-tooltip__tooltip--${a.color}`, ...s._className]]), style: y({ maxWidth: a.maxWidth }) }, b(s._text), 7), [[q, s.isDisplayed]])]), _: 1 })]);
+}, f1.__scopeId = "data-v-41eb8f46", f1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 const wl = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X
+    BIMDataButton: z,
+    BIMDataIcon: G
   },
   props: {
     viewpoints: {
@@ -7888,7 +7888,7 @@ function El(n, e, a, l, i, s) {
   return r(), t("div", Zl, [
     a.viewpoints.length > 0 ? (r(), t(N, { key: 0 }, [
       o("div", Sl, [
-        (r(!0), t(N, null, G(a.viewpoints.slice(0, 4), (C, p) => (r(), t("div", {
+        (r(!0), t(N, null, U(a.viewpoints.slice(0, 4), (C, p) => (r(), t("div", {
           class: D(["image-preview", { single: a.viewpoints.length === 1 }]),
           key: C.guid || p
         }, [
@@ -7976,8 +7976,8 @@ function El(n, e, a, l, i, s) {
 const Fl = /* @__PURE__ */ R(wl, [["render", El], ["__scopeId", "data-v-caa405a6"]]);
 const Pl = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X
+    BIMDataButton: z,
+    BIMDataIcon: G
   },
   props: {
     viewpoints: {
@@ -7994,10 +7994,10 @@ const Pl = {
     return {
       createViewpoints: async () => {
         Object.entries(a()).forEach(([s, c]) => {
-          const [d, C] = Object.entries(Z2).find(([, p]) => p.plugin === s);
+          const [d, C] = Object.entries(w2).find(([, p]) => p.plugin === s);
           c.forEach(async (p) => {
             const f = await p.getViewpoint(), { order: g } = C != null ? C : {};
-            f.order = g, f[k2] = d, f[w2] = p.getLoadedModels().map((m) => m.id).join(","), e("add-viewpoint", f);
+            f.order = g, f[x2] = d, f[k2] = p.getLoadedModels().map((m) => m.id).join(","), e("add-viewpoint", f);
           });
         });
       },
@@ -8014,7 +8014,7 @@ function Xl(n, e, a, l, i, s) {
   const c = h("BIMDataIcon"), d = h("BIMDataButton");
   return r(), t("div", zl, [
     a.viewpoints.length > 0 ? (r(), t("div", Ul, [
-      (r(!0), t(N, null, G(a.viewpoints.slice(0, 4), (C, p) => (r(), t("div", {
+      (r(!0), t(N, null, U(a.viewpoints.slice(0, 4), (C, p) => (r(), t("div", {
         class: D(["snapshot-preview", { single: a.viewpoints.length === 1 }]),
         key: C.guid || p
       }, [
@@ -8057,15 +8057,15 @@ const Wl = {
   components: {
     BcfTopicImages: Fl,
     BcfTopicSnapshots: Yl,
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataInput: t1,
     BIMDataLoading: a1,
-    BIMDataSafeZoneModal: f1,
-    BIMDataSelect: K1,
-    BIMDataTextarea: d1,
+    BIMDataSafeZoneModal: h1,
+    BIMDataSelect: j1,
+    BIMDataTextarea: s1,
     BIMDataTextbox: n1,
-    BIMDataTooltip: L1
+    BIMDataTooltip: f1
   },
   props: {
     uiConfig: {
@@ -8121,29 +8121,29 @@ const Wl = {
     "topic-update-error"
   ],
   setup(n, { emit: e }) {
-    const a = M1(), l = S(
+    const a = I1(), l = A(
       () => !n.topic
-    ), i = S(
+    ), i = A(
       () => Math.max(0, ...n.topics.map((T) => T.index)) + 1
-    ), s = V(""), c = V(null), d = V(null), C = V(null), p = V(null), f = V(null), g = V(""), m = V(""), v = V([]), I = V([]), x = V([]), O = V([]), y = V([]), j = S(
-      () => I.value.concat(x.value).filter((T) => !y.value.some((i1) => i1.guid === T.guid)).filter((T) => T.snapshot)
-    ), z = V(!1), l1 = V(!1), H = V(!1), k = V(!1);
-    q1(
+    ), s = V(""), c = V(null), d = V(null), C = V(null), p = V(null), f = V(null), g = V(""), m = V(""), v = V([]), I = V([]), x = V([]), O = V([]), H = V([]), W = A(
+      () => I.value.concat(x.value).filter((T) => !H.value.some((l1) => l1.guid === T.guid)).filter((T) => T.snapshot)
+    ), _ = V(!1), k = V(!1), Z = V(!1), $ = V(!1);
+    K1(
       () => n.topic,
       (T) => {
-        l.value || (s.value = T.title || "", c.value = T.topic_type || null, d.value = T.priority || null, C.value = T.topic_status || null, p.value = T.stage || null, f.value = T.assigned_to || null, g.value = y2(T.due_date), m.value = T.description || "", v.value = T.labels || [], I.value = T.viewpoints || []);
+        l.value || (s.value = T.title || "", c.value = T.topic_type || null, d.value = T.priority || null, C.value = T.topic_status || null, p.value = T.stage || null, f.value = T.assigned_to || null, g.value = _2(T.due_date), m.value = T.description || "", v.value = T.labels || [], I.value = T.viewpoints || []);
       },
       { immediate: !0 }
     );
-    const A = () => {
-      s.value = "", c.value = null, d.value = null, C.value = null, p.value = null, f.value = null, g.value = "", m.value = "", v.value = [], I.value = [], x.value = [], O.value = [], y.value = [], z.value = !1, l1.value = !1, H.value = !1, k.value = !1;
+    const F = () => {
+      s.value = "", c.value = null, d.value = null, C.value = null, p.value = null, f.value = null, g.value = "", m.value = "", v.value = [], I.value = [], x.value = [], O.value = [], H.value = [], _.value = !1, k.value = !1, Z.value = !1, $.value = !1;
     };
     return {
-      hasErrorDate: k,
-      hasErrorTitle: H,
+      hasErrorDate: $,
+      hasErrorTitle: Z,
       isCreation: l,
-      isOpenModal: l1,
-      loading: z,
+      isOpenModal: k,
+      loading: _,
       nextIndex: i,
       topicAssignedTo: f,
       topicDescription: m,
@@ -8154,30 +8154,30 @@ const Wl = {
       topicLabels: v,
       topicTitle: s,
       topicType: c,
-      viewpointsToDisplay: j,
+      viewpointsToDisplay: W,
       addViewpoint: (T) => {
         x.value.push(T);
       },
       delViewpoint: (T) => {
         if (T.guid)
-          y.value.push(T);
+          H.value.push(T);
         else {
-          let i1 = x.value.indexOf(T);
-          x.value.splice(i1, 1);
+          let l1 = x.value.indexOf(T);
+          x.value.splice(l1, 1);
         }
       },
       submit: async () => {
-        var T, i1, R2;
+        var T, l1, R2;
         if (!s.value) {
-          H.value = !0;
+          Z.value = !0;
           return;
         }
-        if (g.value && g.value !== y2((T = n.topic) == null ? void 0 : T.due_date) && !A5(g.value)) {
-          k.value = !0;
+        if (g.value && g.value !== _2((T = n.topic) == null ? void 0 : T.due_date) && !A5(g.value)) {
+          $.value = !0;
           return;
         }
         try {
-          z.value = !0, O.value = I.value.map(
+          _.value = !0, O.value = I.value.map(
             (P) => ({ ...P, snapshot: void 0 })
           ), O.value.length === 0 && x.value.sort((P, m5) => {
             var O2, E2;
@@ -8203,8 +8203,8 @@ const Wl = {
           ].forEach(
             (P) => P.pins = n.topicAnnotations
           );
-          const H1 = {
-            guid: (i1 = n.topic) == null ? void 0 : i1.guid,
+          const y1 = {
+            guid: (l1 = n.topic) == null ? void 0 : l1.guid,
             models: ((R2 = n.topic) == null ? void 0 : R2.models) || n.topicModels,
             title: s.value,
             topic_type: c.value,
@@ -8212,25 +8212,25 @@ const Wl = {
             topic_status: C.value,
             stage: p.value,
             assigned_to: f.value,
-            due_date: g.value ? v1(g.value) : void 0,
+            due_date: g.value ? L1(g.value) : void 0,
             description: m.value,
             labels: v.value,
             viewpoints: O.value
           };
-          let c1;
-          l.value ? c1 = await a.createTopic(n.project, H1) : c1 = await a.updateTopic(n.project, H1), await Promise.all(
+          let i1;
+          l.value ? i1 = await a.createTopic(n.project, y1) : i1 = await a.updateTopic(n.project, y1), await Promise.all(
             x.value.map(
-              (P) => a.createViewpoint(n.project, c1, P)
+              (P) => a.createViewpoint(n.project, i1, P)
             )
           ), await Promise.all(
-            y.value.map(
-              (P) => a.deleteViewpoint(n.project, c1, P)
+            H.value.map(
+              (P) => a.deleteViewpoint(n.project, i1, P)
             )
-          ), l.value ? (e("topic-created", c1), A()) : e("topic-updated", c1);
-        } catch (H1) {
-          e(l.value ? "topic-create-error" : "topic-update-error", H1);
+          ), l.value ? (e("topic-created", i1), F()) : e("topic-updated", i1);
+        } catch (y1) {
+          e(l.value ? "topic-create-error" : "topic-update-error", y1);
         } finally {
-          z.value = !1;
+          _.value = !1;
         }
       }
     };
@@ -8254,7 +8254,7 @@ function si(n, e, a, l, i, s) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: e[0] || (e[0] = (y) => n.$emit("back"))
+        onClick: e[0] || (e[0] = (H) => n.$emit("back"))
       }, {
         default: L(() => [
           u(c, {
@@ -8280,7 +8280,7 @@ function si(n, e, a, l, i, s) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: e[1] || (e[1] = (y) => n.$emit("close"))
+        onClick: e[1] || (e[1] = (H) => n.$emit("close"))
       }, {
         default: L(() => [
           u(c, {
@@ -8309,7 +8309,7 @@ function si(n, e, a, l, i, s) {
             fill: "",
             radius: "",
             disabled: !a.objectsEditEnabled,
-            onClick: e[2] || (e[2] = (y) => n.$emit("edit-topic-objects", a.topic))
+            onClick: e[2] || (e[2] = (H) => n.$emit("edit-topic-objects", a.topic))
           }, {
             default: L(() => [
               u(c, {
@@ -8334,7 +8334,7 @@ function si(n, e, a, l, i, s) {
                 fill: "",
                 radius: "",
                 disabled: !a.annotationsEditEnabled || l.viewpointsToDisplay.length === 0,
-                onClick: e[3] || (e[3] = (y) => n.$emit("edit-topic-annotations", a.topic))
+                onClick: e[3] || (e[3] = (H) => n.$emit("edit-topic-annotations", a.topic))
               }, {
                 default: L(() => [
                   u(c, {
@@ -8363,43 +8363,43 @@ function si(n, e, a, l, i, s) {
           error: l.hasErrorTitle,
           errorMessage: n.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: l.topicTitle,
-          "onUpdate:modelValue": e[4] || (e[4] = (y) => l.topicTitle = y),
-          onKeyup: B2(D2(l.submit, ["stop"]), ["enter"])
+          "onUpdate:modelValue": e[4] || (e[4] = (H) => l.topicTitle = H),
+          onKeyup: V2(B2(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
         u(v, {
           width: "100%",
           label: n.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: a.extensions.topic_type,
           modelValue: l.topicType,
-          "onUpdate:modelValue": e[5] || (e[5] = (y) => l.topicType = y)
+          "onUpdate:modelValue": e[5] || (e[5] = (H) => l.topicType = H)
         }, null, 8, ["label", "options", "modelValue"]),
         u(v, {
           width: "100%",
           label: n.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: a.extensions.priority,
           modelValue: l.topicPriority,
-          "onUpdate:modelValue": e[6] || (e[6] = (y) => l.topicPriority = y)
+          "onUpdate:modelValue": e[6] || (e[6] = (H) => l.topicPriority = H)
         }, null, 8, ["label", "options", "modelValue"]),
         u(v, {
           width: "100%",
           label: n.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: a.extensions.topic_status,
           modelValue: l.topicStatus,
-          "onUpdate:modelValue": e[7] || (e[7] = (y) => l.topicStatus = y)
+          "onUpdate:modelValue": e[7] || (e[7] = (H) => l.topicStatus = H)
         }, null, 8, ["label", "options", "modelValue"]),
         u(v, {
           width: "100%",
           label: n.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: a.extensions.stage,
           modelValue: l.topicStage,
-          "onUpdate:modelValue": e[8] || (e[8] = (y) => l.topicStage = y)
+          "onUpdate:modelValue": e[8] || (e[8] = (H) => l.topicStage = H)
         }, null, 8, ["label", "options", "modelValue"]),
         u(v, {
           width: "100%",
           label: n.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: a.extensions.user_id_type,
           modelValue: l.topicAssignedTo,
-          "onUpdate:modelValue": e[9] || (e[9] = (y) => l.topicAssignedTo = y)
+          "onUpdate:modelValue": e[9] || (e[9] = (H) => l.topicAssignedTo = H)
         }, null, 8, ["label", "options", "modelValue"]),
         o("div", li, [
           u(m, {
@@ -8408,7 +8408,7 @@ function si(n, e, a, l, i, s) {
             error: l.hasErrorDate,
             errorMessage: n.$t("BcfComponents.BcfTopicForm.dateErrorMessage"),
             modelValue: l.topicDueDate,
-            "onUpdate:modelValue": e[10] || (e[10] = (y) => l.topicDueDate = y)
+            "onUpdate:modelValue": e[10] || (e[10] = (H) => l.topicDueDate = H)
           }, null, 8, ["placeholder", "error", "errorMessage", "modelValue"])
         ]),
         u(I, {
@@ -8416,7 +8416,7 @@ function si(n, e, a, l, i, s) {
           name: "description",
           label: n.$t("BcfComponents.BcfTopicForm.descriptionLabel"),
           modelValue: l.topicDescription,
-          "onUpdate:modelValue": e[11] || (e[11] = (y) => l.topicDescription = y),
+          "onUpdate:modelValue": e[11] || (e[11] = (H) => l.topicDescription = H),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
         u(v, {
@@ -8425,7 +8425,7 @@ function si(n, e, a, l, i, s) {
           label: n.$t("BcfComponents.BcfTopicForm.labelsLabel"),
           options: a.extensions.topic_label,
           modelValue: l.topicLabels,
-          "onUpdate:modelValue": e[12] || (e[12] = (y) => l.topicLabels = y)
+          "onUpdate:modelValue": e[12] || (e[12] = (H) => l.topicLabels = H)
         }, null, 8, ["label", "options", "modelValue"])
       ])
     ]),
@@ -8457,7 +8457,7 @@ function si(n, e, a, l, i, s) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: e[13] || (e[13] = (y) => n.$emit("close"))
+          onClick: e[13] || (e[13] = (H) => n.$emit("close"))
         }, {
           default: L(() => [
             w(b(n.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
@@ -8468,7 +8468,7 @@ function si(n, e, a, l, i, s) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: e[14] || (e[14] = (y) => l.isOpenModal = !1)
+          onClick: e[14] || (e[14] = (H) => l.isOpenModal = !1)
         }, {
           default: L(() => [
             w(b(n.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
@@ -8503,7 +8503,7 @@ const ui = {
   },
   setup(n) {
     return {
-      initials: S(
+      initials: A(
         () => `${n.user.firstname && n.user.firstname[0] || ""}${n.user.lastname && n.user.lastname[0] || ""}`.toUpperCase()
       )
     };
@@ -8513,7 +8513,7 @@ function pi(n, e, a, l, i, s) {
   const c = h("BIMDataIcon");
   return r(), t("div", {
     class: D(["user-avatar", `user-avatar--${a.user.profile_picture ? "silver-light" : a.color}`]),
-    style: _({
+    style: y({
       width: `${a.size}px`,
       height: `${a.size}px`,
       fontSize: `${a.initialsSize ? a.initialsSize : +a.size * 0.382}px`
@@ -8534,10 +8534,10 @@ function pi(n, e, a, l, i, s) {
 const v5 = /* @__PURE__ */ R(ui, [["render", pi], ["__scopeId", "data-v-3c02f1a9"]]);
 const bi = {
   components: {
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataLoading: a1,
-    BIMDataTextarea: d1,
+    BIMDataTextarea: s1,
     BIMDataTextbox: n1,
     UserAvatar: v5
   },
@@ -8560,7 +8560,7 @@ const bi = {
     "comment-deleted"
   ],
   setup(n, { emit: e }) {
-    const a = M1(), l = V(!1), i = V(!1), s = () => i.value = !1, c = () => i.value = !i.value, d = V(n.comment.comment), C = V(!1), p = () => {
+    const a = I1(), l = V(!1), i = V(!1), s = () => i.value = !1, c = () => i.value = !i.value, d = V(n.comment.comment), C = V(!1), p = () => {
       C.value = !0, s();
     }, f = () => {
       C.value = !1, d.value = n.comment.comment;
@@ -8803,9 +8803,9 @@ function Bi(n, e, a, l, i, s) {
 const Di = /* @__PURE__ */ R(bi, [["render", Bi], ["__scopeId", "data-v-abad358d"]]);
 const xi = {
   components: {
-    BIMDataButton: U,
+    BIMDataButton: z,
     BIMDataLoading: a1,
-    BIMDataTextarea: d1,
+    BIMDataTextarea: s1,
     TopicComment: Di
   },
   props: {
@@ -8824,8 +8824,8 @@ const xi = {
     "comment-deleted"
   ],
   setup(n, { emit: e }) {
-    const a = M1(), l = V(!1), i = V(!1), s = V(null), c = V("");
-    return q1(
+    const a = I1(), l = V(!1), i = V(!1), s = V(null), c = V("");
+    return K1(
       l,
       () => setTimeout(() => l.value && s.value.focus(), 50)
     ), {
@@ -8910,7 +8910,7 @@ function Ri(n, e, a, l, i, s) {
     o("div", Ti, [
       o("p", Ni, b((a.topic.comments ? a.topic.comments.length : 0) + " " + n.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
       a.topic.comments && a.topic.comments.length ? (r(), t("div", $i, [
-        (r(!0), t(N, null, G(a.topic.comments, (f) => (r(), B(C, {
+        (r(!0), t(N, null, U(a.topic.comments, (f) => (r(), B(C, {
           key: f.guid,
           project: a.project,
           topic: a.topic,
@@ -8924,13 +8924,13 @@ function Ri(n, e, a, l, i, s) {
   ]);
 }
 const Oi = /* @__PURE__ */ R(xi, [["render", Ri], ["__scopeId", "data-v-c43343c2"]]);
-var Ei = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), F1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => Ei.includes(n) } }, emits: ["click"], computed: { classes() {
+var Ei = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), E1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => Ei.includes(n) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const Fi = ["color"];
-function y1(n, e) {
+function _1(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -8938,7 +8938,7 @@ function y1(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-y1(`/* base COLORS --------------------------------------------- */
+_1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -9096,7 +9096,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-y1(`.bimdata-btn {
+_1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -9399,9 +9399,9 @@ y1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), F1.render = function(n, e, a, l, i, s) {
-  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: _(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [Z(n.$slots, "default")], 14, Fi);
-}, F1.__scopeId = "data-v-3f903003", F1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}`), E1.render = function(n, e, a, l, i, s) {
+  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: y(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [S(n.$slots, "default")], 14, Fi);
+}, E1.__scopeId = "data-v-3f903003", E1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Pi = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.5312H14.4343V19.7656H12.2781V16.5312H9.04369V14.375H12.2781V11.1406H14.4343V14.375H17.6687V16.5312ZM4.01244 7.90625L10.1218 1.79688V5.97245V7.90625H4.01244ZM20.3885 2.3C20.3885 1.035 19.365 0 18.1 0H8.9L2 6.9V20.7C2 21.965 3.03464 23 4.3 23H18.1115C19.3765 23 20.4 21.965 20.4 20.7L20.3885 2.3Z" }, zi = { render: function(n, e) {
   return r(), t("path", Pi);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, Ui = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, Gi = { render: function(n, e) {
@@ -9709,7 +9709,7 @@ const Pi = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var J2 = { addFile: zi, addFolder: Gi, addUser: Yi, alphabeticalAscending: ji, alphabeticalDescending: qi, alphabeticalSort: Ji, alt: ec, angle: rc, api: ac, archive: ic, arrow: sc, attach: uc, backInTime: bc, bcf: hc, building: Lc, burgerMenu: mc, calendar: Mc, caliper: yc, camera: Vc, cancelCamera: Dc, check: kc, chevron: Zc, classificationCategorie: Ac, classificationElement: Nc, click: Rc, close: Ec, cloud: Pc, color: Uc, comment: Xc, cursor: Wc, dateAscending: Kc, dateDescending: Qc, default: ns, delete: os, deniedFile: ts, deploy: ls, detach: cs, distance: ds, doubleChevron: Cs, down: bs, download: hs, drag: Ls, edit: ms, ellipsis: Ms, expanded: ys, explosion: Vs, export: Ds, exportIfc: ks, failed: Zs, filter: As, fitView: Ns, folder: Rs, folderMove: Es, folderOpen: Ps, fullscreen: Us, grid: Xs, group: Ws, hide: Ks, ifc: Qs, ifcFile: nd, import: od, indexAscending: td, indexDescending: ld, information: cd, inProgressFile: dd, invitation: Cd, isolate: bd, key: hd, left: Ld, linkedDocument: md, list: Md, listManage: yd, location: Vd, lock: Dd, logout: kd, measure: Zd, minus: Ad, model3d: Nd, organization: Rd, parameters: Ed, path: Pd, pieGraph: Ud, plus: Xd, project: Wd, quickSelect: Kd, readonlyFolder: Qd, redo: nu, reduced: ou, refresh: tu, reprocessIfc: lu, reset: cu, right: du, rules: Cu, sandglass: bu, save: hu, screenConfig: Lu, screenshot: mu, search: Mu, section: yu, settings: Vu, share: Du, show: ku, showSelected: Zu, socotec: Au, space: Nu, split: Ru, storey: Eu, success: Pu, surface: Uu, swap: Xu, synchro2d: Wu, system: Ku, tag: Ju, tree: eC, unarchive: rC, undo: aC, union: iC, up: sC, user: uC, validate: pC, validatedFile: gC, versioning: LC, video: mC, visa: MC, warning: yC, windowBottom: VC, windowed: DC, windowLeft: kC, windowRight: ZC, windowTop: AC, zone: NC, bcfPolychrome: RC, createWindowPolychrome: EC, docInfoPolychrome: PC, fileDwgPolychrome: UC, fileIfcPolychrome: XC, filePdfPolychrome: WC, filePlanPolychrome: KC, folderPolychrome: QC, structurePolychrome: np, viewer2dPolychrome: op, viewer3dPolychrome: tp }, ap = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const n5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var P1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
+var F1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
   return Object.entries(n).reduce((e, [a, l]) => ({ ...e, [`bimdata-icon-${a}`]: l }), {});
 }(J2) }, props: { name: { type: String, required: !0, validator: (n) => Object.keys(J2).includes(n) }, color: { type: String, default: "default", validator: (n) => ap.includes(n) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (n) => Object.keys(n5).includes(n) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -9720,7 +9720,7 @@ var P1 = { name: "BIMDataIcon", components: { ...function(n = {}) {
   return this.customSize ? this.customSize : n5[this.size];
 } } };
 const lp = ["fill", "color"];
-y1(`/* base COLORS --------------------------------------------- */
+_1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -9789,7 +9789,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-y1(`.icon-fill--black {
+_1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -9872,10 +9872,10 @@ y1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), P1.render = function(n, e, a, l, i, s) {
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: _(s.style) }, [(r(), B(m1(`bimdata-icon-${a.name}`)))], 14, lp);
-}, P1.__scopeId = "data-v-1312d4d1", P1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var z1 = { components: { BIMDataButton: F1, BIMDataIcon: P1 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
+}`), F1.render = function(n, e, a, l, i, s) {
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: a.fillColor, color: a.color, class: D(s.classes), style: y(s.style) }, [(r(), B(v1(`bimdata-icon-${a.name}`)))], 14, lp);
+}, F1.__scopeId = "data-v-1312d4d1", F1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var P1 = { components: { BIMDataButton: E1, BIMDataIcon: F1 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
   this.distributeItems();
 } }, mounted() {
   this.distributeItems(), this.resizeObserver = new ResizeObserver(() => this.distributeItems()), this.resizeObserver.observe(this.$refs.slider), this.mutationObserver = new MutationObserver(() => this.distributeItems()), this.mutationObserver.observe(this.$refs.slider, { childList: !0 });
@@ -9897,7 +9897,7 @@ var z1 = { components: { BIMDataButton: F1, BIMDataIcon: P1 }, props: { sliderPa
   }
 } } };
 const ip = { class: "bimdata-carousel" }, cp = { class: "bimdata-carousel__container" };
-y1(`.bimdata-carousel[data-v-b82c72c2] {
+_1(`.bimdata-carousel[data-v-b82c72c2] {
   --button-size: 44px;
   position: relative;
 }
@@ -9927,15 +9927,15 @@ y1(`.bimdata-carousel[data-v-b82c72c2] {
 }
 .bimdata-carousel__btn-next[data-v-b82c72c2] {
   right: calc(0px - var(--button-size) / 2);
-}`), z1.render = function(n, e, a, l, i, s) {
+}`), P1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataIcon"), d = h("BIMDataButton");
-  return r(), t("div", ip, [Y(u(d, { class: "bimdata-carousel__btn-prev", color: "default", fill: "", rounded: "", icon: "", onClick: e[0] || (e[0] = (C) => i.index--) }, { default: L(() => [u(c, { name: "chevron", size: "s", rotate: 180 })]), _: 1 }, 512), [[q, i.index > 0]]), o("div", cp, [o("div", { class: "bimdata-carousel__container__slider", ref: "slider", style: _({ transform: `translateX(-${i.translations[i.index]}px)` }) }, [Z(n.$slots, "default")], 4)]), Y(u(d, { class: "bimdata-carousel__btn-next", color: "default", fill: "", rounded: "", icon: "", onClick: e[1] || (e[1] = (C) => i.index++) }, { default: L(() => [u(c, { name: "chevron", size: "s" })]), _: 1 }, 512), [[q, i.index < i.maxIndex]])]);
-}, z1.__scopeId = "data-v-b82c72c2", z1.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
+  return r(), t("div", ip, [X(u(d, { class: "bimdata-carousel__btn-prev", color: "default", fill: "", rounded: "", icon: "", onClick: e[0] || (e[0] = (C) => i.index--) }, { default: L(() => [u(c, { name: "chevron", size: "s", rotate: 180 })]), _: 1 }, 512), [[q, i.index > 0]]), o("div", cp, [o("div", { class: "bimdata-carousel__container__slider", ref: "slider", style: y({ transform: `translateX(-${i.translations[i.index]}px)` }) }, [S(n.$slots, "default")], 4)]), X(u(d, { class: "bimdata-carousel__btn-next", color: "default", fill: "", rounded: "", icon: "", onClick: e[1] || (e[1] = (C) => i.index++) }, { default: L(() => [u(c, { name: "chevron", size: "s" })]), _: 1 }, 512), [[q, i.index < i.maxIndex]])]);
+}, P1.__scopeId = "data-v-b82c72c2", P1.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
 const sp = {
   components: {
-    BcfTopicDefaultImage: N2,
-    BIMDataCarousel: z1,
-    BIMDataIcon: X
+    BcfTopicDefaultImage: T2,
+    BIMDataCarousel: P1,
+    BIMDataIcon: G
   },
   props: {
     detailedExtensions: {
@@ -9951,7 +9951,7 @@ const sp = {
     "view-topic-viewpoint"
   ],
   setup(n) {
-    const e = S(
+    const e = A(
       () => n.topic.viewpoints.filter((l) => l.snapshot).map((l) => {
         var i;
         return {
@@ -9961,11 +9961,11 @@ const sp = {
       })
     );
     return {
-      statusColor: S(
-        () => A2(n.topic, n.detailedExtensions)
+      statusColor: A(
+        () => S2(n.topic, n.detailedExtensions)
       ),
       viewpoints: e,
-      adjustTextColor: J1
+      adjustTextColor: Q1
     };
   }
 }, dp = ["src", "onClick"];
@@ -9977,7 +9977,7 @@ function up(n, e, a, l, i, s) {
     a.topic.topic_status ? (r(), t("div", {
       key: 0,
       class: "status-badge",
-      style: _({
+      style: y({
         backgroundColor: `#${l.statusColor}`,
         color: l.adjustTextColor(`#${l.statusColor}`, "#FFF", "#2F374A")
       })
@@ -9994,7 +9994,7 @@ function up(n, e, a, l, i, s) {
       sliderPadding: 0
     }, {
       default: L(() => [
-        (r(!0), t(N, null, G(l.viewpoints, (p) => (r(), t("div", {
+        (r(!0), t(N, null, U(l.viewpoints, (p) => (r(), t("div", {
           class: "snapshot-preview",
           key: p.guid
         }, [
@@ -10022,12 +10022,12 @@ const Cp = /* @__PURE__ */ R(sp, [["render", up], ["__scopeId", "data-v-15bf52d1
 const pp = {
   components: {
     BcfTopicComments: Oi,
-    BcfTopicDefaultImage: N2,
+    BcfTopicDefaultImage: T2,
     BcfTopicViewpoints: Cp,
-    BIMDataButton: U,
-    BIMDataIcon: X,
+    BIMDataButton: z,
+    BIMDataIcon: G,
     BIMDataLoading: a1,
-    BIMDataSafeZoneModal: f1,
+    BIMDataSafeZoneModal: h1,
     BIMDataTextbox: n1
   },
   props: {
@@ -10068,17 +10068,17 @@ const pp = {
     "view-topic-viewpoint"
   ],
   setup(n, { emit: e }) {
-    const a = M1(), l = V(!1), i = V(!1), s = S(() => u1(n.topic, n.detailedExtensions)), c = S(() => {
+    const a = I1(), l = V(!1), i = V(!1), s = A(() => d1(n.topic, n.detailedExtensions)), c = A(() => {
       var p, f, g;
       return ((g = (f = (p = n.topic.viewpoints) == null ? void 0 : p[0]) == null ? void 0 : f.components) == null ? void 0 : g.selection) || [];
-    }), d = S(() => Array.from(n.topic.labels || []).sort());
+    }), d = A(() => Array.from(n.topic.labels || []).sort());
     return {
       loading: l,
       priorityColor: s,
       showDeleteModal: i,
       topicLabels: d,
       topicObjects: c,
-      adjustTextColor: J1,
+      adjustTextColor: Q1,
       deleteTopic: async () => {
         try {
           i.value = !1, l.value = !0, await a.deleteTopic(n.project, n.topic), e("topic-deleted", n.topic);
@@ -10175,7 +10175,7 @@ function Qp(n, e, a, l, i, s) {
       o("div", vp, [
         o("div", {
           class: "bcf-topic-overview__content__head__index",
-          style: _({
+          style: y({
             backgroundColor: `#${l.priorityColor}`,
             color: l.adjustTextColor(`#${l.priorityColor}`, "#FFF", "#2F374A")
           })
@@ -10263,7 +10263,7 @@ function Qp(n, e, a, l, i, s) {
           o("span", Up, b(n.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           o("span", {
             class: "value",
-            style: _({ color: `#${l.priorityColor}` })
+            style: y({ color: `#${l.priorityColor}` })
           }, b(a.topic.priority || n.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
         o("div", Gp, [
@@ -10360,13 +10360,13 @@ const Jp = /* @__PURE__ */ R(pp, [["render", Qp], ["__scopeId", "data-v-15f742b7
     align: "center"
   }
 ];
-var nb = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), U1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => nb.includes(n) } }, emits: ["click"], computed: { classes() {
+var nb = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), z1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (n) => nb.includes(n) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const eb = ["color"];
-function W(n, e) {
+function Y(n, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
   if (n && typeof document < "u") {
@@ -10374,7 +10374,7 @@ function W(n, e) {
     i.type = "text/css", a === "top" && l.firstChild ? l.insertBefore(i, l.firstChild) : l.appendChild(i), i.styleSheet ? i.styleSheet.cssText = n : i.appendChild(document.createTextNode(n));
   }
 }
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -10532,7 +10532,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-W(`.bimdata-btn {
+Y(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -10835,10 +10835,10 @@ W(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), U1.render = function(n, e, a, l, i, s) {
-  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: _(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [Z(n.$slots, "default")], 14, eb);
-}, U1.__scopeId = "data-v-3f903003", U1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-var G1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (n) => n === null || typeof n == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
+}`), z1.render = function(n, e, a, l, i, s) {
+  return r(), t("button", { class: D(["bimdata-btn", s.classes]), style: y(s.style), onClick: e[0] || (e[0] = (c) => n.$emit("click", c)), color: a.color, type: "button" }, [S(n.$slots, "default")], 14, eb);
+}, z1.__scopeId = "data-v-3f903003", z1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+var U1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (n) => n === null || typeof n == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
   return this.modelValue === null;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -10848,7 +10848,7 @@ var G1 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
 const ob = ((n) => (e1("data-v-34d34265"), n = n(), o1(), n))(() => o("span", { class: "bimdata-checkbox__mark" }, null, -1)), rb = { key: 0, class: "bimdata-checkbox__text" };
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11006,7 +11006,7 @@ html[data-v-34d34265] {
 .primary-font[data-v-34d34265] {
   font-family: "roboto", sans-serif;
 }`);
-W(`.bimdata-checkbox {
+Y(`.bimdata-checkbox {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11093,24 +11093,24 @@ W(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), G1.render = function(n, e, a, l, i, s) {
-  return r(), t("div", { class: D(["bimdata-checkbox", { indeterminate: s.indeterminate, disabled: a.disabled, checked: s.checked }]), onClick: e[0] || (e[0] = (...c) => s.onClick && s.onClick(...c)), style: _(s.style) }, [ob, a.text ? (r(), t("span", rb, [Z(n.$slots, "default", {}, () => [w(b(a.text), 1)])])) : M("v-if", !0)], 6);
-}, G1.__scopeId = "data-v-34d34265", G1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), U1.render = function(n, e, a, l, i, s) {
+  return r(), t("div", { class: D(["bimdata-checkbox", { indeterminate: s.indeterminate, disabled: a.disabled, checked: s.checked }]), onClick: e[0] || (e[0] = (...c) => s.onClick && s.onClick(...c)), style: y(s.style) }, [ob, a.text ? (r(), t("span", rb, [S(n.$slots, "default", {}, () => [w(b(a.text), 1)])])) : M("v-if", !0)], 6);
+}, U1.__scopeId = "data-v-34d34265", U1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const tb = { "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" }, ab = { render: function(n, e) {
   return r(), t("path", tb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
 var lb = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const o5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var o2 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => lb.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(o5).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
+var e2 = (n, e) => ({ name: `BIMDataIcon${n}`, components: { [n]: e }, props: { color: { type: String, default: "default", validator: (a) => lb.includes(a) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (a) => Object.keys(o5).includes(a) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
 }, style() {
   const a = this.getPixelSize(this.size);
   return { width: `${a}px`, minWidth: `${a}px`, height: `${a}px`, minHeight: `${a}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : o5[this.size];
-} } }), X1 = o2("Chevron", ab);
+} } }), G1 = e2("Chevron", ab);
 const ib = ["fill", "color"];
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11179,7 +11179,7 @@ html[data-v-5e440aca] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-W(`.icon-fill--black {
+Y(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11262,16 +11262,16 @@ W(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), X1.render = function(n, e, a, l, i, s) {
+}`), G1.render = function(n, e, a, l, i, s) {
   const c = h("Chevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, ib);
-}, X1.__scopeId = "data-v-5e440aca", X1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, ib);
+}, G1.__scopeId = "data-v-5e440aca", G1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const cb = { "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" }, sb = { render: function(n, e) {
   return r(), t("path", cb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var s2 = o2("DoubleChevron", sb);
+var c2 = e2("DoubleChevron", sb);
 const db = ["fill", "color"];
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11340,7 +11340,7 @@ html[data-v-859297ec] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-W(`.icon-fill--black {
+Y(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11423,16 +11423,16 @@ W(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), s2.render = function(n, e, a, l, i, s) {
+}`), c2.render = function(n, e, a, l, i, s) {
   const c = h("DoubleChevron");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, db);
-}, s2.__scopeId = "data-v-859297ec", s2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, db);
+}, c2.__scopeId = "data-v-859297ec", c2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const ub = { d: "M23 2.31643L20.6836 0L11.5 9.18357L2.31643 0L0 2.31643L9.18357 11.5L0 20.6836L2.31643 23L11.5 13.8164L20.6836 23L23 20.6836L13.8164 11.5L23 2.31643Z" }, Cb = { render: function(n, e) {
   return r(), t("path", ub);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
-var d2 = o2("Close", Cb);
+var s2 = e2("Close", Cb);
 const pb = ["fill", "color"];
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11501,7 +11501,7 @@ html[data-v-797f55d8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-W(`.icon-fill--black {
+Y(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11584,16 +11584,16 @@ W(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), d2.render = function(n, e, a, l, i, s) {
+}`), s2.render = function(n, e, a, l, i, s) {
   const c = h("Close");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, pb);
-}, d2.__scopeId = "data-v-797f55d8", d2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, pb);
+}, s2.__scopeId = "data-v-797f55d8", s2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const bb = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.54777 14.4652C5.27332 14.4652 2.6301 11.822 2.6301 8.54753C2.6301 5.27309 5.27332 2.62986 8.54777 2.62986C11.8222 2.62986 14.4654 5.27309 14.4654 8.54753C14.4654 11.822 11.8222 14.4652 8.54777 14.4652ZM16.438 14.4654H15.3991L15.0309 14.1103C16.3196 12.6112 17.0955 10.665 17.0955 8.54774C17.0955 3.82676 13.2687 0 8.54774 0C3.82676 0 0 3.82676 0 8.54774C0 13.2687 3.82676 17.0955 8.54774 17.0955C10.665 17.0955 12.6112 16.3196 14.1103 15.0309L14.4654 15.3991V16.438L21.0406 23L23 21.0406L16.438 14.4654Z" }, gb = { render: function(n, e) {
   return r(), t("path", bb);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Search.vue" };
-var u2 = o2("Search", gb);
+var d2 = e2("Search", gb);
 const hb = ["fill", "color"];
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11662,7 +11662,7 @@ html[data-v-0993abf8] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-W(`.icon-fill--black {
+Y(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -11745,11 +11745,11 @@ W(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), u2.render = function(n, e, a, l, i, s) {
+}`), d2.render = function(n, e, a, l, i, s) {
   const c = h("Search");
-  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: _(n.style) }, [u(c)], 14, hb);
-}, u2.__scopeId = "data-v-0993abf8", u2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var Y1 = { components: { BIMDataButton: U1, BIMDataCheckbox: G1, BIMDataIconChevron: X1 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, 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: ["selection-changed", "row-selected", "row-unselected", "all-selected", "all-unselected"], data: () => ({ displayedRows: [], pageIndex: 0, pageStartIndex: 1, pageEndIndex: 1, selection: /* @__PURE__ */ new Map(), selectionRefs: [], oldSelectionRefs: [], fullSelectionRef: !1 }), watch: { rows: { immediate: !0, handler(n) {
+  return r(), t("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: n.fillColor, color: n.color, class: D(n.classes), style: y(n.style) }, [u(c)], 14, hb);
+}, d2.__scopeId = "data-v-0993abf8", d2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
+var X1 = { components: { BIMDataButton: z1, BIMDataCheckbox: U1, BIMDataIconChevron: G1 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, 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: ["selection-changed", "row-selected", "row-unselected", "all-selected", "all-unselected"], data: () => ({ displayedRows: [], pageIndex: 0, pageStartIndex: 1, pageEndIndex: 1, selection: /* @__PURE__ */ new Map(), selectionRefs: [], oldSelectionRefs: [], fullSelectionRef: !1 }), watch: { rows: { immediate: !0, handler(n) {
   this.selection = /* @__PURE__ */ new Map(), this.buildSelectionRefs(n, !1), this.setPagination();
 } }, paginated: { immediate: !0, handler() {
   this.setPagination();
@@ -11786,7 +11786,7 @@ var Y1 = { components: { BIMDataButton: U1, BIMDataCheckbox: G1, BIMDataIconChev
     this.displayedRows = n;
 } } };
 const fb = { class: "bimdata-table" }, Lb = { key: 0, class: "cell-checkbox" }, vb = { key: 0, class: "cell-checkbox" }, mb = { class: "bimdata-table__page-nav__text" };
-W(`/* base COLORS --------------------------------------------- */
+Y(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11912,13 +11912,13 @@ html[data-v-a29e0786] {
 }
 .bimdata-table__page-nav__text[data-v-a29e0786] {
   margin: 0 var(--spacing-unit);
-}`), Y1.render = function(n, e, a, l, i, s) {
+}`), X1.render = function(n, e, a, l, i, s) {
   const c = h("BIMDataCheckbox"), d = h("BIMDataIconChevron"), C = h("BIMDataButton");
-  return r(), t("div", fb, [o("div", { class: "bimdata-table__container", style: _({ height: a.paginated ? (a.perPage + 1) * a.rowHeight + "px" : void 0 }) }, [o("table", { style: _({ width: a.tableWidth, tableLayout: a.tableLayout }) }, [o("thead", null, [o("tr", { key: "head-row-0", style: _({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), t("th", Lb, [u(c, { disabled: a.rows.length === 0, modelValue: a.rows.length > 0 && i.selection.size === a.rows.length, "onUpdate:modelValue": s.toggleFullSelection }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), t(N, null, G(a.columns, (p, f) => (r(), t("th", { key: `head-row-0-col-${f}`, style: _({ width: p.width || "auto", textAlign: p.align || "left" }) }, b(p.id ? p.label || p.id : p), 5))), 128))], 4)]), o("tbody", null, [(r(!0), t(N, null, G(a.rows, (p, f) => Y((r(), t("tr", { key: `body-row-${f}`, style: _({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), t("td", vb, [u(c, { modelValue: i.selection.has(f), "onUpdate:modelValue": (g) => s.toggleSelection(f) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), t(N, null, G(a.columns, (g, m) => (r(), t("td", { key: `body-row-${f}-col-${m}`, style: _({ width: g.width || "auto", textAlign: g.align || "left" }) }, [Z(n.$slots, `cell-${g.id}`, { row: p }, () => [w(b(p[g.id] || p[m] || ""), 1)])], 4))), 128))], 4)), [[q, i.displayedRows.includes(f)]])), 128))])], 4), a.rows.length === 0 && a.placeholder ? (r(), t("div", { key: 0, class: "bimdata-table__container__placeholder", style: _({ height: `calc(100% - ${a.rowHeight}px)` }) }, b(a.placeholder), 5)) : M("v-if", !0)], 4), a.paginated ? (r(), t("div", { key: 0, class: "bimdata-table__page-nav", style: _({ visibility: a.rows.length > a.perPage ? "visible" : "hidden" }) }, [u(C, { ghost: "", rounded: "", icon: "", disabled: i.pageStartIndex === 1, onClick: e[0] || (e[0] = (p) => i.pageIndex--) }, { default: L(() => [u(d, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), o("span", mb, b(`${i.pageStartIndex} - ${i.pageEndIndex} of ${a.rows.length}`), 1), u(C, { ghost: "", rounded: "", icon: "", disabled: i.pageEndIndex === a.rows.length, onClick: e[1] || (e[1] = (p) => i.pageIndex++) }, { default: L(() => [u(d, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : M("v-if", !0)]);
-}, Y1.__scopeId = "data-v-a29e0786", Y1.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
+  return r(), t("div", fb, [o("div", { class: "bimdata-table__container", style: y({ height: a.paginated ? (a.perPage + 1) * a.rowHeight + "px" : void 0 }) }, [o("table", { style: y({ width: a.tableWidth, tableLayout: a.tableLayout }) }, [o("thead", null, [o("tr", { key: "head-row-0", style: y({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), t("th", Lb, [u(c, { disabled: a.rows.length === 0, modelValue: a.rows.length > 0 && i.selection.size === a.rows.length, "onUpdate:modelValue": s.toggleFullSelection }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), t(N, null, U(a.columns, (p, f) => (r(), t("th", { key: `head-row-0-col-${f}`, style: y({ width: p.width || "auto", textAlign: p.align || "left" }) }, b(p.id ? p.label || p.id : p), 5))), 128))], 4)]), o("tbody", null, [(r(!0), t(N, null, U(a.rows, (p, f) => X((r(), t("tr", { key: `body-row-${f}`, style: y({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), t("td", vb, [u(c, { modelValue: i.selection.has(f), "onUpdate:modelValue": (g) => s.toggleSelection(f) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : M("v-if", !0), (r(!0), t(N, null, U(a.columns, (g, m) => (r(), t("td", { key: `body-row-${f}-col-${m}`, style: y({ width: g.width || "auto", textAlign: g.align || "left" }) }, [S(n.$slots, `cell-${g.id}`, { row: p }, () => [w(b(p[g.id] || p[m] || ""), 1)])], 4))), 128))], 4)), [[q, i.displayedRows.includes(f)]])), 128))])], 4), a.rows.length === 0 && a.placeholder ? (r(), t("div", { key: 0, class: "bimdata-table__container__placeholder", style: y({ height: `calc(100% - ${a.rowHeight}px)` }) }, b(a.placeholder), 5)) : M("v-if", !0)], 4), a.paginated ? (r(), t("div", { key: 0, class: "bimdata-table__page-nav", style: y({ visibility: a.rows.length > a.perPage ? "visible" : "hidden" }) }, [u(C, { ghost: "", rounded: "", icon: "", disabled: i.pageStartIndex === 1, onClick: e[0] || (e[0] = (p) => i.pageIndex--) }, { default: L(() => [u(d, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), o("span", mb, b(`${i.pageStartIndex} - ${i.pageEndIndex} of ${a.rows.length}`), 1), u(C, { ghost: "", rounded: "", icon: "", disabled: i.pageEndIndex === a.rows.length, onClick: e[1] || (e[1] = (p) => i.pageIndex++) }, { default: L(() => [u(d, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : M("v-if", !0)]);
+}, X1.__scopeId = "data-v-a29e0786", X1.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
 const Ib = {
   components: {
-    BIMDataButton: U
+    BIMDataButton: z
   },
   props: {
     topic: {
@@ -11964,8 +11964,8 @@ const Hb = {
   },
   setup(n) {
     return {
-      priorityColor: S(
-        () => u1(n.topic, n.detailedExtensions)
+      priorityColor: A(
+        () => d1(n.topic, n.detailedExtensions)
       )
     };
   }
@@ -11974,7 +11974,7 @@ function Db(n, e, a, l, i, s) {
   return r(), t("div", Vb, [
     o("span", {
       class: "left-stripe",
-      style: _({ backgroundColor: `#${l.priorityColor}` })
+      style: y({ backgroundColor: `#${l.priorityColor}` })
     }, null, 4),
     o("span", Bb, b(a.topic.index), 1)
   ]);
@@ -11993,8 +11993,8 @@ const kb = {
   },
   setup(n) {
     return {
-      priorityColor: S(
-        () => u1(n.topic, n.detailedExtensions)
+      priorityColor: A(
+        () => d1(n.topic, n.detailedExtensions)
       )
     };
   }
@@ -12002,7 +12002,7 @@ const kb = {
 function wb(n, e, a, l, i, s) {
   return r(), t("span", {
     class: "bcf-topic-priority-cell",
-    style: _({ color: `#${l.priorityColor}` })
+    style: y({ color: `#${l.priorityColor}` })
   }, b(a.topic.priority || n.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
 const Zb = /* @__PURE__ */ R(kb, [["render", wb], ["__scopeId", "data-v-1d15fcf6"]]);
@@ -12019,17 +12019,17 @@ const Sb = {
   },
   setup(n) {
     return {
-      statusColor: S(
-        () => A2(n.topic, n.detailedExtensions)
+      statusColor: A(
+        () => S2(n.topic, n.detailedExtensions)
       ),
-      adjustTextColor: J1
+      adjustTextColor: Q1
     };
   }
 };
 function Ab(n, e, a, l, i, s) {
   return r(), t("span", {
     class: "bcf-topic-status-cell",
-    style: _({
+    style: y({
       backgroundColor: `#${l.statusColor}`,
       color: l.adjustTextColor(l.statusColor, "#ffffff", "var(--color-text)")
     })
@@ -12041,9 +12041,9 @@ const Tb = /* @__PURE__ */ R(Sb, [["render", Ab], ["__scopeId", "data-v-c2a5faf4
     BcfTopicIndexCell: xb,
     BcfTopicPriorityCell: Zb,
     BcfTopicStatusCell: Tb,
-    BIMDataTable: Y1,
+    BIMDataTable: X1,
     BIMDataTextbox: n1,
-    BIMDataTooltip: L1,
+    BIMDataTooltip: f1,
     UserAvatar: v5
   },
   props: {
@@ -12072,10 +12072,10 @@ const Tb = /* @__PURE__ */ R(Sb, [["render", Ab], ["__scopeId", "data-v-c2a5faf4
   ],
   setup(n) {
     return {
-      displayedColumns: S(
+      displayedColumns: A(
         () => n.columns && n.columns.length > 0 ? e5.filter((a) => n.columns.includes(a.id)) : e5
       ),
-      deserialize: y2
+      deserialize: _2
     };
   }
 };
@@ -12166,13 +12166,14 @@ export {
   Xb as components,
   Eb as config,
   Fb as createService,
-  u1 as getPriorityColor,
-  A2 as getStatusColor,
+  d1 as getPriorityColor,
+  S2 as getStatusColor,
   E5 as getViewpointConfig,
   Gb as getViewpointModels,
   O5 as getViewpointType,
   Pb as setService,
   $5 as useBcfFilter,
   zb as useBcfSearch,
-  Ub as useBcfSort
+  Ub as useBcfSort,
+  I1 as useService
 };