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

package/dist/vue3/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as R5, computed as N, ref as k, watch as t1, openBlock as r, createElementBlock as o, normalizeClass as B, normalizeStyle as H, renderSlot as _, createElementVNode as t, createBlock as D, resolveDynamicComponent as u1, pushScopeId as l1, popScopeId as i1, mergeProps as w1, toDisplayString as b, createCommentVNode as v, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as i2, withDirectives as X, Transition as n1, withCtx as L, Fragment as R, renderList as U, vShow as q, toRaw as e5, withKeys as x, withModifiers as Z, createSlots as m5, createStaticVNode as M5, inject as E5 } from "vue";
+import { reactive as R5, computed as O, ref as B, watch as n1, openBlock as r, createElementBlock as o, normalizeClass as k, normalizeStyle as H, renderSlot as _, createElementVNode as t, createBlock as D, resolveDynamicComponent as u1, pushScopeId as l1, popScopeId as i1, mergeProps as w1, toDisplayString as b, createCommentVNode as v, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as i2, withDirectives as X, Transition as t1, withCtx as L, Fragment as R, renderList as U, vShow as q, toRaw as e5, withKeys as x, withModifiers as Z, createSlots as m5, createStaticVNode as M5, inject as E5 } from "vue";
 const I5 = Object.freeze([
   "Priority",
   "Type",
@@ -170,30 +170,30 @@ var D2 = { exports: {} };
     return h && h.__esModule ? h : { default: h };
   }
   function u(h) {
-    var I = -1, M = h.length;
+    var m = -1, I = h.length;
     return function() {
-      return ++I < M ? { value: h[I], key: I } : null;
+      return ++m < I ? { value: h[m], key: m } : null;
     };
   }
   function d(h) {
-    var I = -1;
+    var m = -1;
     return function() {
-      var m = h.next();
-      return m.done ? null : (I++, { value: m.value, key: I });
+      var M = h.next();
+      return M.done ? null : (m++, { value: M.value, key: m });
     };
   }
   function C(h) {
-    var I = h ? Object.keys(h) : [], M = -1, m = I.length;
+    var m = h ? Object.keys(h) : [], I = -1, M = m.length;
     return function y() {
-      var w = I[++M];
-      return w === "__proto__" ? y() : M < m ? { value: h[w], key: w } : null;
+      var w = m[++I];
+      return w === "__proto__" ? y() : I < M ? { value: h[w], key: w } : null;
     };
   }
   function f(h) {
     if ((0, l.default)(h))
       return u(h);
-    var I = (0, i.default)(h);
-    return I ? d(I) : C(h);
+    var m = (0, i.default)(h);
+    return m ? d(m) : C(h);
   }
   e.exports = n.default;
 })(H2, H2.exports);
@@ -250,35 +250,35 @@ function j5() {
       return h && h.__esModule ? h : { default: h };
     }
     function d(h) {
-      return (0, c.isAsync)(h) ? function(...I) {
-        const M = I.pop(), m = h.apply(this, I);
-        return C(m, M);
-      } : (0, l.default)(function(I, M) {
-        var m;
+      return (0, c.isAsync)(h) ? function(...m) {
+        const I = m.pop(), M = h.apply(this, m);
+        return C(M, I);
+      } : (0, l.default)(function(m, I) {
+        var M;
         try {
-          m = h.apply(this, I);
+          M = h.apply(this, m);
         } catch (y) {
-          return M(y);
+          return I(y);
         }
-        if (m && typeof m.then == "function")
-          return C(m, M);
-        M(null, m);
+        if (M && typeof M.then == "function")
+          return C(M, I);
+        I(null, M);
       });
     }
-    function C(h, I) {
-      return h.then((M) => {
-        f(I, null, M);
-      }, (M) => {
-        f(I, M && M.message ? M : new Error(M));
+    function C(h, m) {
+      return h.then((I) => {
+        f(m, null, I);
+      }, (I) => {
+        f(m, I && I.message ? I : new Error(I));
       });
     }
-    function f(h, I, M) {
+    function f(h, m, I) {
       try {
-        h(I, M);
-      } catch (m) {
+        h(m, I);
+      } catch (M) {
         (0, i.default)((y) => {
           throw y;
-        }, m);
+        }, M);
       }
     }
     e.exports = n.default;
@@ -328,33 +328,33 @@ var x2 = { exports: {} }, a2 = { exports: {} };
     return c && c.__esModule ? c : { default: c };
   }
   function i(c, u, d, C) {
-    let f = !1, h = !1, I = !1, M = 0, m = 0;
+    let f = !1, h = !1, m = !1, I = 0, M = 0;
     function y() {
-      M >= u || I || f || (I = !0, c.next().then(({ value: S, done: V }) => {
+      I >= u || m || f || (m = !0, c.next().then(({ value: S, done: V }) => {
         if (!(h || f)) {
-          if (I = !1, V) {
-            f = !0, M <= 0 && C(null);
+          if (m = !1, V) {
+            f = !0, I <= 0 && C(null);
             return;
           }
-          M++, d(S, m, w), m++, y();
+          I++, d(S, M, w), M++, y();
         }
       }).catch(E));
     }
     function w(S, V) {
-      if (M -= 1, !h) {
+      if (I -= 1, !h) {
         if (S)
           return E(S);
         if (S === !1) {
           f = !0, h = !0;
           return;
         }
-        if (V === l.default || f && M <= 0)
+        if (V === l.default || f && I <= 0)
           return f = !0, C(null);
         y();
       }
     }
     function E(S) {
-      h || (I = !1, f = !0, C(S));
+      h || (m = !1, f = !0, C(S));
     }
     y();
   }
@@ -364,42 +364,42 @@ var x2 = { exports: {} }, a2 = { exports: {} };
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var a = y2.exports, l = M(a), s = H2.exports, i = M(s), c = B2.exports, u = M(c), d = G2(), C = x2.exports, f = M(C), h = a2.exports, I = M(h);
-  function M(m) {
-    return m && m.__esModule ? m : { default: m };
+  var a = y2.exports, l = I(a), s = H2.exports, i = I(s), c = B2.exports, u = I(c), d = G2(), C = x2.exports, f = I(C), h = a2.exports, m = I(h);
+  function I(M) {
+    return M && M.__esModule ? M : { default: M };
   }
-  n.default = (m) => (y, w, E) => {
-    if (E = (0, l.default)(E), m <= 0)
+  n.default = (M) => (y, w, E) => {
+    if (E = (0, l.default)(E), M <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
     if (!y)
       return E(null);
     if ((0, d.isAsyncGenerator)(y))
-      return (0, f.default)(y, m, w, E);
+      return (0, f.default)(y, M, w, E);
     if ((0, d.isAsyncIterable)(y))
-      return (0, f.default)(y[Symbol.asyncIterator](), m, w, E);
-    var S = (0, i.default)(y), V = !1, T = !1, $ = 0, F = !1;
-    function Y(r1, O) {
+      return (0, f.default)(y[Symbol.asyncIterator](), M, w, E);
+    var S = (0, i.default)(y), V = !1, T = !1, $ = 0, P = !1;
+    function r1(G, N) {
       if (!T)
-        if ($ -= 1, r1)
-          V = !0, E(r1);
-        else if (r1 === !1)
+        if ($ -= 1, G)
+          V = !0, E(G);
+        else if (G === !1)
           V = !0, T = !0;
         else {
-          if (O === I.default || V && $ <= 0)
+          if (N === m.default || V && $ <= 0)
             return V = !0, E(null);
-          F || Q();
+          P || Q();
         }
     }
     function Q() {
-      for (F = !0; $ < m && !V; ) {
-        var r1 = S();
-        if (r1 === null) {
+      for (P = !0; $ < M && !V; ) {
+        var G = S();
+        if (G === null) {
           V = !0, $ <= 0 && E(null);
           return;
         }
-        $ += 1, w(r1.value, r1.key, (0, u.default)(Y));
+        $ += 1, w(G.value, G.key, (0, u.default)(r1));
       }
-      F = !1;
+      P = !1;
     }
     Q();
   }, e.exports = n.default;
@@ -440,11 +440,11 @@ var Z2 = { exports: {} };
     value: !0
   });
   var a = _2.exports, l = f(a), s = w2.exports, i = f(s), c = G2(), u = f(c), d = Z2.exports, C = f(d);
-  function f(I) {
-    return I && I.__esModule ? I : { default: I };
+  function f(m) {
+    return m && m.__esModule ? m : { default: m };
   }
-  function h(I, M, m, y) {
-    return (0, l.default)(M)(I, (0, i.default)((0, u.default)(m)), y);
+  function h(m, I, M, y) {
+    return (0, l.default)(I)(m, (0, i.default)((0, u.default)(M)), y);
   }
   n.default = (0, C.default)(h, 4), e.exports = n.default;
 })(I2, I2.exports);
@@ -471,19 +471,19 @@ let x5 = null;
 function FM(e, { fetchUsers: n }) {
   const a = n ? (V) => n(V) : (V) => e.collaborationApi.getProjectUsers(V.cloud.id, V.id);
   return {
-    fetchTopics: async (V) => {
-      const T = await a(V), $ = await e.bcfApi.getDetailedExtensions(V.id), F = await e.bcfApi.getTopics(V.id);
-      return F.sort((Y, Q) => Q.index - Y.index), await K5(F, 10, async (Y) => {
-        Y.color = v1(Y, $), Y.creator = T.find((Q) => Q.email === Y.creation_author), Y.viewpoints = await e.bcfApi.getTopicViewpoints(
+    fetchTopics: async (V, { extensions: T, users: $ } = {}) => {
+      const P = T != null ? T : await e.bcfApi.getDetailedExtensions(V.id), r1 = $ != null ? $ : await a(V), Q = await e.bcfApi.getTopics(V.id);
+      return Q.sort((G, N) => N.index - G.index), await K5(Q, 10, async (G) => {
+        G.color = v1(G, P), G.creator = r1.find((N) => N.email === G.creation_author), G.viewpoints = await e.bcfApi.getTopicViewpoints(
           V.id,
-          Y.guid,
+          G.guid,
           "url"
         );
-      }), F;
+      }), Q;
     },
     fecthTopicByGuid: async (V, T) => {
-      const $ = await e.bcfApi.getDetailedExtensions(V.id), F = await e.bcfApi.getFullTopic(T, V.id, "url");
-      return F.color = v1(F, $), F;
+      const $ = await e.bcfApi.getDetailedExtensions(V.id), P = await e.bcfApi.getFullTopic(T, V.id, "url");
+      return P.color = v1(P, $), P;
     },
     createTopic: async (V, T) => await e.bcfApi.createFullTopic(
       V.id,
@@ -515,21 +515,21 @@ function FM(e, { fetchUsers: n }) {
       );
     },
     fetchTopicComments: async (V, T) => {
-      const $ = await a(V), F = await e.bcfApi.getComments(V.id, T.guid);
-      return F.sort((Y, Q) => Y.date > Q.date ? -1 : 1), F.forEach((Y) => {
-        Y.user = $.find((Q) => Q.email === Y.author);
-      }), F;
+      const $ = await a(V), P = await e.bcfApi.getComments(V.id, T.guid);
+      return P.sort((r1, Q) => r1.date > Q.date ? -1 : 1), P.forEach((r1) => {
+        r1.user = $.find((Q) => Q.email === r1.author);
+      }), P;
     },
     createComment: async (V, T, $) => await e.bcfApi.createComment(
       V.id,
       T.guid,
       $
     ),
-    updateComment: async (V, T, $, F) => await e.bcfApi.updateComment(
+    updateComment: async (V, T, $, P) => await e.bcfApi.updateComment(
       $.guid,
       V.id,
       T.guid,
-      F
+      P
     ),
     deleteComment: async (V, T, $) => {
       await e.bcfApi.deleteComment(
@@ -547,12 +547,12 @@ function FM(e, { fetchUsers: n }) {
         color: U5()
       }
     ),
-    updateExtension: async (V, T, $, F) => await e.bcfApi[`updateExtension${T}`](
+    updateExtension: async (V, T, $, P) => await e.bcfApi[`updateExtension${T}`](
       $.id,
       V.id,
       {
-        [g1(T)]: F.value,
-        color: F.color
+        [g1(T)]: P.value,
+        color: P.color
       }
     ),
     deleteExtension: async (V, T, $) => {
@@ -579,7 +579,7 @@ const o5 = {
   endDate: null
 };
 function q5(e) {
-  const n = R5({ ...o5 }), a = N(() => {
+  const n = R5({ ...o5 }), a = O(() => {
     let i = e.value;
     return n.priorities.length > 0 && (i = i.filter((c) => n.priorities.includes(c.priority))), n.statuses.length > 0 && (i = i.filter((c) => n.statuses.includes(c.topic_status))), n.users.length > 0 && (i = i.filter((c) => n.users.includes(c.assigned_to))), n.creators.length > 0 && (i = i.filter((c) => n.creators.includes(c.creation_author))), n.labels.length > 0 && (i = i.filter((c) => n.labels.some((u) => c.labels.includes(u)))), n.startDate && n.endDate && (i = i.filter((c) => c.creation_date >= n.startDate && c.creation_date <= n.endDate)), i;
   });
@@ -608,8 +608,8 @@ const J5 = [
   "description"
 ];
 function UM(e) {
-  const n = k(""), a = k([]);
-  return t1(
+  const n = B(""), a = B([]);
+  return n1(
     [e, n],
     () => {
       if (n.value) {
@@ -629,10 +629,10 @@ function UM(e) {
   };
 }
 function p2(e, n = (a) => a) {
-  const a = k(e), l = (c = "asc") => {
+  const a = B(e), l = (c = "asc") => {
     const u = a.value.slice().sort((d, C) => n(d) < n(C) ? -1 : 1);
     c === "desc" && u.reverse(), a.value = u;
-  }, s = k("none");
+  }, s = B("none");
   return {
     sortOrder: s,
     sortToggle: () => {
@@ -641,7 +641,7 @@ function p2(e, n = (a) => a) {
   };
 }
 function zM(e) {
-  const { sortToggle: n, sortOrder: a } = p2(e, (h) => h.index), { sortToggle: l, sortOrder: s } = p2(e, (h) => h.title), { sortToggle: i, sortOrder: c } = p2(e, (h) => h.creation_date), u = k("");
+  const { sortToggle: n, sortOrder: a } = p2(e, (h) => h.index), { sortToggle: l, sortOrder: s } = p2(e, (h) => h.title), { sortToggle: i, sortOrder: c } = p2(e, (h) => h.creation_date), u = B("");
   return {
     sortedBy: u,
     sortByIndex: () => {
@@ -1144,7 +1144,7 @@ w5(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), W.render = function(e, n, a, l, s, i) {
-  return r(), o("button", { class: B(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, t3);
+  return r(), o("button", { class: k(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, t3);
 }, W.__scopeId = "data-v-3f903003", W.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const r3 = { "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" }, o3 = { render: function(e, n) {
   return r(), o("path", r3);
@@ -1633,7 +1633,7 @@ Z5(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), j.render = function(e, n, a, l, s, i) {
-  return r(), o("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: B(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, k0);
+  return r(), o("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: k(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, k0);
 }, j.__scopeId = "data-v-1312d4d1", j.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 let i5 = 0;
 var c1 = { 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() {
@@ -1989,7 +1989,7 @@ input:-webkit-autofill {
 .bimdata-input.success .bar::before, .bimdata-input.success .bar::after {
   background-color: var(--color-success);
 }`), c1.render = function(e, n, a, l, s, i) {
-  return r(), o("div", { class: B(["bimdata-input", { error: a.error, success: a.success, disabled: a.disabled, loading: a.loading, "not-empty": !!a.modelValue }]), style: H(i.style) }, [t("input", w1({ ref: "input", id: `bimdata-input-${e.uuid}`, onInput: n[0] || (n[0] = (c) => e.$emit("update:modelValue", c.currentTarget.value)), disabled: a.disabled, value: a.modelValue, onFocus: n[1] || (n[1] = (c) => {
+  return r(), o("div", { class: k(["bimdata-input", { error: a.error, success: a.success, disabled: a.disabled, loading: a.loading, "not-empty": !!a.modelValue }]), style: H(i.style) }, [t("input", w1({ ref: "input", id: `bimdata-input-${e.uuid}`, onInput: n[0] || (n[0] = (c) => e.$emit("update:modelValue", c.currentTarget.value)), disabled: a.disabled, value: a.modelValue, onFocus: n[1] || (n[1] = (c) => {
     c.target.select(), e.$emit("focus", c);
   }), onBlur: n[2] || (n[2] = (c) => e.$emit("blur", c)), onKeypress: n[3] || (n[3] = (c) => e.$emit("keypress", c)), onChange: n[4] || (n[4] = (c) => e.$emit("change", c)), autocomplete: a.autocomplete ? "on" : "off" }, e.$attrs), null, 16, x0), t("div", w0, [_(e.$slots, "inputIcon")]), t("label", { for: `bimdata-input-${e.uuid}` }, b(a.placeholder), 9, Z0), S0, a.error ? (r(), o("span", A0, b(a.errorMessage), 1)) : v("v-if", !0), a.success ? (r(), o("span", T0, b(a.successMessage), 1)) : v("v-if", !0)], 6);
 }, c1.__scopeId = "data-v-5d42d486", c1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
@@ -2435,7 +2435,7 @@ J(`.icon-fill--black {
   stroke: var(--color-white);
 }`), y1.render = function(e, n, a, l, s, i) {
   const c = g("Chevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, F0);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, F0);
 }, y1.__scopeId = "data-v-5e440aca", y1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const P0 = { "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" }, U0 = { render: function(e, n) {
   return r(), o("path", P0);
@@ -2596,7 +2596,7 @@ J(`.icon-fill--black {
   stroke: var(--color-white);
 }`), h2.render = function(e, n, a, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, z0);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, z0);
 }, h2.__scopeId = "data-v-859297ec", h2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const G0 = { 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" }, Y0 = { render: function(e, n) {
   return r(), o("path", G0);
@@ -2757,7 +2757,7 @@ J(`.icon-fill--black {
   stroke: var(--color-white);
 }`), b2.render = function(e, n, a, l, s, i) {
   const c = g("Close");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, W0);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, W0);
 }, b2.__scopeId = "data-v-797f55d8", b2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const X0 = { "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" }, j0 = { render: function(e, n) {
   return r(), o("path", X0);
@@ -2918,7 +2918,7 @@ J(`.icon-fill--black {
   stroke: var(--color-white);
 }`), g2.render = function(e, n, a, l, s, i) {
   const c = g("Search");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, K0);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, K0);
 }, g2.__scopeId = "data-v-0993abf8", g2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
 var O1 = { components: { BIMDataCheckbox: N1, BIMDataIconChevron: y1 }, directives: { clickaway: A5 }, 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(", ");
@@ -3129,7 +3129,7 @@ html[data-v-2c3115dc] {
   padding-left: calc(var(--spacing-unit) * 2);
 }`), O1.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataIconChevron"), u = g("BIMDataCheckbox"), d = i2("clickaway");
-  return X((r(), o("div", { class: B(["bimdata-select", { disabled: a.disabled, active: s.isOpen, "not-empty": a.modelValue.length > 0 }]), style: H({ width: a.width }) }, [t("div", q0, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...C) => i.toggle && i.toggle(...C)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", J0, b(a.label), 1), Q0]), p(n1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(t("ul", e8, [(r(!0), o(R, null, U(a.options, (C, f) => (r(), o("li", { class: B(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: f, onClick: (h) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), o(R, { key: 0 }, [A(b(i.optionLabel(C)), 1)], 64)) : (r(), D(u, { key: 1, modelValue: i.isSelected(C), disabled: i.isDisabled(C), text: i.optionLabel(C) }, null, 8, ["modelValue", "disabled", "text"]))], 10, n8))), 128))], 512), [[q, !a.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
+  return X((r(), o("div", { class: k(["bimdata-select", { disabled: a.disabled, active: s.isOpen, "not-empty": a.modelValue.length > 0 }]), style: H({ width: a.width }) }, [t("div", q0, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...C) => i.toggle && i.toggle(...C)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", J0, b(a.label), 1), Q0]), p(t1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(t("ul", e8, [(r(!0), o(R, null, U(a.options, (C, f) => (r(), o("li", { class: k(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: f, onClick: (h) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), o(R, { key: 0 }, [A(b(i.optionLabel(C)), 1)], 64)) : (r(), D(u, { key: 1, modelValue: i.isSelected(C), disabled: i.isDisabled(C), text: i.optionLabel(C) }, null, 8, ["modelValue", "disabled", "text"]))], 10, n8))), 128))], 512), [[q, !a.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
 }, O1.__scopeId = "data-v-2c3115dc", O1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
 var R1 = { components: { BIMDataIconChevron: y1 }, directives: { clickaway: A5 }, 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);
@@ -3334,7 +3334,7 @@ html[data-v-41a0d93f] {
   padding-left: calc(var(--spacing-unit) * 2);
 }`), R1.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataIconChevron"), u = i2("clickaway");
-  return X((r(), o("div", { class: B(["bimdata-select", { disabled: a.disabled, active: s.isOpen, "not-empty": a.modelValue !== void 0 && a.modelValue !== null }]), style: H({ width: a.width }) }, [t("div", t8, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...d) => i.toggle && i.toggle(...d)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", r8, b(a.label), 1), o8]), p(n1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(t("ul", a8, [a.nullValue ? (r(), o("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, b(a.nullLabel || "None"), 1)) : v("v-if", !0), (r(!0), o(R, null, U(a.options, (d, C) => (r(), o("li", { class: B(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (f) => i.onOptionClick(d) }, b(i.optionLabel(d)), 11, l8))), 128))], 512), [[q, !a.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
+  return X((r(), o("div", { class: k(["bimdata-select", { disabled: a.disabled, active: s.isOpen, "not-empty": a.modelValue !== void 0 && a.modelValue !== null }]), style: H({ width: a.width }) }, [t("div", t8, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...d) => i.toggle && i.toggle(...d)) }, [t("span", null, b(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", r8, b(a.label), 1), o8]), p(t1, { name: "slide-fade-down", persisted: "" }, { default: L(() => [X(t("ul", a8, [a.nullValue ? (r(), o("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, b(a.nullLabel || "None"), 1)) : v("v-if", !0), (r(!0), o(R, null, U(a.options, (d, C) => (r(), o("li", { class: k(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (f) => i.onOptionClick(d) }, b(i.optionLabel(d)), 11, l8))), 128))], 512), [[q, !a.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
 }, R1.__scopeId = "data-v-41a0d93f", R1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
 var l2 = { components: { BIMDataSelectMulti: O1, BIMDataSelectSingle: R1 }, 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";
@@ -3342,7 +3342,7 @@ var l2 = { components: { BIMDataSelectMulti: O1, BIMDataSelectSingle: R1 }, mode
 l2.render = function(e, n, a, l, s, i) {
   return r(), D(u1(i.selectorComponent), w1(e.$props, { modelValue: a.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
 }, l2.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
-const P = (e, n) => {
+const F = (e, n) => {
   const a = e.__vccOpts || e;
   for (const [l, s] of n)
     a[l] = s;
@@ -3368,27 +3368,27 @@ const i8 = {
   },
   emits: ["submit"],
   setup(e, { emit: n }) {
-    const a = k(!1), l = () => a.value = !1, s = () => a.value = !a.value, i = k(null), { filters: c, filteredTopics: u, reset: d } = q5(
-      N(() => e.topics)
-    ), C = N(
+    const a = B(!1), l = () => a.value = !1, s = () => a.value = !a.value, i = B(null), { filters: c, filteredTopics: u, reset: d } = q5(
+      O(() => e.topics)
+    ), C = O(
       () => M1(e.topics.map((w) => w.priority))
-    ), f = N(
+    ), f = O(
       () => M1(e.topics.map((w) => w.topic_status))
-    ), h = N(
+    ), h = O(
       () => M1(e.topics.map((w) => w.assigned_to))
-    ), I = N(
+    ), m = O(
       () => M1(e.topics.map((w) => w.creation_author))
-    ), M = N(
+    ), I = O(
       () => M1(e.topics.flatMap((w) => w.labels))
     );
     return {
-      creatorOptions: I,
+      creatorOptions: m,
       filters: c,
       toDate: i,
       isOpen: a,
       priorityOptions: C,
       statusOptions: f,
-      labelOptions: M,
+      labelOptions: I,
       userOptions: h,
       close: l,
       resetFilters: () => {
@@ -3431,7 +3431,7 @@ function h8(e, n, a, l, s, i) {
       ]),
       _: 1
     }, 8, ["disabled", "onClick"]),
-    p(n1, { name: "slide-fade-up" }, {
+    p(t1, { name: "slide-fade-up" }, {
       default: L(() => [
         X(t("div", c8, [
           t("div", d8, [
@@ -3555,7 +3555,7 @@ function h8(e, n, a, l, s, i) {
     [f, l.close]
   ]);
 }
-const b8 = /* @__PURE__ */ P(i8, [["render", h8], ["__scopeId", "data-v-ce31a6b2"]]), W2 = 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" }), g8 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
+const b8 = /* @__PURE__ */ F(i8, [["render", h8], ["__scopeId", "data-v-ce31a6b2"]]), W2 = 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" }), g8 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
 Object.entries(W2).filter(([e]) => !g8.includes(e));
 var f8 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), E1 = { props: { text: { type: String } } };
 const L8 = { class: "bimdata-card__brand" }, v8 = { class: "bimdata-card__brand--left" }, m8 = { key: 0 };
@@ -3895,7 +3895,7 @@ S1(`.bimdata-card {
           filter: saturate(0.8);
 }`), F1.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataCardBand");
-  return r(), o("div", { class: B(["bimdata-card", i.classes]), style: H({ "min-width": a.width, "border-radius": a.borderRadius }) }, [a.titleHeader || e.$slots.headerIcons ? (r(), D(c, { key: 0, text: a.titleHeader, class: "bimdata-card__header" }, { right: L(() => [_(e.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.left || a.submenuText || e.$slots.right ? (r(), D(c, { key: 1, class: "bimdata-card__submenu", text: a.submenuText }, { left: L(() => [_(e.$slots, "left")]), right: L(() => [_(e.$slots, "right")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.content ? (r(), o("div", M8, [_(e.$slots, "content")])) : v("v-if", !0), e.$slots.footer ? (r(), o("footer", I8, [_(e.$slots, "footer")])) : v("v-if", !0)], 6);
+  return r(), o("div", { class: k(["bimdata-card", i.classes]), style: H({ "min-width": a.width, "border-radius": a.borderRadius }) }, [a.titleHeader || e.$slots.headerIcons ? (r(), D(c, { key: 0, text: a.titleHeader, class: "bimdata-card__header" }, { right: L(() => [_(e.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.left || a.submenuText || e.$slots.right ? (r(), D(c, { key: 1, class: "bimdata-card__submenu", text: a.submenuText }, { left: L(() => [_(e.$slots, "left")]), right: L(() => [_(e.$slots, "right")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.content ? (r(), o("div", M8, [_(e.$slots, "content")])) : v("v-if", !0), e.$slots.footer ? (r(), o("footer", I8, [_(e.$slots, "footer")])) : v("v-if", !0)], 6);
 }, F1.__scopeId = "data-v-5c84207f", F1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
 const _8 = Object.entries(W2).reduce((e, n, a) => (a % 5 == 0 ? e.push([n]) : e[e.length - 1].push(n), e), []);
 var P1 = { components: { BIMDataCard: F1 }, props: { modelValue: { type: String, default: null, validator: (e) => Object.values(W2).includes(e) } }, emits: ["update:modelValue"], data: () => ({ colorLines: _8 }) };
@@ -3916,7 +3916,7 @@ S1(`.color-selector__line[data-v-dd521886] {
   border: solid 2px var(--color-primary);
 }`), P1.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataCard");
-  return r(), D(c, { class: "color-selector" }, { content: L(() => [(r(!0), o(R, null, U(s.colorLines, (u, d) => (r(), o("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), o(R, null, U(u, ([C, f], h) => (r(), o("div", { class: B(["color-selector__line__element", { selected: f === a.modelValue }]), key: `colorElement${h}ofColorLine${d}`, style: H(`background-color: #${f}`), title: C, onClick: (I) => e.$emit("update:modelValue", f) }, null, 14, y8))), 128))]))), 128))]), _: 1 });
+  return r(), D(c, { class: "color-selector" }, { content: L(() => [(r(!0), o(R, null, U(s.colorLines, (u, d) => (r(), o("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), o(R, null, U(u, ([C, f], h) => (r(), o("div", { class: k(["color-selector__line__element", { selected: f === a.modelValue }]), key: `colorElement${h}ofColorLine${d}`, style: H(`background-color: #${f}`), title: C, onClick: (m) => e.$emit("update:modelValue", f) }, null, 14, y8))), 128))]))), 128))]), _: 1 });
 }, P1.__scopeId = "data-v-dd521886", P1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
 const H8 = {
   components: {
@@ -3938,10 +3938,10 @@ const H8 = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const a = k(!1), l = k(!1), s = k(!1), i = k(
+    const a = B(!1), l = B(!1), s = B(!1), i = B(
       e.extension[g1(e.extensionType)]
-    ), c = k(e.extension.color), u = k(null);
-    return t1(
+    ), c = B(e.extension.color), u = B(null);
+    return n1(
       a,
       () => setTimeout(() => a.value && u.value.focus(), 50)
     ), {
@@ -4075,7 +4075,7 @@ function w8(e, n, a, l, s, i) {
     ])) : v("", !0)
   ]);
 }
-const Z8 = /* @__PURE__ */ P(H8, [["render", w8], ["__scopeId", "data-v-b97a5399"]]);
+const Z8 = /* @__PURE__ */ F(H8, [["render", w8], ["__scopeId", "data-v-b97a5399"]]);
 const S8 = {
   components: {
     BIMDataButton: W,
@@ -4099,9 +4099,9 @@ const S8 = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const a = N(
+    const a = O(
       () => k5(e.extensionType, e.detailedExtensions)
-    ), l = k(null), s = k(""), i = k(!1), c = () => i.value = !1, u = () => i.value = !i.value, d = k(!1), C = () => {
+    ), l = B(null), s = B(""), i = B(!1), c = () => i.value = !1, u = () => i.value = !i.value, d = B(!1), C = () => {
       s.value = "", d.value = !1;
     };
     return {
@@ -4165,7 +4165,7 @@ function P8(e, n, a, l, s, i) {
           _: 1
         }, 8, ["onClick"])
       ]),
-      p(n1, { name: "slide-fade-up" }, {
+      p(t1, { name: "slide-fade-up" }, {
         default: L(() => [
           X(t("div", R8, [
             p(d, {
@@ -4218,7 +4218,7 @@ function P8(e, n, a, l, s, i) {
     ])
   ]);
 }
-const U8 = /* @__PURE__ */ P(S8, [["render", P8], ["__scopeId", "data-v-3ea16e8c"]]);
+const U8 = /* @__PURE__ */ F(S8, [["render", P8], ["__scopeId", "data-v-3ea16e8c"]]);
 const z8 = {
   components: {
     BIMDataButton: W,
@@ -4330,7 +4330,7 @@ function K8(e, n, a, l, s, i) {
     ])
   ]);
 }
-const q8 = /* @__PURE__ */ P(z8, [["render", K8], ["__scopeId", "data-v-9e0003a6"]]);
+const q8 = /* @__PURE__ */ F(z8, [["render", K8], ["__scopeId", "data-v-9e0003a6"]]);
 var J8 = 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: (e) => J8.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
@@ -4807,7 +4807,7 @@ z(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), H1.render = function(e, n, a, l, s, i) {
-  return r(), o("button", { class: B(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, Q8);
+  return r(), o("button", { class: k(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, Q8);
 }, H1.__scopeId = "data-v-3f903003", H1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const ee = { "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" }, ne = { render: function(e, n) {
   return r(), o("path", ee);
@@ -4977,7 +4977,7 @@ z(`.icon-fill--black {
   stroke: var(--color-white);
 }`), U1.render = function(e, n, a, l, s, i) {
   const c = g("Chevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, re);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, re);
 }, U1.__scopeId = "data-v-5e440aca", U1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const oe = { "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" }, ae = { render: function(e, n) {
   return r(), o("path", oe);
@@ -5138,7 +5138,7 @@ z(`.icon-fill--black {
   stroke: var(--color-white);
 }`), z1.render = function(e, n, a, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, le);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, le);
 }, z1.__scopeId = "data-v-859297ec", z1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const ie = { 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" }, se = { render: function(e, n) {
   return r(), o("path", ie);
@@ -5299,7 +5299,7 @@ z(`.icon-fill--black {
   stroke: var(--color-white);
 }`), f2.render = function(e, n, a, l, s, i) {
   const c = g("Close");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, ce);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, ce);
 }, f2.__scopeId = "data-v-797f55d8", f2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const de = { "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" }, ue = { render: function(e, n) {
   return r(), o("path", de);
@@ -5460,7 +5460,7 @@ z(`.icon-fill--black {
   stroke: var(--color-white);
 }`), L2.render = function(e, n, a, l, s, i) {
   const c = g("Search");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, Ce);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, Ce);
 }, L2.__scopeId = "data-v-0993abf8", L2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
 var G1 = { components: { BIMDataIconChevron: U1, BIMDataIconDoubleChevron: z1, 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"] };
 const pe = { class: "bimdata-navigation__left m-r-6" }, he = { key: 0, class: "bimdata-navigation__item" }, be = { key: 1, class: "bimdata-navigation__item" }, ge = { key: 2, class: "bimdata-navigation__item" }, fe = { key: 3, class: "bimdata-navigation__item" }, Le = { class: "bimdata-navigation__right" };
@@ -5571,7 +5571,7 @@ z(`.bimdata-navigation[data-v-aa907072] {
   cursor: default;
 }`), G1.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataIconDoubleChevron"), u = g("BIMDataButton"), d = g("BIMDataIconChevron");
-  return r(), o("ul", { class: "bimdata-list bimdata-navigation", style: H({ "background-color": a.backgroundColor }) }, [t("li", pe, [_(e.$slots, "left")]), a.first ? (r(), o("li", he, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: a.firstDisabled, ghost: "", class: B({ disabled: a.firstDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), a.previous ? (r(), o("li", be, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: a.previousDisabled, ghost: "", class: B({ disabled: a.previousDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", null, [_(e.$slots, "default")]), a.next ? (r(), o("li", ge, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: a.nextDisabled, ghost: "", class: B({ disabled: a.nextDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), a.last ? (r(), o("li", fe, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: a.lastDisabled, ghost: "", class: B({ disabled: a.lastDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", Le, [_(e.$slots, "right")])], 4);
+  return r(), o("ul", { class: "bimdata-list bimdata-navigation", style: H({ "background-color": a.backgroundColor }) }, [t("li", pe, [_(e.$slots, "left")]), a.first ? (r(), o("li", he, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: a.firstDisabled, ghost: "", class: k({ disabled: a.firstDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), a.previous ? (r(), o("li", be, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: a.previousDisabled, ghost: "", class: k({ disabled: a.previousDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", null, [_(e.$slots, "default")]), a.next ? (r(), o("li", ge, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: a.nextDisabled, ghost: "", class: k({ disabled: a.nextDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), a.last ? (r(), o("li", fe, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: a.lastDisabled, ghost: "", class: k({ disabled: a.lastDisabled }), width: "21px", height: "21px" }, { default: L(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", Le, [_(e.$slots, "right")])], 4);
 }, G1.__scopeId = "data-v-aa907072", G1.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
 var Y1 = { components: { BIMDataNavigation: G1, 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: (e) => e > 0 } }, emits: ["pagechanged"], computed: { firstIndex() {
   return this.perPage * (this.currentPage - 1) + 1;
@@ -6030,7 +6030,7 @@ const ke = {
   },
   setup(e) {
     return {
-      chartData: N(() => {
+      chartData: O(() => {
         if (e.topics.length === 0)
           return [];
         const a = g1(e.extensionType), l = k5(e.extensionType, e.detailedExtensions);
@@ -6088,7 +6088,7 @@ function Oe(e, n, a, l, s, i) {
     ])
   ]);
 }
-const Re = /* @__PURE__ */ P(ke, [["render", Oe], ["__scopeId", "data-v-8495436b"]]);
+const Re = /* @__PURE__ */ F(ke, [["render", Oe], ["__scopeId", "data-v-8495436b"]]);
 var o1 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (e) => ["start", "middle", "end"].includes(e) }, tooltip: { type: Boolean, default: !0 }, tooltipPosition: { type: String, default: "bottom", validator: (e) => ["top", "right", "bottom", "left"].includes(e) }, tooltipColor: { type: String, default: "primary", validator: (e) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(e) } }, data: () => ({ showTooltip: !1, isOverflowing: !1, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -6297,7 +6297,7 @@ html[data-v-330fe2fd] {
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
 }`), o1.render = function(e, n, a, l, s, i) {
-  return r(), o("div", { ref: "textBox", class: "bimdata-textbox", style: H({ width: a.width, minWidth: a.minWidth, maxWidth: a.maxWidth }), onMouseenter: n[0] || (n[0] = (c) => s.showTooltip = !0), onMouseleave: n[1] || (n[1] = (c) => s.showTooltip = !1) }, [t("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: H({ width: s.textTail ? "50%" : "100%", direction: a.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, b(s.textHead), 1)], 4), X(t("span", Ee, [t("bdi", null, b(s.textTail), 1)], 512), [[q, s.textTail]]), a.tooltip && s.isOverflowing ? X((r(), o("div", { key: 0, class: B(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${a.tooltipPosition}`, `bimdata-textbox__tooltip--${a.tooltipColor}`]]) }, b(a.text), 3)), [[q, s.showTooltip]]) : v("v-if", !0)], 36);
+  return r(), o("div", { ref: "textBox", class: "bimdata-textbox", style: H({ width: a.width, minWidth: a.minWidth, maxWidth: a.maxWidth }), onMouseenter: n[0] || (n[0] = (c) => s.showTooltip = !0), onMouseleave: n[1] || (n[1] = (c) => s.showTooltip = !1) }, [t("span", { ref: "textHead", class: "bimdata-textbox__text--head", style: H({ width: s.textTail ? "50%" : "100%", direction: a.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, b(s.textHead), 1)], 4), X(t("span", Ee, [t("bdi", null, b(s.textTail), 1)], 512), [[q, s.textTail]]), a.tooltip && s.isOverflowing ? X((r(), o("div", { key: 0, class: k(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${a.tooltipPosition}`, `bimdata-textbox__tooltip--${a.tooltipColor}`]]) }, b(a.text), 3)), [[q, s.showTooltip]]) : v("v-if", !0)], 36);
 }, o1.__scopeId = "data-v-330fe2fd", o1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 const Fe = {}, Pe = {
   width: "84",
@@ -6311,7 +6311,7 @@ const Fe = {}, Pe = {
 function Ge(e, n) {
   return r(), o("svg", Pe, ze);
 }
-const X2 = /* @__PURE__ */ P(Fe, [["render", Ge]]);
+const X2 = /* @__PURE__ */ F(Fe, [["render", Ge]]);
 const Ye = {
   components: {
     BcfTopicDefaultImage: X2,
@@ -6339,7 +6339,7 @@ const Ye = {
   },
   emits: ["open-topic", "update:selected"],
   setup(e) {
-    const n = k(!1), a = N(() => v1(e.topic, e.detailedExtensions)), l = N(() => Y2(e.topic, e.detailedExtensions)), s = N(() => e.topic.viewpoints.filter((c) => Boolean(c.snapshot))), i = N(() => {
+    const n = B(!1), a = O(() => v1(e.topic, e.detailedExtensions)), l = O(() => Y2(e.topic, e.detailedExtensions)), s = O(() => e.topic.viewpoints.filter((c) => Boolean(c.snapshot))), i = O(() => {
       var u, d;
       const c = (d = (u = e.topic.viewpoints) == null ? void 0 : u[0]) == null ? void 0 : d.components;
       return (c == null ? void 0 : c.selection) || [];
@@ -6360,7 +6360,7 @@ const Ye = {
 function ln(e, n, a, l, s, i) {
   const c = g("BIMDataTextbox"), u = g("BIMDataCheckbox"), d = g("BIMDataIcon"), C = g("BcfTopicDefaultImage"), f = g("BIMDataButton");
   return r(), o("div", {
-    class: B(["bcf-topic-card", { selected: a.selected }]),
+    class: k(["bcf-topic-card", { selected: a.selected }]),
     onMouseover: n[2] || (n[2] = (h) => l.hover = !0),
     onMouseleave: n[3] || (n[3] = (h) => l.hover = !1)
   }, [
@@ -6454,7 +6454,7 @@ function ln(e, n, a, l, s, i) {
     ])
   ], 34);
 }
-const sn = /* @__PURE__ */ P(Ye, [["render", ln], ["__scopeId", "data-v-82aaccfe"]]), cn = {}, dn = {
+const sn = /* @__PURE__ */ F(Ye, [["render", ln], ["__scopeId", "data-v-82aaccfe"]]), cn = {}, dn = {
   width: "66",
   height: "60",
   viewBox: "0 0 66 60",
@@ -6466,7 +6466,7 @@ const sn = /* @__PURE__ */ P(Ye, [["render", ln], ["__scopeId", "data-v-82aaccfe
 function pn(e, n) {
   return r(), o("svg", dn, Cn);
 }
-const hn = /* @__PURE__ */ P(cn, [["render", pn]]);
+const hn = /* @__PURE__ */ F(cn, [["render", pn]]);
 const bn = {
   components: {
     BcfTopicCreationCardImage: hn,
@@ -6501,7 +6501,7 @@ function Ln(e, n, a, l, s, i) {
     })
   ]);
 }
-const vn = /* @__PURE__ */ P(bn, [["render", Ln], ["__scopeId", "data-v-af2c3cbc"]]);
+const vn = /* @__PURE__ */ F(bn, [["render", Ln], ["__scopeId", "data-v-af2c3cbc"]]);
 class C1 {
   constructor(n, a, l, s, i = !1, c = !1, u = "") {
     this.language = n, this.months = a, this.monthsAbbr = l, this.days = s, this.rtl = i, this.ymd = c, this.yearSuffix = u;
@@ -7039,7 +7039,7 @@ m1(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), f1.render = function(e, n, a, l, s, i) {
-  return r(), o("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: B(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, Ql);
+  return r(), o("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: k(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, Ql);
 }, f1.__scopeId = "data-v-1312d4d1", f1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 var ei = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), V1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => ei.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
@@ -7509,7 +7509,7 @@ m1(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), V1.render = function(e, n, a, l, s, i) {
-  return r(), o("button", { class: B(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, ni);
+  return r(), o("button", { class: k(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, ni);
 }, V1.__scopeId = "data-v-3f903003", V1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const ti = { useUtc: !1, getFullYear(e) {
   return this.useUtc ? e.getUTCFullYear() : e.getFullYear();
@@ -7593,25 +7593,25 @@ const ti = { useUtc: !1, getFullYear(e) {
       return d(c);
     }(e, n, l);
   const s = (({ dateStr: c, formatStr: u, translation: d, time: C }) => {
-    const f = u.match(/-|\/|\s|\./) || ["-"], h = u.split(f[0]), I = c.split(f[0]), M = [new Date().getFullYear().toString(), "01", "01"];
-    for (let m = 0; m < h.length; m += 1)
-      if (/yyyy/i.test(h[m]))
-        M[0] = I[m];
-      else if (/mmmm/i.test(h[m]))
-        M[1] = d.getMonthByName(I[m]);
-      else if (/mmm/i.test(h[m]))
-        M[1] = d.getMonthByAbbrName(I[m]);
-      else if (/mm/i.test(h[m]))
-        M[1] = I[m];
-      else if (/m/i.test(h[m]))
-        M[1] = I[m];
-      else if (/dd/i.test(h[m]))
-        M[2] = I[m];
-      else if (/d/i.test(h[m])) {
-        const y = I[m].replace(/st|rd|nd|th/g, "");
-        M[2] = y < 10 ? `0${y}` : `${y}`;
+    const f = u.match(/-|\/|\s|\./) || ["-"], h = u.split(f[0]), m = c.split(f[0]), I = [new Date().getFullYear().toString(), "01", "01"];
+    for (let M = 0; M < h.length; M += 1)
+      if (/yyyy/i.test(h[M]))
+        I[0] = m[M];
+      else if (/mmmm/i.test(h[M]))
+        I[1] = d.getMonthByName(m[M]);
+      else if (/mmm/i.test(h[M]))
+        I[1] = d.getMonthByAbbrName(m[M]);
+      else if (/mm/i.test(h[M]))
+        I[1] = m[M];
+      else if (/m/i.test(h[M]))
+        I[1] = m[M];
+      else if (/dd/i.test(h[M]))
+        I[2] = m[M];
+      else if (/d/i.test(h[M])) {
+        const y = m[M].replace(/st|rd|nd|th/g, "");
+        I[2] = y < 10 ? `0${y}` : `${y}`;
       }
-    return `${M.join("-")}${C}`;
+    return `${I.join("-")}${C}`;
   })({ dateStr: e, formatStr: n, translation: a, time: this.getTime() }), i = Date.parse(s);
   return Number.isNaN(i) ? e : new Date(i);
 }, getTime() {
@@ -7693,7 +7693,7 @@ var u2 = (e) => ({ ...ti, useUtc: e }), j2 = { props: { autofocus: { type: Boole
 const ri = ["disabled"], oi = { key: 0 }, ai = ["for"], li = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 S2.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), o("div", { class: B({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), o("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: B(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), o("span", oi, "\u2026"))], 2)])])], 40, ri)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ai), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: B([i.computedInputClass, { required: a.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: a.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = x((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = x((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = x(Z((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(Z((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(Z((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = x((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = x((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = x((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, li), v(" Clear Button "), e.clearButton && a.selectedDate ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: L(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : v("v-if", !0), _(e.$slots, "afterDateInput")], 2);
+  return r(), o("div", { class: k({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), o("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: k(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), o("span", oi, "\u2026"))], 2)])])], 40, ri)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ai), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: k([i.computedInputClass, { required: a.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: a.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = x((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = x((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = x(Z((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(Z((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(Z((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = x((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = x((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = x((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, li), v(" Clear Button "), e.clearButton && a.selectedDate ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: L(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : v("v-if", !0), _(e.$slots, "afterDateInput")], 2);
 }, S2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInput.vue";
 var A2 = { name: "DateInput", components: { BIMDataIcon: f1, BIMDataButton: V1 }, mixins: [j2], props: { isOpen: { type: Boolean, default: !1 }, selectedDates: { type: Array, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
   return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, utils: u2(this.useUtc) };
@@ -7758,7 +7758,7 @@ var A2 = { name: "DateInput", components: { BIMDataIcon: f1, BIMDataButton: V1 }
 const ii = ["disabled"], si = { key: 0 }, ci = ["for"], di = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 A2.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), o("div", { class: B({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), o("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: B(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), o("span", si, "\u2026"))], 2)])])], 40, ii)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ci), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: B([i.computedInputClass, { required: a.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: a.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = x((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = x((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = x(Z((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(Z((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(Z((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = x((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = x((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = x((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, di), v(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: L(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : v("v-if", !0), _(e.$slots, "afterDateInput")], 2);
+  return r(), o("div", { class: k({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), o("button", { key: 0, ref: "calendarButton", class: "bimdata-datepicker__calendar-button", disabled: e.disabled, type: "button", onClick: n[0] || (n[0] = (d) => i.toggle("calendarButton")), onFocus: n[1] || (n[1] = (...d) => i.handleButtonFocus && i.handleButtonFocus(...d)) }, [t("span", null, [_(e.$slots, "calendarBtn", {}, () => [t("i", { class: k(e.calendarButtonIcon) }, [A(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), o("span", si, "\u2026"))], 2)])])], 40, ii)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, ci), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: k([i.computedInputClass, { required: a.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: a.required, tabIndex: e.tabIndex, type: e.inline ? "hidden" : null, value: i.formattedValue, onBlur: n[2] || (n[2] = (...d) => i.handleInputBlur && i.handleInputBlur(...d)), onClick: n[3] || (n[3] = (...d) => i.handleInputClick && i.handleInputClick(...d)), onFocus: n[4] || (n[4] = (...d) => i.handleInputFocus && i.handleInputFocus(...d)), onKeydown: [n[5] || (n[5] = x((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = x((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = x(Z((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(Z((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(Z((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = x((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = x((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = x((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, di), v(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: L(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : v("v-if", !0), _(e.$slots, "afterDateInput")], 2);
 }, A2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInputRange.vue";
 const ui = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isDefined(e, n) {
   return this.configExists(e) && e[n] !== void 0;
@@ -8123,7 +8123,7 @@ var k1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, s
 } } };
 const fi = { class: "picker-cells" }, Li = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
 k1.render = function(e, n, a, l, s, i) {
-  return r(), o("div", fi, [(r(!0), o(R, null, U(a.cells, (c, u) => (r(), o("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: B(i.cellClasses(c)), id: u, dataTestTabbableCell: i.isTabbableCell(c, u), dataTestOpenDate: c.isOpenDate, dataTestTodayCell: c.isToday, disabled: c.isDisabled, type: "button", onClick: (d) => e.$emit("select", c), onKeydown: [x(Z((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), x(Z((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), x(Z((d) => i.handleArrow(u), ["prevent"]), ["left"]), x(Z((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [_(e.$slots, "default", { cell: c })], 42, Li))), 128))]);
+  return r(), o("div", fi, [(r(!0), o(R, null, U(a.cells, (c, u) => (r(), o("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: k(i.cellClasses(c)), id: u, dataTestTabbableCell: i.isTabbableCell(c, u), dataTestOpenDate: c.isOpenDate, dataTestTodayCell: c.isToday, disabled: c.isDisabled, type: "button", onClick: (d) => e.$emit("select", c), onKeydown: [x(Z((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), x(Z((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), x(Z((d) => i.handleArrow(u), ["prevent"]), ["left"]), x(Z((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [_(e.$slots, "default", { cell: c })], 42, Li))), 128))]);
 }, k1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
 var x1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
 const vi = ["disabled"];
@@ -8191,7 +8191,7 @@ var N2 = { name: "PickerDay", components: { PickerCells: k1, UpButton: x1 }, mix
 const mi = { key: 0 }, Mi = { class: "day-header" }, Ii = { class: "cells-wrapper" }, _i = { key: 2 };
 N2.render = function(e, n, a, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), o("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), o("div", mi, [_(e.$slots, "beforeCalendarHeaderDay")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, view: "day", onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "month")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: L(() => [A(b(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", null, [t("div", Mi, [(r(!0), o(R, null, U(i.daysOfWeek, (C) => (r(), o("span", { key: C }, b(C), 1))), 128))]), t("div", Ii, [p(n1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: a.showEdgeDates, tabbableCellId: e.tabbableCellId, view: "day", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)), onHover: n[6] || (n[6] = (C) => i.hover(C)) }, { default: L(({ cell: C }) => [_(e.$slots, "dayCellContent", { cell: C }, () => [A(b(a.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), o("div", _i, [_(e.$slots, "calendarFooterDay")])) : v("v-if", !0)]);
+  return r(), o("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), o("div", mi, [_(e.$slots, "beforeCalendarHeaderDay")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, view: "day", onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "month")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: L(() => [A(b(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", null, [t("div", Mi, [(r(!0), o(R, null, U(i.daysOfWeek, (C) => (r(), o("span", { key: C }, b(C), 1))), 128))]), t("div", Ii, [p(t1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: a.showEdgeDates, tabbableCellId: e.tabbableCellId, view: "day", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)), onHover: n[6] || (n[6] = (C) => i.hover(C)) }, { default: L(({ cell: C }) => [_(e.$slots, "dayCellContent", { cell: C }, () => [A(b(a.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), o("div", _i, [_(e.$slots, "calendarFooterDay")])) : v("v-if", !0)]);
 }, N2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerDay.vue";
 var O2 = { name: "PickerMonth", components: { PickerCells: k1, UpButton: x1 }, mixins: [K2], computed: { cells() {
   const e = this.pageDate, n = [], a = this.useUtc ? new Date(Date.UTC(e.getUTCFullYear(), 0, e.getUTCDate())) : new Date(e.getFullYear(), 0, e.getDate(), e.getHours(), e.getMinutes()), l = new Date(this.utils.setDate(this.utils.getNewDateObject(), 1));
@@ -8219,7 +8219,7 @@ var O2 = { name: "PickerMonth", components: { PickerCells: k1, UpButton: x1 }, m
 const yi = { key: 0 }, Hi = { class: "cells-wrapper" }, Vi = { key: 2 };
 O2.render = function(e, n, a, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), o("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), o("div", yi, [_(e.$slots, "beforeCalendarHeaderMonth")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "year")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: L(() => [A(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", Hi, [p(n1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleMonth, cells: i.cells, tabbableCellId: e.tabbableCellId, view: "month", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)) }, { default: L(({ cell: C }) => [A(b(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), o("div", Vi, [_(e.$slots, "calendarFooterMonth")])) : v("v-if", !0)]);
+  return r(), o("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), o("div", yi, [_(e.$slots, "beforeCalendarHeaderMonth")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", isNextDisabled: i.isNextDisabled, isPreviousDisabled: i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[2] || (n[2] = (C) => e.changePage(C)), onSetFocus: n[3] || (n[3] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", isDisabled: e.isUpDisabled, onFocusInput: e.focusInput, onSelect: n[0] || (n[0] = (C) => e.$emit("set-view", "year")), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { default: L(() => [A(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", Hi, [p(t1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleMonth, cells: i.cells, tabbableCellId: e.tabbableCellId, view: "month", onArrow: n[4] || (n[4] = (C) => e.handleArrow(C)), onSelect: n[5] || (n[5] = (C) => e.select(C)) }, { default: L(({ cell: C }) => [A(b(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), o("div", Vi, [_(e.$slots, "calendarFooterMonth")])) : v("v-if", !0)]);
 }, O2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerMonth.vue";
 var R2 = { name: "PickerYear", components: { PickerCells: k1, UpButton: x1 }, mixins: [K2], props: { yearRange: { type: Number, default: 12 } }, computed: { cells() {
   const e = this.pageDate, n = [], a = this.useUtc ? Math.floor(e.getUTCFullYear() / this.yearRange) * this.yearRange : Math.floor(e.getFullYear() / this.yearRange) * this.yearRange, l = this.useUtc ? new Date(Date.UTC(a, e.getUTCMonth(), e.getUTCDate())) : new Date(a, e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()), s = this.utils.getFullYear(this.utils.getNewDateObject());
@@ -8251,7 +8251,7 @@ var R2 = { name: "PickerYear", components: { PickerCells: k1, UpButton: x1 }, mi
 const Di = { key: 0 }, Bi = { class: "cells-wrapper" }, ki = { key: 2 };
 R2.render = function(e, n, a, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), o("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), o("div", Di, [_(e.$slots, "beforeCalendarHeaderYear")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", "is-next-disabled": i.isNextDisabled, "is-previous-disabled": i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[0] || (n[0] = (C) => e.changePage(C)), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: L(() => [A(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : v("v-if", !0), t("div", Bi, [p(n1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleYear, cells: i.cells, "tabbable-cell-id": e.tabbableCellId, view: "year", onArrow: n[2] || (n[2] = (C) => e.handleArrow(C)), onSelect: n[3] || (n[3] = (C) => e.select(C)) }, { default: L(({ cell: C }) => [A(b(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), o("div", ki, [_(e.$slots, "calendarFooterYear")])) : v("v-if", !0)]);
+  return r(), o("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), o("div", Di, [_(e.$slots, "beforeCalendarHeaderYear")])) : v("v-if", !0), e.showHeader ? (r(), D(u, { key: 1, ref: "pickerHeader", "is-next-disabled": i.isNextDisabled, "is-previous-disabled": i.isPreviousDisabled, onFocusInput: e.focusInput, onPageChange: n[0] || (n[0] = (C) => e.changePage(C)), onSetFocus: n[1] || (n[1] = (C) => e.$emit("set-focus", C)) }, { prevIntervalBtn: L(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: L(() => [_(e.$slots, "nextIntervalBtn")]), default: L(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: L(() => [A(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : v("v-if", !0), t("div", Bi, [p(t1, { name: e.transitionName }, { default: L(() => [(r(), D(d, { ref: "cells", key: i.pageTitleYear, cells: i.cells, "tabbable-cell-id": e.tabbableCellId, view: "year", onArrow: n[2] || (n[2] = (C) => e.handleArrow(C)), onSelect: n[3] || (n[3] = (C) => e.select(C)) }, { default: L(({ cell: C }) => [A(b(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), o("div", ki, [_(e.$slots, "calendarFooterYear")])) : v("v-if", !0)]);
 }, R2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerYear.vue";
 const xi = ["beforeCalendarHeaderDay", "calendarFooterDay", "beforeCalendarHeaderMonth", "calendarFooterMonth", "beforeCalendarHeaderYear", "calendarFooterYear", "nextIntervalBtn", "prevIntervalBtn"];
 var K1 = { components: { DateInput: S2, DateInputRange: A2, PickerDay: N2, PickerMonth: O2, PickerYear: R2 }, mixins: [j2, Ci], model: { prop: "modelValue", event: "update:modelValue" }, props: { autoCloseRange: { type: Boolean, default: !1 }, modelValue: { type: Date }, toDate: { type: Date }, appendToBody: { type: Boolean, default: !1 }, calendarClass: { type: [String, Object, Array], default: "" }, dayCellContent: { type: Function, default: (e) => e.date }, disabledDates: { type: Object, default: () => ({}) }, firstDayOfWeek: { type: String, default: "sun" }, fixedPosition: { type: String, default: "", validator: (e) => ["", "bottom", "bottom-left", "bottom-right", "top", "top-left", "top-right"].includes(e) }, fullMonthName: { type: Boolean, default: !1 }, initialView: { type: String, default: "" }, language: { type: String, default: () => "en", validator: (e) => Object.keys(d5).includes(e) }, maximumView: { type: String, default: "year" }, minimumView: { type: String, default: "day" }, showEdgeDates: { type: Boolean, default: !0 }, showHeader: { type: Boolean, default: !0 }, value: { type: [String, Date, Number], default: "", validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, wrapperClass: { type: [String, Object, Array], default: "" }, yearPickerRange: { type: Number, default: 10 }, width: { type: String, default: "280px" }, isDateRange: { type: Boolean, default: !1 } }, emits: ["update:modelValue", "blur", "focus", "opened", "changed", "input", "selected", "closed", "cleared", "to-date-change"], data() {
@@ -8867,8 +8867,8 @@ m1(`.slide-fade-up-enter-active,
   padding: 0;
 }`), K1.render = function(e, n, a, l, s, i) {
   const c = g("DateInputRange"), u = g("DateInput");
-  return r(), o("div", { id: i.datepickerId, ref: "datepicker", class: B(["bimdata-datepicker", [a.wrapperClass]]), onFocusin: n[10] || (n[10] = (d) => e.handleFocusIn(d)), onFocusout: n[11] || (n[11] = (d) => e.handleFocusOut(d)), onKeydown: n[12] || (n[12] = x((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [a.isDateRange ? (r(), D(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [_(e.$slots, "afterDateInput")]), clearBtn: L(() => [_(e.$slots, "clearBtn")]), calendarBtn: L(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDates", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "useUtc", "onClear", "onClose", "onOpen", "onTab", "style"])) : (r(), D(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [_(e.$slots, "afterDateInput")]), clearBtn: L(() => [_(e.$slots, "clearBtn")]), calendarBtn: L(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDate", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "typeable", "useUtc", "onClearDate", "onClose", "onOpen", "onTab", "style"])), i.isOpen ? (r(), o("div", Zi, [p(n1, { name: "toggle", persisted: "" }, { default: L(() => [X(t("div", { class: B(["bimdata-datepicker__calendar", [i.pickerClasses, a.fixedPosition]]), onMousedown: n[5] || (n[5] = Z(() => {
-  }, ["prevent"])), onFocusin: n[6] || (n[6] = Z((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = Z((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = x(Z((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = x(Z((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(n1, { name: "view" }, { default: L(() => [(r(), o("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), o("div", Si, [_(e.$slots, "beforeCalendarHeader")])) : v("v-if", !0), (r(), D(u1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": a.dayCellContent, disabledDates: a.disabledDates, firstDayOfWeek: a.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: a.isDateRange, showEdgeDates: a.showEdgeDates, fullMonthName: a.fullMonthName, showHeader: a.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: a.yearPickerRange, onPageChange: i.handlePageChange, onSelect: i.handleSelect, onSetFocus: n[2] || (n[2] = (d) => e.setFocus(d)), onSetSkipReviewFocus: n[3] || (n[3] = (d) => e.skipReviewFocus = d), onSetTransitionName: n[4] || (n[4] = (d) => e.setTransitionName(d)), onSetView: i.setView }, m5({ dayCellContent: L(({ cell: d }) => [d ? _(e.$slots, "dayCellContent", { key: 0, cell: d }) : v("v-if", !0)]), _: 2 }, [U(s.calendarSlots, (d) => ({ name: d, fn: L(() => [_(e.$slots, d)]) }))]), 1064, ["day-cell-content", "disabledDates", "firstDayOfWeek", "typeable", "isUpDisabled", "isMinimumView", "openDate", "pageDate", "selectedDate", "selectedToDate", "isDateRange", "showEdgeDates", "fullMonthName", "showHeader", "slideDuration", "tabbableCellId", "transitionName", "translation", "useUtc", "view", "yearPickerRange", "onPageChange", "onSelect", "onSetView"])), e.$slots.calendarFooter ? (r(), o("div", Ai, [_(e.$slots, "calendarFooter")])) : v("v-if", !0)]))]), _: 3 })], 34), [[q, i.isOpen]])]), _: 3 })])) : v("v-if", !0)], 42, wi);
+  return r(), o("div", { id: i.datepickerId, ref: "datepicker", class: k(["bimdata-datepicker", [a.wrapperClass]]), onFocusin: n[10] || (n[10] = (d) => e.handleFocusIn(d)), onFocusout: n[11] || (n[11] = (d) => e.handleFocusOut(d)), onKeydown: n[12] || (n[12] = x((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [a.isDateRange ? (r(), D(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [_(e.$slots, "afterDateInput")]), clearBtn: L(() => [_(e.$slots, "clearBtn")]), calendarBtn: L(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDates", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "useUtc", "onClear", "onClose", "onOpen", "onTab", "style"])) : (r(), D(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [_(e.$slots, "afterDateInput")]), clearBtn: L(() => [_(e.$slots, "clearBtn")]), calendarBtn: L(() => [_(e.$slots, "calendarBtn")]), _: 3 }, 8, ["id", "autofocus", "calendarButton", "calendarButtonIcon", "calendarButtonIconContent", "clearButton", "clearButtonIcon", "disabled", "format", "inline", "inputClass", "isOpen", "maxlength", "name", "parser", "pattern", "placeholder", "refName", "required", "selectedDate", "showCalendarOnButtonClick", "showCalendarOnFocus", "tabIndex", "translation", "typeable", "useUtc", "onClearDate", "onClose", "onOpen", "onTab", "style"])), i.isOpen ? (r(), o("div", Zi, [p(t1, { name: "toggle", persisted: "" }, { default: L(() => [X(t("div", { class: k(["bimdata-datepicker__calendar", [i.pickerClasses, a.fixedPosition]]), onMousedown: n[5] || (n[5] = Z(() => {
+  }, ["prevent"])), onFocusin: n[6] || (n[6] = Z((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = Z((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = x(Z((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = x(Z((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(t1, { name: "view" }, { default: L(() => [(r(), o("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), o("div", Si, [_(e.$slots, "beforeCalendarHeader")])) : v("v-if", !0), (r(), D(u1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": a.dayCellContent, disabledDates: a.disabledDates, firstDayOfWeek: a.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: a.isDateRange, showEdgeDates: a.showEdgeDates, fullMonthName: a.fullMonthName, showHeader: a.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: a.yearPickerRange, onPageChange: i.handlePageChange, onSelect: i.handleSelect, onSetFocus: n[2] || (n[2] = (d) => e.setFocus(d)), onSetSkipReviewFocus: n[3] || (n[3] = (d) => e.skipReviewFocus = d), onSetTransitionName: n[4] || (n[4] = (d) => e.setTransitionName(d)), onSetView: i.setView }, m5({ dayCellContent: L(({ cell: d }) => [d ? _(e.$slots, "dayCellContent", { key: 0, cell: d }) : v("v-if", !0)]), _: 2 }, [U(s.calendarSlots, (d) => ({ name: d, fn: L(() => [_(e.$slots, d)]) }))]), 1064, ["day-cell-content", "disabledDates", "firstDayOfWeek", "typeable", "isUpDisabled", "isMinimumView", "openDate", "pageDate", "selectedDate", "selectedToDate", "isDateRange", "showEdgeDates", "fullMonthName", "showHeader", "slideDuration", "tabbableCellId", "transitionName", "translation", "useUtc", "view", "yearPickerRange", "onPageChange", "onSelect", "onSetView"])), e.$slots.calendarFooter ? (r(), o("div", Ai, [_(e.$slots, "calendarFooter")])) : v("v-if", !0)]))]), _: 3 })], 34), [[q, i.isOpen]])]), _: 3 })])) : v("v-if", !0)], 42, wi);
 }, K1.__scopeId = "data-v-0090dd57", K1.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
 var E2 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (e) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(e) } }, computed: { classes() {
   return `${this.color}`;
@@ -8882,7 +8882,7 @@ var E2 = { props: { component: { type: String, default: "p" }, display: { type:
   return this.lineHeight ? this.lineHeight : this.component === "h1" ? "36px" : this.component === "h2" ? "30px" : this.component === "h3" ? "26px" : this.component === "h4" ? "24px" : this.component === "h5" ? "20px" : "18px";
 } } };
 E2.render = function(e, n, a, l, s, i) {
-  return r(), D(u1(a.component), { style: H(i.style), class: B(i.classes) }, { default: L(() => [_(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
+  return r(), D(u1(a.component), { style: H(i.style), class: k(i.classes) }, { default: L(() => [_(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
 }, E2.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
 var d1 = { components: { BIMDataText: E2 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
 const Ti = { class: "bimdata-loading" }, $i = ((e) => (l1("data-v-6d3be186"), e = e(), i1(), e))(() => t("span", { class: "bimdata-loading--square" }, null, -1));
@@ -9560,7 +9560,7 @@ q2(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), q1.render = function(e, n, a, l, s, i) {
-  return r(), o("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: B(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, cp);
+  return r(), o("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: k(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, cp);
 }, q1.__scopeId = "data-v-1312d4d1", q1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 var D1 = { components: { BIMDataIcon: q1 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
 const dp = { class: "overlay flex items-center justify-center" }, up = { class: "safe-zone__content flex flex-col items-center justify-center p-18" }, Cp = { class: "safe-zone__actions flex items-center p-x-18" };
@@ -9894,7 +9894,7 @@ $5(`textarea:-webkit-autofill {
 .bimdata-textarea.success .bar::before, .bimdata-textarea.success .bar::after {
   background-color: var(--color-success);
 }`), L1.render = function(e, n, a, l, s, i) {
-  return r(), o("div", { class: B(["bimdata-textarea", { "not-empty": a.modelValue !== null && a.modelValue !== "" || a.placeholder !== null, error: a.error, success: a.success }]), style: H({ "min-width": a.width, "min-height": a.height }) }, [t("textarea", w1({ ref: "textarea", name: a.name, id: a.name, value: a.modelValue, placeholder: a.placeholder, style: a.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, pp), t("label", { for: a.name }, b(a.label), 9, hp), bp, a.error ? (r(), o("span", gp, b(a.errorMessage), 1)) : v("v-if", !0), a.success ? (r(), o("span", fp, b(a.successMessage), 1)) : v("v-if", !0)], 6);
+  return r(), o("div", { class: k(["bimdata-textarea", { "not-empty": a.modelValue !== null && a.modelValue !== "" || a.placeholder !== null, error: a.error, success: a.success }]), style: H({ "min-width": a.width, "min-height": a.height }) }, [t("textarea", w1({ ref: "textarea", name: a.name, id: a.name, value: a.modelValue, placeholder: a.placeholder, style: a.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, pp), t("label", { for: a.name }, b(a.label), 9, hp), bp, a.error ? (r(), o("span", gp, b(a.errorMessage), 1)) : v("v-if", !0), a.success ? (r(), o("span", fp, b(a.successMessage), 1)) : v("v-if", !0)], 6);
 }, L1.__scopeId = "data-v-76eaf75a", L1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
 var B1 = { props: { text: { type: String, default: "" }, maxWidth: { type: String, default: "240px" }, position: { type: String, default: "bottom", validator: (e) => ["top", "right", "bottom", "left"].includes(e) }, color: { type: String, default: "primary", validator: (e) => ["white", "primary", "secondary", "granite-light", "silver-light", "success", "warning", "high"].includes(e) }, 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;
@@ -10195,7 +10195,7 @@ html[data-v-41eb8f46] {
 .bimdata-tooltip__tooltip--high[data-v-41eb8f46]::before {
   border-color: var(--color-high) transparent transparent;
 }`), B1.render = function(e, n, a, l, s, i) {
-  return r(), o("div", Lp, [t("div", { class: "bimdata-tooltip__content", onMouseover: n[0] || (n[0] = (c) => s.hover = !0), onMouseleave: n[1] || (n[1] = (c) => s.hover = !1) }, [v(' slot "content" for retro-compatibility '), _(e.$slots, "content"), _(e.$slots, "default")], 32), p(n1, { name: "fade", persisted: "" }, { default: L(() => [X(t("div", { ref: "tooltipText", class: B(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${a.position}`, `bimdata-tooltip__tooltip--${a.color}`, ...i._className]]), style: H({ maxWidth: a.maxWidth }) }, b(i._text), 7), [[q, i.isDisplayed]])]), _: 1 })]);
+  return r(), o("div", Lp, [t("div", { class: "bimdata-tooltip__content", onMouseover: n[0] || (n[0] = (c) => s.hover = !0), onMouseleave: n[1] || (n[1] = (c) => s.hover = !1) }, [v(' slot "content" for retro-compatibility '), _(e.$slots, "content"), _(e.$slots, "default")], 32), p(t1, { name: "fade", persisted: "" }, { default: L(() => [X(t("div", { ref: "tooltipText", class: k(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${a.position}`, `bimdata-tooltip__tooltip--${a.color}`, ...i._className]]), style: H({ maxWidth: a.maxWidth }) }, b(i._text), 7), [[q, i.isDisplayed]])]), _: 1 })]);
 }, B1.__scopeId = "data-v-41eb8f46", B1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 const vp = {
   components: {
@@ -10251,7 +10251,7 @@ function kp(e, n, a, l, s, i) {
     a.viewpoints.length > 0 ? (r(), o(R, { key: 0 }, [
       t("div", Mp, [
         (r(!0), o(R, null, U(a.viewpoints.slice(0, 4), (d, C) => (r(), o("div", {
-          class: B(["image-preview", { single: a.viewpoints.length === 1 }]),
+          class: k(["image-preview", { single: a.viewpoints.length === 1 }]),
           key: d.guid || C
         }, [
           d.snapshot.snapshot_data ? (r(), o("img", {
@@ -10335,7 +10335,7 @@ function kp(e, n, a, l, s, i) {
     ]))
   ]);
 }
-const xp = /* @__PURE__ */ P(vp, [["render", kp], ["__scopeId", "data-v-65d2afee"]]);
+const xp = /* @__PURE__ */ F(vp, [["render", kp], ["__scopeId", "data-v-65d2afee"]]);
 const wp = {
   components: {
     BIMDataButton: W,
@@ -10359,7 +10359,7 @@ const wp = {
           const [u, d] = Object.entries(z2).find(([, C]) => C.plugin === i);
           c.forEach(async (C) => {
             const f = await C.getViewpoint(), { order: h } = d != null ? d : {};
-            f.order = h, f[P2] = u, f[U2] = C.getLoadedModels().map((I) => I.id).join(","), n("add-viewpoint", f);
+            f.order = h, f[P2] = u, f[U2] = C.getLoadedModels().map((m) => m.id).join(","), n("add-viewpoint", f);
           });
         });
       },
@@ -10377,7 +10377,7 @@ function Tp(e, n, a, l, s, i) {
   return r(), o("div", Zp, [
     a.viewpoints.length > 0 ? (r(), o("div", Sp, [
       (r(!0), o(R, null, U(a.viewpoints.slice(0, 4), (d, C) => (r(), o("div", {
-        class: B(["snapshot-preview", { single: a.viewpoints.length === 1 }]),
+        class: k(["snapshot-preview", { single: a.viewpoints.length === 1 }]),
         key: d.guid || C
       }, [
         d.snapshot.snapshot_data ? (r(), o("img", {
@@ -10414,7 +10414,7 @@ function Tp(e, n, a, l, s, i) {
     ]))
   ]);
 }
-const $p = /* @__PURE__ */ P(wp, [["render", Tp], ["__scopeId", "data-v-f3e2dd87"]]);
+const $p = /* @__PURE__ */ F(wp, [["render", Tp], ["__scopeId", "data-v-f3e2dd87"]]);
 const Np = {
   components: {
     BcfTopicImages: xp,
@@ -10484,22 +10484,22 @@ const Np = {
     "topic-update-error"
   ],
   setup(e, { emit: n }) {
-    const a = Z1(), l = N(
+    const a = Z1(), l = O(
       () => !e.topic
-    ), s = N(
-      () => Math.max(0, ...e.topics.map((O) => O.index)) + 1
-    ), i = k(""), c = k(null), u = k(null), d = k(null), C = k(null), f = k(null), h = k(null), I = k(""), M = k([]), m = k([]), y = k([]), w = k([]), E = k([]), S = N(
-      () => m.value.concat(y.value).filter((O) => !E.value.some((p1) => p1.guid === O.guid)).filter((O) => O.snapshot)
-    ), V = k(!1), T = k(!1), $ = k(!1);
-    t1(
+    ), s = O(
+      () => Math.max(0, ...e.topics.map((N) => N.index)) + 1
+    ), i = B(""), c = B(null), u = B(null), d = B(null), C = B(null), f = B(null), h = B(null), m = B(""), I = B([]), M = B([]), y = B([]), w = B([]), E = B([]), S = O(
+      () => M.value.concat(y.value).filter((N) => !E.value.some((p1) => p1.guid === N.guid)).filter((N) => N.snapshot)
+    ), V = B(!1), T = B(!1), $ = B(!1);
+    n1(
       () => e.topic,
-      (O) => {
-        l.value || (i.value = O.title || "", c.value = O.topic_type || null, u.value = O.priority || null, d.value = O.topic_status || null, C.value = O.stage || null, f.value = O.assigned_to || null, h.value = O.due_date, I.value = O.description || "", M.value = O.labels || [], m.value = O.viewpoints || []);
+      (N) => {
+        l.value || (i.value = N.title || "", c.value = N.topic_type || null, u.value = N.priority || null, d.value = N.topic_status || null, C.value = N.stage || null, f.value = N.assigned_to || null, h.value = N.due_date, m.value = N.description || "", I.value = N.labels || [], M.value = N.viewpoints || []);
       },
       { immediate: !0 }
     );
-    const F = () => {
-      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, f.value = null, h.value = null, I.value = "", M.value = [], m.value = [], y.value = [], w.value = [], E.value = [], V.value = !1, T.value = !1, $.value = !1;
+    const P = () => {
+      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, f.value = null, h.value = null, m.value = "", I.value = [], M.value = [], y.value = [], w.value = [], E.value = [], V.value = !1, T.value = !1, $.value = !1;
     };
     return {
       hasErrorTitle: $,
@@ -10508,43 +10508,43 @@ const Np = {
       loading: V,
       nextIndex: s,
       topicAssignedTo: f,
-      topicDescription: I,
+      topicDescription: m,
       topicDueDate: h,
       topicPriority: u,
       topicStage: C,
       topicStatus: d,
-      topicLabels: M,
+      topicLabels: I,
       topicTitle: i,
       topicType: c,
       viewpointsToDisplay: S,
-      addViewpoint: (O) => {
-        y.value.push(O);
+      addViewpoint: (N) => {
+        y.value.push(N);
       },
-      delViewpoint: (O) => {
-        if (O.guid)
-          E.value.push(O);
+      delViewpoint: (N) => {
+        if (N.guid)
+          E.value.push(N);
         else {
-          let p1 = y.value.indexOf(O);
+          let p1 = y.value.indexOf(N);
           y.value.splice(p1, 1);
         }
       },
       submit: async () => {
-        var O, p1;
+        var N, p1;
         if (!i.value) {
           $.value = !0;
           return;
         }
         try {
-          V.value = !0, w.value = m.value.map(
-            (G) => ({ ...G, snapshot: void 0 })
-          ), w.value.length === 0 && y.value.sort((G, O5) => {
+          V.value = !0, w.value = M.value.map(
+            (Y) => ({ ...Y, snapshot: void 0 })
+          ), w.value.length === 0 && y.value.sort((Y, O5) => {
             var J2, Q2;
-            return ((J2 = G.order) != null ? J2 : 1 / 0) - ((Q2 = O5.order) != null ? Q2 : 1 / 0);
+            return ((J2 = Y.order) != null ? J2 : 1 / 0) - ((Q2 = O5.order) != null ? Q2 : 1 / 0);
           }), e.topicObjects && (w.value.length > 0 || y.value.length > 0 ? [
             ...w.value,
             ...y.value
-          ].forEach((G) => {
-            Object.assign(G, e.topicObjects), G.components || (G.components = {}), G.components.selection || (G.components.selection = []), G.components.visibility || (G.components.visibility = {
+          ].forEach((Y) => {
+            Object.assign(Y, e.topicObjects), Y.components || (Y.components = {}), Y.components.selection || (Y.components.selection = []), Y.components.visibility || (Y.components.visibility = {
               default_visibility: !0,
               exceptions: [],
               view_setup_hints: {
@@ -10559,10 +10559,10 @@ const Np = {
             ...w.value,
             ...y.value
           ].forEach(
-            (G) => G.pins = e.topicAnnotations
+            (Y) => Y.pins = e.topicAnnotations
           );
           const T1 = {
-            guid: (O = e.topic) == null ? void 0 : O.guid,
+            guid: (N = e.topic) == null ? void 0 : N.guid,
             models: ((p1 = e.topic) == null ? void 0 : p1.models) || e.topicModels,
             title: i.value,
             topic_type: c.value,
@@ -10571,20 +10571,20 @@ const Np = {
             stage: C.value,
             assigned_to: f.value,
             due_date: h.value,
-            description: I.value,
-            labels: M.value,
+            description: m.value,
+            labels: I.value,
             viewpoints: w.value
           };
           let h1;
           l.value ? h1 = await a.createTopic(e.project, T1) : h1 = await a.updateTopic(e.project, T1), await Promise.all(
             y.value.map(
-              (G) => a.createViewpoint(e.project, h1, G)
+              (Y) => a.createViewpoint(e.project, h1, Y)
             )
           ), await Promise.all(
             E.value.map(
-              (G) => a.deleteViewpoint(e.project, h1, G)
+              (Y) => a.deleteViewpoint(e.project, h1, Y)
             )
-          ), l.value ? (n("topic-created", h1), F()) : n("topic-updated", h1);
+          ), l.value ? (n("topic-created", h1), P()) : n("topic-updated", h1);
         } catch (T1) {
           n(l.value ? "topic-create-error" : "topic-update-error", T1);
         } finally {
@@ -10604,7 +10604,7 @@ const Np = {
   class: "bcf-topic-form__loader"
 };
 function Jp(e, n, a, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), f = g("BIMDataTooltip"), h = g("BcfTopicImages"), I = g("BIMDataInput"), M = g("BIMDataSelect"), m = g("BIMDataDatePicker"), y = g("BIMDataTextarea"), w = g("BIMDataLoading"), E = g("BIMDataSafeZoneModal");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), f = g("BIMDataTooltip"), h = g("BcfTopicImages"), m = g("BIMDataInput"), I = g("BIMDataSelect"), M = g("BIMDataDatePicker"), y = g("BIMDataTextarea"), w = g("BIMDataLoading"), E = g("BIMDataSafeZoneModal");
   return r(), o("div", Op, [
     t("div", Rp, [
       a.uiConfig.backButton ? (r(), D(u, {
@@ -10716,7 +10716,7 @@ function Jp(e, n, a, l, s, i) {
         onDeleteViewpoint: l.delViewpoint
       }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
       t("div", Xp, [
-        p(I, {
+        p(m, {
           placeholder: e.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
           error: l.hasErrorTitle,
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
@@ -10724,35 +10724,35 @@ function Jp(e, n, a, l, s, i) {
           "onUpdate:modelValue": n[4] || (n[4] = (S) => l.topicTitle = S),
           onKeyup: x(Z(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
-        p(M, {
+        p(I, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: a.extensions.topic_type,
           modelValue: l.topicType,
           "onUpdate:modelValue": n[5] || (n[5] = (S) => l.topicType = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(M, {
+        p(I, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: a.extensions.priority,
           modelValue: l.topicPriority,
           "onUpdate:modelValue": n[6] || (n[6] = (S) => l.topicPriority = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(M, {
+        p(I, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: a.extensions.topic_status,
           modelValue: l.topicStatus,
           "onUpdate:modelValue": n[7] || (n[7] = (S) => l.topicStatus = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(M, {
+        p(I, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: a.extensions.stage,
           modelValue: l.topicStage,
           "onUpdate:modelValue": n[8] || (n[8] = (S) => l.topicStage = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(M, {
+        p(I, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: a.extensions.user_id_type,
@@ -10760,7 +10760,7 @@ function Jp(e, n, a, l, s, i) {
           "onUpdate:modelValue": n[9] || (n[9] = (S) => l.topicAssignedTo = S)
         }, null, 8, ["label", "options", "modelValue"]),
         t("div", jp, [
-          p(m, {
+          p(M, {
             modelValue: l.topicDueDate,
             "onUpdate:modelValue": n[10] || (n[10] = (S) => l.topicDueDate = S),
             value: l.topicDueDate,
@@ -10777,7 +10777,7 @@ function Jp(e, n, a, l, s, i) {
           "onUpdate:modelValue": n[11] || (n[11] = (S) => l.topicDescription = S),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
-        p(M, {
+        p(I, {
           width: "100%",
           multi: !0,
           label: e.$t("BcfComponents.BcfTopicForm.labelsLabel"),
@@ -10838,7 +10838,7 @@ function Jp(e, n, a, l, s, i) {
     })) : v("", !0)
   ]);
 }
-const Qp = /* @__PURE__ */ P(Np, [["render", Jp], ["__scopeId", "data-v-d18ec559"]]);
+const Qp = /* @__PURE__ */ F(Np, [["render", Jp], ["__scopeId", "data-v-d18ec559"]]);
 const eh = {
   props: {
     user: {
@@ -10861,7 +10861,7 @@ const eh = {
   },
   setup(e) {
     return {
-      initials: N(
+      initials: O(
         () => `${e.user.firstname && e.user.firstname[0] || ""}${e.user.lastname && e.user.lastname[0] || ""}`.toUpperCase()
       )
     };
@@ -10870,7 +10870,7 @@ const eh = {
 function th(e, n, a, l, s, i) {
   const c = g("BIMDataIcon");
   return r(), o("div", {
-    class: B(["user-avatar", `user-avatar--${a.user.profile_picture ? "silver-light" : a.color}`]),
+    class: k(["user-avatar", `user-avatar--${a.user.profile_picture ? "silver-light" : a.color}`]),
     style: H({
       width: `${a.size}px`,
       height: `${a.size}px`,
@@ -10889,7 +10889,7 @@ function th(e, n, a, l, s, i) {
     }))
   ], 6);
 }
-const N5 = /* @__PURE__ */ P(eh, [["render", th], ["__scopeId", "data-v-3c02f1a9"]]);
+const N5 = /* @__PURE__ */ F(eh, [["render", th], ["__scopeId", "data-v-3c02f1a9"]]);
 const rh = {
   components: {
     BIMDataButton: W,
@@ -10918,7 +10918,7 @@ const rh = {
     "comment-deleted"
   ],
   setup(e, { emit: n }) {
-    const a = Z1(), l = k(!1), s = k(!1), i = () => s.value = !1, c = () => s.value = !s.value, u = k(e.comment.comment), d = k(!1), C = () => {
+    const a = Z1(), l = B(!1), s = B(!1), i = () => s.value = !1, c = () => s.value = !s.value, u = B(e.comment.comment), d = B(!1), C = () => {
       d.value = !0, i();
     }, f = () => {
       d.value = !1, u.value = e.comment.comment;
@@ -10938,9 +10938,9 @@ const rh = {
       } finally {
         l.value = !1;
       }
-    }, I = k(!1);
+    }, m = B(!1);
     return {
-      isDeleting: I,
+      isDeleting: m,
       isEditing: d,
       loading: l,
       showMenu: s,
@@ -10948,7 +10948,7 @@ const rh = {
       cancelUpdate: f,
       closeMenu: i,
       onOpenDelete: () => {
-        I.value = !0, i();
+        m.value = !0, i();
       },
       onOpenEdit: C,
       submitDelete: async () => {
@@ -10957,7 +10957,7 @@ const rh = {
             e.project,
             e.topic,
             e.comment
-          ), n("comment-deleted", e.comment), I.value = !1;
+          ), n("comment-deleted", e.comment), m.value = !1;
         } finally {
           l.value = !1;
         }
@@ -11109,7 +11109,7 @@ function gh(e, n, a, l, s, i) {
               ghost: "",
               rounded: "",
               icon: "",
-              onClick: n[0] || (n[0] = (I) => l.isDeleting = !1)
+              onClick: n[0] || (n[0] = (m) => l.isDeleting = !1)
             }, {
               default: L(() => [
                 p(u, {
@@ -11144,11 +11144,11 @@ function gh(e, n, a, l, s, i) {
     ]),
     t("div", bh, [
       p(f, {
-        class: B({ editing: l.isEditing }),
+        class: k({ editing: l.isEditing }),
         width: "100%",
         rows: "1",
         modelValue: l.text,
-        "onUpdate:modelValue": n[1] || (n[1] = (I) => l.text = I),
+        "onUpdate:modelValue": n[1] || (n[1] = (m) => l.text = m),
         fitContent: "",
         autofocus: "",
         resizable: !1,
@@ -11158,7 +11158,7 @@ function gh(e, n, a, l, s, i) {
     l.loading ? (r(), D(h, { key: 0 })) : v("", !0)
   ]);
 }
-const fh = /* @__PURE__ */ P(rh, [["render", gh], ["__scopeId", "data-v-abad358d"]]);
+const fh = /* @__PURE__ */ F(rh, [["render", gh], ["__scopeId", "data-v-abad358d"]]);
 const Lh = {
   components: {
     BIMDataButton: W,
@@ -11182,28 +11182,42 @@ const Lh = {
     "comment-deleted"
   ],
   setup(e, { emit: n }) {
-    const a = Z1(), l = k(!1), s = k(!1), i = k(null), c = k("");
-    return t1(
-      l,
-      () => setTimeout(() => l.value && i.value.focus(), 50)
-    ), {
-      input: i,
-      isOpen: l,
-      loading: s,
-      text: c,
-      submitComment: async () => {
-        try {
-          s.value = !0;
-          const d = await a.createComment(
-            e.project,
-            e.topic,
-            { comment: c.value }
-          );
-          n("comment-created", d), l.value = !1, c.value = "";
-        } finally {
-          s.value = !1;
-        }
+    const a = Z1(), l = B([]), s = B(!1), i = B(!1), c = B(null), u = B(""), d = async () => {
+      l.value = await a.fetchTopicComments(e.project, e.topic);
+    }, C = async () => {
+      try {
+        i.value = !0;
+        const m = await a.createComment(
+          e.project,
+          e.topic,
+          { comment: u.value }
+        );
+        d(), n("comment-created", m), s.value = !1, u.value = "";
+      } finally {
+        i.value = !1;
       }
+    }, f = (m) => {
+      d(), n("comment-updated", m);
+    }, h = (m) => {
+      d(), n("comment-deleted", m);
+    };
+    return n1(
+      () => e.topic,
+      () => d(),
+      { immediate: !0 }
+    ), n1(
+      s,
+      () => setTimeout(() => s.value && c.value.focus(), 50)
+    ), {
+      comments: l,
+      input: c,
+      isOpen: s,
+      loading: i,
+      text: u,
+      loadComments: d,
+      onCommentDeleted: h,
+      onCommentUpdated: f,
+      submitComment: C
     };
   }
 }, vh = { class: "bcf-topic-comments" }, mh = {
@@ -11266,22 +11280,22 @@ function Dh(e, n, a, l, s, i) {
       _: 1
     })),
     t("div", yh, [
-      t("p", Hh, b((a.topic.comments ? a.topic.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
-      a.topic.comments && a.topic.comments.length ? (r(), o("div", Vh, [
-        (r(!0), o(R, null, U(a.topic.comments, (f) => (r(), D(d, {
+      t("p", Hh, b((l.comments ? l.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
+      l.comments && l.comments.length ? (r(), o("div", Vh, [
+        (r(!0), o(R, null, U(l.comments, (f) => (r(), D(d, {
           key: f.guid,
           project: a.project,
           topic: a.topic,
           comment: f,
-          onCommentUpdated: n[3] || (n[3] = (h) => e.$emit("comment-updated", h)),
-          onCommentDeleted: n[4] || (n[4] = (h) => e.$emit("comment-deleted", h))
-        }, null, 8, ["project", "topic", "comment"]))), 128))
+          onCommentUpdated: l.onCommentUpdated,
+          onCommentDeleted: l.onCommentDeleted
+        }, null, 8, ["project", "topic", "comment", "onCommentUpdated", "onCommentDeleted"]))), 128))
       ])) : v("", !0)
     ]),
     l.loading ? (r(), D(C, { key: 2 })) : v("", !0)
   ]);
 }
-const Bh = /* @__PURE__ */ P(Lh, [["render", Dh], ["__scopeId", "data-v-c43343c2"]]);
+const Bh = /* @__PURE__ */ F(Lh, [["render", Dh], ["__scopeId", "data-v-2ebe99db"]]);
 var kh = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), J1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: !1 }, outline: { type: Boolean, default: !1 }, ghost: { type: Boolean, default: !1 }, ripple: { type: Boolean, default: !1 }, radius: { type: Boolean, default: !1 }, square: { type: Boolean, default: !1 }, rounded: { type: Boolean, default: !1 }, icon: { type: Boolean, default: !1 }, color: { type: String, default: "default", validator: (e) => kh.includes(e) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, [`bimdata-btn__fill--${this.color}`]: this.fill && this.color, [`bimdata-btn__outline--${this.color}`]: this.outline && this.color, [`bimdata-btn__ghost--${this.color}`]: this.ghost && this.color, [`bimdata-btn__ripple--${this.color}`]: this.ripple && this.color };
 }, style() {
@@ -11758,7 +11772,7 @@ A1(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), J1.render = function(e, n, a, l, s, i) {
-  return r(), o("button", { class: B(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, xh);
+  return r(), o("button", { class: k(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, xh);
 }, J1.__scopeId = "data-v-3f903003", J1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const wh = { "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" }, Zh = { render: function(e, n) {
   return r(), o("path", wh);
@@ -12239,7 +12253,7 @@ A1(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), Q1.render = function(e, n, a, l, s, i) {
-  return r(), o("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: B(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, om);
+  return r(), o("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: k(i.classes), style: H(i.style) }, [(r(), D(u1(`bimdata-icon-${a.name}`)))], 14, om);
 }, Q1.__scopeId = "data-v-1312d4d1", Q1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 var e2 = { components: { BIMDataButton: J1, BIMDataIcon: Q1 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
   this.distributeItems();
@@ -12317,7 +12331,7 @@ const im = {
     "view-topic-viewpoint"
   ],
   setup(e) {
-    const n = N(
+    const n = O(
       () => e.topic.viewpoints.filter((l) => l.snapshot).map((l) => {
         var s;
         return {
@@ -12327,7 +12341,7 @@ const im = {
       })
     );
     return {
-      statusColor: N(
+      statusColor: O(
         () => Y2(e.topic, e.detailedExtensions)
       ),
       viewpoints: n,
@@ -12338,7 +12352,7 @@ const im = {
 function cm(e, n, a, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataCarousel"), d = g("BcfTopicDefaultImage");
   return r(), o("div", {
-    class: B(["bcf-topic-viewpoints", { empty: l.viewpoints.length === 0 }])
+    class: k(["bcf-topic-viewpoints", { empty: l.viewpoints.length === 0 }])
   }, [
     a.topic.topic_status ? (r(), o("div", {
       key: 0,
@@ -12384,7 +12398,7 @@ function cm(e, n, a, l, s, i) {
     }))
   ], 2);
 }
-const dm = /* @__PURE__ */ P(im, [["render", cm], ["__scopeId", "data-v-15bf52d1"]]);
+const dm = /* @__PURE__ */ F(im, [["render", cm], ["__scopeId", "data-v-15bf52d1"]]);
 const um = {
   components: {
     BcfTopicComments: Bh,
@@ -12434,10 +12448,10 @@ const um = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const a = Z1(), l = k(!1), s = k(!1), i = N(() => v1(e.topic, e.detailedExtensions)), c = N(() => {
+    const a = Z1(), l = B(!1), s = B(!1), i = O(() => v1(e.topic, e.detailedExtensions)), c = O(() => {
       var C, f, h;
       return ((h = (f = (C = e.topic.viewpoints) == null ? void 0 : C[0]) == null ? void 0 : f.components) == null ? void 0 : h.selection) || [];
-    }), u = N(() => Array.from(e.topic.labels || []).sort());
+    }), u = O(() => Array.from(e.topic.labels || []).sort());
     return {
       loading: l,
       priorityColor: i,
@@ -12461,7 +12475,7 @@ const um = {
   class: "title"
 }, Mm = { class: "line" }, Im = { class: "label" }, _m = { class: "value" }, ym = { class: "line" }, Hm = { class: "label" }, Vm = { class: "value" }, Dm = { class: "line" }, Bm = { class: "label" }, km = { class: "value" }, xm = { class: "line" }, wm = { class: "label" }, Zm = { class: "value" }, Sm = { class: "bcf-topic-overview__content__card" }, Am = { class: "title" }, Tm = { class: "line" }, $m = { class: "label" }, Nm = { class: "value" }, Om = { class: "line" }, Rm = { class: "label" }, Em = { class: "value" }, Fm = { class: "line" }, Pm = { class: "label" }, Um = { class: "line" }, zm = { class: "label" }, Gm = { class: "value" }, Ym = { class: "line m-t-12" }, Wm = { class: "label" }, Xm = { class: "value" }, jm = { key: 1 };
 function Km(e, n, a, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicViewpoints"), f = g("BcfTopicComments"), h = g("BIMDataSafeZoneModal"), I = g("BIMDataLoading");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicViewpoints"), f = g("BcfTopicComments"), h = g("BIMDataSafeZoneModal"), m = g("BIMDataLoading");
   return r(), o("div", Cm, [
     t("div", pm, [
       a.uiConfig.backButton ? (r(), D(u, {
@@ -12469,7 +12483,7 @@ function Km(e, n, a, l, s, i) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[0] || (n[0] = (M) => e.$emit("back"))
+        onClick: n[0] || (n[0] = (I) => e.$emit("back"))
       }, {
         default: L(() => [
           p(c, {
@@ -12493,7 +12507,7 @@ function Km(e, n, a, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[1] || (n[1] = (M) => e.$emit("edit-topic", a.topic))
+          onClick: n[1] || (n[1] = (I) => e.$emit("edit-topic", a.topic))
         }, {
           default: L(() => [
             p(c, {
@@ -12508,7 +12522,7 @@ function Km(e, n, a, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[2] || (n[2] = (M) => l.showDeleteModal = !0)
+          onClick: n[2] || (n[2] = (I) => l.showDeleteModal = !0)
         }, {
           default: L(() => [
             p(c, {
@@ -12523,7 +12537,7 @@ function Km(e, n, a, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[3] || (n[3] = (M) => e.$emit("close"))
+          onClick: n[3] || (n[3] = (I) => e.$emit("close"))
         }, {
           default: L(() => [
             p(c, {
@@ -12551,7 +12565,7 @@ function Km(e, n, a, l, s, i) {
       p(C, {
         detailedExtensions: a.detailedExtensions,
         topic: a.topic,
-        onViewTopicViewpoint: n[4] || (n[4] = (M) => e.$emit("view-topic-viewpoint", M))
+        onViewTopicViewpoint: n[4] || (n[4] = (I) => e.$emit("view-topic-viewpoint", I))
       }, null, 8, ["detailedExtensions", "topic"]),
       a.uiConfig.viewerMode ? (r(), D(u, {
         key: 0,
@@ -12559,7 +12573,7 @@ function Km(e, n, a, l, s, i) {
         fill: "",
         radius: "",
         disabled: l.topicObjects.length === 0,
-        onClick: n[5] || (n[5] = (M) => e.$emit("view-topic-components", a.topic))
+        onClick: n[5] || (n[5] = (I) => e.$emit("view-topic-components", a.topic))
       }, {
         default: L(() => [
           p(c, {
@@ -12580,7 +12594,7 @@ function Km(e, n, a, l, s, i) {
         color: "primary",
         fill: "",
         radius: "",
-        onClick: n[6] || (n[6] = (M) => e.$emit("view-topic", a.topic))
+        onClick: n[6] || (n[6] = (I) => e.$emit("view-topic", a.topic))
       }, {
         default: L(() => [
           A(b(e.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
@@ -12644,9 +12658,9 @@ function Km(e, n, a, l, s, i) {
       p(f, {
         project: a.project,
         topic: a.topic,
-        onCommentCreated: n[7] || (n[7] = (M) => e.$emit("comment-created", M)),
-        onCommentUpdated: n[8] || (n[8] = (M) => e.$emit("comment-updated", M)),
-        onCommentDeleted: n[9] || (n[9] = (M) => e.$emit("comment-deleted", M))
+        onCommentCreated: n[7] || (n[7] = (I) => e.$emit("comment-created", I)),
+        onCommentUpdated: n[8] || (n[8] = (I) => e.$emit("comment-updated", I)),
+        onCommentDeleted: n[9] || (n[9] = (I) => e.$emit("comment-deleted", I))
       }, null, 8, ["project", "topic"])
     ]),
     l.showDeleteModal ? (r(), D(h, {
@@ -12673,7 +12687,7 @@ function Km(e, n, a, l, s, i) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: n[10] || (n[10] = (M) => l.showDeleteModal = !1)
+          onClick: n[10] || (n[10] = (I) => l.showDeleteModal = !1)
         }, {
           default: L(() => [
             A(b(e.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
@@ -12684,11 +12698,11 @@ function Km(e, n, a, l, s, i) {
       _: 1
     })) : v("", !0),
     l.loading ? (r(), o("div", jm, [
-      p(I)
+      p(m)
     ])) : v("", !0)
   ]);
 }
-const qm = /* @__PURE__ */ P(um, [["render", Km], ["__scopeId", "data-v-15f742b7"]]), L5 = [
+const qm = /* @__PURE__ */ F(um, [["render", Km], ["__scopeId", "data-v-15f742b7"]]), L5 = [
   {
     id: "index",
     label: "#",
@@ -13202,7 +13216,7 @@ K(`.bimdata-btn {
   color: var(--color-silver-dark);
   cursor: auto;
 }`), n2.render = function(e, n, a, l, s, i) {
-  return r(), o("button", { class: B(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, Qm);
+  return r(), o("button", { class: k(["bimdata-btn", i.classes]), style: H(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: a.color, type: "button" }, [_(e.$slots, "default")], 14, Qm);
 }, n2.__scopeId = "data-v-3f903003", n2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 var t2 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue", event: "update:modelValue" }, props: { text: { type: String, default: null }, modelValue: { type: Boolean, validator: (e) => e === null || typeof e == "boolean" }, disabled: { type: Boolean, default: !1 }, margin: { type: String, default: "0px" } }, emits: ["update:modelValue"], computed: { indeterminate() {
   return this.modelValue === null;
@@ -13630,7 +13644,7 @@ K(`.icon-fill--black {
   stroke: var(--color-white);
 }`), r2.render = function(e, n, a, l, s, i) {
   const c = g("Chevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, aM);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, aM);
 }, r2.__scopeId = "data-v-5e440aca", r2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const lM = { "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" }, iM = { render: function(e, n) {
   return r(), o("path", lM);
@@ -13791,7 +13805,7 @@ K(`.icon-fill--black {
   stroke: var(--color-white);
 }`), v2.render = function(e, n, a, l, s, i) {
   const c = g("DoubleChevron");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, sM);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, sM);
 }, v2.__scopeId = "data-v-859297ec", v2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const cM = { 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" }, dM = { render: function(e, n) {
   return r(), o("path", cM);
@@ -13952,7 +13966,7 @@ K(`.icon-fill--black {
   stroke: var(--color-white);
 }`), m2.render = function(e, n, a, l, s, i) {
   const c = g("Close");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, uM);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, uM);
 }, m2.__scopeId = "data-v-797f55d8", m2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconClose.vue";
 const CM = { "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" }, pM = { render: function(e, n) {
   return r(), o("path", CM);
@@ -14113,46 +14127,46 @@ K(`.icon-fill--black {
   stroke: var(--color-white);
 }`), M2.render = function(e, n, a, l, s, i) {
   const c = g("Search");
-  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: B(e.classes), style: H(e.style) }, [p(c)], 14, hM);
+  return r(), o("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "100%", fill: e.fillColor, color: e.color, class: k(e.classes), style: H(e.style) }, [p(c)], 14, hM);
 }, M2.__scopeId = "data-v-0993abf8", M2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
 var o2 = { components: { BIMDataButton: n2, BIMDataCheckbox: t2, BIMDataIconChevron: r2 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowKey: { type: String }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, selection: { type: Map, default: () => /* @__PURE__ */ new Map() }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" } }, emits: ["update:selection", "selection-changed", "row-selected", "row-deselected", "all-selected", "all-deselected"], setup(e, { emit: n }) {
-  const a = N(() => e.rows.map((f, h) => {
-    var I;
-    return { key: (I = f[e.rowKey]) != null ? I : h, data: f };
-  })), { rowSelection: l, toggleRowSelection: s, toggleFullSelection: i } = function(f, h, { rowSelectionUpdateEffect: I = () => {
-  }, rowSelectionToggleEffect: M = () => {
-  }, fullSelectionToggleEffect: m = () => {
+  const a = O(() => e.rows.map((f, h) => {
+    var m;
+    return { key: (m = f[e.rowKey]) != null ? m : h, data: f };
+  })), { rowSelection: l, toggleRowSelection: s, toggleFullSelection: i } = function(f, h, { rowSelectionUpdateEffect: m = () => {
+  }, rowSelectionToggleEffect: I = () => {
+  }, fullSelectionToggleEffect: M = () => {
   } } = {}) {
-    const y = k(/* @__PURE__ */ new Map());
-    return t1(f, () => {
+    const y = B(/* @__PURE__ */ new Map());
+    return n1(f, () => {
       y.value = new Map(f.value.filter(({ key: w }) => h.value.has(w)).map(({ key: w, data: E }) => [w, E]));
-    }, { immediate: !0 }), t1(h, () => {
+    }, { immediate: !0 }), n1(h, () => {
       y.value = h.value;
-    }, { immediate: !0 }), t1(y, () => {
-      I(y.value);
+    }, { immediate: !0 }), n1(y, () => {
+      m(y.value);
     }), { rowSelection: y, toggleRowSelection: ({ key: w, data: E }) => {
       const S = () => y.value.has(w);
-      S() ? y.value.delete(w) : y.value.set(w, E), y.value = new Map([...y.value.entries()]), M(S(), { key: w, data: E });
+      S() ? y.value.delete(w) : y.value.set(w, E), y.value = new Map([...y.value.entries()]), I(S(), { key: w, data: E });
     }, toggleFullSelection: () => {
       const w = () => y.value.size === f.value.length;
-      w() ? y.value = /* @__PURE__ */ new Map() : y.value = new Map(f.value.map(({ key: E, data: S }) => [E, S])), m(w());
+      w() ? y.value = /* @__PURE__ */ new Map() : y.value = new Map(f.value.map(({ key: E, data: S }) => [E, S])), M(w());
     } };
-  }(a, N(() => e.selection), { rowSelectionUpdateEffect: (f) => {
+  }(a, O(() => e.selection), { rowSelectionUpdateEffect: (f) => {
     n("update:selection", f), n("selection-changed", Array.from(f.values()));
   }, rowSelectionToggleEffect: (f, { data: h }) => {
     n(f ? "row-selected" : "row-deselected", h);
   }, fullSelectionToggleEffect: (f) => {
     n(f ? "all-selected" : "all-deselected");
-  } }), c = k([]), u = k(0), d = k(1), C = k(e.perPage);
-  return t1([a, () => e.perPage], () => {
+  } }), c = B([]), u = B(0), d = B(1), C = B(e.perPage);
+  return n1([a, () => e.perPage], () => {
     u.value = 0;
-  }, { immediate: !0 }), t1([a, () => e.paginated, () => e.perPage, u], ([f, h, I, M]) => {
-    const m = f.map((y) => y.key);
+  }, { immediate: !0 }), n1([a, () => e.paginated, () => e.perPage, u], ([f, h, m, I]) => {
+    const M = f.map((y) => y.key);
     if (h) {
-      const y = I * M, w = y + I;
-      c.value = m.slice(y, w), d.value = y + 1, C.value = Math.min(w, f.length);
+      const y = m * I, w = y + m;
+      c.value = M.slice(y, w), d.value = y + 1, C.value = Math.min(w, f.length);
     } else
-      c.value = m;
+      c.value = M;
   }, { immediate: !0 }), { computedRows: a, displayedRows: c, pageIndex: u, pageIndexEnd: C, pageIndexStart: d, rowSelection: l, toggleAll: () => {
     e.selectable && i();
   }, toggleRow: (f) => {
@@ -14297,7 +14311,7 @@ html[data-v-a29e0786] {
   margin: 0 var(--spacing-unit);
 }`), o2.render = function(e, n, a, l, s, i) {
   const c = g("BIMDataCheckbox"), u = g("BIMDataIconChevron"), d = g("BIMDataButton");
-  return r(), o("div", bM, [t("div", { class: "bimdata-table__container", style: H({ height: a.paginated ? (a.perPage + 1) * a.rowHeight + "px" : void 0 }) }, [t("table", { style: H({ width: a.tableWidth, tableLayout: a.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: H({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), o("th", gM, [p(c, { disabled: a.rows.length === 0, modelValue: a.rows.length > 0 && l.rowSelection.size === a.rows.length, "onUpdate:modelValue": l.toggleAll }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), o(R, null, U(a.columns, (C, f) => (r(), o("th", { key: `head-row-0-col-${f}`, style: H({ width: C.width || "auto", textAlign: C.align || "left" }) }, b(C.id ? C.label || C.id : C), 5))), 128))], 4), t("tr", fM, [t("th", { class: "cell-sub-header", colspan: a.columns.length + a.selectable }, [_(e.$slots, "sub-header")], 8, LM)])]), t("tbody", null, [(r(!0), o(R, null, U(l.computedRows, ({ key: C, data: f }) => X((r(), o("tr", { key: `body-row-${C}`, style: H({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), o("td", vM, [p(c, { modelValue: l.rowSelection.has(C), "onUpdate:modelValue": (h) => l.toggleRow({ key: C, data: f }) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), o(R, null, U(a.columns, (h, I) => (r(), o("td", { key: `body-row-${C}-col-${I}`, style: H({ width: h.width || "auto", textAlign: h.align || "left" }) }, [_(e.$slots, `cell-${h.id}`, { row: f }, () => [A(b(f[h.id || I]), 1)])], 4))), 128))], 4)), [[q, l.displayedRows.includes(C)]])), 128))])], 4), a.rows.length === 0 ? (r(), o("div", { key: 0, class: "bimdata-table__container__placeholder", style: H({ height: `calc(100% - ${a.rowHeight}px)` }) }, [_(e.$slots, "placeholder", {}, () => [A(b(a.placeholder), 1)])], 4)) : v("v-if", !0)], 4), a.paginated ? (r(), o("div", { key: 0, class: "bimdata-table__page-nav", style: H({ visibility: a.rows.length > a.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexStart === 1, onClick: n[0] || (n[0] = (C) => l.pageIndex--) }, { default: L(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", mM, b(`${l.pageIndexStart} - ${l.pageIndexEnd} / ${a.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexEnd === a.rows.length, onClick: n[1] || (n[1] = (C) => l.pageIndex++) }, { default: L(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : v("v-if", !0)]);
+  return r(), o("div", bM, [t("div", { class: "bimdata-table__container", style: H({ height: a.paginated ? (a.perPage + 1) * a.rowHeight + "px" : void 0 }) }, [t("table", { style: H({ width: a.tableWidth, tableLayout: a.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: H({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), o("th", gM, [p(c, { disabled: a.rows.length === 0, modelValue: a.rows.length > 0 && l.rowSelection.size === a.rows.length, "onUpdate:modelValue": l.toggleAll }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), o(R, null, U(a.columns, (C, f) => (r(), o("th", { key: `head-row-0-col-${f}`, style: H({ width: C.width || "auto", textAlign: C.align || "left" }) }, b(C.id ? C.label || C.id : C), 5))), 128))], 4), t("tr", fM, [t("th", { class: "cell-sub-header", colspan: a.columns.length + a.selectable }, [_(e.$slots, "sub-header")], 8, LM)])]), t("tbody", null, [(r(!0), o(R, null, U(l.computedRows, ({ key: C, data: f }) => X((r(), o("tr", { key: `body-row-${C}`, style: H({ height: `${a.rowHeight}px` }) }, [a.selectable ? (r(), o("td", vM, [p(c, { modelValue: l.rowSelection.has(C), "onUpdate:modelValue": (h) => l.toggleRow({ key: C, data: f }) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), o(R, null, U(a.columns, (h, m) => (r(), o("td", { key: `body-row-${C}-col-${m}`, style: H({ width: h.width || "auto", textAlign: h.align || "left" }) }, [_(e.$slots, `cell-${h.id}`, { row: f }, () => [A(b(f[h.id || m]), 1)])], 4))), 128))], 4)), [[q, l.displayedRows.includes(C)]])), 128))])], 4), a.rows.length === 0 ? (r(), o("div", { key: 0, class: "bimdata-table__container__placeholder", style: H({ height: `calc(100% - ${a.rowHeight}px)` }) }, [_(e.$slots, "placeholder", {}, () => [A(b(a.placeholder), 1)])], 4)) : v("v-if", !0)], 4), a.paginated ? (r(), o("div", { key: 0, class: "bimdata-table__page-nav", style: H({ visibility: a.rows.length > a.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexStart === 1, onClick: n[0] || (n[0] = (C) => l.pageIndex--) }, { default: L(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", mM, b(`${l.pageIndexStart} - ${l.pageIndexEnd} / ${a.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexEnd === a.rows.length, onClick: n[1] || (n[1] = (C) => l.pageIndex++) }, { default: L(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : v("v-if", !0)]);
 }, o2.__scopeId = "data-v-a29e0786", o2.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
 const MM = {
   components: {
@@ -14333,7 +14347,7 @@ function _M(e, n, a, l, s, i) {
     })
   ]);
 }
-const yM = /* @__PURE__ */ P(MM, [["render", _M], ["__scopeId", "data-v-ddc03e0d"]]);
+const yM = /* @__PURE__ */ F(MM, [["render", _M], ["__scopeId", "data-v-ddc03e0d"]]);
 const HM = {
   props: {
     detailedExtensions: {
@@ -14347,7 +14361,7 @@ const HM = {
   },
   setup(e) {
     return {
-      priorityColor: N(
+      priorityColor: O(
         () => v1(e.topic, e.detailedExtensions)
       )
     };
@@ -14362,7 +14376,7 @@ function BM(e, n, a, l, s, i) {
     t("span", DM, b(a.topic.index), 1)
   ]);
 }
-const kM = /* @__PURE__ */ P(HM, [["render", BM], ["__scopeId", "data-v-2afda176"]]);
+const kM = /* @__PURE__ */ F(HM, [["render", BM], ["__scopeId", "data-v-2afda176"]]);
 const xM = {
   props: {
     detailedExtensions: {
@@ -14376,7 +14390,7 @@ const xM = {
   },
   setup(e) {
     return {
-      priorityColor: N(
+      priorityColor: O(
         () => v1(e.topic, e.detailedExtensions)
       )
     };
@@ -14388,7 +14402,7 @@ function wM(e, n, a, l, s, i) {
     style: H({ color: `#${l.priorityColor}` })
   }, b(a.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-const ZM = /* @__PURE__ */ P(xM, [["render", wM], ["__scopeId", "data-v-1d15fcf6"]]);
+const ZM = /* @__PURE__ */ F(xM, [["render", wM], ["__scopeId", "data-v-1d15fcf6"]]);
 const SM = {
   props: {
     detailedExtensions: {
@@ -14402,7 +14416,7 @@ const SM = {
   },
   setup(e) {
     return {
-      statusColor: N(
+      statusColor: O(
         () => Y2(e.topic, e.detailedExtensions)
       ),
       adjustTextColor: s2
@@ -14418,7 +14432,7 @@ function AM(e, n, a, l, s, i) {
     })
   }, b(a.topic.topic_status), 5);
 }
-const TM = /* @__PURE__ */ P(SM, [["render", AM], ["__scopeId", "data-v-c2a5faf4"]]), $M = {
+const TM = /* @__PURE__ */ F(SM, [["render", AM], ["__scopeId", "data-v-c2a5faf4"]]), $M = {
   components: {
     BcfTopicActionsCell: yM,
     BcfTopicIndexCell: kM,
@@ -14464,7 +14478,7 @@ const TM = /* @__PURE__ */ P(SM, [["render", AM], ["__scopeId", "data-v-c2a5faf4
   ],
   setup(e) {
     return {
-      displayedColumns: N(
+      displayedColumns: O(
         () => e.columns && e.columns.length > 0 ? L5.filter((l) => e.columns.includes(l.id)) : L5
       ),
       toShortDateFormat: (l) => {
@@ -14477,13 +14491,13 @@ const TM = /* @__PURE__ */ P(SM, [["render", AM], ["__scopeId", "data-v-c2a5faf4
   }
 };
 function NM(e, n, a, l, s, i) {
-  const c = g("BcfTopicIndexCell"), u = g("BcfTopicPriorityCell"), d = g("BcfTopicStatusCell"), C = g("BIMDataTextbox"), f = g("UserAvatar"), h = g("BIMDataTooltip"), I = g("BcfTopicActionsCell"), M = g("BIMDataTable");
-  return r(), D(M, {
+  const c = g("BcfTopicIndexCell"), u = g("BcfTopicPriorityCell"), d = g("BcfTopicStatusCell"), C = g("BIMDataTextbox"), f = g("UserAvatar"), h = g("BIMDataTooltip"), m = g("BcfTopicActionsCell"), I = g("BIMDataTable");
+  return r(), D(I, {
     class: "bcf-topics-table",
     tableLayout: "fixed",
-    columns: l.displayedColumns.map((m) => ({
-      ...m,
-      label: m.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${m.id}`)
+    columns: l.displayedColumns.map((M) => ({
+      ...M,
+      label: M.label || e.$t(`BcfComponents.BcfTopicsTable.headers.${M.id}`)
     })),
     rows: a.topics,
     rowKey: "guid",
@@ -14492,38 +14506,38 @@ function NM(e, n, a, l, s, i) {
     rowHeight: 42,
     selectable: a.selectable,
     selection: a.selection,
-    "onUpdate:selection": n[1] || (n[1] = (m) => e.$emit("update:selection", m))
+    "onUpdate:selection": n[1] || (n[1] = (M) => e.$emit("update:selection", M))
   }, {
-    "cell-index": L(({ row: m }) => [
+    "cell-index": L(({ row: M }) => [
       p(c, {
         detailedExtensions: a.detailedExtensions,
-        topic: m
+        topic: M
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-priority": L(({ row: m }) => [
+    "cell-priority": L(({ row: M }) => [
       p(u, {
         detailedExtensions: a.detailedExtensions,
-        topic: m
+        topic: M
       }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-status": L(({ row: m }) => [
-      m.topic_status ? (r(), D(d, {
+    "cell-status": L(({ row: M }) => [
+      M.topic_status ? (r(), D(d, {
         key: 0,
         detailedExtensions: a.detailedExtensions,
-        topic: m
+        topic: M
       }, null, 8, ["detailedExtensions", "topic"])) : v("", !0)
     ]),
-    "cell-title": L(({ row: m }) => [
+    "cell-title": L(({ row: M }) => [
       p(C, {
         maxWidth: "100%",
-        text: m.title
+        text: M.title
       }, null, 8, ["text"])
     ]),
-    "cell-creator": L(({ row: { creator: m, creation_author: y } }) => [
+    "cell-creator": L(({ row: { creator: M, creation_author: y } }) => [
       p(h, { text: y }, {
         default: L(() => [
           p(f, {
-            user: m || {},
+            user: M || {},
             size: 30,
             color: "silver-light",
             style: { margin: "auto" }
@@ -14532,19 +14546,19 @@ function NM(e, n, a, l, s, i) {
         _: 2
       }, 1032, ["text"])
     ]),
-    "cell-date": L(({ row: m }) => [
-      A(b(l.toShortDateFormat(m.creation_date)), 1)
+    "cell-date": L(({ row: M }) => [
+      A(b(l.toShortDateFormat(M.creation_date)), 1)
     ]),
-    "cell-actions": L(({ row: m }) => [
-      p(I, {
-        topic: m,
+    "cell-actions": L(({ row: M }) => [
+      p(m, {
+        topic: M,
         onOpenTopic: n[0] || (n[0] = (y) => e.$emit("open-topic", y))
       }, null, 8, ["topic"])
     ]),
     _: 1
   }, 8, ["columns", "rows", "paginated", "perPage", "selectable", "selection"]);
 }
-const OM = /* @__PURE__ */ P($M, [["render", NM]]), YM = {
+const OM = /* @__PURE__ */ F($M, [["render", NM]]), YM = {
   BcfFilters: b8,
   BcfSettings: q8,
   BcfStatistics: Re,