@bimdata/bcf-components 3.1.0-rc.5 → 3.1.0-rc.6

package/dist/vue3/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as R5, computed as R, ref as x, watch as a2, openBlock as r, createElementBlock as a, normalizeClass as V, normalizeStyle as y, renderSlot as _, createElementVNode as t, createBlock as D, resolveDynamicComponent as d1, pushScopeId as a1, popScopeId as l1, mergeProps as E2, toDisplayString as h, createCommentVNode as v, createTextVNode as Z, resolveComponent as g, createVNode as p, resolveDirective as l2, withDirectives as X, Transition as n1, withCtx as f, Fragment as O, renderList as U, vShow as q, toRaw as e5, withKeys as B, withModifiers as w, createSlots as m5, createStaticVNode as I5, inject as E5 } from "vue";
+import { reactive as R5, computed as R, ref as B, watch as n1, openBlock as r, createElementBlock as a, normalizeClass as V, normalizeStyle as y, renderSlot as _, createElementVNode as t, createBlock as D, resolveDynamicComponent as u1, pushScopeId as l1, popScopeId as i1, mergeProps as E2, toDisplayString as b, createCommentVNode as v, createTextVNode as Z, resolveComponent as g, createVNode as p, resolveDirective as l2, withDirectives as X, Transition as t1, withCtx as f, Fragment as O, renderList as U, vShow as q, toRaw as e5, withKeys as x, withModifiers as w, createSlots as m5, createStaticVNode as I5, inject as E5 } from "vue";
 const M5 = Object.freeze([
   "Priority",
   "Type",
@@ -21,43 +21,43 @@ const M5 = Object.freeze([
   Stage: "stages",
   Status: "topic_statuses",
   Label: "topic_labels"
-}), F2 = "D8D8D8", D5 = "D8D8D8", P2 = "originating_system", U2 = "authoring_tool_id", h1 = Object.freeze({
+}), F2 = "D8D8D8", D5 = "D8D8D8", P2 = "originating_system", U2 = "authoring_tool_id", b1 = Object.freeze({
   V3D: "ifc3d",
   PTC: "pointCloud",
   V2D: "ifc2d",
   DWG: "dwg",
   PLAN: "plan"
 }), z2 = Object.freeze({
-  [h1.V3D]: {
+  [b1.V3D]: {
     order: 1,
     window: "3d",
     plugin: "viewer3d",
     icon: "fileIfcPolychrome"
   },
-  [h1.PTC]: {
+  [b1.PTC]: {
     order: 2,
     window: "pointCloud",
     plugin: "pointCloud"
   },
-  [h1.V2D]: {
+  [b1.V2D]: {
     order: 3,
     window: "2d",
     plugin: "viewer2d",
     icon: "fileIfcPolychrome"
   },
-  [h1.DWG]: {
+  [b1.DWG]: {
     order: 4,
     window: "dwg",
     plugin: "dwg",
     icon: "fileDwgPolychrome"
   },
-  [h1.PLAN]: {
+  [b1.PLAN]: {
     order: 5,
     window: "plan",
     plugin: "plan",
     icon: "filePlanPolychrome"
   }
-}), lI = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), sI = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DEFAULT_PRIORITY_COLOR: F2,
   DEFAULT_STATUS_COLOR: D5,
@@ -67,7 +67,7 @@ const M5 = Object.freeze([
   EXTENSION_WITH_COLOR: _5,
   VIEWPOINT_CONFIG: z2,
   VIEWPOINT_MODELS_FIELD: U2,
-  VIEWPOINT_TYPES: h1,
+  VIEWPOINT_TYPES: b1,
   VIEWPOINT_TYPE_FIELD: P2
 }, Symbol.toStringTag, { value: "Module" })), F5 = Object.freeze({
   bisque: "ffe4c4",
@@ -166,34 +166,34 @@ var D2 = { exports: {} };
     value: !0
   }), n.default = L;
   var o = H2.exports, l = c(o), s = D2.exports, i = c(s);
-  function c(b) {
-    return b && b.__esModule ? b : { default: b };
+  function c(h) {
+    return h && h.__esModule ? h : { default: h };
   }
-  function u(b) {
-    var M = -1, m = b.length;
+  function u(h) {
+    var m = -1, M = h.length;
     return function() {
-      return ++M < m ? { value: b[M], key: M } : null;
+      return ++m < M ? { value: h[m], key: m } : null;
     };
   }
-  function d(b) {
-    var M = -1;
+  function d(h) {
+    var m = -1;
     return function() {
-      var I = b.next();
-      return I.done ? null : (M++, { value: I.value, key: M });
+      var I = h.next();
+      return I.done ? null : (m++, { value: I.value, key: m });
     };
   }
-  function C(b) {
-    var M = b ? Object.keys(b) : [], m = -1, I = M.length;
+  function C(h) {
+    var m = h ? Object.keys(h) : [], M = -1, I = m.length;
     return function k() {
-      var $ = M[++m];
-      return $ === "__proto__" ? k() : m < I ? { value: b[$], key: $ } : null;
+      var $ = m[++M];
+      return $ === "__proto__" ? k() : M < I ? { value: h[$], key: $ } : null;
     };
   }
-  function L(b) {
-    if ((0, l.default)(b))
-      return u(b);
-    var M = (0, i.default)(b);
-    return M ? d(M) : C(b);
+  function L(h) {
+    if ((0, l.default)(h))
+      return u(h);
+    var m = (0, i.default)(h);
+    return m ? d(m) : C(h);
   }
   e.exports = n.default;
 })(y2, y2.exports);
@@ -212,7 +212,7 @@ var V2 = { exports: {} };
   }
   e.exports = n.default;
 })(V2, V2.exports);
-var e1 = {}, A1 = { exports: {} }, B2 = { exports: {} };
+var e1 = {}, T1 = { exports: {} }, B2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
@@ -223,58 +223,58 @@ var e1 = {}, A1 = { exports: {} }, B2 = { exports: {} };
     };
   }, e.exports = n.default;
 })(B2, B2.exports);
-var i1 = {};
-Object.defineProperty(i1, "__esModule", {
+var s1 = {};
+Object.defineProperty(s1, "__esModule", {
   value: !0
 });
-i1.fallback = V5;
-i1.wrap = B5;
-var Y5 = i1.hasQueueMicrotask = typeof queueMicrotask == "function" && queueMicrotask, W5 = i1.hasSetImmediate = typeof setImmediate == "function" && setImmediate, X5 = i1.hasNextTick = typeof process == "object" && typeof process.nextTick == "function";
+s1.fallback = V5;
+s1.wrap = B5;
+var Y5 = s1.hasQueueMicrotask = typeof queueMicrotask == "function" && queueMicrotask, W5 = s1.hasSetImmediate = typeof setImmediate == "function" && setImmediate, X5 = s1.hasNextTick = typeof process == "object" && typeof process.nextTick == "function";
 function V5(e) {
   setTimeout(e, 0);
 }
 function B5(e) {
   return (n, ...o) => e(() => n(...o));
 }
-var I1;
-Y5 ? I1 = queueMicrotask : W5 ? I1 = setImmediate : X5 ? I1 = process.nextTick : I1 = V5;
-i1.default = B5(I1);
+var M1;
+Y5 ? M1 = queueMicrotask : W5 ? M1 = setImmediate : X5 ? M1 = process.nextTick : M1 = V5;
+s1.default = B5(M1);
 var t5;
 function j5() {
   return t5 || (t5 = 1, function(e, n) {
     Object.defineProperty(n, "__esModule", {
       value: !0
     }), n.default = d;
-    var o = B2.exports, l = u(o), s = i1, i = u(s), c = G2();
-    function u(b) {
-      return b && b.__esModule ? b : { default: b };
+    var o = B2.exports, l = u(o), s = s1, i = u(s), c = G2();
+    function u(h) {
+      return h && h.__esModule ? h : { default: h };
     }
-    function d(b) {
-      return (0, c.isAsync)(b) ? function(...M) {
-        const m = M.pop(), I = b.apply(this, M);
-        return C(I, m);
-      } : (0, l.default)(function(M, m) {
+    function d(h) {
+      return (0, c.isAsync)(h) ? function(...m) {
+        const M = m.pop(), I = h.apply(this, m);
+        return C(I, M);
+      } : (0, l.default)(function(m, M) {
         var I;
         try {
-          I = b.apply(this, M);
+          I = h.apply(this, m);
         } catch (k) {
-          return m(k);
+          return M(k);
         }
         if (I && typeof I.then == "function")
-          return C(I, m);
-        m(null, I);
+          return C(I, M);
+        M(null, I);
       });
     }
-    function C(b, M) {
-      return b.then((m) => {
-        L(M, null, m);
-      }, (m) => {
-        L(M, m && m.message ? m : new Error(m));
+    function C(h, m) {
+      return h.then((M) => {
+        L(m, null, M);
+      }, (M) => {
+        L(m, M && M.message ? M : new Error(M));
       });
     }
-    function L(b, M, m) {
+    function L(h, m, M) {
       try {
-        b(M, m);
+        h(m, M);
       } catch (I) {
         (0, i.default)((k) => {
           throw k;
@@ -282,7 +282,7 @@ function j5() {
       }
     }
     e.exports = n.default;
-  }(A1, A1.exports)), A1.exports;
+  }(T1, T1.exports)), T1.exports;
 }
 var r5;
 function G2() {
@@ -311,50 +311,50 @@ function G2() {
   }
   return e1.default = c, e1.isAsync = l, e1.isAsyncGenerator = s, e1.isAsyncIterable = i, e1;
 }
-var k2 = { exports: {} }, r2 = { exports: {} };
+var k2 = { exports: {} }, o2 = { exports: {} };
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
   const o = {};
   n.default = o, e.exports = n.default;
-})(r2, r2.exports);
+})(o2, o2.exports);
 (function(e, n) {
   Object.defineProperty(n, "__esModule", {
     value: !0
   }), n.default = i;
-  var o = r2.exports, l = s(o);
+  var o = o2.exports, l = s(o);
   function s(c) {
     return c && c.__esModule ? c : { default: c };
   }
   function i(c, u, d, C) {
-    let L = !1, b = !1, M = !1, m = 0, I = 0;
+    let L = !1, h = !1, m = !1, M = 0, I = 0;
     function k() {
-      m >= u || M || L || (M = !0, c.next().then(({ value: S, done: H }) => {
-        if (!(b || L)) {
-          if (M = !1, H) {
-            L = !0, m <= 0 && C(null);
+      M >= u || m || L || (m = !0, c.next().then(({ value: S, done: H }) => {
+        if (!(h || L)) {
+          if (m = !1, H) {
+            L = !0, M <= 0 && C(null);
             return;
           }
-          m++, d(S, I, $), I++, k();
+          M++, d(S, I, $), I++, k();
         }
       }).catch(P));
     }
     function $(S, H) {
-      if (m -= 1, !b) {
+      if (M -= 1, !h) {
         if (S)
           return P(S);
         if (S === !1) {
-          L = !0, b = !0;
+          L = !0, h = !0;
           return;
         }
-        if (H === l.default || L && m <= 0)
+        if (H === l.default || L && M <= 0)
           return L = !0, C(null);
         k();
       }
     }
     function P(S) {
-      b || (M = !1, L = !0, C(S));
+      h || (m = !1, L = !0, C(S));
     }
     k();
   }
@@ -364,8 +364,8 @@ var k2 = { exports: {} }, r2 = { exports: {} };
   Object.defineProperty(n, "__esModule", {
     value: !0
   });
-  var o = _2.exports, l = m(o), s = y2.exports, i = m(s), c = V2.exports, u = m(c), d = G2(), C = k2.exports, L = m(C), b = r2.exports, M = m(b);
-  function m(I) {
+  var o = _2.exports, l = M(o), s = y2.exports, i = M(s), c = V2.exports, u = M(c), d = G2(), C = k2.exports, L = M(C), h = o2.exports, m = M(h);
+  function M(I) {
     return I && I.__esModule ? I : { default: I };
   }
   n.default = (I) => (k, $, P) => {
@@ -378,26 +378,26 @@ var k2 = { exports: {} }, r2 = { exports: {} };
     if ((0, d.isAsyncIterable)(k))
       return (0, L.default)(k[Symbol.asyncIterator](), I, $, P);
     var S = (0, i.default)(k), H = !1, A = !1, T = 0, E = !1;
-    function Y(t1, N) {
+    function Y(r1, N) {
       if (!A)
-        if (T -= 1, t1)
-          H = !0, P(t1);
-        else if (t1 === !1)
+        if (T -= 1, r1)
+          H = !0, P(r1);
+        else if (r1 === !1)
           H = !0, A = !0;
         else {
-          if (N === M.default || H && T <= 0)
+          if (N === m.default || H && T <= 0)
             return H = !0, P(null);
           E || Q();
         }
     }
     function Q() {
       for (E = !0; T < I && !H; ) {
-        var t1 = S();
-        if (t1 === null) {
+        var r1 = S();
+        if (r1 === null) {
           H = !0, T <= 0 && P(null);
           return;
         }
-        T += 1, $(t1.value, t1.key, (0, u.default)(Y));
+        T += 1, $(r1.value, r1.key, (0, u.default)(Y));
       }
       E = !1;
     }
@@ -440,22 +440,22 @@ var w2 = { exports: {} };
     value: !0
   });
   var o = M2.exports, l = L(o), s = x2.exports, i = L(s), c = G2(), u = L(c), d = w2.exports, C = L(d);
-  function L(M) {
-    return M && M.__esModule ? M : { default: M };
+  function L(m) {
+    return m && m.__esModule ? m : { default: m };
   }
-  function b(M, m, I, k) {
-    return (0, l.default)(m)(M, (0, i.default)((0, u.default)(I)), k);
+  function h(m, M, I, k) {
+    return (0, l.default)(M)(m, (0, i.default)((0, u.default)(I)), k);
   }
-  n.default = (0, C.default)(b, 4), e.exports = n.default;
+  n.default = (0, C.default)(h, 4), e.exports = n.default;
 })(I2, I2.exports);
 const K5 = /* @__PURE__ */ G5(I2.exports);
-function b1(e) {
+function g1(e) {
   return y5[e];
 }
 function k5(e, n) {
   return n[H5[e]];
 }
-function L1(e, n) {
+function v1(e, n) {
   const o = n.priorities.find(
     (l) => l.priority === e.priority
   );
@@ -468,13 +468,13 @@ function Y2(e, n) {
   return (o == null ? void 0 : o.color) || D5;
 }
 let x5 = null;
-function iI(e, { fetchUsers: n }) {
+function cI(e, { fetchUsers: n }) {
   const o = n ? (H) => n(H) : (H) => e.collaborationApi.getProjectUsers(H.cloud.id, H.id);
   return {
     fetchTopics: async (H) => {
       const A = await o(H), T = await e.bcfApi.getDetailedExtensions(H.id), E = await e.bcfApi.getTopics(H.id);
       return E.sort((Y, Q) => Q.index - Y.index), await K5(E, 10, async (Y) => {
-        Y.color = L1(Y, T), Y.creator = A.find((Q) => Q.email === Y.creation_author), Y.viewpoints = await e.bcfApi.getTopicViewpoints(
+        Y.color = v1(Y, T), Y.creator = A.find((Q) => Q.email === Y.creation_author), Y.viewpoints = await e.bcfApi.getTopicViewpoints(
           H.id,
           Y.guid,
           "url"
@@ -483,7 +483,7 @@ function iI(e, { fetchUsers: n }) {
     },
     fecthTopicByGuid: async (H, A) => {
       const T = await e.bcfApi.getDetailedExtensions(H.id), E = await e.bcfApi.getFullTopic(A, H.id, "url");
-      return E.color = L1(E, T), E;
+      return E.color = v1(E, T), E;
     },
     createTopic: async (H, A) => await e.bcfApi.createFullTopic(
       H.id,
@@ -543,7 +543,7 @@ function iI(e, { fetchUsers: n }) {
     createExtension: async (H, A, T) => await e.bcfApi[`createExtension${A}`](
       H.id,
       {
-        [b1(A)]: T.value,
+        [g1(A)]: T.value,
         color: U5()
       }
     ),
@@ -551,7 +551,7 @@ function iI(e, { fetchUsers: n }) {
       T.id,
       H.id,
       {
-        [b1(A)]: E.value,
+        [g1(A)]: E.value,
         color: E.color
       }
     ),
@@ -563,10 +563,10 @@ function iI(e, { fetchUsers: n }) {
     }
   };
 }
-function sI(e) {
+function dI(e) {
   x5 = e;
 }
-function x1() {
+function w1() {
   return x5;
 }
 const o5 = {
@@ -607,9 +607,9 @@ const J5 = [
   "assigned_to",
   "description"
 ];
-function cI(e) {
-  const n = x(""), o = x([]);
-  return a2(
+function uI(e) {
+  const n = B(""), o = B([]);
+  return n1(
     [e, n],
     () => {
       if (n.value) {
@@ -629,10 +629,10 @@ function cI(e) {
   };
 }
 function C2(e, n = (o) => o) {
-  const o = x(e), l = (c = "asc") => {
+  const o = B(e), l = (c = "asc") => {
     const u = o.value.slice().sort((d, C) => n(d) < n(C) ? -1 : 1);
     c === "desc" && u.reverse(), o.value = u;
-  }, s = x("none");
+  }, s = B("none");
   return {
     sortOrder: s,
     sortToggle: () => {
@@ -640,8 +640,8 @@ function C2(e, n = (o) => o) {
     }
   };
 }
-function dI(e) {
-  const { sortToggle: n, sortOrder: o } = C2(e, (b) => b.index), { sortToggle: l, sortOrder: s } = C2(e, (b) => b.title), { sortToggle: i, sortOrder: c } = C2(e, (b) => b.creation_date), u = x("");
+function CI(e) {
+  const { sortToggle: n, sortOrder: o } = C2(e, (h) => h.index), { sortToggle: l, sortOrder: s } = C2(e, (h) => h.title), { sortToggle: i, sortOrder: c } = C2(e, (h) => h.creation_date), u = B("");
   return {
     sortedBy: u,
     sortByIndex: () => {
@@ -661,7 +661,7 @@ function dI(e) {
 function Q5(e) {
   return e[P2];
 }
-function uI(e) {
+function pI(e) {
   var n, o;
   return (o = (n = e[U2]) == null ? void 0 : n.split(",").map(Number)) != null ? o : [];
 }
@@ -1625,10 +1625,10 @@ Z5(`.icon-fill--black {
 .icon-stroke--white {
   stroke: var(--color-white);
 }`), j.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(d1(`bimdata-icon-${o.name}`)))], 14, Ie);
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(u1(`bimdata-icon-${o.name}`)))], 14, Ie);
 }, j.__scopeId = "data-v-1312d4d1", j.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 let i5 = 0;
-var s1 = { 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() {
+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() {
   return { margin: `${this.margin}` };
 } }, beforeCreate() {
   this.uuid = i5.toString(), i5 += 1;
@@ -1642,7 +1642,7 @@ var s1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { m
 }, blur() {
   this.$refs.input && this.$refs.input.blur();
 } } };
-const Me = ["id", "disabled", "value", "autocomplete"], _e = { class: "bimdata-input__icon" }, ye = ["for"], He = ((e) => (a1("data-v-5d42d486"), e = e(), l1(), e))(() => t("span", { class: "bar" }, null, -1)), De = { key: 0, class: "error" }, Ve = { key: 1, class: "success" };
+const Me = ["id", "disabled", "value", "autocomplete"], _e = { class: "bimdata-input__icon" }, ye = ["for"], He = ((e) => (l1("data-v-5d42d486"), e = e(), i1(), e))(() => t("span", { class: "bar" }, null, -1)), De = { key: 0, class: "error" }, Ve = { key: 1, class: "success" };
 function S5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
@@ -1835,8 +1835,7 @@ S5(`@-webkit-keyframes scaleX {
             transform: scaleX(0);
     left: 50%;
 }
-}
-@keyframes scaleX {
+}@keyframes scaleX {
 0% {
     -webkit-transform: scaleX(0);
             transform: scaleX(0);
@@ -1981,11 +1980,11 @@ input:-webkit-autofill {
 }
 .bimdata-input.success .bar::before, .bimdata-input.success .bar::after {
   background-color: var(--color-success);
-}`), s1.render = function(e, n, o, l, s, i) {
+}`), c1.render = function(e, n, o, l, s, i) {
   return r(), a("div", { class: V(["bimdata-input", { error: o.error, success: o.success, disabled: o.disabled, loading: o.loading, "not-empty": !!o.modelValue }]), style: y(i.style) }, [t("input", E2({ ref: "input", id: `bimdata-input-${e.uuid}`, onInput: n[0] || (n[0] = (c) => e.$emit("update:modelValue", c.currentTarget.value)), disabled: o.disabled, value: o.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: o.autocomplete ? "on" : "off" }, e.$attrs), null, 16, Me), t("div", _e, [_(e.$slots, "inputIcon")]), t("label", { for: `bimdata-input-${e.uuid}` }, h(o.placeholder), 9, ye), He, o.error ? (r(), a("span", De, h(o.errorMessage), 1)) : v("v-if", !0), o.success ? (r(), a("span", Ve, h(o.successMessage), 1)) : v("v-if", !0)], 6);
-}, s1.__scopeId = "data-v-5d42d486", s1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
+  }), 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: o.autocomplete ? "on" : "off" }, e.$attrs), null, 16, Me), t("div", _e, [_(e.$slots, "inputIcon")]), t("label", { for: `bimdata-input-${e.uuid}` }, b(o.placeholder), 9, ye), He, o.error ? (r(), a("span", De, b(o.errorMessage), 1)) : v("v-if", !0), o.success ? (r(), a("span", Ve, b(o.successMessage), 1)) : v("v-if", !0)], 6);
+}, c1.__scopeId = "data-v-5d42d486", c1.__file = "src/BIMDataComponents/BIMDataInput/BIMDataInput.vue";
 var A5 = { beforeMount(e, n) {
   if (typeof n.value != "function")
     throw Error("click away directive needs function, got " + typeof n.value);
@@ -1994,7 +1993,7 @@ var A5 = { beforeMount(e, n) {
   }, window.addEventListener(n.arg || "click", e.clickAwayHandler, !0);
 }, unmounted(e, n) {
   window.removeEventListener(n.arg || "click", e.clickAwayHandler, !0), delete e.clickAwayHandler;
-} }, T1 = { 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() {
+} }, $1 = { 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;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -2003,7 +2002,7 @@ var A5 = { beforeMount(e, n) {
 } }, methods: { onClick() {
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
-const Be = ((e) => (a1("data-v-34d34265"), e = e(), l1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), ke = { key: 0, class: "bimdata-checkbox__text" };
+const Be = ((e) => (l1("data-v-34d34265"), e = e(), i1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), ke = { key: 0, class: "bimdata-checkbox__text" };
 function J(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
@@ -2257,9 +2256,9 @@ J(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), T1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { class: V(["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }]), onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: y(i.style) }, [Be, o.text ? (r(), a("span", ke, [_(e.$slots, "default", {}, () => [Z(h(o.text), 1)])])) : v("v-if", !0)], 6);
-}, T1.__scopeId = "data-v-34d34265", T1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), $1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", { class: V(["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }]), onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: y(i.style) }, [Be, o.text ? (r(), a("span", ke, [_(e.$slots, "default", {}, () => [Z(b(o.text), 1)])])) : v("v-if", !0)], 6);
+}, $1.__scopeId = "data-v-34d34265", $1.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const xe = { "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" }, we = { render: function(e, n) {
   return r(), a("path", xe);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
@@ -2272,7 +2271,7 @@ var s2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: {
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : s5[this.size];
-} } }), _1 = s2("Chevron", we);
+} } }), y1 = s2("Chevron", we);
 const Se = ["fill", "color"];
 J(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -2426,10 +2425,10 @@ J(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), _1.render = function(e, n, o, l, s, i) {
+}`), y1.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, Se);
-}, _1.__scopeId = "data-v-5e440aca", _1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+}, y1.__scopeId = "data-v-5e440aca", y1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const Ae = { "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" }, Te = { render: function(e, n) {
   return r(), a("path", Ae);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
@@ -2913,7 +2912,7 @@ J(`.icon-fill--black {
   const c = g("Search");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, Pe);
 }, b2.__scopeId = "data-v-0993abf8", b2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var $1 = { components: { BIMDataCheckbox: T1, BIMDataIconChevron: _1 }, 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() {
+var N1 = { components: { BIMDataCheckbox: $1, 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(", ");
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -2939,7 +2938,7 @@ var $1 = { components: { BIMDataCheckbox: T1, BIMDataIconChevron: _1 }, directiv
     n = this.modelValue.concat(e);
   this.$emit("update:modelValue", n);
 } } };
-const Ue = { class: "bimdata-select__content" }, ze = { class: "bimdata-select__content__label" }, Ge = ((e) => (a1("data-v-2c3115dc"), e = e(), l1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), Ye = { class: "bimdata-select__option-list" }, We = ["onClick"];
+const Ue = { class: "bimdata-select__content" }, ze = { class: "bimdata-select__content__label" }, Ge = ((e) => (l1("data-v-2c3115dc"), e = e(), i1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), Ye = { class: "bimdata-select__option-list" }, We = ["onClick"];
 J(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
@@ -3120,11 +3119,11 @@ html[data-v-2c3115dc] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-2c3115dc]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), $1.render = function(e, n, o, l, s, i) {
+}`), N1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconChevron"), u = g("BIMDataCheckbox"), d = l2("clickaway");
-  return X((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue.length > 0 }]), style: y({ width: o.width }) }, [t("div", Ue, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...C) => i.toggle && i.toggle(...C)) }, [t("span", null, h(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", ze, h(o.label), 1), Ge]), p(n1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [X(t("ul", Ye, [(r(!0), a(O, null, U(o.options, (C, L) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: L, onClick: (b) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), a(O, { key: 0 }, [Z(h(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, We))), 128))], 512), [[q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
-}, $1.__scopeId = "data-v-2c3115dc", $1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
-var N1 = { components: { BIMDataIconChevron: _1 }, 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 X((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue.length > 0 }]), style: y({ width: o.width }) }, [t("div", Ue, [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", ze, b(o.label), 1), Ge]), p(t1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [X(t("ul", Ye, [(r(!0), a(O, null, U(o.options, (C, L) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(C), disabled: i.isDisabled(C), "option-group": i.isOptionGroup(C) }]), key: L, onClick: (h) => i.onOptionClick(C) }, [i.isOptionGroup(C) ? (r(), a(O, { key: 0 }, [Z(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, We))), 128))], 512), [[q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[d, () => s.isOpen = !1]]);
+}, N1.__scopeId = "data-v-2c3115dc", N1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectMulti.vue";
+var O1 = { 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);
 } }, methods: { toggle() {
   this.disabled || (this.isOpen = !this.isOpen);
@@ -3144,7 +3143,7 @@ var N1 = { components: { BIMDataIconChevron: _1 }, directives: { clickaway: A5 }
 }, onNullValueClick() {
   this.$emit("update:modelValue", null), this.isOpen = !1;
 } } };
-const Xe = { class: "bimdata-select__content" }, je = { class: "bimdata-select__content__label" }, Ke = ((e) => (a1("data-v-41a0d93f"), e = e(), l1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), qe = { class: "bimdata-select__option-list" }, Je = ["onClick"];
+const Xe = { class: "bimdata-select__content" }, je = { class: "bimdata-select__content__label" }, Ke = ((e) => (l1("data-v-41a0d93f"), e = e(), i1(), e))(() => t("span", { class: "bimdata-select__content__underline" }, null, -1)), qe = { class: "bimdata-select__option-list" }, Je = ["onClick"];
 J(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
@@ -3325,23 +3324,23 @@ html[data-v-41a0d93f] {
 }
 .bimdata-select__option-list__entry.option-group ~ .bimdata-select__option-list__entry[data-v-41a0d93f]:not(.option-group) {
   padding-left: calc(var(--spacing-unit) * 2);
-}`), N1.render = function(e, n, o, l, s, i) {
+}`), O1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconChevron"), u = l2("clickaway");
-  return X((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue !== void 0 && o.modelValue !== null }]), style: y({ width: o.width }) }, [t("div", Xe, [t("div", { class: "bimdata-select__content__value", onClick: n[0] || (n[0] = (...d) => i.toggle && i.toggle(...d)) }, [t("span", null, h(i.displayedValue), 1), p(c, { size: "xxs", rotate: s.isOpen ? 90 : 0 }, null, 8, ["rotate"])]), t("label", je, h(o.label), 1), Ke]), p(n1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [X(t("ul", qe, [o.nullValue ? (r(), a("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, h(o.nullLabel || "None"), 1)) : v("v-if", !0), (r(!0), a(O, null, U(o.options, (d, C) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (L) => i.onOptionClick(d) }, h(i.optionLabel(d)), 11, Je))), 128))], 512), [[q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
-}, N1.__scopeId = "data-v-41a0d93f", N1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
-var o2 = { components: { BIMDataSelectMulti: $1, BIMDataSelectSingle: N1 }, 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 X((r(), a("div", { class: V(["bimdata-select", { disabled: o.disabled, active: s.isOpen, "not-empty": o.modelValue !== void 0 && o.modelValue !== null }]), style: y({ width: o.width }) }, [t("div", Xe, [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", je, b(o.label), 1), Ke]), p(t1, { name: "slide-fade-down", persisted: "" }, { default: f(() => [X(t("ul", qe, [o.nullValue ? (r(), a("li", { key: 0, class: "bimdata-select__option-list__entry", onClick: n[1] || (n[1] = (d) => i.onNullValueClick()) }, b(o.nullLabel || "None"), 1)) : v("v-if", !0), (r(!0), a(O, null, U(o.options, (d, C) => (r(), a("li", { class: V(["bimdata-select__option-list__entry", { selected: i.isSelected(d), disabled: i.isDisabled(d), "option-group": i.isOptionGroup(d) }]), key: C, onClick: (L) => i.onOptionClick(d) }, b(i.optionLabel(d)), 11, Je))), 128))], 512), [[q, !o.disabled && s.isOpen]])]), _: 1 })], 6)), [[u, () => s.isOpen = !1]]);
+}, O1.__scopeId = "data-v-41a0d93f", O1.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelectSingle.vue";
+var a2 = { components: { BIMDataSelectMulti: N1, BIMDataSelectSingle: O1 }, 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";
 } } };
-o2.render = function(e, n, o, l, s, i) {
-  return r(), D(d1(i.selectorComponent), E2(e.$props, { modelValue: o.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
-}, o2.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
+a2.render = function(e, n, o, l, s, i) {
+  return r(), D(u1(i.selectorComponent), E2(e.$props, { modelValue: o.modelValue, "onUpdate:modelValue": n[0] || (n[0] = (c) => e.$emit("update:modelValue", c)) }), null, 16, ["modelValue"]);
+}, a2.__file = "src/BIMDataComponents/BIMDataSelect/BIMDataSelect.vue";
 const F = (e, n) => {
   const o = e.__vccOpts || e;
   for (const [l, s] of n)
     o[l] = s;
   return o;
 };
-function m1(e) {
+function I1(e) {
   return Array.from(new Set(e)).sort(
     (n, o) => n.localeCompare(o, void 0, { sensitivity: "base" })
   );
@@ -3350,8 +3349,8 @@ const Qe = {
   components: {
     BIMDataButton: W,
     BIMDataIcon: j,
-    BIMDataInput: s1,
-    BIMDataSelect: o2
+    BIMDataInput: c1,
+    BIMDataSelect: a2
   },
   props: {
     topics: {
@@ -3361,28 +3360,28 @@ const Qe = {
   },
   emits: ["submit"],
   setup(e, { emit: n }) {
-    const o = x(!1), l = () => o.value = !1, s = () => o.value = !o.value, i = x(null), { filters: c, filteredTopics: u, reset: d } = q5(
+    const o = B(!1), l = () => o.value = !1, s = () => o.value = !o.value, i = B(null), { filters: c, filteredTopics: u, reset: d } = q5(
       R(() => e.topics)
     ), C = R(
-      () => m1(e.topics.map(($) => $.priority))
+      () => I1(e.topics.map(($) => $.priority))
     ), L = R(
-      () => m1(e.topics.map(($) => $.topic_status))
-    ), b = R(
-      () => m1(e.topics.map(($) => $.assigned_to))
-    ), M = R(
-      () => m1(e.topics.map(($) => $.creation_author))
+      () => I1(e.topics.map(($) => $.topic_status))
+    ), h = R(
+      () => I1(e.topics.map(($) => $.assigned_to))
     ), m = R(
-      () => m1(e.topics.flatMap(($) => $.labels))
+      () => I1(e.topics.map(($) => $.creation_author))
+    ), M = R(
+      () => I1(e.topics.flatMap(($) => $.labels))
     );
     return {
-      creatorOptions: M,
+      creatorOptions: m,
       filters: c,
       toDate: i,
       isOpen: o,
       priorityOptions: C,
       statusOptions: L,
-      labelOptions: m,
-      userOptions: b,
+      labelOptions: M,
+      userOptions: h,
       close: l,
       resetFilters: () => {
         d(), n("submit", {
@@ -3420,15 +3419,15 @@ function l0(e, n, o, l, s, i) {
           color: "default",
           margin: "0 6px 0 0"
         }),
-        t("span", null, h(e.$t("BcfComponents.BcfFilters.filtersButton")), 1)
+        t("span", null, b(e.$t("BcfComponents.BcfFilters.filtersButton")), 1)
       ]),
       _: 1
     }, 8, ["disabled", "onClick"]),
-    p(n1, { name: "slide-fade-up" }, {
+    p(t1, { name: "slide-fade-up" }, {
       default: f(() => [
         X(t("div", n0, [
           t("div", t0, [
-            t("div", r0, h(e.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
+            t("div", r0, b(e.$t("BcfComponents.BcfFilters.filtersTitle")), 1),
             p(u, {
               color: "primary",
               ghost: "",
@@ -3454,7 +3453,7 @@ function l0(e, n, o, l, s, i) {
             nullLabel: e.$t("BcfComponents.BcfFilters.undefined"),
             options: l.priorityOptions,
             modelValue: l.filters.priorities,
-            "onUpdate:modelValue": n[0] || (n[0] = (b) => l.filters.priorities = b)
+            "onUpdate:modelValue": n[0] || (n[0] = (h) => l.filters.priorities = h)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
           p(d, {
             width: "100%",
@@ -3463,14 +3462,14 @@ function l0(e, n, o, l, s, i) {
             nullLabel: e.$t("BcfComponents.BcfFilters.undefined"),
             options: l.statusOptions,
             modelValue: l.filters.statuses,
-            "onUpdate:modelValue": n[1] || (n[1] = (b) => l.filters.statuses = b)
+            "onUpdate:modelValue": n[1] || (n[1] = (h) => l.filters.statuses = h)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
           t("div", o0, [
             p(C, {
               modelValue: l.filters.startDate,
-              "onUpdate:modelValue": n[2] || (n[2] = (b) => l.filters.startDate = b),
+              "onUpdate:modelValue": n[2] || (n[2] = (h) => l.filters.startDate = h),
               value: l.filters.startDate,
-              onToDateChange: n[3] || (n[3] = (b) => l.filters.endDate = b),
+              onToDateChange: n[3] || (n[3] = (h) => l.filters.endDate = h),
               toDate: l.filters.endDate,
               clearButton: !0,
               width: "100%",
@@ -3486,7 +3485,7 @@ function l0(e, n, o, l, s, i) {
             nullLabel: e.$t("BcfComponents.BcfFilters.undefined"),
             options: l.userOptions,
             modelValue: l.filters.users,
-            "onUpdate:modelValue": n[4] || (n[4] = (b) => l.filters.users = b)
+            "onUpdate:modelValue": n[4] || (n[4] = (h) => l.filters.users = h)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
           p(d, {
             width: "100%",
@@ -3495,7 +3494,7 @@ function l0(e, n, o, l, s, i) {
             nullLabel: e.$t("BcfComponents.BcfFilters.undefined"),
             options: l.creatorOptions,
             modelValue: l.filters.creators,
-            "onUpdate:modelValue": n[5] || (n[5] = (b) => l.filters.creators = b)
+            "onUpdate:modelValue": n[5] || (n[5] = (h) => l.filters.creators = h)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
           p(d, {
             width: "100%",
@@ -3504,7 +3503,7 @@ function l0(e, n, o, l, s, i) {
             nullLabel: e.$t("BcfComponents.BcfFilters.undefined"),
             options: l.labelOptions,
             modelValue: l.filters.labels,
-            "onUpdate:modelValue": n[6] || (n[6] = (b) => l.filters.labels = b)
+            "onUpdate:modelValue": n[6] || (n[6] = (h) => l.filters.labels = h)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
           t("div", a0, [
             p(u, {
@@ -3515,7 +3514,7 @@ function l0(e, n, o, l, s, i) {
               onClick: l.resetFilters
             }, {
               default: f(() => [
-                Z(h(e.$t("BcfComponents.BcfFilters.resetButton")), 1)
+                Z(b(e.$t("BcfComponents.BcfFilters.resetButton")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
@@ -3533,7 +3532,7 @@ function l0(e, n, o, l, s, i) {
                   color: "default",
                   margin: "0 6px 0 0"
                 }),
-                t("span", null, h(e.$t("BcfComponents.BcfFilters.searchButton")), 1)
+                t("span", null, b(e.$t("BcfComponents.BcfFilters.searchButton")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -3550,9 +3549,9 @@ function l0(e, n, o, l, s, i) {
 }
 const i0 = /* @__PURE__ */ F(Qe, [["render", l0], ["__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" }), s0 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
 Object.entries(W2).filter(([e]) => !s0.includes(e));
-var c0 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), O1 = { props: { text: { type: String } } };
+var c0 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), R1 = { props: { text: { type: String } } };
 const d0 = { class: "bimdata-card__brand" }, u0 = { class: "bimdata-card__brand--left" }, C0 = { key: 0 };
-function w1(e, n) {
+function Z1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -3560,7 +3559,7 @@ function w1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-w1(`/* base COLORS --------------------------------------------- */
+Z1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3629,7 +3628,7 @@ html[data-v-0185c658] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-w1(`.bimdata-card__brand {
+Z1(`.bimdata-card__brand {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
@@ -3645,14 +3644,14 @@ w1(`.bimdata-card__brand {
 }
 .bimdata-card__brand--left svg {
   margin-right: calc(var(--spacing-unit) / 2);
-}`), O1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", d0, [t("div", u0, [_(e.$slots, "left"), o.text ? (r(), a("span", C0, h(o.text), 1)) : v("v-if", !0)]), _(e.$slots, "right")]);
-}, O1.__scopeId = "data-v-0185c658", O1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
-var R1 = { components: { BIMDataCardBand: O1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (e) => c0.includes(e) } }, computed: { classes() {
+}`), R1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", d0, [t("div", u0, [_(e.$slots, "left"), o.text ? (r(), a("span", C0, b(o.text), 1)) : v("v-if", !0)]), _(e.$slots, "right")]);
+}, R1.__scopeId = "data-v-0185c658", R1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCardBand.vue";
+var E1 = { components: { BIMDataCardBand: R1 }, props: { titleHeader: { type: String }, submenuText: { type: String }, width: { type: [Number, String], default: "215px" }, borderRadius: { type: String, default: "0px" }, bgColor: { type: String, default: "default", validator: (e) => c0.includes(e) } }, computed: { classes() {
   return { [`bimdata-card__${this.bgColor}`]: this.bgColor };
 } } };
 const p0 = { key: 2, class: "bimdata-card__content" }, h0 = { key: 3, class: "bimdata-card__footer" };
-w1(`/* base COLORS --------------------------------------------- */
+Z1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -3810,7 +3809,7 @@ html[data-v-5c84207f] {
 .primary-font[data-v-5c84207f] {
   font-family: "roboto", sans-serif;
 }`);
-w1(`.bimdata-card {
+Z1(`.bimdata-card {
   background-color: var(--color-white);
   -webkit-box-shadow: var(--box-shadow);
           box-shadow: var(--box-shadow);
@@ -3886,14 +3885,14 @@ w1(`.bimdata-card {
   color: var(--color-primary);
   -webkit-filter: saturate(0.8);
           filter: saturate(0.8);
-}`), R1.render = function(e, n, o, l, s, i) {
+}`), E1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCardBand");
   return r(), a("div", { class: V(["bimdata-card", i.classes]), style: y({ "min-width": o.width, "border-radius": o.borderRadius }) }, [o.titleHeader || e.$slots.headerIcons ? (r(), D(c, { key: 0, text: o.titleHeader, class: "bimdata-card__header" }, { right: f(() => [_(e.$slots, "headerIcons")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.left || o.submenuText || e.$slots.right ? (r(), D(c, { key: 1, class: "bimdata-card__submenu", text: o.submenuText }, { left: f(() => [_(e.$slots, "left")]), right: f(() => [_(e.$slots, "right")]), _: 3 }, 8, ["text"])) : v("v-if", !0), e.$slots.content ? (r(), a("div", p0, [_(e.$slots, "content")])) : v("v-if", !0), e.$slots.footer ? (r(), a("footer", h0, [_(e.$slots, "footer")])) : v("v-if", !0)], 6);
-}, R1.__scopeId = "data-v-5c84207f", R1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
+}, E1.__scopeId = "data-v-5c84207f", E1.__file = "src/BIMDataComponents/BIMDataCard/BIMDataCard.vue";
 const b0 = Object.entries(W2).reduce((e, n, o) => (o % 5 == 0 ? e.push([n]) : e[e.length - 1].push(n), e), []);
-var E1 = { components: { BIMDataCard: R1 }, props: { modelValue: { type: String, default: null, validator: (e) => Object.values(W2).includes(e) } }, emits: ["update:modelValue"], data: () => ({ colorLines: b0 }) };
+var F1 = { components: { BIMDataCard: E1 }, props: { modelValue: { type: String, default: null, validator: (e) => Object.values(W2).includes(e) } }, emits: ["update:modelValue"], data: () => ({ colorLines: b0 }) };
 const g0 = ["title", "onClick"];
-w1(`.color-selector__line[data-v-dd521886] {
+Z1(`.color-selector__line[data-v-dd521886] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -3907,16 +3906,16 @@ w1(`.color-selector__line[data-v-dd521886] {
 }
 .color-selector__line__element.selected[data-v-dd521886] {
   border: solid 2px var(--color-primary);
-}`), E1.render = function(e, n, o, l, s, i) {
+}`), F1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCard");
-  return r(), D(c, { class: "color-selector" }, { content: f(() => [(r(!0), a(O, null, U(s.colorLines, (u, d) => (r(), a("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), a(O, null, U(u, ([C, L], b) => (r(), a("div", { class: V(["color-selector__line__element", { selected: L === o.modelValue }]), key: `colorElement${b}ofColorLine${d}`, style: y(`background-color: #${L}`), title: C, onClick: (M) => e.$emit("update:modelValue", L) }, null, 14, g0))), 128))]))), 128))]), _: 1 });
-}, E1.__scopeId = "data-v-dd521886", E1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
+  return r(), D(c, { class: "color-selector" }, { content: f(() => [(r(!0), a(O, null, U(s.colorLines, (u, d) => (r(), a("div", { class: "color-selector__line", key: `colorLine${d}` }, [(r(!0), a(O, null, U(u, ([C, L], h) => (r(), a("div", { class: V(["color-selector__line__element", { selected: L === o.modelValue }]), key: `colorElement${h}ofColorLine${d}`, style: y(`background-color: #${L}`), title: C, onClick: (m) => e.$emit("update:modelValue", L) }, null, 14, g0))), 128))]))), 128))]), _: 1 });
+}, F1.__scopeId = "data-v-dd521886", F1.__file = "src/BIMDataComponents/BIMDataColorSelector/BIMDataColorSelector.vue";
 const f0 = {
   components: {
     BIMDataButton: W,
-    BIMDataColorSelector: E1,
+    BIMDataColorSelector: F1,
     BIMDataIcon: j,
-    BIMDataInput: s1
+    BIMDataInput: c1
   },
   props: {
     extensionType: {
@@ -3931,10 +3930,10 @@ const f0 = {
     "delete-extension"
   ],
   setup(e, { emit: n }) {
-    const o = x(!1), l = x(!1), s = x(!1), i = x(
-      e.extension[b1(e.extensionType)]
-    ), c = x(e.extension.color), u = x(null);
-    return a2(
+    const o = B(!1), l = B(!1), s = B(!1), i = B(
+      e.extension[g1(e.extensionType)]
+    ), c = B(e.extension.color), u = B(null);
+    return n1(
       o,
       () => setTimeout(() => o.value && u.value.focus(), 50)
     ), {
@@ -3946,22 +3945,22 @@ const f0 = {
       isOpenColorSelector: l,
       isOpenDeleteGuard: s,
       adjustBorderColor: z5,
-      getExtensionField: b1,
-      submitColor: async (b) => {
-        b !== e.extension.color && (n("update-extension", {
+      getExtensionField: g1,
+      submitColor: async (h) => {
+        h !== e.extension.color && (n("update-extension", {
           extensionType: e.extensionType,
           extension: e.extension,
-          data: { color: b }
-        }), c.value = b);
+          data: { color: h }
+        }), c.value = h);
       },
-      submitDelete: async (b) => {
+      submitDelete: async (h) => {
         n("delete-extension", {
           extensionType: e.extensionType,
-          extension: b
+          extension: h
         });
       },
       submitValue: async () => {
-        i.value !== e.extension[b1(e.extensionType)] && (n("update-extension", {
+        i.value !== e.extension[g1(e.extensionType)] && (n("update-extension", {
           extensionType: e.extensionType,
           extension: e.extension,
           data: { value: i.value }
@@ -3980,16 +3979,16 @@ function _0(e, n, o, l, s, i) {
       key: 1,
       ref: "input",
       modelValue: l.extensionName,
-      "onUpdate:modelValue": n[0] || (n[0] = (b) => l.extensionName = b),
-      onKeyup: B(w(l.submitValue, ["stop"]), ["enter"])
-    }, null, 8, ["modelValue", "onKeyup"])) : (r(), a("span", v0, h(o.extension[l.getExtensionField(o.extensionType)]), 1)),
+      "onUpdate:modelValue": n[0] || (n[0] = (h) => l.extensionName = h),
+      onKeyup: x(w(l.submitValue, ["stop"]), ["enter"])
+    }, null, 8, ["modelValue", "onKeyup"])) : (r(), a("span", v0, b(o.extension[l.getExtensionField(o.extensionType)]), 1)),
     t("div", m0, [
       p(d, {
         color: "primary",
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[1] || (n[1] = (b) => l.editMode = !l.editMode)
+        onClick: n[1] || (n[1] = (h) => l.editMode = !l.editMode)
       }, {
         default: f(() => [
           p(u, {
@@ -4004,7 +4003,7 @@ function _0(e, n, o, l, s, i) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[2] || (n[2] = (b) => l.isOpenDeleteGuard = !0)
+        onClick: n[2] || (n[2] = (h) => l.isOpenDeleteGuard = !0)
       }, {
         default: f(() => [
           p(u, {
@@ -4021,7 +4020,7 @@ function _0(e, n, o, l, s, i) {
             "border-color": l.adjustBorderColor(`${l.extensionColor}`, -50),
             "background-color": `#${l.extensionColor}`
           }),
-          onClick: n[3] || (n[3] = (b) => l.isOpenColorSelector = !0)
+          onClick: n[3] || (n[3] = (h) => l.isOpenColorSelector = !0)
         }, null, 4),
         l.isOpenColorSelector ? X((r(), D(C, {
           key: 0,
@@ -4034,7 +4033,7 @@ function _0(e, n, o, l, s, i) {
       ], 64)) : v("", !0)
     ]),
     l.isOpenDeleteGuard ? (r(), a("div", I0, [
-      t("p", null, h(e.$t("BcfComponents.SettingCard.deleteExtensionText")), 1),
+      t("p", null, b(e.$t("BcfComponents.SettingCard.deleteExtensionText")), 1),
       t("div", M0, [
         p(d, {
           class: "m-r-6",
@@ -4042,10 +4041,10 @@ function _0(e, n, o, l, s, i) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: n[4] || (n[4] = (b) => l.submitDelete(o.extension))
+          onClick: n[4] || (n[4] = (h) => l.submitDelete(o.extension))
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.SettingCard.deleteButton")), 1)
+            Z(b(e.$t("BcfComponents.SettingCard.deleteButton")), 1)
           ]),
           _: 1
         }),
@@ -4054,7 +4053,7 @@ function _0(e, n, o, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[5] || (n[5] = (b) => l.isOpenDeleteGuard = !1)
+          onClick: n[5] || (n[5] = (h) => l.isOpenDeleteGuard = !1)
         }, {
           default: f(() => [
             p(u, {
@@ -4073,7 +4072,7 @@ const H0 = {
   components: {
     BIMDataButton: W,
     BIMDataIcon: j,
-    BIMDataInput: s1,
+    BIMDataInput: c1,
     SettingCardItem: y0
   },
   props: {
@@ -4094,7 +4093,7 @@ const H0 = {
   setup(e, { emit: n }) {
     const o = R(
       () => k5(e.extensionType, e.detailedExtensions)
-    ), l = x(null), s = x(""), i = x(!1), c = () => i.value = !1, u = () => i.value = !i.value, d = x(!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 {
@@ -4128,9 +4127,9 @@ function A0(e, n, o, l, s, i) {
       class: "setting-card__header",
       onClick: n[0] || (n[0] = (...L) => l.toggle && l.toggle(...L))
     }, [
-      t("div", V0, h(e.$t(`BcfComponents.SettingCard.title.${o.extensionType}`)), 1),
+      t("div", V0, b(e.$t(`BcfComponents.SettingCard.title.${o.extensionType}`)), 1),
       t("div", B0, [
-        l.availableExtensions ? (r(), a("div", k0, h(l.availableExtensions.length), 1)) : v("", !0),
+        l.availableExtensions ? (r(), a("div", k0, b(l.availableExtensions.length), 1)) : v("", !0),
         p(c, {
           name: "chevron",
           size: "xxs",
@@ -4140,7 +4139,7 @@ function A0(e, n, o, l, s, i) {
     ]),
     X(t("div", null, [
       t("div", x0, [
-        Z(h(e.$t(`BcfComponents.SettingCard.text.${o.extensionType}`)) + " ", 1),
+        Z(b(e.$t(`BcfComponents.SettingCard.text.${o.extensionType}`)) + " ", 1),
         p(u, {
           fill: "",
           radius: "",
@@ -4153,12 +4152,12 @@ function A0(e, n, o, l, s, i) {
               size: "xxxs",
               fill: ""
             }),
-            t("span", null, h(e.$t("BcfComponents.SettingCard.addButton")), 1)
+            t("span", null, b(e.$t("BcfComponents.SettingCard.addButton")), 1)
           ]),
           _: 1
         }, 8, ["onClick"])
       ]),
-      p(n1, { name: "slide-fade-up" }, {
+      p(t1, { name: "slide-fade-up" }, {
         default: f(() => [
           X(t("div", w0, [
             p(d, {
@@ -4166,7 +4165,7 @@ function A0(e, n, o, l, s, i) {
               placeholder: e.$t(`BcfComponents.SettingCard.input.${o.extensionType}`),
               modelValue: l.name,
               "onUpdate:modelValue": n[1] || (n[1] = (L) => l.name = L),
-              onKeyup: B(w(l.addExtension, ["stop"]), ["enter"])
+              onKeyup: x(w(l.addExtension, ["stop"]), ["enter"])
             }, null, 8, ["placeholder", "modelValue", "onKeyup"]),
             t("div", Z0, [
               p(u, {
@@ -4175,7 +4174,7 @@ function A0(e, n, o, l, s, i) {
                 onClick: l.closeForm
               }, {
                 default: f(() => [
-                  Z(h(e.$t("BcfComponents.SettingCard.cancelButton")), 1)
+                  Z(b(e.$t("BcfComponents.SettingCard.cancelButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
@@ -4186,7 +4185,7 @@ function A0(e, n, o, l, s, i) {
                 onClick: l.addExtension
               }, {
                 default: f(() => [
-                  Z(h(e.$t("BcfComponents.SettingCard.validateButton")), 1)
+                  Z(b(e.$t("BcfComponents.SettingCard.validateButton")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -4202,8 +4201,8 @@ function A0(e, n, o, l, s, i) {
           key: L.id,
           extensionType: o.extensionType,
           extension: L,
-          onUpdateExtension: n[2] || (n[2] = (b) => e.$emit("update-extension", b)),
-          onDeleteExtension: n[3] || (n[3] = (b) => e.$emit("delete-extension", b))
+          onUpdateExtension: n[2] || (n[2] = (h) => e.$emit("update-extension", h)),
+          onDeleteExtension: n[3] || (n[3] = (h) => e.$emit("delete-extension", h))
         }, null, 8, ["extensionType", "extension"]))), 128))
       ])
     ], 512), [
@@ -4243,7 +4242,7 @@ const $0 = {
     "extension-deleted"
   ],
   setup(e, { emit: n }) {
-    const o = x1();
+    const o = w1();
     return {
       EXTENSION_TYPES: M5,
       createExtension: async (c) => {
@@ -4293,7 +4292,7 @@ function P0(e, n, o, l, s, i) {
         ]),
         _: 1
       })) : v("", !0),
-      t("span", R0, h(e.$t("BcfComponents.BcfSettings.title")), 1),
+      t("span", R0, b(e.$t("BcfComponents.BcfSettings.title")), 1),
       o.uiConfig.closeButton ? (r(), D(u, {
         key: 1,
         color: "granite",
@@ -4312,7 +4311,7 @@ function P0(e, n, o, l, s, i) {
       })) : v("", !0)
     ]),
     t("div", E0, [
-      t("div", F0, h(e.$t("BcfComponents.BcfSettings.text")), 1),
+      t("div", F0, b(e.$t("BcfComponents.BcfSettings.text")), 1),
       (r(!0), a(O, null, U(l.EXTENSION_TYPES, (C) => (r(), D(d, {
         detailedExtensions: o.detailedExtensions,
         extensionType: C,
@@ -4324,7 +4323,7 @@ function P0(e, n, o, l, s, i) {
   ]);
 }
 const U0 = /* @__PURE__ */ F($0, [["render", P0], ["__scopeId", "data-v-9e0003a6"]]);
-var z0 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), y1 = { 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) => z0.includes(e) } }, emits: ["click"], computed: { classes() {
+var z0 = 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) => z0.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() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
@@ -4799,9 +4798,9 @@ z(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), y1.render = function(e, n, o, l, s, i) {
+}`), H1.render = function(e, n, o, l, s, i) {
   return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: y(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, G0);
-}, y1.__scopeId = "data-v-3f903003", y1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}, H1.__scopeId = "data-v-3f903003", H1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const Y0 = { "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" }, W0 = { render: function(e, n) {
   return r(), a("path", Y0);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
@@ -4814,7 +4813,7 @@ var c2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: {
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : c5[this.size];
-} } }), F1 = c2("Chevron", W0);
+} } }), P1 = c2("Chevron", W0);
 const j0 = ["fill", "color"];
 z(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -4968,14 +4967,14 @@ z(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), F1.render = function(e, n, o, l, s, i) {
+}`), P1.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, j0);
-}, F1.__scopeId = "data-v-5e440aca", F1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+}, P1.__scopeId = "data-v-5e440aca", P1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const K0 = { "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" }, q0 = { render: function(e, n) {
   return r(), a("path", K0);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
-var P1 = c2("DoubleChevron", q0);
+var U1 = c2("DoubleChevron", q0);
 const J0 = ["fill", "color"];
 z(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5129,10 +5128,10 @@ z(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), P1.render = function(e, n, o, l, s, i) {
+}`), U1.render = function(e, n, o, l, s, i) {
   const c = g("DoubleChevron");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, J0);
-}, P1.__scopeId = "data-v-859297ec", P1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
+}, U1.__scopeId = "data-v-859297ec", U1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconDoubleChevron.vue";
 const Q0 = { 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" }, en = { render: function(e, n) {
   return r(), a("path", Q0);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Close.vue" };
@@ -5455,7 +5454,7 @@ z(`.icon-fill--black {
   const c = g("Search");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, on);
 }, f2.__scopeId = "data-v-0993abf8", f2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var U1 = { components: { BIMDataIconChevron: F1, BIMDataIconDoubleChevron: P1, BIMDataButton: y1 }, 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"] };
+var z1 = { components: { BIMDataIconChevron: P1, BIMDataIconDoubleChevron: U1, 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 an = { class: "bimdata-navigation__left m-r-6" }, ln = { key: 0, class: "bimdata-navigation__item" }, sn = { key: 1, class: "bimdata-navigation__item" }, cn = { key: 2, class: "bimdata-navigation__item" }, dn = { key: 3, class: "bimdata-navigation__item" }, un = { class: "bimdata-navigation__right" };
 z(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -5562,11 +5561,11 @@ z(`.bimdata-navigation[data-v-aa907072] {
   padding: 6px 2px;
   font-size: 10px;
   cursor: default;
-}`), U1.render = function(e, n, o, l, s, i) {
+}`), z1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIconDoubleChevron"), u = g("BIMDataButton"), d = g("BIMDataIconChevron");
   return r(), a("ul", { class: "bimdata-list bimdata-navigation", style: y({ "background-color": o.backgroundColor }) }, [t("li", an, [_(e.$slots, "left")]), o.first ? (r(), a("li", ln, [p(u, { onClick: n[0] || (n[0] = (C) => e.$emit("first")), disabled: o.firstDisabled, ghost: "", class: V({ disabled: o.firstDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), o.previous ? (r(), a("li", sn, [p(u, { onClick: n[1] || (n[1] = (C) => e.$emit("previous")), disabled: o.previousDisabled, ghost: "", class: V({ disabled: o.previousDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs", rotate: 180 })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", null, [_(e.$slots, "default")]), o.next ? (r(), a("li", cn, [p(u, { onClick: n[2] || (n[2] = (C) => e.$emit("next")), disabled: o.nextDisabled, ghost: "", class: V({ disabled: o.nextDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(d, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), o.last ? (r(), a("li", dn, [p(u, { onClick: n[3] || (n[3] = (C) => e.$emit("last")), disabled: o.lastDisabled, ghost: "", class: V({ disabled: o.lastDisabled }), width: "21px", height: "21px" }, { default: f(() => [p(c, { size: "xxxs" })]), _: 1 }, 8, ["disabled", "class"])])) : v("v-if", !0), t("li", un, [_(e.$slots, "right")])], 4);
-}, U1.__scopeId = "data-v-aa907072", U1.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
-var z1 = { components: { BIMDataNavigation: U1, BIMDataButton: y1 }, 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() {
+}, z1.__scopeId = "data-v-aa907072", z1.__file = "src/BIMDataComponents/BIMDataNavigation/BIMDataNavigation.vue";
+var G1 = { components: { BIMDataNavigation: z1, 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;
 }, lastIndex() {
   return Math.min(this.firstIndex + this.perPage - 1, this.length);
@@ -5661,11 +5660,11 @@ z(`.bimdata-pagination__item .bimdata-btn[data-v-45066753] {
 }
 .bimdata-pagination__item.active .bimdata-btn[data-v-45066753] {
   font-weight: 700;
-}`), z1.render = function(e, n, o, l, s, i) {
+}`), G1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataNavigation");
-  return r(), D(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, m5({ default: f(() => [t("span", Cn, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [Z(h(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [Z(h(i.firstIndex) + " - " + h(i.lastIndex) + " of " + h(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
-}, z1.__scopeId = "data-v-45066753", z1.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
-var G1 = { props: ["size", "border"], methods: { getStyle() {
+  return r(), D(u, { onFirst: n[0] || (n[0] = (d) => i.firstPage()), onPrevious: n[1] || (n[1] = (d) => i.previousPage()), onNext: n[2] || (n[2] = (d) => i.nextPage()), onLast: n[3] || (n[3] = (d) => i.lastPage()), firstDisabled: i.isFirstPage, previousDisabled: i.isFirstPage, nextDisabled: i.isLastPage, lastDisabled: i.isLastPage, class: "bimdata-pagination", backgroundColor: o.backgroundColor }, m5({ default: f(() => [t("span", Cn, [p(c, { ghost: "", width: "21px", height: "21px" }, { default: f(() => [Z(b(o.currentPage), 1)]), _: 1 })])]), _: 2 }, [o.numberDataElements ? { name: "left", fn: f(() => [Z(b(i.firstIndex) + " - " + b(i.lastIndex) + " of " + b(o.length), 1)]), key: "0" } : void 0]), 1032, ["firstDisabled", "previousDisabled", "nextDisabled", "lastDisabled", "backgroundColor"]);
+}, G1.__scopeId = "data-v-45066753", G1.__file = "src/BIMDataComponents/BIMDataPagination/BIMDataPagination.vue";
+var Y1 = { props: ["size", "border"], methods: { getStyle() {
   if (this.size)
     return { width: this.size, height: this.size, "border-width": this.border ? this.border : null };
 } } };
@@ -5772,8 +5771,7 @@ z(`@-webkit-keyframes bimdataspinner {
     -webkit-transform: scale(0.2);
             transform: scale(0.2);
 }
-}
-@keyframes bimdataspinner {
+}@keyframes bimdataspinner {
 0% {
     -webkit-transform: scale(0.2);
             transform: scale(0.2);
@@ -5818,10 +5816,10 @@ z(`@-webkit-keyframes bimdataspinner {
   border: 2px var(--color-primary) solid;
   -webkit-animation: bimdataspinner 1.4s linear infinite;
           animation: bimdataspinner 1.4s linear infinite;
-}`), G1.render = function(e, n, o, l, s, i) {
+}`), Y1.render = function(e, n, o, l, s, i) {
   return r(), a("div", pn, [t("div", { class: "bimdata-spinner--square", style: y(i.getStyle()) }, null, 4)]);
-}, G1.__scopeId = "data-v-162f2cc6", G1.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
-var Y1 = { components: { BIMDataPagination: z1, BIMDataSpinner: G1 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
+}, Y1.__scopeId = "data-v-162f2cc6", Y1.__file = "src/BIMDataComponents/BIMDataSpinner/BIMDataSpinner.vue";
+var W1 = { components: { BIMDataPagination: G1, BIMDataSpinner: Y1 }, props: { list: { type: Array, default: () => [] }, perPage: { type: Number, default: 10, validator: (e) => e > 0 }, elementKey: { type: String }, loading: { type: Boolean, default: !1 }, first: { type: Boolean, default: !0 }, last: { type: Boolean, default: !0 }, numberDataElements: { type: Boolean, default: !0 }, backgroundColor: { type: String, default: "var(--color-white)" } }, emits: ["element-click"], data: () => ({ currentPage: 1 }), computed: { totalPages() {
   return this.list.length ? Math.ceil(this.list.length / this.perPage) : 0;
 }, page() {
   const e = this.perPage * (this.currentPage - 1), n = e + this.perPage;
@@ -5945,11 +5943,11 @@ z(`.bimdata-paginated-list[data-v-3ab4d75d] {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-}`), Y1.render = function(e, n, o, l, s, i) {
+}`), W1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataSpinner"), u = g("BIMDataPagination");
-  return r(), a("div", hn, [o.loading ? (r(), D(c, { key: 0 })) : (r(), a("div", bn, [_(e.$slots, "header"), t("ul", gn, [(r(!0), a(O, null, U(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [_(e.$slots, "element", { element: d }, () => [Z(h(d && d.toString()), 1)])], 8, fn))), 128))]), o.list.length === 0 ? _(e.$slots, "empty", { key: 0 }) : v("v-if", !0), i.totalPages > 1 ? (r(), D(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : v("v-if", !0)]))]);
-}, Y1.__scopeId = "data-v-3ab4d75d", Y1.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
-var W1 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
+  return r(), a("div", hn, [o.loading ? (r(), D(c, { key: 0 })) : (r(), a("div", bn, [_(e.$slots, "header"), t("ul", gn, [(r(!0), a(O, null, U(i.page, (d) => (r(), a("li", { key: o.elementKey ? d[o.elementKey] : d, onClick: (C) => e.$emit("element-click", d) }, [_(e.$slots, "element", { element: d }, () => [Z(b(d && d.toString()), 1)])], 8, fn))), 128))]), o.list.length === 0 ? _(e.$slots, "empty", { key: 0 }) : v("v-if", !0), i.totalPages > 1 ? (r(), D(u, { key: 1, length: o.list.length, currentPage: s.currentPage, onPagechanged: i.onPageChange, totalPages: i.totalPages, perPage: o.perPage, first: o.first, last: o.last, numberDataElements: o.numberDataElements, backgroundColor: o.backgroundColor }, null, 8, ["length", "currentPage", "onPagechanged", "totalPages", "perPage", "first", "last", "numberDataElements", "backgroundColor"])) : v("v-if", !0)]))]);
+}, W1.__scopeId = "data-v-3ab4d75d", W1.__file = "src/BIMDataComponents/BIMDataPaginatedList/BIMDataPaginatedList.vue";
+var X1 = { props: { barsData: { type: Array, default: () => [] }, barDistanceFromCenter: { type: Number, default: 50 }, barStrokeWidth: { type: Number, default: 10 }, placeholder: { type: Boolean, default: !1 }, placeholderStrokeWidth: { type: Number, default: 4 }, placeholderColor: { type: String, default: "#EBEBEB" }, graphDrawTime: { type: Number, default: 4 } }, computed: { roundCapPercentageOffset() {
   return (this.barStrokeWidth / 2 - 4) / (2 * this.barDistanceFromCenter * Math.PI) * 100;
 }, center() {
   return this.viewBoxSize / 2;
@@ -6001,13 +5999,13 @@ to {
 to {
     stroke-dashoffset: 0;
 }
-}`), W1.render = function(e, n, o, l, s, i) {
+}`), X1.render = function(e, n, o, l, s, i) {
   return r(), a("div", Ln, [(r(), a("svg", { viewBox: i.viewBox, style: y(`--graph-draw-time: ${o.graphDrawTime}s;`) }, [o.placeholder ? (r(), a("circle", { key: 0, cx: i.center, cy: i.center, r: o.barDistanceFromCenter, "stroke-width": o.placeholderStrokeWidth, stroke: o.placeholderColor, fill: "none" }, null, 8, mn)) : v("v-if", !0), (r(!0), a(O, null, U(i.displayedBarsData, (c, u) => (r(), a("g", { key: u }, [c.percentage > 0 ? (r(), a("path", { key: 0, class: "path", d: i.getPath(c), "stroke-width": o.barStrokeWidth, stroke: c.color, fill: "none" }, null, 8, In)) : v("v-if", !0)]))), 128))], 12, vn))], 512);
-}, W1.__scopeId = "data-v-b68a8bb2", W1.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
+}, X1.__scopeId = "data-v-b68a8bb2", X1.__file = "src/BIMDataComponents/BIMDataSimplePieChart/BIMDataSimplePieChart.vue";
 const Mn = {
   components: {
-    BIMDataPaginatedList: Y1,
-    BIMDataSimplePieChart: W1
+    BIMDataPaginatedList: W1,
+    BIMDataSimplePieChart: X1
   },
   props: {
     detailedExtensions: {
@@ -6027,7 +6025,7 @@ const Mn = {
       chartData: R(() => {
         if (e.topics.length === 0)
           return [];
-        const o = b1(e.extensionType), l = k5(e.extensionType, e.detailedExtensions);
+        const o = g1(e.extensionType), l = k5(e.extensionType, e.detailedExtensions);
         return l.push({ [o]: void 0 }), l.map((s) => {
           var c;
           const i = e.topics.filter((u) => u[o] === s[o]).length;
@@ -6054,7 +6052,7 @@ function wn(e, n, o, l, s, i) {
         graphDrawTime: 2.5
       }, null, 8, ["barsData", "graphDrawTime"]),
       t("div", Hn, [
-        t("div", Dn, h(e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}Title`)), 1),
+        t("div", Dn, b(e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}Title`)), 1),
         p(u, {
           list: l.chartData,
           perPage: 6,
@@ -6069,10 +6067,10 @@ function wn(e, n, o, l, s, i) {
                 class: "bcf-statistics__content__legend__item__mark",
                 style: y({ borderColor: d.color })
               }, null, 4),
-              t("span", Bn, h(d.percentage.toFixed(0)) + " % ", 1),
+              t("span", Bn, b(d.percentage.toFixed(0)) + " % ", 1),
               t("span", kn, [
-                Z(h(d.label && e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}`)) + " " + h(d.label || e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}NotDefined`)) + " ", 1),
-                t("span", xn, " (" + h(d.count) + ") ", 1)
+                Z(b(d.label && e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}`)) + " " + b(d.label || e.$t(`BcfComponents.BcfStatistics.extension.${o.extensionType}NotDefined`)) + " ", 1),
+                t("span", xn, " (" + b(d.count) + ") ", 1)
               ])
             ])
           ]),
@@ -6083,7 +6081,7 @@ function wn(e, n, o, l, s, i) {
   ]);
 }
 const Zn = /* @__PURE__ */ F(Mn, [["render", wn], ["__scopeId", "data-v-a5c0c671"]]);
-var r1 = { 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() {
+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() {
   this.observer.disconnect();
@@ -6290,9 +6288,9 @@ html[data-v-330fe2fd] {
   left: calc(100% - 4px);
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
-}`), r1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { ref: "textBox", class: "bimdata-textbox", style: y({ width: o.width, minWidth: o.minWidth, maxWidth: o.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: y({ width: s.textTail ? "50%" : "100%", direction: o.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, h(s.textHead), 1)], 4), X(t("span", Sn, [t("bdi", null, h(s.textTail), 1)], 512), [[q, s.textTail]]), o.tooltip && s.isOverflowing ? X((r(), a("div", { key: 0, class: V(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${o.tooltipPosition}`, `bimdata-textbox__tooltip--${o.tooltipColor}`]]) }, h(o.text), 3)), [[q, s.showTooltip]]) : v("v-if", !0)], 36);
-}, r1.__scopeId = "data-v-330fe2fd", r1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
+}`), o1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", { ref: "textBox", class: "bimdata-textbox", style: y({ width: o.width, minWidth: o.minWidth, maxWidth: o.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: y({ width: s.textTail ? "50%" : "100%", direction: o.cutPosition === "start" ? "rtl" : "ltr" }) }, [t("bdi", null, b(s.textHead), 1)], 4), X(t("span", Sn, [t("bdi", null, b(s.textTail), 1)], 512), [[q, s.textTail]]), o.tooltip && s.isOverflowing ? X((r(), a("div", { key: 0, class: V(["bimdata-textbox__tooltip", [`bimdata-textbox__tooltip--${o.tooltipPosition}`, `bimdata-textbox__tooltip--${o.tooltipColor}`]]) }, b(o.text), 3)), [[q, s.showTooltip]]) : v("v-if", !0)], 36);
+}, o1.__scopeId = "data-v-330fe2fd", o1.__file = "src/BIMDataComponents/BIMDataTextbox/BIMDataTextbox.vue";
 const An = {}, Tn = {
   width: "84",
   height: "81",
@@ -6311,7 +6309,7 @@ const Rn = {
     BcfTopicDefaultImage: X2,
     BIMDataButton: W,
     BIMDataIcon: j,
-    BIMDataTextbox: r1
+    BIMDataTextbox: o1
   },
   props: {
     detailedExtensions: {
@@ -6323,50 +6321,57 @@ const Rn = {
       required: !0
     }
   },
-  emits: [
-    "open-topic"
-  ],
+  emits: ["open-topic", "select-topic"],
   setup(e, { emit: n }) {
-    const o = R(() => e.topic.viewpoints.filter(
-      (c) => Boolean(c.snapshot)
-    )), l = R(
-      () => L1(e.topic, e.detailedExtensions)
-    ), s = R(
-      () => Y2(e.topic, e.detailedExtensions)
-    ), i = R(() => {
-      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) || [];
+    const o = B(!1), l = R(() => e.topic.viewpoints.filter((d) => Boolean(d.snapshot))), s = R(() => v1(e.topic, e.detailedExtensions)), i = R(() => Y2(e.topic, e.detailedExtensions)), c = R(() => {
+      var C, L;
+      const d = (L = (C = e.topic.viewpoints) == null ? void 0 : C[0]) == null ? void 0 : L.components;
+      return (d == null ? void 0 : d.selection) || [];
     });
     return {
-      priorityColor: l,
-      statusColor: s,
-      topicObjects: i,
-      viewpointsWithSnapshot: o,
-      adjustTextColor: i2
+      hover: o,
+      priorityColor: s,
+      statusColor: i,
+      topicObjects: c,
+      viewpointsWithSnapshot: l,
+      adjustTextColor: i2,
+      toggle: (d, C) => {
+        d.isSelected = C, n("select-topic", d);
+      }
     };
   }
-}, En = { class: "bcf-topic-card" }, Fn = { class: "bcf-topic-card__header" }, Pn = { class: "bcf-topic-card__header__infos flex" }, Un = { class: "bcf-topic-card__header__infos__title flex items-center m-l-12" }, zn = { class: "bcf-topic-card__header__img flex items-center justify-center" }, Gn = { class: "m-l-6" }, Yn = { class: "bcf-topic-card__header__img__date p-6" }, Wn = ["src"], Xn = { class: "bcf-topic-card__content p-12" }, jn = { class: "bcf-topic-card__content__priority" }, Kn = { class: "flex justify-around m-t-12" }, qn = { class: "flex items-center" }, Jn = {
+}, En = { class: "bcf-topic-card__header" }, Fn = { class: "bcf-topic-card__header__infos flex p-r-12" }, Pn = { class: "bcf-topic-card__header__infos__title flex items-center m-l-12" }, Un = { class: "bcf-topic-card__header__infos__checkbox flex items-center m-l-12" }, zn = { class: "bcf-topic-card__header__img flex items-center justify-center" }, Gn = { class: "m-l-6" }, Yn = { class: "bcf-topic-card__header__img__date p-6" }, Wn = ["src"], Xn = { class: "bcf-topic-card__content p-12" }, jn = { class: "bcf-topic-card__content__priority" }, Kn = { class: "flex justify-around m-t-12" }, qn = { class: "flex items-center" }, Jn = {
   key: 0,
   class: "m-r-6"
 };
 function Qn(e, n, o, l, s, i) {
-  const c = g("BIMDataTextbox"), u = g("BIMDataIcon"), d = g("BcfTopicDefaultImage"), C = g("BIMDataButton");
-  return r(), a("div", En, [
-    t("div", Fn, [
-      t("div", Pn, [
+  const c = g("BIMDataTextbox"), u = g("BIMDataCheckbox"), d = g("BIMDataIcon"), C = g("BcfTopicDefaultImage"), L = g("BIMDataButton");
+  return r(), a("div", {
+    class: V(["bcf-topic-card", { selected: o.topic.isSelected }]),
+    onMouseover: n[2] || (n[2] = (h) => l.hover = !0),
+    onMouseleave: n[3] || (n[3] = (h) => l.hover = !1)
+  }, [
+    t("div", En, [
+      t("div", Fn, [
         t("div", {
           class: "bcf-topic-card__header__infos__index flex items-center justify-center",
           style: y({
             "background-color": `#${l.priorityColor}`,
             color: l.adjustTextColor(`#${l.priorityColor}`, "#ffffff", "var(--color-text)")
           })
-        }, h(o.topic.index), 5),
-        t("div", Un, [
+        }, b(o.topic.index), 5),
+        t("div", Pn, [
           p(c, {
             maxWidth: "100% - 48px",
             text: o.topic.title
           }, null, 8, ["text"])
+        ]),
+        t("div", Un, [
+          l.hover ? (r(), D(u, {
+            key: 0,
+            modelValue: o.topic.isSelected,
+            "onUpdate:modelValue": n[0] || (n[0] = (h) => l.toggle(o.topic, h))
+          }, null, 8, ["modelValue"])) : v("", !0)
         ])
       ]),
       t("div", zn, [
@@ -6378,20 +6383,20 @@ function Qn(e, n, o, l, s, i) {
             color: l.adjustTextColor(`#${l.statusColor}`, "#ffffff", "var(--color-text)")
           })
         }, [
-          p(u, {
+          p(d, {
             name: "information",
             fill: "",
             color: "default"
           }),
-          t("span", Gn, h(o.topic.topic_status), 1)
+          t("span", Gn, b(o.topic.topic_status), 1)
         ], 4)) : v("", !0),
-        t("div", Yn, h(e.$d(o.topic.creation_date, "short")), 1),
+        t("div", Yn, b(e.$d(o.topic.creation_date, "short")), 1),
         l.viewpointsWithSnapshot.length > 0 ? (r(), a("img", {
           key: 1,
           src: l.viewpointsWithSnapshot[0].snapshot.snapshot_data,
           alt: "ViewPoint",
           loading: "lazy"
-        }, null, 8, Wn)) : (r(), D(d, {
+        }, null, 8, Wn)) : (r(), D(C, {
           key: 2,
           class: "default-img"
         }))
@@ -6399,44 +6404,44 @@ function Qn(e, n, o, l, s, i) {
     ]),
     t("div", Xn, [
       t("div", jn, [
-        t("strong", null, h(e.$t("BcfComponents.BcfTopicCard.priority")), 1),
+        t("strong", null, b(e.$t("BcfComponents.BcfTopicCard.priority")), 1),
         t("span", {
           style: y({ color: `#${l.priorityColor}` })
-        }, h(o.topic.priority || e.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
+        }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
       ]),
       t("div", null, [
-        t("strong", null, h(e.$t("BcfComponents.BcfTopicCard.assignedTo")), 1),
-        t("span", null, h(o.topic.assigned_to || e.$t("BcfComponents.BcfTopicCard.notSpecified")), 1)
+        t("strong", null, b(e.$t("BcfComponents.BcfTopicCard.assignedTo")), 1),
+        t("span", null, b(o.topic.assigned_to || e.$t("BcfComponents.BcfTopicCard.notSpecified")), 1)
       ]),
       t("div", Kn, [
         t("div", qn, [
-          p(u, {
+          p(d, {
             name: "model3d",
             fill: "",
             color: "default",
             size: "xs",
             margin: "0 6px 0 0"
           }),
-          l.topicObjects.length > 0 ? (r(), a("span", Jn, h(l.topicObjects.length), 1)) : v("", !0),
-          t("span", null, h(l.topicObjects.length > 0 ? e.$t("BcfComponents.BcfTopicCard.elements") : e.$t("BcfComponents.BcfTopicCard.noElements")), 1)
+          l.topicObjects.length > 0 ? (r(), a("span", Jn, b(l.topicObjects.length), 1)) : v("", !0),
+          t("span", null, b(l.topicObjects.length > 0 ? e.$t("BcfComponents.BcfTopicCard.elements") : e.$t("BcfComponents.BcfTopicCard.noElements")), 1)
         ]),
-        p(C, {
+        p(L, {
           width: "48%",
           color: "primary",
           fill: "",
           radius: "",
-          onClick: n[0] || (n[0] = (L) => e.$emit("open-topic", o.topic))
+          onClick: n[1] || (n[1] = (h) => e.$emit("open-topic", o.topic))
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.BcfTopicCard.see")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicCard.see")), 1)
           ]),
           _: 1
         })
       ])
     ])
-  ]);
+  ], 34);
 }
-const e8 = /* @__PURE__ */ F(Rn, [["render", Qn], ["__scopeId", "data-v-970c2619"]]), n8 = {}, t8 = {
+const e8 = /* @__PURE__ */ F(Rn, [["render", Qn], ["__scopeId", "data-v-02c4b38c"]]), n8 = {}, t8 = {
   width: "66",
   height: "60",
   viewBox: "0 0 66 60",
@@ -6461,7 +6466,7 @@ function d8(e, n, o, l, s, i) {
   const c = g("BcfTopicCreationCardImage"), u = g("BIMDataIcon"), d = g("BIMDataButton");
   return r(), a("div", s8, [
     p(c),
-    t("div", c8, h(e.$t("BcfComponents.BcfTopicCreationCard.text")), 1),
+    t("div", c8, b(e.$t("BcfComponents.BcfTopicCreationCard.text")), 1),
     p(d, {
       width: "48px",
       height: "48px",
@@ -6484,7 +6489,7 @@ function d8(e, n, o, l, s, i) {
   ]);
 }
 const u8 = /* @__PURE__ */ F(i8, [["render", d8], ["__scopeId", "data-v-af2c3cbc"]]);
-class u1 {
+class C1 {
   constructor(n, o, l, s, i = !1, c = !1, u = "") {
     this.language = n, this.months = o, this.monthsAbbr = l, this.days = s, this.rtl = i, this.ymd = c, this.yearSuffix = u;
   }
@@ -6533,7 +6538,7 @@ class u1 {
     return o < 10 ? `0${o}` : `${o}`;
   }
 }
-var C8 = new u1("German", ["Januar", "Februar", "M\xE4rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], ["Jan", "Feb", "M\xE4r", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."]), M1 = new u1("English", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]), p8 = new u1("Spanish", ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"], ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mi\xE9", "Jue", "Vie", "S\xE1b"]), h8 = new u1("French", ["Janvier", "F\xE9vrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Ao\xFBt", "Septembre", "Octobre", "Novembre", "D\xE9cembre"], ["Jan", "F\xE9v", "Mar", "Avr", "Mai", "Juin", "Juil", "Ao\xFBt", "Sep", "Oct", "Nov", "D\xE9c"], ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]), b8 = new u1("Italian", ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"], ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"]), g8 = new u1("Dutch", ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"], ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"], ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"]), f8 = new u1("Norwegian", ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], ["Jan", "Feb", "Mar", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Des"], ["S\xF8", "Ma", "Ti", "On", "To", "Fr", "L\xF8"]), d5 = { de: C8, en: M1, es: p8, fr: h8, it: b8, nl: g8, no: f8 };
+var C8 = new C1("German", ["Januar", "Februar", "M\xE4rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"], ["Jan", "Feb", "M\xE4r", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"], ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."]), _1 = new C1("English", ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]), p8 = new C1("Spanish", ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"], ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mi\xE9", "Jue", "Vie", "S\xE1b"]), h8 = new C1("French", ["Janvier", "F\xE9vrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Ao\xFBt", "Septembre", "Octobre", "Novembre", "D\xE9cembre"], ["Jan", "F\xE9v", "Mar", "Avr", "Mai", "Juin", "Juil", "Ao\xFBt", "Sep", "Oct", "Nov", "D\xE9c"], ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"]), b8 = new C1("Italian", ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"], ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"], ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"]), g8 = new C1("Dutch", ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"], ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"], ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"]), f8 = new C1("Norwegian", ["Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember"], ["Jan", "Feb", "Mar", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Des"], ["S\xF8", "Ma", "Ti", "On", "To", "Fr", "L\xF8"]), d5 = { de: C8, en: _1, es: p8, fr: h8, it: b8, nl: g8, no: f8 };
 const L8 = { "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" }, v8 = { render: function(e, n) {
   return r(), a("path", L8);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, m8 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, I8 = { render: function(e, n) {
@@ -6841,7 +6846,7 @@ const L8 = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var u5 = { addFile: v8, addFolder: I8, addUser: _8, alphabeticalAscending: H8, alphabeticalDescending: V8, alphabeticalSort: k8, alt: w8, angle: S8, api: T8, archive: N8, arrow: R8, attach: F8, backInTime: z8, bcf: Y8, building: X8, burgerMenu: K8, calendar: J8, caliper: et, camera: tt, cancelCamera: ot, check: lt, chevron: st, classificationCategorie: dt, classificationElement: Ct, click: ht, close: gt, cloud: Lt, color: mt, comment: Mt, cursor: yt, dateAscending: Dt, dateDescending: Bt, default: xt, delete: Zt, deniedFile: At, deploy: $t, detach: Ot, distance: Et, doubleChevron: Pt, down: zt, download: Yt, drag: Xt, edit: Kt, ellipsis: Jt, expanded: er, explosion: tr, export: or, exportIfc: lr, failed: sr, filter: dr, fitView: Cr, folder: hr, folderMove: gr, folderOpen: Lr, fullscreen: mr, grid: Mr, group: yr, hide: Dr, ifc: Br, ifcFile: xr, import: Zr, indexAscending: Ar, indexDescending: $r, information: Or, inProgressFile: Er, invitation: Pr, isolate: zr, key: Yr, left: Xr, linkedDocument: Kr, list: Jr, listManage: eo, location: to, lock: oo, logout: lo, measure: so, minus: uo, model3d: po, organization: bo, parameters: fo, path: vo, pieGraph: Io, plus: _o, project: Ho, quickSelect: Vo, readonlyFolder: ko, redo: wo, reduced: So, refresh: To, reprocessIfc: No, reset: Ro, right: Fo, rules: Uo, sandglass: Go, save: Wo, screenConfig: jo, screenshot: qo, search: Qo, section: na, settings: ra, share: aa, show: ia, showSelected: ca, socotec: ua, space: pa, split: ba, storey: fa, success: va, surface: Ia, swap: _a, synchro2d: Ha, system: Va, tag: xa, tree: Za, unarchive: Aa, undo: $a, union: Oa, up: Ea, user: Pa, validate: za, validatedFile: Ya, versioning: ja, video: qa, visa: Qa, warning: nl, windowBottom: rl, windowed: al, windowLeft: il, windowRight: cl, windowTop: ul, zone: pl, bcfPolychrome: bl, createWindowPolychrome: fl, docInfoPolychrome: vl, fileDwgPolychrome: Il, fileIfcPolychrome: _l, filePdfPolychrome: Hl, filePlanPolychrome: Vl, folderPolychrome: kl, structurePolychrome: wl, viewer2dPolychrome: Sl, viewer3dPolychrome: Tl }, $l = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const C5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var g1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var f1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(u5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(u5).includes(e) }, color: { type: String, default: "default", validator: (e) => $l.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(C5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -6852,7 +6857,7 @@ var g1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : C5[this.size];
 } } };
 const Nl = ["fill", "color"];
-function v1(e, n) {
+function m1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -6860,7 +6865,7 @@ function v1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-v1(`/* base COLORS --------------------------------------------- */
+m1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -6929,7 +6934,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-v1(`.icon-fill--black {
+m1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -7012,16 +7017,16 @@ v1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), g1.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(d1(`bimdata-icon-${o.name}`)))], 14, Nl);
-}, g1.__scopeId = "data-v-1312d4d1", g1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var Ol = 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) => Ol.includes(e) } }, emits: ["click"], computed: { classes() {
+}`), f1.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(u1(`bimdata-icon-${o.name}`)))], 14, Nl);
+}, f1.__scopeId = "data-v-1312d4d1", f1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var Ol = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), D1 = { 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) => Ol.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() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const Rl = ["color"];
-v1(`/* base COLORS --------------------------------------------- */
+m1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -7179,7 +7184,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-v1(`.bimdata-btn {
+m1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -7482,9 +7487,9 @@ v1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), H1.render = function(e, n, o, l, s, i) {
+}`), D1.render = function(e, n, o, l, s, i) {
   return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: y(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Rl);
-}, H1.__scopeId = "data-v-3f903003", H1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}, D1.__scopeId = "data-v-3f903003", D1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const El = { useUtc: !1, getFullYear(e) {
   return this.useUtc ? e.getUTCFullYear() : e.getFullYear();
 }, getMonth(e) {
@@ -7517,8 +7522,8 @@ const El = { useUtc: !1, getFullYear(e) {
     throw TypeError("Invalid Type");
   return n[this.getDay(e)];
 }, getDayFromAbbr(e) {
-  for (let n = 0; n < M1.days.length; n += 1)
-    if (e.toLowerCase() === M1.days[n].toLowerCase())
+  for (let n = 0; n < _1.days.length; n += 1)
+    if (e.toLowerCase() === _1.days[n].toLowerCase())
       return n;
   throw TypeError("Invalid week day");
 }, getMonthName(e, n) {
@@ -7552,10 +7557,10 @@ const El = { useUtc: !1, getFullYear(e) {
     default:
       return "th";
   }
-}, formatDate(e, n, o = M1) {
+}, formatDate(e, n, o = _1) {
   const l = this.getFullYear(e), s = this.getMonth(e) + 1, i = this.getDate(e), c = { d: i, dd: `0${i}`.slice(-2), E: this.getDayNameAbbr(e, o.days), o: this.getNthSuffix(this.getDate(e)), M: s, MM: `0${s}`.slice(-2), MMM: this.getMonthNameAbbr(this.getMonth(e), o.monthsAbbr), MMMM: this.getMonthName(this.getMonth(e), o.months), yy: String(l).slice(2), yyyy: l };
   return n.replace(/y{4}|y{2}|M{1,4}|d{1,2}|o|E/g, (u) => c[u]);
-}, parseDate(e, n, o = M1, l = null) {
+}, parseDate(e, n, o = _1, l = null) {
   if (!e || !n)
     return e;
   if (l)
@@ -7567,25 +7572,25 @@ const El = { useUtc: !1, getFullYear(e) {
       return d(c);
     }(e, n, l);
   const s = (({ dateStr: c, formatStr: u, translation: d, time: C }) => {
-    const L = u.match(/-|\/|\s|\./) || ["-"], b = u.split(L[0]), M = c.split(L[0]), m = [new Date().getFullYear().toString(), "01", "01"];
-    for (let I = 0; I < b.length; I += 1)
-      if (/yyyy/i.test(b[I]))
-        m[0] = M[I];
-      else if (/mmmm/i.test(b[I]))
-        m[1] = d.getMonthByName(M[I]);
-      else if (/mmm/i.test(b[I]))
-        m[1] = d.getMonthByAbbrName(M[I]);
-      else if (/mm/i.test(b[I]))
-        m[1] = M[I];
-      else if (/m/i.test(b[I]))
-        m[1] = M[I];
-      else if (/dd/i.test(b[I]))
-        m[2] = M[I];
-      else if (/d/i.test(b[I])) {
-        const k = M[I].replace(/st|rd|nd|th/g, "");
-        m[2] = k < 10 ? `0${k}` : `${k}`;
+    const L = u.match(/-|\/|\s|\./) || ["-"], h = u.split(L[0]), m = c.split(L[0]), M = [new Date().getFullYear().toString(), "01", "01"];
+    for (let I = 0; I < h.length; I += 1)
+      if (/yyyy/i.test(h[I]))
+        M[0] = m[I];
+      else if (/mmmm/i.test(h[I]))
+        M[1] = d.getMonthByName(m[I]);
+      else if (/mmm/i.test(h[I]))
+        M[1] = d.getMonthByAbbrName(m[I]);
+      else if (/mm/i.test(h[I]))
+        M[1] = m[I];
+      else if (/m/i.test(h[I]))
+        M[1] = m[I];
+      else if (/dd/i.test(h[I]))
+        M[2] = m[I];
+      else if (/d/i.test(h[I])) {
+        const k = m[I].replace(/st|rd|nd|th/g, "");
+        M[2] = k < 10 ? `0${k}` : `${k}`;
       }
-    return `${m.join("-")}${C}`;
+    return `${M.join("-")}${C}`;
   })({ dateStr: e, formatStr: n, translation: o, time: this.getTime() }), i = Date.parse(s);
   return Number.isNaN(i) ? e : new Date(i);
 }, getTime() {
@@ -7602,7 +7607,7 @@ const El = { useUtc: !1, getFullYear(e) {
 }, getNewDateObject(e) {
   return e ? this.resetDateTime(new Date(e)) : this.resetDateTime(new Date());
 } };
-var d2 = (e) => ({ ...El, useUtc: e }), j2 = { props: { autofocus: { type: Boolean, default: !1 }, bootstrapStyling: { type: Boolean, default: !1 }, clearButton: { type: Boolean, default: !1 }, clearButtonIcon: { type: String, default: "" }, calendarButton: { type: Boolean, default: !1 }, calendarButtonIcon: { type: String, default: "" }, calendarButtonIconContent: { type: String, default: "" }, disabled: { type: Boolean, default: !1 }, format: { type: [String, Function], default: "dd MMM yyyy" }, id: { type: String, default: null }, inline: { type: Boolean, default: !1 }, inputClass: { type: [String, Object, Array], default: null }, maxlength: { type: [Number, String], default: null }, name: { type: String, default: null }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, parser: { type: Function, default: null }, pattern: { type: String, default: null }, placeholder: { type: String, default: null }, refName: { type: String, default: "" }, required: { type: Boolean, default: !1 }, showCalendarOnButtonClick: { type: Boolean, default: !1 }, showCalendarOnFocus: { type: Boolean, default: !1 }, tabIndex: { type: [Number, String], default: null }, typeable: { type: Boolean, default: !1 }, useUtc: { type: Boolean, default: !1 } }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/inputProps.vue" }, Z2 = { name: "DateInput", components: { BIMDataIcon: g1, BIMDataButton: H1 }, mixins: [j2], props: { isOpen: { type: Boolean, default: !1 }, selectedDate: { type: Date, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
+var d2 = (e) => ({ ...El, useUtc: e }), j2 = { props: { autofocus: { type: Boolean, default: !1 }, bootstrapStyling: { type: Boolean, default: !1 }, clearButton: { type: Boolean, default: !1 }, clearButtonIcon: { type: String, default: "" }, calendarButton: { type: Boolean, default: !1 }, calendarButtonIcon: { type: String, default: "" }, calendarButtonIconContent: { type: String, default: "" }, disabled: { type: Boolean, default: !1 }, format: { type: [String, Function], default: "dd MMM yyyy" }, id: { type: String, default: null }, inline: { type: Boolean, default: !1 }, inputClass: { type: [String, Object, Array], default: null }, maxlength: { type: [Number, String], default: null }, name: { type: String, default: null }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, parser: { type: Function, default: null }, pattern: { type: String, default: null }, placeholder: { type: String, default: null }, refName: { type: String, default: "" }, required: { type: Boolean, default: !1 }, showCalendarOnButtonClick: { type: Boolean, default: !1 }, showCalendarOnFocus: { type: Boolean, default: !1 }, tabIndex: { type: [Number, String], default: null }, typeable: { type: Boolean, default: !1 }, useUtc: { type: Boolean, default: !1 } }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/inputProps.vue" }, Z2 = { name: "DateInput", components: { BIMDataIcon: f1, BIMDataButton: D1 }, mixins: [j2], props: { isOpen: { type: Boolean, default: !1 }, selectedDate: { type: Date, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
   return { input: null, isInputFocused: !1, shouldToggleOnFocus: !1, shouldToggleOnClick: !0, typedDate: "", utils: d2(this.useUtc) };
 }, computed: { computedInputClass() {
   return this.inputClass;
@@ -7667,14 +7672,16 @@ var d2 = (e) => ({ ...El, useUtc: e }), j2 = { props: { autofocus: { type: Boole
 const Fl = ["disabled"], Pl = { key: 0 }, Ul = ["for"], zl = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 Z2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), a("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: V(e.calendarButtonIcon) }, [Z(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), a("span", Pl, "\u2026"))], 2)])])], 40, Fl)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, Ul), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.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] = B((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = B((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = B(w((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = B(w((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = B(w((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = B((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = B((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = B((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, zl), v(" Clear Button "), e.clearButton && o.selectedDate ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: f(() => [_(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(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), a("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: V(e.calendarButtonIcon) }, [Z(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), a("span", Pl, "\u2026"))], 2)])])], 40, Fl)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, Ul), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.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(w((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(w((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(w((...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, zl), v(" Clear Button "), e.clearButton && o.selectedDate ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: f(() => [_(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : v("v-if", !0), _(e.$slots, "afterDateInput")], 2);
 }, Z2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInput.vue";
-var S2 = { name: "DateInput", components: { BIMDataIcon: g1, BIMDataButton: H1 }, mixins: [j2], props: { isOpen: { type: Boolean, default: !1 }, selectedDates: { type: Array, default: null }, translation: { type: Object, default: () => ({}) }, required: { type: Boolean, default: !1 } }, data() {
+var S2 = { name: "DateInput", components: { BIMDataIcon: f1, BIMDataButton: D1 }, 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: d2(this.useUtc) };
 }, computed: { computedInputClass() {
   return this.inputClass;
 }, formattedValue() {
   return this.formatDates(this.selectedDates);
+}, noDateSelected() {
+  return this.selectedDates.every((e) => e === null);
 } }, watch: { showCalendarOnFocus: { immediate: !0, handler(e) {
   e && (this.shouldToggleOnFocus = !this.isOpen);
 } }, isOpen(e, n) {
@@ -7730,7 +7737,7 @@ var S2 = { name: "DateInput", components: { BIMDataIcon: g1, BIMDataButton: H1 }
 const Gl = ["disabled"], Yl = { key: 0 }, Wl = ["for"], Xl = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 S2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), a("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: V(e.calendarButtonIcon) }, [Z(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), a("span", Yl, "\u2026"))], 2)])])], 40, Gl)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, Wl), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.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] = B((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = B((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = B(w((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = B(w((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = B(w((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = B((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = B((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = B((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, Xl), v(" Clear Button "), e.clearButton && o.selectedDates.length > 0 ? (r(), D(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: f(() => [_(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(), a("div", { class: V({ "not-empty": i.formattedValue }) }, [_(e.$slots, "beforeDateInput"), v(" Calendar Button "), e.calendarButton ? (r(), a("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: V(e.calendarButtonIcon) }, [Z(b(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? v("v-if", !0) : (r(), a("span", Yl, "\u2026"))], 2)])])], 40, Gl)) : v("v-if", !0), v(" Input "), t("label", { for: `bimdata-input-${e.id}` }, b(e.placeholder), 9, Wl), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: V([i.computedInputClass, { required: o.required }]), clearButton: e.clearButton, disabled: e.disabled, maxlength: e.maxlength, name: e.name, pattern: e.pattern, readonly: !e.typeable, required: o.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(w((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = x(w((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = x(w((...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, Xl), 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: f(() => [_(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/DateInputRange.vue";
 const jl = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isDefined(e, n) {
   return this.configExists(e) && e[n] !== void 0;
@@ -7746,7 +7753,7 @@ const jl = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isD
   return { day: o.getDate(l), month: o.getMonth(l), year: o.getFullYear(l) };
 } };
 var A2 = (e) => ({ ...jl, utils: e });
-class o1 {
+class a1 {
   constructor(n, o) {
     this._utils = n, this._disabledDates = o;
   }
@@ -7985,7 +7992,7 @@ var Kl = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
 }, updateTabbableCell() {
   const e = this.hasClass(document.activeElement, "cell");
   (!this.tabbableCell || e) && this.setTabbableCell();
-} }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/navMixin.vue" }, T2 = { name: "PickerHeader", components: { BIMDataIcon: g1 }, props: { isNextDisabled: { type: Boolean, required: !0 }, isPreviousDisabled: { type: Boolean, required: !0 } }, data: () => ({ previousPage: { incrementBy: -1, focusRefs: ["prev"] }, nextPage: { incrementBy: 1, focusRefs: ["next"] }, doublePreviousPage: { incrementBy: -12, focusRefs: ["doublePrev"] }, doubleNextPage: { incrementBy: 12, focusRefs: ["doubleNext"] } }), methods: { arrowLeftPrev() {
+} }, __file: "src/BIMDataComponents/BIMDataDatePicker/mixins/navMixin.vue" }, T2 = { name: "PickerHeader", components: { BIMDataIcon: f1 }, props: { isNextDisabled: { type: Boolean, required: !0 }, isPreviousDisabled: { type: Boolean, required: !0 } }, data: () => ({ previousPage: { incrementBy: -1, focusRefs: ["prev"] }, nextPage: { incrementBy: 1, focusRefs: ["next"] }, doublePreviousPage: { incrementBy: -12, focusRefs: ["doublePrev"] }, doubleNextPage: { incrementBy: 12, focusRefs: ["doubleNext"] } }), methods: { arrowLeftPrev() {
   this.$emit("page-change", this.previousPage);
 }, arrowRightPrev() {
   this.$emit("set-focus", ["up", "next", "tabbableCell"]);
@@ -7999,16 +8006,16 @@ var Kl = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
 const ql = ["disabled"], Jl = ["disabled"], Ql = ["disabled"], ei = ["disabled"];
 T2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon");
-  return r(), a("header", null, [e.$attrs.view === "day" ? (r(), a("button", { key: 0, ref: "doublePrev", class: "doublePrev", disabled: o.isPreviousDisabled, type: "button", onClick: n[0] || (n[0] = w((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = B(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = B(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = B(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = B(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ql)) : v("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = w((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = B(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = B(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = B(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = B(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, Jl), _(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = w((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = B(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = B(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = B(w((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = B(w((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Ql), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = w((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = B(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = B(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = B(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = B(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, ei)) : v("v-if", !0)]);
+  return r(), a("header", null, [e.$attrs.view === "day" ? (r(), a("button", { key: 0, ref: "doublePrev", class: "doublePrev", disabled: o.isPreviousDisabled, type: "button", onClick: n[0] || (n[0] = w((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = x(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = x(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = x(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = x(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ql)) : v("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = w((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = x(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = x(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = x(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = x(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, Jl), _(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = w((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = x(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = x(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = x(w((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = x(w((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Ql), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = w((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = x(w((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = x(w((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = x(w((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = x(w((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [_(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, ei)) : v("v-if", !0)]);
 }, T2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerHeader.vue";
 var K2 = { components: { PickerHeader: T2 }, inheritAttrs: !1, props: { bootstrapStyling: { type: Boolean, default: !1 }, disabledDates: { type: Object, default: () => ({}) }, isTypeable: { type: Boolean, default: !1 }, isUpDisabled: { type: Boolean, default: !1 }, isMinimumView: { type: Boolean, default: !0 }, openDate: { type: [String, Date, Number], default: null, validator: (e) => e === null || e instanceof Date || typeof e == "string" || typeof e == "number" }, pageDate: { type: Date, default: null }, selectedDate: { type: Date, default: null }, showHeader: { type: Boolean, default: !0 }, slideDuration: { type: Number, default: 250 }, tabbableCellId: { type: Number, default: null }, transitionName: { type: String, default: "" }, translation: { type: Object, default: () => ({}) }, useUtc: { type: Boolean, default: !1 }, view: { type: String, default: "day" } }, data() {
   return { utils: d2(this.useUtc) };
 }, computed: { disabledConfig() {
-  return new o1(this.utils, this.disabledDates).config;
+  return new a1(this.utils, this.disabledDates).config;
 }, earliestPossibleDate() {
-  return new o1(this.utils, this.disabledDates).getEarliestPossibleDate(this.disabledDates.to);
+  return new a1(this.utils, this.disabledDates).getEarliestPossibleDate(this.disabledDates.to);
 }, latestPossibleDate() {
-  return new o1(this.utils, this.disabledDates).getLatestPossibleDate(this.disabledDates.from);
+  return new a1(this.utils, this.disabledDates).getLatestPossibleDate(this.disabledDates.from);
 }, pageYear() {
   return this.utils.getFullYear(this.pageDate);
 } }, methods: { addMoreSteps: (e) => e.stepsRemaining <= 0 && Math.abs(e.delta) > 1 ? Math.abs(e.delta) : e.stepsRemaining, changePage({ incrementBy: e, focusRefs: n }) {
@@ -8067,7 +8074,7 @@ class p5 {
   }
   isDateDisabled(n) {
     const o = this._utils, l = this._disabledDates;
-    return new o1(o, l).isDateDisabled(n);
+    return new a1(o, l).isDateDisabled(n);
   }
   isHighlightingNotPossible(n) {
     const { config: o } = this;
@@ -8084,7 +8091,7 @@ class p5 {
     return o.to() && o.from() || o.specificDate() || o.daysOfWeek() || o.daysOfMonth() || o.customPredictor();
   }
 }
-var B1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, showEdgeDates: { type: Boolean, default: !0 }, tabbableCellId: { type: Number, default: null }, view: { type: String, validator: (e) => ["day", "month", "year"].includes(e), required: !0 } }, computed: { columns() {
+var k1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, showEdgeDates: { type: Boolean, default: !0 }, tabbableCellId: { type: Number, default: null }, view: { type: String, validator: (e) => ["day", "month", "year"].includes(e), required: !0 } }, computed: { columns() {
   return this.view === "day" ? 7 : 3;
 } }, methods: { cellClasses(e) {
   return ["cell", this.view, { disabled: e.isDisabled, "highlight-start": e.isHighlightStart, "highlight-end": e.isHighlightEnd, highlighted: e.isHighlighted, muted: e.isPreviousMonth || e.isNextMonth, open: e.isOpenDate, sat: e.isSaturday, sun: e.isSunday, selected: this.showEdgeDates ? e.isSelected : e.isSelected && !e.isPreviousMonth && !e.isNextMonth, today: this.showEdgeDates ? e.isToday : e.isToday && !e.isPreviousMonth && !e.isNextMonth, weekend: e.isWeekend }];
@@ -8094,15 +8101,15 @@ var B1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, s
   return this.tabbableCellId ? n === this.tabbableCellId : e.isOpenDate;
 } } };
 const ni = { class: "picker-cells" }, ti = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
-B1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", ni, [(r(!0), a(O, null, U(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: V(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: [B(w((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), B(w((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), B(w((d) => i.handleArrow(u), ["prevent"]), ["left"]), B(w((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [_(e.$slots, "default", { cell: c })], 42, ti))), 128))]);
-}, B1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
-var k1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
-const ri = ["disabled"];
 k1.render = function(e, n, o, l, s, i) {
-  return r(), a("button", { class: "bimdata-datepicker__up", disabled: o.isDisabled, type: "button", onClick: n[0] || (n[0] = (c) => e.$emit("select")), onKeydown: [n[1] || (n[1] = B(w((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = B(w((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = B(w((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = B(w((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [_(e.$slots, "default")], 40, ri);
-}, k1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/UpButton.vue";
-var $2 = { name: "PickerDay", components: { PickerCells: B1, UpButton: k1 }, mixins: [K2], props: { selectedToDate: { type: Date, default: null }, isDateRange: { type: Boolean, default: !1 }, dayCellContent: { type: Function, default: (e) => e.date }, firstDayOfWeek: { type: String, default: "sun" }, showFullMonthName: { type: Boolean, default: !1 }, showEdgeDates: { type: Boolean, default: !0 } }, data: () => ({ highlightedToDate: null }), computed: { cells() {
+  return r(), a("div", ni, [(r(!0), a(O, null, U(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: V(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(w((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), x(w((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), x(w((d) => i.handleArrow(u), ["prevent"]), ["left"]), x(w((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [_(e.$slots, "default", { cell: c })], 42, ti))), 128))]);
+}, k1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
+var x1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
+const ri = ["disabled"];
+x1.render = function(e, n, o, l, s, i) {
+  return r(), a("button", { class: "bimdata-datepicker__up", disabled: o.isDisabled, type: "button", onClick: n[0] || (n[0] = (c) => e.$emit("select")), onKeydown: [n[1] || (n[1] = x(w((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = x(w((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = x(w((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = x(w((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [_(e.$slots, "default")], 40, ri);
+}, x1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/UpButton.vue";
+var $2 = { name: "PickerDay", components: { PickerCells: k1, UpButton: x1 }, mixins: [K2], props: { selectedToDate: { type: Date, default: null }, isDateRange: { type: Boolean, default: !1 }, dayCellContent: { type: Function, default: (e) => e.date }, firstDayOfWeek: { type: String, default: "sun" }, showFullMonthName: { type: Boolean, default: !1 }, showEdgeDates: { type: Boolean, default: !0 } }, data: () => ({ highlightedToDate: null }), computed: { cells() {
   const e = [], n = this.daysFromPrevMonth + this.daysInMonth + this.daysFromNextMonth, o = this.firstCellDate();
   for (let l = 0; l < n; l += 1)
     e.push(this.makeDay(l, o)), this.utils.setDate(o, this.utils.getDate(o) + 1);
@@ -8142,7 +8149,7 @@ var $2 = { name: "PickerDay", components: { PickerCells: B1, UpButton: k1 }, mix
   const e = this.pageDate, n = this.useUtc ? new Date(Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), 1)) : new Date(e.getFullYear(), e.getMonth(), 1, e.getHours(), e.getMinutes());
   return new Date(n.setDate(n.getDate() - this.daysFromPrevMonth));
 }, isDisabledDate(e) {
-  return new o1(this.utils, this.disabledDates).isDateDisabled(e);
+  return new a1(this.utils, this.disabledDates).isDateDisabled(e);
 }, isHighlightedDate(e) {
   const n = this.utils.resetDateTime(e);
   return this.highlightedRange.isDateHighlighted(n);
@@ -8163,9 +8170,9 @@ var $2 = { name: "PickerDay", components: { PickerCells: B1, UpButton: k1 }, mix
 const oi = { key: 0 }, ai = { class: "day-header" }, li = { class: "cells-wrapper" }, ii = { key: 2 };
 $2.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), a("div", oi, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [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: f(() => [Z(h(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", null, [t("div", ai, [(r(!0), a(O, null, U(i.daysOfWeek, (C) => (r(), a("span", { key: C }, h(C), 1))), 128))]), t("div", li, [p(n1, { name: e.transitionName }, { default: f(() => [(r(), D(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: o.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: f(({ cell: C }) => [_(e.$slots, "dayCellContent", { cell: C }, () => [Z(h(o.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), a("div", ii, [_(e.$slots, "calendarFooterDay")])) : v("v-if", !0)]);
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderDay ? (r(), a("div", oi, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [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: f(() => [Z(b(i.pageTitleDay), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", null, [t("div", ai, [(r(!0), a(O, null, U(i.daysOfWeek, (C) => (r(), a("span", { key: C }, b(C), 1))), 128))]), t("div", li, [p(t1, { name: e.transitionName }, { default: f(() => [(r(), D(d, { ref: "cells", key: i.pageTitleDay, cells: i.cells, showEdgeDates: o.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: f(({ cell: C }) => [_(e.$slots, "dayCellContent", { cell: C }, () => [Z(b(o.dayCellContent(C)), 1)])]), _: 3 }, 8, ["cells", "showEdgeDates", "tabbableCellId"]))]), _: 3 }, 8, ["name"])])]), e.$slots.calendarFooterDay ? (r(), a("div", ii, [_(e.$slots, "calendarFooterDay")])) : v("v-if", !0)]);
 }, $2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerDay.vue";
-var N2 = { name: "PickerMonth", components: { PickerCells: B1, UpButton: k1 }, mixins: [K2], computed: { cells() {
+var N2 = { name: "PickerMonth", components: { PickerCells: k1, UpButton: x1 }, mixins: [K2], computed: { cells() {
   const e = this.pageDate, n = [], o = 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));
   for (let s = 0; s < 12; s += 1)
     n.push({ month: this.utils.getMonthName(s, this.translation.months), timestamp: o.valueOf(), isDisabled: this.isDisabledMonth(o), isOpenDate: this.isOpenMonth(o), isSelected: this.isSelectedMonth(o), isToday: this.utils.compareDates(o, l) }), this.utils.setMonth(o, this.utils.getMonth(o) + 1);
@@ -8178,7 +8185,7 @@ var N2 = { name: "PickerMonth", components: { PickerCells: B1, UpButton: k1 }, m
   const { yearSuffix: e } = this.translation;
   return `${this.pageYear}${e}`;
 } }, methods: { isDisabledMonth(e) {
-  return new o1(this.utils, this.disabledDates).isMonthDisabled(e);
+  return new a1(this.utils, this.disabledDates).isMonthDisabled(e);
 }, isOpenMonth(e) {
   if (!this.openDate)
     return !1;
@@ -8191,9 +8198,9 @@ var N2 = { name: "PickerMonth", components: { PickerCells: B1, UpButton: k1 }, m
 const si = { key: 0 }, ci = { class: "cells-wrapper" }, di = { key: 2 };
 N2.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), a("div", si, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [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: f(() => [Z(h(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", ci, [p(n1, { name: e.transitionName }, { default: f(() => [(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: f(({ cell: C }) => [Z(h(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), a("div", di, [_(e.$slots, "calendarFooterMonth")])) : v("v-if", !0)]);
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderMonth ? (r(), a("div", si, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [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: f(() => [Z(b(i.pageTitleMonth), 1)]), _: 1 }, 8, ["isDisabled", "onFocusInput"])]), _: 3 }, 8, ["isNextDisabled", "isPreviousDisabled", "onFocusInput"])) : v("v-if", !0), t("div", ci, [p(t1, { name: e.transitionName }, { default: f(() => [(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: f(({ cell: C }) => [Z(b(C.month), 1)]), _: 1 }, 8, ["cells", "tabbableCellId"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterMonth ? (r(), a("div", di, [_(e.$slots, "calendarFooterMonth")])) : v("v-if", !0)]);
 }, N2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerMonth.vue";
-var O2 = { name: "PickerYear", components: { PickerCells: B1, UpButton: k1 }, mixins: [K2], props: { yearRange: { type: Number, default: 12 } }, computed: { cells() {
+var O2 = { name: "PickerYear", components: { PickerCells: k1, UpButton: x1 }, mixins: [K2], props: { yearRange: { type: Number, default: 12 } }, computed: { cells() {
   const e = this.pageDate, n = [], o = 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(o, e.getUTCMonth(), e.getUTCDate())) : new Date(o, e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()), s = this.utils.getFullYear(this.utils.getNewDateObject());
   for (let c = 0; c < this.yearRange; c += 1)
     n.push({ year: this.utils.getFullYear(l), timestamp: l.valueOf(), isDisabled: this.isDisabledYear(l), isOpenDate: this.isOpenYear(l), isSelected: this.isSelectedYear(l), isToday: l.getFullYear() === s }), this.utils.setFullYear(l, this.utils.getFullYear(l) + 1);
@@ -8213,7 +8220,7 @@ var O2 = { name: "PickerYear", components: { PickerCells: B1, UpButton: k1 }, mi
   const { yearSuffix: e } = this.translation;
   return `${this.pageDecadeStart} - ${this.pageDecadeEnd}${e}`;
 } }, methods: { isDisabledYear(e) {
-  return new o1(this.utils, this.disabledDates).isYearDisabled(e);
+  return new a1(this.utils, this.disabledDates).isYearDisabled(e);
 }, isOpenYear(e) {
   return this.openDate ? this.utils.getFullYear(this.openDate) === this.utils.getFullYear(e) : !1;
 }, isSelectedYear(e) {
@@ -8223,10 +8230,10 @@ var O2 = { name: "PickerYear", components: { PickerCells: B1, UpButton: k1 }, mi
 const ui = { key: 0 }, Ci = { class: "cells-wrapper" }, pi = { key: 2 };
 O2.render = function(e, n, o, l, s, i) {
   const c = g("UpButton"), u = g("PickerHeader"), d = g("PickerCells");
-  return r(), a("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), a("div", ui, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: f(() => [Z(h(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : v("v-if", !0), t("div", Ci, [p(n1, { name: e.transitionName }, { default: f(() => [(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: f(({ cell: C }) => [Z(h(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), a("div", pi, [_(e.$slots, "calendarFooterYear")])) : v("v-if", !0)]);
+  return r(), a("div", null, [e.$slots.beforeCalendarHeaderYear ? (r(), a("div", ui, [_(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: f(() => [_(e.$slots, "prevIntervalBtn")]), nextIntervalBtn: f(() => [_(e.$slots, "nextIntervalBtn")]), default: f(() => [p(c, { ref: "up", "is-disabled": !0 }, { default: f(() => [Z(b(i.pageTitleYear), 1)]), _: 1 }, 512)]), _: 3 }, 8, ["is-next-disabled", "is-previous-disabled", "onFocusInput"])) : v("v-if", !0), t("div", Ci, [p(t1, { name: e.transitionName }, { default: f(() => [(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: f(({ cell: C }) => [Z(b(C.year), 1)]), _: 1 }, 8, ["cells", "tabbable-cell-id"]))]), _: 1 }, 8, ["name"])]), e.$slots.calendarFooterYear ? (r(), a("div", pi, [_(e.$slots, "calendarFooterYear")])) : v("v-if", !0)]);
 }, O2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerYear.vue";
 const hi = ["beforeCalendarHeaderDay", "calendarFooterDay", "beforeCalendarHeaderMonth", "calendarFooterMonth", "beforeCalendarHeaderYear", "calendarFooterYear", "nextIntervalBtn", "prevIntervalBtn"];
-var X1 = { components: { DateInput: Z2, DateInputRange: S2, PickerDay: $2, PickerMonth: N2, PickerYear: O2 }, mixins: [j2, Kl], 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"], data() {
+var j1 = { components: { DateInput: Z2, DateInputRange: S2, PickerDay: $2, PickerMonth: N2, PickerYear: O2 }, mixins: [j2, Kl], 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() {
   const e = d2(this.useUtc), n = e.getNewDateObject(this.openDate || null), o = e.setDate(n, 1);
   return { calendarHeight: 0, calendarSlots: hi, isClickOutside: !1, globalDatepickerId: "", pageTimestamp: o, selectedDate: null, selectedToDate: null, slideDuration: 250, utils: e, view: "" };
 }, computed: { lang() {
@@ -8328,7 +8335,7 @@ var X1 = { components: { DateInput: Z2, DateInputRange: S2, PickerDay: $2, Picke
 }, hasClass: (e, n) => e && e.className.split(" ").includes(n), init() {
   this.isInline && this.setInitialView(), this.setSlideDuration();
 }, isDateDisabled(e) {
-  return new o1(this.utils, this.disabledDates).isDateDisabled(e);
+  return new a1(this.utils, this.disabledDates).isDateDisabled(e);
 }, isResetFocus() {
   if (!this.isOpen)
     return !1;
@@ -8368,7 +8375,7 @@ var X1 = { components: { DateInput: Z2, DateInputRange: S2, PickerDay: $2, Picke
   this.setPageDate(new Date(e.timestamp)), this.$emit(`changed-${this.view}`, e), this.setView(this.nextView.down);
 }, ucFirst: (e) => e[0].toUpperCase() + e.substring(1) } };
 const bi = ["id"], gi = { key: 2 }, fi = { key: 0 }, Li = { key: 1 };
-v1(`/* base COLORS --------------------------------------------- */
+m1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -8437,7 +8444,7 @@ html[data-v-0090dd57] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-v1(`.slide-fade-up-enter-active,
+m1(`.slide-fade-up-enter-active,
 .slide-fade-up-leave-active {
   -webkit-transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
   transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
@@ -8837,11 +8844,11 @@ v1(`.slide-fade-up-enter-active,
 }
 .bimdata-datepicker__calendar-button.input-group-prepend, .bimdata-datepicker__calendar-button.input-group-append {
   padding: 0;
-}`), X1.render = function(e, n, o, l, s, i) {
+}`), j1.render = function(e, n, o, l, s, i) {
   const c = g("DateInputRange"), u = g("DateInput");
-  return r(), a("div", { id: i.datepickerId, ref: "datepicker", class: V(["bimdata-datepicker", [o.wrapperClass]]), onFocusin: n[10] || (n[10] = (d) => e.handleFocusIn(d)), onFocusout: n[11] || (n[11] = (d) => e.handleFocusOut(d)), onKeydown: n[12] || (n[12] = B((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [o.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: y(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(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: y(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(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(), a("div", gi, [p(n1, { name: "toggle", persisted: "" }, { default: f(() => [X(t("div", { class: V(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = w(() => {
-  }, ["prevent"])), onFocusin: n[6] || (n[6] = w((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = w((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = B(w((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = B(w((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(n1, { name: "view" }, { default: f(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", fi, [_(e.$slots, "beforeCalendarHeader")])) : v("v-if", !0), (r(), D(d1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": o.dayCellContent, disabledDates: o.disabledDates, firstDayOfWeek: o.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: o.isDateRange, showEdgeDates: o.showEdgeDates, fullMonthName: o.fullMonthName, showHeader: o.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: o.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: f(({ cell: d }) => [d ? _(e.$slots, "dayCellContent", { key: 0, cell: d }) : v("v-if", !0)]), _: 2 }, [U(s.calendarSlots, (d) => ({ name: d, fn: f(() => [_(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(), a("div", Li, [_(e.$slots, "calendarFooter")])) : v("v-if", !0)]))]), _: 3 })], 34), [[q, i.isOpen]])]), _: 3 })])) : v("v-if", !0)], 42, bi);
-}, X1.__scopeId = "data-v-0090dd57", X1.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
+  return r(), a("div", { id: i.datepickerId, ref: "datepicker", class: V(["bimdata-datepicker", [o.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"])) }, [o.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: y(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(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: y(i.style) }, { beforeDateInput: f(() => [_(e.$slots, "beforeDateInput")]), afterDateInput: f(() => [_(e.$slots, "afterDateInput")]), clearBtn: f(() => [_(e.$slots, "clearBtn")]), calendarBtn: f(() => [_(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(), a("div", gi, [p(t1, { name: "toggle", persisted: "" }, { default: f(() => [X(t("div", { class: V(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = w(() => {
+  }, ["prevent"])), onFocusin: n[6] || (n[6] = w((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = w((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = x(w((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = x(w((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(t1, { name: "view" }, { default: f(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", fi, [_(e.$slots, "beforeCalendarHeader")])) : v("v-if", !0), (r(), D(u1(i.picker), { ref: "picker", class: "picker-view", "day-cell-content": o.dayCellContent, disabledDates: o.disabledDates, firstDayOfWeek: o.firstDayOfWeek, typeable: e.typeable, isUpDisabled: i.isUpDisabled, isMinimumView: i.isMinimumView, openDate: e.openDate, pageDate: i.pageDate, selectedDate: s.selectedDate, selectedToDate: s.selectedToDate, isDateRange: o.isDateRange, showEdgeDates: o.showEdgeDates, fullMonthName: o.fullMonthName, showHeader: o.showHeader, slideDuration: s.slideDuration, tabbableCellId: e.tabbableCellId, transitionName: e.transitionName, translation: i.lang, useUtc: e.useUtc, view: s.view || i.computedInitialView, yearPickerRange: o.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: f(({ cell: d }) => [d ? _(e.$slots, "dayCellContent", { key: 0, cell: d }) : v("v-if", !0)]), _: 2 }, [U(s.calendarSlots, (d) => ({ name: d, fn: f(() => [_(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(), a("div", Li, [_(e.$slots, "calendarFooter")])) : v("v-if", !0)]))]), _: 3 })], 34), [[q, i.isOpen]])]), _: 3 })])) : v("v-if", !0)], 42, bi);
+}, j1.__scopeId = "data-v-0090dd57", j1.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
 var R2 = { 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}`;
 }, style() {
@@ -8854,10 +8861,10 @@ var R2 = { 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";
 } } };
 R2.render = function(e, n, o, l, s, i) {
-  return r(), D(d1(o.component), { style: y(i.style), class: V(i.classes) }, { default: f(() => [_(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
+  return r(), D(u1(o.component), { style: y(i.style), class: V(i.classes) }, { default: f(() => [_(e.$slots, "default")]), _: 3 }, 8, ["style", "class"]);
 }, R2.__file = "src/BIMDataComponents/BIMDataText/BIMDataText.vue";
-var c1 = { components: { BIMDataText: R2 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
-const vi = { class: "bimdata-loading" }, mi = ((e) => (a1("data-v-6d3be186"), e = e(), l1(), e))(() => t("span", { class: "bimdata-loading--square" }, null, -1));
+var d1 = { components: { BIMDataText: R2 }, props: { message: { type: String, default: "loading..." }, subMessage: { type: String, default: "" } } };
+const vi = { class: "bimdata-loading" }, mi = ((e) => (l1("data-v-6d3be186"), e = e(), i1(), e))(() => t("span", { class: "bimdata-loading--square" }, null, -1));
 function T5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
@@ -8964,8 +8971,7 @@ T5(`@-webkit-keyframes bimdataloading {
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
             box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
 }
-}
-@keyframes bimdataloading {
+}@keyframes bimdataloading {
 0% {
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
             box-shadow: inset 0px 0px 0px 0px rgba(var(--color-white), 0.1);
@@ -9042,10 +9048,10 @@ T5(`@-webkit-keyframes bimdataloading {
 .bimdata-loading p {
   text-align: center;
   margin: 0;
-}`), c1.render = function(e, n, o, l, s, i) {
+}`), d1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataText");
-  return r(), a("div", vi, [mi, p(c, { color: "color-white", margin: "12px 0 0" }, { default: f(() => [t("p", null, h(o.message), 1), t("p", null, h(o.subMessage), 1)]), _: 1 })]);
-}, c1.__scopeId = "data-v-6d3be186", c1.__file = "src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
+  return r(), a("div", vi, [mi, p(c, { color: "color-white", margin: "12px 0 0" }, { default: f(() => [t("p", null, b(o.message), 1), t("p", null, b(o.subMessage), 1)]), _: 1 })]);
+}, d1.__scopeId = "data-v-6d3be186", d1.__file = "src/BIMDataComponents/BIMDataLoading/BIMDataLoading.vue";
 const Ii = { "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" }, Mi = { render: function(e, n) {
   return r(), a("path", Ii);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, _i = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, yi = { render: function(e, n) {
@@ -9353,7 +9359,7 @@ const Ii = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var h5 = { addFile: Mi, addFolder: yi, addUser: Di, alphabeticalAscending: Bi, alphabeticalDescending: xi, alphabeticalSort: Zi, alt: Ai, angle: $i, api: Oi, archive: Ei, arrow: Pi, attach: zi, backInTime: Wi, bcf: ji, building: qi, burgerMenu: Qi, calendar: ns, caliper: rs, camera: as, cancelCamera: is, check: cs, chevron: us, classificationCategorie: ps, classificationElement: bs, click: fs, close: vs, cloud: Is, color: _s, comment: Hs, cursor: Vs, dateAscending: ks, dateDescending: ws, default: Ss, delete: Ts, deniedFile: Ns, deploy: Rs, detach: Fs, distance: Us, doubleChevron: Gs, down: Ws, download: js, drag: qs, edit: Qs, ellipsis: nc, expanded: rc, explosion: ac, export: ic, exportIfc: cc, failed: uc, filter: pc, fitView: bc, folder: fc, folderMove: vc, folderOpen: Ic, fullscreen: _c, grid: Hc, group: Vc, hide: kc, ifc: wc, ifcFile: Sc, import: Tc, indexAscending: Nc, indexDescending: Rc, information: Fc, inProgressFile: Uc, invitation: Gc, isolate: Wc, key: jc, left: qc, linkedDocument: Qc, list: nd, listManage: rd, location: ad, lock: id, logout: cd, measure: ud, minus: pd, model3d: bd, organization: fd, parameters: vd, path: Id, pieGraph: _d, plus: Hd, project: Vd, quickSelect: kd, readonlyFolder: wd, redo: Sd, reduced: Td, refresh: Nd, reprocessIfc: Rd, reset: Fd, right: Ud, rules: Gd, sandglass: Wd, save: jd, screenConfig: qd, screenshot: Qd, search: nu, section: ru, settings: au, share: iu, show: cu, showSelected: uu, socotec: pu, space: bu, split: fu, storey: vu, success: Iu, surface: _u, swap: Hu, synchro2d: Vu, system: ku, tag: Zu, tree: Au, unarchive: $u, undo: Ou, union: Eu, up: Pu, user: zu, validate: Yu, validatedFile: Xu, versioning: qu, video: Qu, visa: nC, warning: rC, windowBottom: aC, windowed: iC, windowLeft: cC, windowRight: uC, windowTop: pC, zone: bC, bcfPolychrome: fC, createWindowPolychrome: vC, docInfoPolychrome: IC, fileDwgPolychrome: _C, fileIfcPolychrome: HC, filePdfPolychrome: VC, filePlanPolychrome: kC, folderPolychrome: wC, structurePolychrome: SC, viewer2dPolychrome: TC, viewer3dPolychrome: NC }, OC = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const b5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var j1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var K1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(h5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(h5).includes(e) }, color: { type: String, default: "default", validator: (e) => OC.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(b5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -9524,10 +9530,10 @@ q2(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), j1.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(d1(`bimdata-icon-${o.name}`)))], 14, RC);
-}, j1.__scopeId = "data-v-1312d4d1", j1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var D1 = { components: { BIMDataIcon: j1 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
+}`), K1.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(u1(`bimdata-icon-${o.name}`)))], 14, RC);
+}, K1.__scopeId = "data-v-1312d4d1", K1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var V1 = { components: { BIMDataIcon: K1 }, props: { iconName: { type: String, default: "warning" }, width: { type: String, default: "350px" } } };
 const EC = { class: "overlay flex items-center justify-center" }, FC = { class: "safe-zone__content flex flex-col items-center justify-center p-18" }, PC = { class: "safe-zone__actions flex items-center p-x-18" };
 q2(`.overlay[data-v-1bd53efd] {
   position: absolute;
@@ -9565,11 +9571,11 @@ q2(`.overlay[data-v-1bd53efd] {
           justify-content: space-evenly;
   background-color: var(--color-silver-light);
   border-top: 1px solid var(--color-silver);
-}`), D1.render = function(e, n, o, l, s, i) {
+}`), V1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon");
   return r(), a("div", EC, [t("div", { class: "safe-zone", style: y({ width: o.width }) }, [t("div", FC, [p(c, { name: o.iconName, size: "l", fill: "", color: "high" }, null, 8, ["name"]), t("p", null, [_(e.$slots, "text")])]), t("div", PC, [_(e.$slots, "actions")])], 4)]);
-}, D1.__scopeId = "data-v-1bd53efd", D1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
-var f1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
+}, V1.__scopeId = "data-v-1bd53efd", V1.__file = "src/BIMDataComponents/BIMDataSafeZoneModal/BIMDataSafeZoneModal.vue";
+var L1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { name: { type: [String, Number], default: "" }, resizable: { type: Boolean, default: !0 }, modelValue: { type: [String, Number], default: null }, placeholder: { type: String, default: null }, label: { type: String, default: "" }, width: { type: [Number, String], default: "150px" }, height: { type: [Number, String], default: "32px" }, error: { type: Boolean, default: !1 }, success: { type: Boolean, default: !1 }, errorMessage: { type: String, default: "" }, successMessage: { type: String, default: "" }, fitContent: { type: Boolean, default: !1 } }, emits: ["update:modelValue"], created() {
   this.$watch(() => this.success && this.error, (e) => {
     if (e)
       throw new Error("Textarea state cannot be both success and error.");
@@ -9585,7 +9591,7 @@ var f1 = { model: { prop: "modelValue", event: "update:modelValue" }, props: { n
 }, onInput(e) {
   this.$emit("update:modelValue", e.currentTarget.value), this.fitContent && this.handleFitContent();
 } } };
-const UC = ["name", "id", "value", "placeholder"], zC = ["for"], GC = ((e) => (a1("data-v-76eaf75a"), e = e(), l1(), e))(() => t("span", { class: "bar" }, null, -1)), YC = { key: 0, class: "error" }, WC = { key: 1, class: "success" };
+const UC = ["name", "id", "value", "placeholder"], zC = ["for"], GC = ((e) => (l1("data-v-76eaf75a"), e = e(), i1(), e))(() => t("span", { class: "bar" }, null, -1)), YC = { key: 0, class: "error" }, WC = { key: 1, class: "success" };
 function $5(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
@@ -9858,10 +9864,10 @@ $5(`textarea:-webkit-autofill {
 }
 .bimdata-textarea.success .bar::before, .bimdata-textarea.success .bar::after {
   background-color: var(--color-success);
-}`), f1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { class: V(["bimdata-textarea", { "not-empty": o.modelValue !== null && o.modelValue !== "" || o.placeholder !== null, error: o.error, success: o.success }]), style: y({ "min-width": o.width, "min-height": o.height }) }, [t("textarea", E2({ ref: "textarea", name: o.name, id: o.name, value: o.modelValue, placeholder: o.placeholder, style: o.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, UC), t("label", { for: o.name }, h(o.label), 9, zC), GC, o.error ? (r(), a("span", YC, h(o.errorMessage), 1)) : v("v-if", !0), o.success ? (r(), a("span", WC, h(o.successMessage), 1)) : v("v-if", !0)], 6);
-}, f1.__scopeId = "data-v-76eaf75a", f1.__file = "src/BIMDataComponents/BIMDataTextarea/BIMDataTextarea.vue";
-var V1 = { 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() {
+}`), L1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", { class: V(["bimdata-textarea", { "not-empty": o.modelValue !== null && o.modelValue !== "" || o.placeholder !== null, error: o.error, success: o.success }]), style: y({ "min-width": o.width, "min-height": o.height }) }, [t("textarea", E2({ ref: "textarea", name: o.name, id: o.name, value: o.modelValue, placeholder: o.placeholder, style: o.resizable ? "" : "resize: none;", onInput: n[0] || (n[0] = (...c) => i.onInput && i.onInput(...c)) }, e.$attrs), null, 16, UC), t("label", { for: o.name }, b(o.label), 9, zC), GC, o.error ? (r(), a("span", YC, b(o.errorMessage), 1)) : v("v-if", !0), o.success ? (r(), a("span", WC, b(o.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;
 }, _text() {
   return this.text || this.message;
@@ -10159,9 +10165,9 @@ html[data-v-41eb8f46] {
 }
 .bimdata-tooltip__tooltip--high[data-v-41eb8f46]::before {
   border-color: var(--color-high) transparent transparent;
-}`), V1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", XC, [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: f(() => [X(t("div", { ref: "tooltipText", class: V(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${o.position}`, `bimdata-tooltip__tooltip--${o.color}`, ...i._className]]), style: y({ maxWidth: o.maxWidth }) }, h(i._text), 7), [[q, i.isDisplayed]])]), _: 1 })]);
-}, V1.__scopeId = "data-v-41eb8f46", V1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
+}`), B1.render = function(e, n, o, l, s, i) {
+  return r(), a("div", XC, [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: f(() => [X(t("div", { ref: "tooltipText", class: V(["bimdata-tooltip__tooltip", [`bimdata-tooltip__tooltip--${o.position}`, `bimdata-tooltip__tooltip--${o.color}`, ...i._className]]), style: y({ maxWidth: o.maxWidth }) }, b(i._text), 7), [[q, i.isDisplayed]])]), _: 1 })]);
+}, B1.__scopeId = "data-v-41eb8f46", B1.__file = "src/BIMDataComponents/BIMDataTooltip/BIMDataTooltip.vue";
 const jC = {
   components: {
     BIMDataButton: W,
@@ -10182,13 +10188,13 @@ const jC = {
       [...d.target.files].forEach((C) => {
         const L = new FileReader();
         L.addEventListener("load", () => {
-          const b = {
+          const h = {
             snapshot: {
               snapshot_type: C.type,
               snapshot_data: L.result
             }
           };
-          n("add-viewpoint", b);
+          n("add-viewpoint", h);
         }), L.readAsDataURL(C);
       });
     }, l = (d) => {
@@ -10257,7 +10263,7 @@ function ap(e, n, o, l, s, i) {
               size: "xs",
               margin: "0 6px 0 0"
             }),
-            Z(" " + h(e.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
+            Z(" " + b(e.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
           ]),
           t("input", {
             disabled: o.viewpoints.length >= 4,
@@ -10285,7 +10291,7 @@ function ap(e, n, o, l, s, i) {
         radius: ""
       }, {
         default: f(() => [
-          l.isTabletOrMobile ? (r(), a("label", op, h(e.$t("BcfComponents.BcfTopicForm.dragDropImageTextTablet")), 1)) : (r(), a("label", rp, h(e.$t("BcfComponents.BcfTopicForm.dragDropImageText")), 1)),
+          l.isTabletOrMobile ? (r(), a("label", op, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageTextTablet")), 1)) : (r(), a("label", rp, b(e.$t("BcfComponents.BcfTopicForm.dragDropImageText")), 1)),
           t("input", {
             hidden: "",
             id: "files",
@@ -10323,8 +10329,8 @@ const ip = {
         Object.entries(o()).forEach(([i, c]) => {
           const [u, d] = Object.entries(z2).find(([, C]) => C.plugin === i);
           c.forEach(async (C) => {
-            const L = await C.getViewpoint(), { order: b } = d != null ? d : {};
-            L.order = b, L[P2] = u, L[U2] = C.getLoadedModels().map((M) => M.id).join(","), n("add-viewpoint", L);
+            const L = await C.getViewpoint(), { order: h } = d != null ? d : {};
+            L.order = h, L[P2] = u, L[U2] = C.getLoadedModels().map((m) => m.id).join(","), n("add-viewpoint", L);
           });
         });
       },
@@ -10385,15 +10391,15 @@ const pp = {
     BcfTopicImages: lp,
     BcfTopicSnapshots: Cp,
     BIMDataButton: W,
-    BIMDataDatePicker: X1,
+    BIMDataDatePicker: j1,
     BIMDataIcon: j,
-    BIMDataInput: s1,
-    BIMDataLoading: c1,
-    BIMDataSafeZoneModal: D1,
-    BIMDataSelect: o2,
-    BIMDataTextarea: f1,
-    BIMDataTextbox: r1,
-    BIMDataTooltip: V1
+    BIMDataInput: c1,
+    BIMDataLoading: d1,
+    BIMDataSafeZoneModal: V1,
+    BIMDataSelect: a2,
+    BIMDataTextarea: L1,
+    BIMDataTextbox: o1,
+    BIMDataTooltip: B1
   },
   props: {
     uiConfig: {
@@ -10449,22 +10455,22 @@ const pp = {
     "topic-update-error"
   ],
   setup(e, { emit: n }) {
-    const o = x1(), l = R(
+    const o = w1(), l = R(
       () => !e.topic
     ), s = R(
       () => Math.max(0, ...e.topics.map((N) => N.index)) + 1
-    ), i = x(""), c = x(null), u = x(null), d = x(null), C = x(null), L = x(null), b = x(null), M = x(""), m = x([]), I = x([]), k = x([]), $ = x([]), P = x([]), S = R(
-      () => I.value.concat(k.value).filter((N) => !P.value.some((C1) => C1.guid === N.guid)).filter((N) => N.snapshot)
-    ), H = x(!1), A = x(!1), T = x(!1);
-    a2(
+    ), i = B(""), c = B(null), u = B(null), d = B(null), C = B(null), L = B(null), h = B(null), m = B(""), M = B([]), I = B([]), k = B([]), $ = B([]), P = B([]), S = R(
+      () => I.value.concat(k.value).filter((N) => !P.value.some((p1) => p1.guid === N.guid)).filter((N) => N.snapshot)
+    ), H = B(!1), A = B(!1), T = B(!1);
+    n1(
       () => e.topic,
       (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, L.value = N.assigned_to || null, b.value = N.due_date, M.value = N.description || "", m.value = N.labels || [], I.value = N.viewpoints || []);
+        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, L.value = N.assigned_to || null, h.value = N.due_date, m.value = N.description || "", M.value = N.labels || [], I.value = N.viewpoints || []);
       },
       { immediate: !0 }
     );
     const E = () => {
-      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, L.value = null, b.value = null, M.value = "", m.value = [], I.value = [], k.value = [], $.value = [], P.value = [], H.value = !1, A.value = !1, T.value = !1;
+      i.value = "", c.value = null, u.value = null, d.value = null, C.value = null, L.value = null, h.value = null, m.value = "", M.value = [], I.value = [], k.value = [], $.value = [], P.value = [], H.value = !1, A.value = !1, T.value = !1;
     };
     return {
       hasErrorTitle: T,
@@ -10473,12 +10479,12 @@ const pp = {
       loading: H,
       nextIndex: s,
       topicAssignedTo: L,
-      topicDescription: M,
-      topicDueDate: b,
+      topicDescription: m,
+      topicDueDate: h,
       topicPriority: u,
       topicStage: C,
       topicStatus: d,
-      topicLabels: m,
+      topicLabels: M,
       topicTitle: i,
       topicType: c,
       viewpointsToDisplay: S,
@@ -10489,12 +10495,12 @@ const pp = {
         if (N.guid)
           P.value.push(N);
         else {
-          let C1 = k.value.indexOf(N);
-          k.value.splice(C1, 1);
+          let p1 = k.value.indexOf(N);
+          k.value.splice(p1, 1);
         }
       },
       submit: async () => {
-        var N, C1;
+        var N, p1;
         if (!i.value) {
           T.value = !0;
           return;
@@ -10526,32 +10532,32 @@ const pp = {
           ].forEach(
             (G) => G.pins = e.topicAnnotations
           );
-          const S1 = {
+          const A1 = {
             guid: (N = e.topic) == null ? void 0 : N.guid,
-            models: ((C1 = e.topic) == null ? void 0 : C1.models) || e.topicModels,
+            models: ((p1 = e.topic) == null ? void 0 : p1.models) || e.topicModels,
             title: i.value,
             topic_type: c.value,
             priority: u.value,
             topic_status: d.value,
             stage: C.value,
             assigned_to: L.value,
-            due_date: b.value,
-            description: M.value,
-            labels: m.value,
+            due_date: h.value,
+            description: m.value,
+            labels: M.value,
             viewpoints: $.value
           };
-          let p1;
-          l.value ? p1 = await o.createTopic(e.project, S1) : p1 = await o.updateTopic(e.project, S1), await Promise.all(
+          let h1;
+          l.value ? h1 = await o.createTopic(e.project, A1) : h1 = await o.updateTopic(e.project, A1), await Promise.all(
             k.value.map(
-              (G) => o.createViewpoint(e.project, p1, G)
+              (G) => o.createViewpoint(e.project, h1, G)
             )
           ), await Promise.all(
             P.value.map(
-              (G) => o.deleteViewpoint(e.project, p1, G)
+              (G) => o.deleteViewpoint(e.project, h1, G)
             )
-          ), l.value ? (n("topic-created", p1), E()) : n("topic-updated", p1);
-        } catch (S1) {
-          n(l.value ? "topic-create-error" : "topic-update-error", S1);
+          ), l.value ? (n("topic-created", h1), E()) : n("topic-updated", h1);
+        } catch (A1) {
+          n(l.value ? "topic-create-error" : "topic-update-error", A1);
         } finally {
           H.value = !1;
         }
@@ -10569,7 +10575,7 @@ const pp = {
   class: "bcf-topic-form__loader"
 };
 function Bp(e, n, o, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), L = g("BIMDataTooltip"), b = g("BcfTopicImages"), M = g("BIMDataInput"), m = g("BIMDataSelect"), I = g("BIMDataDatePicker"), k = g("BIMDataTextarea"), $ = g("BIMDataLoading"), P = g("BIMDataSafeZoneModal");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicSnapshots"), L = g("BIMDataTooltip"), h = g("BcfTopicImages"), m = g("BIMDataInput"), M = g("BIMDataSelect"), I = g("BIMDataDatePicker"), k = g("BIMDataTextarea"), $ = g("BIMDataLoading"), P = g("BIMDataSafeZoneModal");
   return r(), a("div", hp, [
     t("div", bp, [
       o.uiConfig.backButton ? (r(), D(u, {
@@ -10591,7 +10597,7 @@ function Bp(e, n, o, l, s, i) {
       })) : v("", !0),
       t("div", gp, [
         l.isCreation ? (r(), a(O, { key: 0 }, [
-          Z(h(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
+          Z(b(e.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
         ], 64)) : (r(), D(d, {
           key: 1,
           maxWidth: "250px",
@@ -10618,8 +10624,8 @@ function Bp(e, n, o, l, s, i) {
     ]),
     t("div", fp, [
       t("div", Lp, [
-        t("div", vp, h(l.isCreation ? l.nextIndex : o.topic.index), 1),
-        t("div", mp, h(e.$d(l.isCreation ? new Date() : o.topic.creation_date, "short")), 1)
+        t("div", vp, b(l.isCreation ? l.nextIndex : o.topic.index), 1),
+        t("div", mp, b(e.$d(l.isCreation ? new Date() : o.topic.creation_date, "short")), 1)
       ]),
       o.uiConfig.viewerMode ? (r(), a(O, { key: 0 }, [
         p(C, {
@@ -10640,8 +10646,8 @@ function Bp(e, n, o, l, s, i) {
                 size: "xxxs",
                 margin: "0 6px 0 0"
               }),
-              t("span", null, h(e.$t("BcfComponents.BcfTopicForm.addObjectButton")), 1),
-              o.topicObjects ? (r(), a("span", Mp, h(o.topicObjects.selection.length), 1)) : v("", !0)
+              t("span", null, b(e.$t("BcfComponents.BcfTopicForm.addObjectButton")), 1),
+              o.topicObjects ? (r(), a("span", Mp, b(o.topicObjects.selection.length), 1)) : v("", !0)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -10665,8 +10671,8 @@ function Bp(e, n, o, l, s, i) {
                     size: "xxxs",
                     margin: "0 6px 0 0"
                   }),
-                  t("span", null, h(e.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1),
-                  o.topicAnnotations ? (r(), a("span", _p, h(o.topicAnnotations.length), 1)) : v("", !0)
+                  t("span", null, b(e.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1),
+                  o.topicAnnotations ? (r(), a("span", _p, b(o.topicAnnotations.length), 1)) : v("", !0)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -10674,50 +10680,50 @@ function Bp(e, n, o, l, s, i) {
             _: 1
           }, 8, ["disabled", "text"])
         ])
-      ], 64)) : (r(), D(b, {
+      ], 64)) : (r(), D(h, {
         key: 1,
         viewpoints: l.viewpointsToDisplay,
         onAddViewpoint: l.addViewpoint,
         onDeleteViewpoint: l.delViewpoint
       }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
       t("div", yp, [
-        p(M, {
+        p(m, {
           placeholder: e.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
           error: l.hasErrorTitle,
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: l.topicTitle,
           "onUpdate:modelValue": n[4] || (n[4] = (S) => l.topicTitle = S),
-          onKeyup: B(w(l.submit, ["stop"]), ["enter"])
+          onKeyup: x(w(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
-        p(m, {
+        p(M, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: o.extensions.topic_type,
           modelValue: l.topicType,
           "onUpdate:modelValue": n[5] || (n[5] = (S) => l.topicType = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(m, {
+        p(M, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: o.extensions.priority,
           modelValue: l.topicPriority,
           "onUpdate:modelValue": n[6] || (n[6] = (S) => l.topicPriority = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(m, {
+        p(M, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: o.extensions.topic_status,
           modelValue: l.topicStatus,
           "onUpdate:modelValue": n[7] || (n[7] = (S) => l.topicStatus = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(m, {
+        p(M, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: o.extensions.stage,
           modelValue: l.topicStage,
           "onUpdate:modelValue": n[8] || (n[8] = (S) => l.topicStage = S)
         }, null, 8, ["label", "options", "modelValue"]),
-        p(m, {
+        p(M, {
           width: "100%",
           label: e.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: o.extensions.user_id_type,
@@ -10742,7 +10748,7 @@ function Bp(e, n, o, l, s, i) {
           "onUpdate:modelValue": n[11] || (n[11] = (S) => l.topicDescription = S),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
-        p(m, {
+        p(M, {
           width: "100%",
           multi: !0,
           label: e.$t("BcfComponents.BcfTopicForm.labelsLabel"),
@@ -10762,7 +10768,7 @@ function Bp(e, n, o, l, s, i) {
         onClick: l.submit
       }, {
         default: f(() => [
-          Z(h(e.$t(`BcfComponents.BcfTopicForm.${l.isCreation ? "createButton" : "updateButton"}`)), 1)
+          Z(b(e.$t(`BcfComponents.BcfTopicForm.${l.isCreation ? "createButton" : "updateButton"}`)), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"])
@@ -10772,7 +10778,7 @@ function Bp(e, n, o, l, s, i) {
     ])) : v("", !0),
     l.isOpenModal ? (r(), D(P, { key: 1 }, {
       text: f(() => [
-        Z(h(e.$t("BcfComponents.BcfTopicForm.modalText", { name: o.topic.title })), 1)
+        Z(b(e.$t("BcfComponents.BcfTopicForm.modalText", { name: o.topic.title })), 1)
       ]),
       actions: f(() => [
         p(u, {
@@ -10783,7 +10789,7 @@ function Bp(e, n, o, l, s, i) {
           onClick: n[13] || (n[13] = (S) => e.$emit("close"))
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
           ]),
           _: 1
         }),
@@ -10794,7 +10800,7 @@ function Bp(e, n, o, l, s, i) {
           onClick: n[14] || (n[14] = (S) => l.isOpenModal = !1)
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
           ]),
           _: 1
         })
@@ -10846,7 +10852,7 @@ function Zp(e, n, o, l, s, i) {
       key: 0,
       src: o.user.profile_picture
     }, null, 8, wp)) : l.initials ? (r(), a(O, { key: 1 }, [
-      Z(h(l.initials), 1)
+      Z(b(l.initials), 1)
     ], 64)) : (r(), D(c, {
       key: 2,
       name: "user",
@@ -10859,9 +10865,9 @@ const Sp = {
   components: {
     BIMDataButton: W,
     BIMDataIcon: j,
-    BIMDataLoading: c1,
-    BIMDataTextarea: f1,
-    BIMDataTextbox: r1,
+    BIMDataLoading: d1,
+    BIMDataTextarea: L1,
+    BIMDataTextbox: o1,
     UserAvatar: N5
   },
   props: {
@@ -10883,11 +10889,11 @@ const Sp = {
     "comment-deleted"
   ],
   setup(e, { emit: n }) {
-    const o = x1(), l = x(!1), s = x(!1), i = () => s.value = !1, c = () => s.value = !s.value, u = x(e.comment.comment), d = x(!1), C = () => {
+    const o = w1(), 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();
     }, L = () => {
       d.value = !1, u.value = e.comment.comment;
-    }, b = async () => {
+    }, h = async () => {
       try {
         if (e.comment.comment !== u.value) {
           l.value = !0;
@@ -10903,9 +10909,9 @@ const Sp = {
       } finally {
         l.value = !1;
       }
-    }, M = x(!1);
+    }, m = B(!1);
     return {
-      isDeleting: M,
+      isDeleting: m,
       isEditing: d,
       loading: l,
       showMenu: s,
@@ -10913,7 +10919,7 @@ const Sp = {
       cancelUpdate: L,
       closeMenu: i,
       onOpenDelete: () => {
-        M.value = !0, i();
+        m.value = !0, i();
       },
       onOpenEdit: C,
       submitDelete: async () => {
@@ -10922,16 +10928,16 @@ const Sp = {
             e.project,
             e.topic,
             e.comment
-          ), n("comment-deleted", e.comment), M.value = !1;
+          ), n("comment-deleted", e.comment), m.value = !1;
         } finally {
           l.value = !1;
         }
       },
-      submitUpdate: b,
+      submitUpdate: h,
       toggleMenu: c
     };
   }
-}, Ap = (e) => (a1("data-v-abad358d"), e = e(), l1(), e), Tp = { class: "topic-comment" }, $p = { class: "topic-comment__header flex items-center justify-between" }, Np = { class: "topic-comment__header__left flex items-center" }, Op = {
+}, Ap = (e) => (l1("data-v-abad358d"), e = e(), i1(), e), Tp = { class: "topic-comment" }, $p = { class: "topic-comment__header flex items-center justify-between" }, Np = { class: "topic-comment__header__left flex items-center" }, Op = {
   key: 1,
   class: "topic-comment__header__left__user flex items-center justify-center m-r-12"
 }, Rp = /* @__PURE__ */ Ap(() => /* @__PURE__ */ t("span", { class: "color-granite m-x-6" }, " \u2022 ", -1)), Ep = { class: "color-granite" }, Fp = { class: "topic-comment__header__right" }, Pp = { class: "topic-comment__header__right__actions flex" }, Up = {
@@ -10939,7 +10945,7 @@ const Sp = {
   class: "topic-comment__header__right__delete p-x-12"
 }, zp = { class: "flex items-center" }, Gp = { class: "topic-comment__content" };
 function Yp(e, n, o, l, s, i) {
-  const c = g("UserAvatar"), u = g("BIMDataIcon"), d = g("BIMDataTextbox"), C = g("BIMDataButton"), L = g("BIMDataTextarea"), b = g("BIMDataLoading");
+  const c = g("UserAvatar"), u = g("BIMDataIcon"), d = g("BIMDataTextbox"), C = g("BIMDataButton"), L = g("BIMDataTextarea"), h = g("BIMDataLoading");
   return r(), a("div", Tp, [
     t("div", $p, [
       t("div", Np, [
@@ -10966,7 +10972,7 @@ function Yp(e, n, o, l, s, i) {
           text: o.comment.author
         }, null, 8, ["text"]),
         Rp,
-        t("span", Ep, h(e.$d(o.comment.date, "long")), 1)
+        t("span", Ep, b(e.$d(o.comment.date, "long")), 1)
       ]),
       t("div", Fp, [
         t("div", Pp, [
@@ -11056,7 +11062,7 @@ function Yp(e, n, o, l, s, i) {
           ], 64)) : v("", !0)
         ]),
         l.isDeleting ? (r(), a("div", Up, [
-          t("span", null, h(e.$t("BcfComponents.BcfTopicComments.deleteCommentText")), 1),
+          t("span", null, b(e.$t("BcfComponents.BcfTopicComments.deleteCommentText")), 1),
           t("div", zp, [
             p(C, {
               class: "m-r-6",
@@ -11066,7 +11072,7 @@ function Yp(e, n, o, l, s, i) {
               onClick: l.submitDelete
             }, {
               default: f(() => [
-                Z(h(e.$t("BcfComponents.BcfTopicComments.deleteButton")), 1)
+                Z(b(e.$t("BcfComponents.BcfTopicComments.deleteButton")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
@@ -11074,7 +11080,7 @@ function Yp(e, n, o, l, s, i) {
               ghost: "",
               rounded: "",
               icon: "",
-              onClick: n[0] || (n[0] = (M) => l.isDeleting = !1)
+              onClick: n[0] || (n[0] = (m) => l.isDeleting = !1)
             }, {
               default: f(() => [
                 p(u, {
@@ -11113,22 +11119,22 @@ function Yp(e, n, o, l, s, i) {
         width: "100%",
         rows: "1",
         modelValue: l.text,
-        "onUpdate:modelValue": n[1] || (n[1] = (M) => l.text = M),
+        "onUpdate:modelValue": n[1] || (n[1] = (m) => l.text = m),
         fitContent: "",
         autofocus: "",
         resizable: !1,
         readonly: !l.isEditing
       }, null, 8, ["class", "modelValue", "readonly"])
     ]),
-    l.loading ? (r(), D(b, { key: 0 })) : v("", !0)
+    l.loading ? (r(), D(h, { key: 0 })) : v("", !0)
   ]);
 }
 const Wp = /* @__PURE__ */ F(Sp, [["render", Yp], ["__scopeId", "data-v-abad358d"]]);
 const Xp = {
   components: {
     BIMDataButton: W,
-    BIMDataLoading: c1,
-    BIMDataTextarea: f1,
+    BIMDataLoading: d1,
+    BIMDataTextarea: L1,
     TopicComment: Wp
   },
   props: {
@@ -11147,8 +11153,8 @@ const Xp = {
     "comment-deleted"
   ],
   setup(e, { emit: n }) {
-    const o = x1(), l = x(!1), s = x(!1), i = x(null), c = x("");
-    return a2(
+    const o = w1(), l = B(!1), s = B(!1), i = B(null), c = B("");
+    return n1(
       l,
       () => setTimeout(() => l.value && i.value.focus(), 50)
     ), {
@@ -11179,7 +11185,7 @@ function rh(e, n, o, l, s, i) {
   const c = g("BIMDataButton"), u = g("BIMDataTextarea"), d = g("TopicComment"), C = g("BIMDataLoading");
   return r(), a("div", jp, [
     l.isOpen ? (r(), a("div", Kp, [
-      t("p", qp, h(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
+      t("p", qp, b(e.$t("BcfComponents.BcfTopicComments.commentText")), 1),
       t("div", Jp, [
         p(u, {
           ref: "input",
@@ -11199,7 +11205,7 @@ function rh(e, n, o, l, s, i) {
             onClick: n[2] || (n[2] = (L) => l.isOpen = !1)
           }, {
             default: f(() => [
-              Z(h(e.$t("BcfComponents.BcfTopicComments.cancelButton")), 1)
+              Z(b(e.$t("BcfComponents.BcfTopicComments.cancelButton")), 1)
             ]),
             _: 1
           }),
@@ -11211,7 +11217,7 @@ function rh(e, n, o, l, s, i) {
             onClick: l.submitComment
           }, {
             default: f(() => [
-              Z(h(e.$t("BcfComponents.BcfTopicComments.publishButton")), 1)
+              Z(b(e.$t("BcfComponents.BcfTopicComments.publishButton")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -11226,20 +11232,20 @@ function rh(e, n, o, l, s, i) {
       onClick: n[0] || (n[0] = (L) => l.isOpen = !0)
     }, {
       default: f(() => [
-        Z(h(e.$t("BcfComponents.BcfTopicComments.commentButton")), 1)
+        Z(b(e.$t("BcfComponents.BcfTopicComments.commentButton")), 1)
       ]),
       _: 1
     })),
     t("div", eh, [
-      t("p", nh, h((o.topic.comments ? o.topic.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
+      t("p", nh, b((o.topic.comments ? o.topic.comments.length : 0) + " " + e.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
       o.topic.comments && o.topic.comments.length ? (r(), a("div", th, [
         (r(!0), a(O, null, U(o.topic.comments, (L) => (r(), D(d, {
           key: L.guid,
           project: o.project,
           topic: o.topic,
           comment: L,
-          onCommentUpdated: n[3] || (n[3] = (b) => e.$emit("comment-updated", b)),
-          onCommentDeleted: n[4] || (n[4] = (b) => e.$emit("comment-deleted", b))
+          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))
       ])) : v("", !0)
     ]),
@@ -11247,13 +11253,13 @@ function rh(e, n, o, l, s, i) {
   ]);
 }
 const oh = /* @__PURE__ */ F(Xp, [["render", rh], ["__scopeId", "data-v-c43343c2"]]);
-var ah = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), K1 = { 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) => ah.includes(e) } }, emits: ["click"], computed: { classes() {
+var ah = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), q1 = { 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) => ah.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() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
 } } };
 const lh = ["color"];
-function Z1(e, n) {
+function S1(e, n) {
   n === void 0 && (n = {});
   var o = n.insertAt;
   if (e && typeof document < "u") {
@@ -11261,7 +11267,7 @@ function Z1(e, n) {
     s.type = "text/css", o === "top" && l.firstChild ? l.insertBefore(s, l.firstChild) : l.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e));
   }
 }
-Z1(`/* base COLORS --------------------------------------------- */
+S1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -11419,7 +11425,7 @@ html[data-v-3f903003] {
 .primary-font[data-v-3f903003] {
   font-family: "roboto", sans-serif;
 }`);
-Z1(`.bimdata-btn {
+S1(`.bimdata-btn {
   padding: 0 var(--spacing-unit);
   height: -webkit-fit-content;
   height: -moz-fit-content;
@@ -11722,9 +11728,9 @@ Z1(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), K1.render = function(e, n, o, l, s, i) {
+}`), q1.render = function(e, n, o, l, s, i) {
   return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: y(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, lh);
-}, K1.__scopeId = "data-v-3f903003", K1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+}, q1.__scopeId = "data-v-3f903003", q1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
 const ih = { "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" }, sh = { render: function(e, n) {
   return r(), a("path", ih);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/AddFile.vue" }, ch = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.55 15.0531H16.0997V18.503H13.7999V15.0531H10.35V12.7529H13.7999V9.303H16.0997V12.7529H19.55V15.0531ZM20.7001 5.85364H11.4997L9.19989 3.55383H2.29968C1.02325 3.55383 0.0113988 4.5772 0.0113988 5.85364L-0.00012207 19.6537C-0.00012207 20.9301 1.02325 21.9539 2.29968 21.9539H20.7001C21.9761 21.9539 22.9999 20.9301 22.9999 19.6537V8.15384C22.9999 6.87701 21.9761 5.85364 20.7001 5.85364Z" }, dh = { render: function(e, n) {
@@ -12032,7 +12038,7 @@ const ih = { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.6687 16.531
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/polychrome/Viewer3DPolychrome.vue" };
 var g5 = { addFile: sh, addFolder: dh, addUser: Ch, alphabeticalAscending: hh, alphabeticalDescending: gh, alphabeticalSort: Lh, alt: mh, angle: Mh, api: yh, archive: Dh, arrow: Bh, attach: xh, backInTime: Sh, bcf: Th, building: Nh, burgerMenu: Rh, calendar: Fh, caliper: Uh, camera: Gh, cancelCamera: Wh, check: jh, chevron: qh, classificationCategorie: Qh, classificationElement: nb, click: rb, close: ab, cloud: ib, color: cb, comment: ub, cursor: pb, dateAscending: bb, dateDescending: fb, default: vb, delete: Ib, deniedFile: _b, deploy: Hb, detach: Vb, distance: kb, doubleChevron: wb, down: Sb, download: Tb, drag: Nb, edit: Rb, ellipsis: Fb, expanded: Ub, explosion: Gb, export: Wb, exportIfc: jb, failed: qb, filter: Qb, fitView: ng, folder: rg, folderMove: ag, folderOpen: ig, fullscreen: cg, grid: ug, group: pg, hide: bg, ifc: fg, ifcFile: vg, import: Ig, indexAscending: _g, indexDescending: Hg, information: Vg, inProgressFile: kg, invitation: wg, isolate: Sg, key: Tg, left: Ng, linkedDocument: Rg, list: Fg, listManage: Ug, location: Gg, lock: Wg, logout: jg, measure: qg, minus: Qg, model3d: nf, organization: rf, parameters: af, path: sf, pieGraph: df, plus: Cf, project: hf, quickSelect: gf, readonlyFolder: Lf, redo: mf, reduced: Mf, refresh: yf, reprocessIfc: Df, reset: Bf, right: xf, rules: Zf, sandglass: Af, save: $f, screenConfig: Of, screenshot: Ef, search: Pf, section: zf, settings: Yf, share: Xf, show: Kf, showSelected: Jf, socotec: eL, space: tL, split: oL, storey: lL, success: sL, surface: dL, swap: CL, synchro2d: hL, system: gL, tag: vL, tree: IL, unarchive: _L, undo: HL, union: VL, up: kL, user: wL, validate: SL, validatedFile: TL, versioning: OL, video: EL, visa: PL, warning: zL, windowBottom: YL, windowed: XL, windowLeft: KL, windowRight: JL, windowTop: ev, zone: tv, bcfPolychrome: ov, createWindowPolychrome: lv, docInfoPolychrome: sv, fileDwgPolychrome: dv, fileIfcPolychrome: Cv, filePdfPolychrome: hv, filePlanPolychrome: gv, folderPolychrome: Lv, structurePolychrome: mv, viewer2dPolychrome: Mv, viewer3dPolychrome: yv }, Hv = Object.freeze(["black", "default", "granite", "granite-light", "high", "primary", "secondary", "success", "silver", "silver-light", "silver-dark", "warning", "white"]);
 const f5 = { xxxs: 10, xxs: 13, xs: 16, s: 18, m: 22, l: 28, xl: 36, xxl: 45, xxxl: 60 };
-var q1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
+var J1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return Object.entries(e).reduce((n, [o, l]) => ({ ...n, [`bimdata-icon-${o}`]: l }), {});
 }(g5) }, props: { name: { type: String, required: !0, validator: (e) => Object.keys(g5).includes(e) }, color: { type: String, default: "default", validator: (e) => Hv.includes(e) }, fillColor: { type: String, default: "currentColor" }, fill: { type: Boolean, default: !1 }, stroke: { type: Boolean, default: !1 }, size: { type: String, default: "s", validator: (e) => Object.keys(f5).includes(e) }, customSize: { type: [Number, String], default: null }, rotate: { type: Number, default: 0 }, margin: { type: String, default: "0px" } }, computed: { classes() {
   return { "icon-fill": this.fill, "icon-stroke": this.stroke, [`icon-fill--${this.color}`]: this.fill && this.color, [`icon-stroke--${this.color}`]: this.stroke && this.color };
@@ -12043,7 +12049,7 @@ var q1 = { name: "BIMDataIcon", components: { ...function(e = {}) {
   return this.customSize ? this.customSize : f5[this.size];
 } } };
 const Dv = ["fill", "color"];
-Z1(`/* base COLORS --------------------------------------------- */
+S1(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
 /* color TEXT  */
@@ -12112,7 +12118,7 @@ html[data-v-1312d4d1] {
   /* base FONTS -------------------------------------- */
   --primary-font: "roboto", sans-serif;
 }`);
-Z1(`.icon-fill--black {
+S1(`.icon-fill--black {
   fill: var(--color-black);
 }
 .icon-fill--default {
@@ -12195,10 +12201,10 @@ Z1(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), q1.render = function(e, n, o, l, s, i) {
-  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(d1(`bimdata-icon-${o.name}`)))], 14, Dv);
-}, q1.__scopeId = "data-v-1312d4d1", q1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
-var J1 = { components: { BIMDataButton: K1, BIMDataIcon: q1 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
+}`), J1.render = function(e, n, o, l, s, i) {
+  return r(), a("svg", { xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 23 23", width: "100%", fill: o.fillColor, color: o.color, class: V(i.classes), style: y(i.style) }, [(r(), D(u1(`bimdata-icon-${o.name}`)))], 14, Dv);
+}, J1.__scopeId = "data-v-1312d4d1", J1.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
+var Q1 = { components: { BIMDataButton: q1, BIMDataIcon: J1 }, props: { sliderPadding: { type: Number, default: 12 }, minGap: { type: Number, default: 24 } }, data: () => ({ index: 0, maxIndex: 0, translations: [] }), watch: { minGap() {
   this.distributeItems();
 } }, mounted() {
   this.distributeItems(), this.resizeObserver = new ResizeObserver(() => this.distributeItems()), this.resizeObserver.observe(this.$refs.slider), this.mutationObserver = new MutationObserver(() => this.distributeItems()), this.mutationObserver.observe(this.$refs.slider, { childList: !0 });
@@ -12220,7 +12226,7 @@ var J1 = { components: { BIMDataButton: K1, BIMDataIcon: q1 }, props: { sliderPa
   }
 } } };
 const Vv = { class: "bimdata-carousel" }, Bv = { class: "bimdata-carousel__container" };
-Z1(`.bimdata-carousel[data-v-b82c72c2] {
+S1(`.bimdata-carousel[data-v-b82c72c2] {
   --button-size: 44px;
   position: relative;
 }
@@ -12250,14 +12256,14 @@ Z1(`.bimdata-carousel[data-v-b82c72c2] {
 }
 .bimdata-carousel__btn-next[data-v-b82c72c2] {
   right: calc(0px - var(--button-size) / 2);
-}`), J1.render = function(e, n, o, l, s, i) {
+}`), Q1.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
   return r(), a("div", Vv, [X(p(u, { class: "bimdata-carousel__btn-prev", color: "default", fill: "", rounded: "", icon: "", onClick: n[0] || (n[0] = (d) => s.index--) }, { default: f(() => [p(c, { name: "chevron", size: "s", rotate: 180 })]), _: 1 }, 512), [[q, s.index > 0]]), t("div", Bv, [t("div", { class: "bimdata-carousel__container__slider", ref: "slider", style: y({ transform: `translateX(-${s.translations[s.index]}px)` }) }, [_(e.$slots, "default")], 4)]), X(p(u, { class: "bimdata-carousel__btn-next", color: "default", fill: "", rounded: "", icon: "", onClick: n[1] || (n[1] = (d) => s.index++) }, { default: f(() => [p(c, { name: "chevron", size: "s" })]), _: 1 }, 512), [[q, s.index < s.maxIndex]])]);
-}, J1.__scopeId = "data-v-b82c72c2", J1.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
+}, Q1.__scopeId = "data-v-b82c72c2", Q1.__file = "src/BIMDataComponents/BIMDataCarousel/BIMDataCarousel.vue";
 const kv = {
   components: {
     BcfTopicDefaultImage: X2,
-    BIMDataCarousel: J1,
+    BIMDataCarousel: Q1,
     BIMDataIcon: j
   },
   props: {
@@ -12310,7 +12316,7 @@ function wv(e, n, o, l, s, i) {
         fill: "",
         color: "default"
       }),
-      t("span", null, h(o.topic.topic_status), 1)
+      t("span", null, b(o.topic.topic_status), 1)
     ], 4)) : v("", !0),
     l.viewpoints.length > 0 ? (r(), D(u, {
       key: 1,
@@ -12349,9 +12355,9 @@ const Sv = {
     BcfTopicViewpoints: Zv,
     BIMDataButton: W,
     BIMDataIcon: j,
-    BIMDataLoading: c1,
-    BIMDataSafeZoneModal: D1,
-    BIMDataTextbox: r1
+    BIMDataLoading: d1,
+    BIMDataSafeZoneModal: V1,
+    BIMDataTextbox: o1
   },
   props: {
     uiConfig: {
@@ -12391,9 +12397,9 @@ const Sv = {
     "view-topic-viewpoint"
   ],
   setup(e, { emit: n }) {
-    const o = x1(), l = x(!1), s = x(!1), i = R(() => L1(e.topic, e.detailedExtensions)), c = R(() => {
-      var C, L, b;
-      return ((b = (L = (C = e.topic.viewpoints) == null ? void 0 : C[0]) == null ? void 0 : L.components) == null ? void 0 : b.selection) || [];
+    const o = w1(), l = B(!1), s = B(!1), i = R(() => v1(e.topic, e.detailedExtensions)), c = R(() => {
+      var C, L, h;
+      return ((h = (L = (C = e.topic.viewpoints) == null ? void 0 : C[0]) == null ? void 0 : L.components) == null ? void 0 : h.selection) || [];
     }), u = R(() => Array.from(e.topic.labels || []).sort());
     return {
       loading: l,
@@ -12418,7 +12424,7 @@ const Sv = {
   class: "title"
 }, Uv = { class: "line" }, zv = { class: "label" }, Gv = { class: "value" }, Yv = { class: "line" }, Wv = { class: "label" }, Xv = { class: "value" }, jv = { class: "line" }, Kv = { class: "label" }, qv = { class: "value" }, Jv = { class: "line" }, Qv = { class: "label" }, em = { class: "value" }, nm = { class: "bcf-topic-overview__content__card" }, tm = { class: "title" }, rm = { class: "line" }, om = { class: "label" }, am = { class: "value" }, lm = { class: "line" }, im = { class: "label" }, sm = { class: "value" }, cm = { class: "line" }, dm = { class: "label" }, um = { class: "line" }, Cm = { class: "label" }, pm = { class: "value" }, hm = { class: "line m-t-12" }, bm = { class: "label" }, gm = { class: "value" }, fm = { key: 1 };
 function Lm(e, n, o, l, s, i) {
-  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicViewpoints"), L = g("BcfTopicComments"), b = g("BIMDataSafeZoneModal"), M = g("BIMDataLoading");
+  const c = g("BIMDataIcon"), u = g("BIMDataButton"), d = g("BIMDataTextbox"), C = g("BcfTopicViewpoints"), L = g("BcfTopicComments"), h = g("BIMDataSafeZoneModal"), m = g("BIMDataLoading");
   return r(), a("div", Av, [
     t("div", Tv, [
       o.uiConfig.backButton ? (r(), D(u, {
@@ -12426,7 +12432,7 @@ function Lm(e, n, o, l, s, i) {
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: n[0] || (n[0] = (m) => e.$emit("back"))
+        onClick: n[0] || (n[0] = (M) => e.$emit("back"))
       }, {
         default: f(() => [
           p(c, {
@@ -12450,7 +12456,7 @@ function Lm(e, n, o, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[1] || (n[1] = (m) => e.$emit("edit-topic", o.topic))
+          onClick: n[1] || (n[1] = (M) => e.$emit("edit-topic", o.topic))
         }, {
           default: f(() => [
             p(c, {
@@ -12465,7 +12471,7 @@ function Lm(e, n, o, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[2] || (n[2] = (m) => l.showDeleteModal = !0)
+          onClick: n[2] || (n[2] = (M) => l.showDeleteModal = !0)
         }, {
           default: f(() => [
             p(c, {
@@ -12480,7 +12486,7 @@ function Lm(e, n, o, l, s, i) {
           ghost: "",
           rounded: "",
           icon: "",
-          onClick: n[3] || (n[3] = (m) => e.$emit("close"))
+          onClick: n[3] || (n[3] = (M) => e.$emit("close"))
         }, {
           default: f(() => [
             p(c, {
@@ -12502,13 +12508,13 @@ function Lm(e, n, o, l, s, i) {
             backgroundColor: `#${l.priorityColor}`,
             color: l.adjustTextColor(`#${l.priorityColor}`, "#FFF", "#2F374A")
           })
-        }, h(o.topic.index), 5),
-        t("div", Ev, h(e.$d(o.topic.creation_date, "short")), 1)
+        }, b(o.topic.index), 5),
+        t("div", Ev, b(e.$d(o.topic.creation_date, "short")), 1)
       ]),
       p(C, {
         detailedExtensions: o.detailedExtensions,
         topic: o.topic,
-        onViewTopicViewpoint: n[4] || (n[4] = (m) => e.$emit("view-topic-viewpoint", m))
+        onViewTopicViewpoint: n[4] || (n[4] = (M) => e.$emit("view-topic-viewpoint", M))
       }, null, 8, ["detailedExtensions", "topic"]),
       o.uiConfig.viewerMode ? (r(), D(u, {
         key: 0,
@@ -12516,7 +12522,7 @@ function Lm(e, n, o, l, s, i) {
         fill: "",
         radius: "",
         disabled: l.topicObjects.length === 0,
-        onClick: n[5] || (n[5] = (m) => e.$emit("view-topic-components", o.topic))
+        onClick: n[5] || (n[5] = (M) => e.$emit("view-topic-components", o.topic))
       }, {
         default: f(() => [
           p(c, {
@@ -12525,9 +12531,9 @@ function Lm(e, n, o, l, s, i) {
             margin: "0 6px 0 0"
           }),
           l.topicObjects.length > 0 ? (r(), a(O, { key: 0 }, [
-            Z(h(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
           ], 64)) : (r(), a(O, { key: 1 }, [
-            Z(h(e.$t("BcfComponents.BcfTopicOverview.noElements")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicOverview.noElements")), 1)
           ], 64))
         ]),
         _: 1
@@ -12537,10 +12543,10 @@ function Lm(e, n, o, l, s, i) {
         color: "primary",
         fill: "",
         radius: "",
-        onClick: n[6] || (n[6] = (m) => e.$emit("view-topic", o.topic))
+        onClick: n[6] || (n[6] = (M) => e.$emit("view-topic", o.topic))
       }, {
         default: f(() => [
-          Z(h(e.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
+          Z(b(e.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
         ]),
         _: 1
       })),
@@ -12550,68 +12556,68 @@ function Lm(e, n, o, l, s, i) {
             name: "model3d",
             size: "xs"
           }),
-          t("span", null, h(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
+          t("span", null, b(e.$t("BcfComponents.BcfTopicOverview.elements", { count: l.topicObjects.length })), 1)
         ])),
         t("div", Uv, [
-          t("span", zv, h(e.$t("BcfComponents.BcfTopicOverview.type")), 1),
-          t("span", Gv, h(o.topic.topic_type ? o.topic.topic_type : e.$t("BcfComponents.BcfTopicOverview.noTypeSpecified")), 1)
+          t("span", zv, b(e.$t("BcfComponents.BcfTopicOverview.type")), 1),
+          t("span", Gv, b(o.topic.topic_type ? o.topic.topic_type : e.$t("BcfComponents.BcfTopicOverview.noTypeSpecified")), 1)
         ]),
         t("div", Yv, [
-          t("span", Wv, h(e.$t("BcfComponents.BcfTopicOverview.description")), 1),
-          t("span", Xv, h(o.topic.description ? o.topic.description : e.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
+          t("span", Wv, b(e.$t("BcfComponents.BcfTopicOverview.description")), 1),
+          t("span", Xv, b(o.topic.description ? o.topic.description : e.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
         ]),
         t("div", jv, [
-          t("span", Kv, h(e.$t("BcfComponents.BcfTopicOverview.assignedTo")), 1),
-          t("span", qv, h(o.topic.assigned_to ? o.topic.assigned_to : e.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
+          t("span", Kv, b(e.$t("BcfComponents.BcfTopicOverview.assignedTo")), 1),
+          t("span", qv, b(o.topic.assigned_to ? o.topic.assigned_to : e.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
         ]),
         t("div", Jv, [
-          t("span", Qv, h(e.$t("BcfComponents.BcfTopicOverview.dueDate")), 1),
-          t("span", em, h(o.topic.due_date ? e.$d(o.topic.due_date, "short") : e.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
+          t("span", Qv, b(e.$t("BcfComponents.BcfTopicOverview.dueDate")), 1),
+          t("span", em, b(o.topic.due_date ? e.$d(o.topic.due_date, "short") : e.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
         ])
       ]),
       t("div", nm, [
         t("div", tm, [
           p(c, { name: "bcf" }),
-          t("span", null, h(e.$t("BcfComponents.BcfTopicOverview.informations")), 1)
+          t("span", null, b(e.$t("BcfComponents.BcfTopicOverview.informations")), 1)
         ]),
         t("div", rm, [
-          t("span", om, h(e.$t("BcfComponents.BcfTopicOverview.status")), 1),
-          t("span", am, h(o.topic.topic_status || e.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
+          t("span", om, b(e.$t("BcfComponents.BcfTopicOverview.status")), 1),
+          t("span", am, b(o.topic.topic_status || e.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
         ]),
         t("div", lm, [
-          t("span", im, h(e.$t("BcfComponents.BcfTopicOverview.stage")), 1),
-          t("span", sm, h(o.topic.stage || e.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
+          t("span", im, b(e.$t("BcfComponents.BcfTopicOverview.stage")), 1),
+          t("span", sm, b(o.topic.stage || e.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
         ]),
         t("div", cm, [
-          t("span", dm, h(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
+          t("span", dm, b(e.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           t("span", {
             class: "value",
             style: y({ color: `#${l.priorityColor}` })
-          }, h(o.topic.priority || e.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
+          }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
         t("div", um, [
-          t("span", Cm, h(e.$t("BcfComponents.BcfTopicOverview.author")), 1),
-          t("span", pm, h(o.topic.creation_author), 1)
+          t("span", Cm, b(e.$t("BcfComponents.BcfTopicOverview.author")), 1),
+          t("span", pm, b(o.topic.creation_author), 1)
         ]),
         t("div", hm, [
-          t("span", bm, h(e.$t("BcfComponents.BcfTopicOverview.tags")), 1),
-          t("span", gm, h(l.topicLabels.length ? l.topicLabels.join(", ") : e.$t("BcfComponents.BcfTopicOverview.noTags")), 1)
+          t("span", bm, b(e.$t("BcfComponents.BcfTopicOverview.tags")), 1),
+          t("span", gm, b(l.topicLabels.length ? l.topicLabels.join(", ") : e.$t("BcfComponents.BcfTopicOverview.noTags")), 1)
         ])
       ]),
       p(L, {
         project: o.project,
         topic: o.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] = (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))
       }, null, 8, ["project", "topic"])
     ]),
-    l.showDeleteModal ? (r(), D(b, {
+    l.showDeleteModal ? (r(), D(h, {
       key: 0,
       class: "delete-modal"
     }, {
       text: f(() => [
-        Z(h(e.$t("BcfComponents.BcfTopicOverview.deleteText", { name: o.topic.title })), 1)
+        Z(b(e.$t("BcfComponents.BcfTopicOverview.deleteText", { name: o.topic.title })), 1)
       ]),
       actions: f(() => [
         p(u, {
@@ -12622,7 +12628,7 @@ function Lm(e, n, o, l, s, i) {
           onClick: l.deleteTopic
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.BcfTopicOverview.deleteBcfButton")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicOverview.deleteBcfButton")), 1)
           ]),
           _: 1
         }, 8, ["onClick"]),
@@ -12630,10 +12636,10 @@ function Lm(e, n, o, l, s, i) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: n[10] || (n[10] = (m) => l.showDeleteModal = !1)
+          onClick: n[10] || (n[10] = (M) => l.showDeleteModal = !1)
         }, {
           default: f(() => [
-            Z(h(e.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
+            Z(b(e.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
           ]),
           _: 1
         })
@@ -12641,7 +12647,7 @@ function Lm(e, n, o, l, s, i) {
       _: 1
     })) : v("", !0),
     l.loading ? (r(), a("div", fm, [
-      p(M)
+      p(m)
     ])) : v("", !0)
   ]);
 }
@@ -12654,12 +12660,12 @@ const vm = /* @__PURE__ */ F(Sv, [["render", Lm], ["__scopeId", "data-v-15f742b7
   },
   {
     id: "priority",
-    width: "96px",
+    width: "120px",
     align: "center"
   },
   {
     id: "status",
-    width: "72px",
+    width: "100px",
     align: "center"
   },
   {
@@ -12683,7 +12689,7 @@ const vm = /* @__PURE__ */ F(Sv, [["render", Lm], ["__scopeId", "data-v-15f742b7
     align: "center"
   }
 ];
-var mm = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), Q1 = { 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) => mm.includes(e) } }, emits: ["click"], computed: { classes() {
+var mm = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), e2 = { 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) => mm.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() {
   return { "min-width": `${this.width}`, "min-height": `${this.height}` };
@@ -13158,10 +13164,10 @@ K(`.bimdata-btn {
 .bimdata-btn__ghost:disabled {
   color: var(--color-silver-dark);
   cursor: auto;
-}`), Q1.render = function(e, n, o, l, s, i) {
+}`), e2.render = function(e, n, o, l, s, i) {
   return r(), a("button", { class: V(["bimdata-btn", i.classes]), style: y(i.style), onClick: n[0] || (n[0] = (c) => e.$emit("click", c)), color: o.color, type: "button" }, [_(e.$slots, "default")], 14, Im);
-}, Q1.__scopeId = "data-v-3f903003", Q1.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
-var e2 = { 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() {
+}, e2.__scopeId = "data-v-3f903003", e2.__file = "src/BIMDataComponents/BIMDataButton/BIMDataButton.vue";
+var n2 = { 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;
 }, checked() {
   return this.modelValue === !0 || this.indeterminate;
@@ -13170,7 +13176,7 @@ var e2 = { name: "BIMDataCheckbox", inheritAttrs: !1, model: { prop: "modelValue
 } }, methods: { onClick() {
   this.disabled || this.$emit("update:modelValue", !this.checked);
 } } };
-const Mm = ((e) => (a1("data-v-34d34265"), e = e(), l1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), _m = { key: 0, class: "bimdata-checkbox__text" };
+const Mm = ((e) => (l1("data-v-34d34265"), e = e(), i1(), e))(() => t("span", { class: "bimdata-checkbox__mark" }, null, -1)), _m = { key: 0, class: "bimdata-checkbox__text" };
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
@@ -13416,9 +13422,9 @@ K(`.bimdata-checkbox {
 }
 .bimdata-checkbox.checked.disabled > .bimdata-checkbox__mark {
   background-color: var(--color-silver-dark);
-}`), e2.render = function(e, n, o, l, s, i) {
-  return r(), a("div", { class: V(["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }]), onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: y(i.style) }, [Mm, o.text ? (r(), a("span", _m, [_(e.$slots, "default", {}, () => [Z(h(o.text), 1)])])) : v("v-if", !0)], 6);
-}, e2.__scopeId = "data-v-34d34265", e2.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
+}`), n2.render = function(e, n, o, l, s, i) {
+  return r(), a("div", { class: V(["bimdata-checkbox", { indeterminate: i.indeterminate, disabled: o.disabled, checked: i.checked }]), onClick: n[0] || (n[0] = (...c) => i.onClick && i.onClick(...c)), style: y(i.style) }, [Mm, o.text ? (r(), a("span", _m, [_(e.$slots, "default", {}, () => [Z(b(o.text), 1)])])) : v("v-if", !0)], 6);
+}, n2.__scopeId = "data-v-34d34265", n2.__file = "src/BIMDataComponents/BIMDataCheckbox/BIMDataCheckbox.vue";
 const ym = { "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" }, Hm = { render: function(e, n) {
   return r(), a("path", ym);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/Chevron.vue" };
@@ -13431,7 +13437,7 @@ var u2 = (e, n) => ({ name: `BIMDataIcon${e}`, components: { [e]: n }, props: {
   return { width: `${o}px`, minWidth: `${o}px`, height: `${o}px`, minHeight: `${o}px`, margin: `${this.margin}`, transform: `rotate(${this.rotate}deg)` };
 } }, methods: { getPixelSize() {
   return this.customSize ? this.customSize : v5[this.size];
-} } }), n2 = u2("Chevron", Hm);
+} } }), t2 = u2("Chevron", Hm);
 const Vm = ["fill", "color"];
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
@@ -13585,10 +13591,10 @@ K(`.icon-fill--black {
 }
 .icon-stroke--white {
   stroke: var(--color-white);
-}`), n2.render = function(e, n, o, l, s, i) {
+}`), t2.render = function(e, n, o, l, s, i) {
   const c = g("Chevron");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, Vm);
-}, n2.__scopeId = "data-v-5e440aca", n2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
+}, t2.__scopeId = "data-v-5e440aca", t2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconChevron.vue";
 const Bm = { "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" }, km = { render: function(e, n) {
   return r(), a("path", Bm);
 }, __file: "src/BIMDataComponents/BIMDataIcon/BIMDataLibraryIcons/DoubleChevron.vue" };
@@ -14072,43 +14078,42 @@ K(`.icon-fill--black {
   const c = g("Search");
   return r(), a("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: V(e.classes), style: y(e.style) }, [p(c)], 14, $m);
 }, m2.__scopeId = "data-v-0993abf8", m2.__file = "src/BIMDataComponents/BIMDataIcon/BIMDataIconStandalone/BIMDataIconSearch.vue";
-var t2 = { components: { BIMDataButton: Q1, BIMDataCheckbox: e2, BIMDataIconChevron: n2 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" } }, emits: ["selection-changed", "row-selected", "row-unselected", "all-selected", "all-unselected"], data: () => ({ displayedRows: [], pageIndex: 0, pageStartIndex: 1, pageEndIndex: 1, selection: /* @__PURE__ */ new Map(), selectionRefs: [], oldSelectionRefs: [], fullSelectionRef: !1 }), watch: { rows: { immediate: !0, handler(e) {
-  this.selection = /* @__PURE__ */ new Map(), this.buildSelectionRefs(e, !1), this.setPagination();
-} }, paginated: { immediate: !0, handler() {
-  this.setPagination();
-} }, perPage: { immediate: !0, handler() {
-  this.pageIndex = 0, this.setPagination();
-} }, pageIndex: { immediate: !0, handler() {
-  this.setPagination();
-} }, selection: { handler(e) {
-  this.$emit("selection-changed", Array.from(e.values()));
-} }, selectionRefs: { handler(e) {
-  if (this.$props.selectable) {
-    const n = e.findIndex((o, l) => o !== this.oldSelectionRefs[l]);
-    if (n !== -1) {
-      const o = e[n], l = this.$props.rows[n];
-      o ? (this.selection.set(n, l), this.selection = new Map([...this.selection.entries()]), this.$emit("row-selected", l)) : (this.selection.delete(n), this.selection = new Map([...this.selection.entries()]), this.$emit("row-unselected", l));
-    }
-  }
-} }, fullSelectionRef: { handler(e) {
-  this.$props.selectable && (e ? (this.selection = new Map([...this.$props.rows.map((n, o) => [o, n])]), this.buildSelectionRefs(this.$props.rows, !0), this.$emit("all-selected")) : (this.selection = /* @__PURE__ */ new Map(), this.buildSelectionRefs(this.$props.rows, !1), this.$emit("all-unselected")));
-} } }, created() {
-  this.pageEndIndex = this.$props.perPage;
-}, methods: { buildSelectionRefs(e, n) {
-  this.selectionRefs = Array.from(e, () => n);
-}, toggleFullSelection() {
-  this.fullSelectionRef = !this.fullSelectionRef;
-}, toggleSelection(e) {
-  this.oldSelectionRefs = this.selectionRefs.slice(), this.selectionRefs.splice(e, 1, !this.selectionRefs[e]);
-}, setPagination() {
-  const e = this.$props.rows.map((n, o) => o);
-  if (this.$props.paginated) {
-    const n = this.$props.perPage * this.pageIndex, o = n + this.$props.perPage;
-    this.displayedRows = e.slice(n, o), this.pageStartIndex = n + 1, this.pageEndIndex = Math.min(o, this.$props.rows.length);
-  } else
-    this.displayedRows = e;
-} } };
-const Nm = { class: "bimdata-table" }, Om = { key: 0, class: "cell-checkbox" }, Rm = { key: 0, class: "cell-checkbox" }, Em = { class: "bimdata-table__page-nav__text" };
+var r2 = { components: { BIMDataButton: e2, BIMDataCheckbox: n2, BIMDataIconChevron: t2 }, props: { columns: { type: Array, required: !0 }, rows: { type: Array, required: !0 }, rowKey: { type: String }, rowHeight: { type: Number, default: 50 }, selectable: { type: Boolean, default: !1 }, paginated: { type: Boolean, default: !1 }, perPage: { type: Number, default: 10 }, placeholder: { type: String, default: "" }, tableWidth: { type: String, default: "100%" }, tableLayout: { type: String, default: "auto" } }, emits: ["selection-changed", "row-selected", "row-deselected", "all-selected", "all-deselected"], setup(e, { emit: n }) {
+  const o = B(/* @__PURE__ */ new Map());
+  n1(o, (L) => {
+    n("selection-changed", Array.from(L.values()));
+  });
+  let l = [];
+  const s = (L, h) => {
+    l.forEach((m) => m.unwatch()), l = [], l = L.map((m, M) => {
+      const I = B(h);
+      return { ref: I, unwatch: n1(I, (k) => {
+        e.selectable && (k ? (o.value.set(M, m), o.value = new Map([...o.value.entries()]), n("row-selected", m)) : (o.value.delete(M), o.value = new Map([...o.value.entries()]), n("row-deselected", m)));
+      }) };
+    });
+  }, i = B(!1);
+  n1(i, (L) => {
+    e.selectable && (L ? (o.value = new Map([...e.rows.map((h, m) => [m, h])]), s(e.rows, !0), n("all-selected")) : (o.value = /* @__PURE__ */ new Map(), s(e.rows, !1), n("all-deselected")));
+  });
+  const c = B([]), u = B(0), d = B(1), C = B(e.perPage);
+  return n1(() => e.rows, () => {
+    o.value = /* @__PURE__ */ new Map(), setTimeout(() => s(e.rows, !1));
+  }, { immediate: !0 }), n1([() => e.rows, () => e.perPage], () => {
+    u.value = 0;
+  }, { immediate: !0 }), n1([() => e.rows, () => e.paginated, () => e.perPage, u], () => {
+    const L = e.rows.map((h, m) => m);
+    if (e.paginated) {
+      const h = e.perPage * u.value, m = h + e.perPage;
+      c.value = L.slice(h, m), d.value = h + 1, C.value = Math.min(m, e.rows.length);
+    } else
+      c.value = L;
+  }, { immediate: !0 }), { displayedRows: c, pageIndex: u, pageIndexEnd: C, pageIndexStart: d, selection: o, toggleFullSelection: () => {
+    i.value = !i.value;
+  }, toggleRowSelection: (L) => {
+    l[L].ref.value = !l[L].ref.value;
+  } };
+} };
+const Nm = { class: "bimdata-table" }, Om = { key: 0, class: "cell-checkbox" }, Rm = { key: "head-row-1" }, Em = ["colspan"], Fm = { key: 0, class: "cell-checkbox" }, Pm = { class: "bimdata-table__page-nav__text" };
 K(`/* base COLORS --------------------------------------------- */
 /* colors BRAND */
 /* colors GREY SHADES - NEUTRAL */
@@ -14200,11 +14205,18 @@ html[data-v-a29e0786] {
   width: 42px;
 }
 .bimdata-table__container table th[data-v-a29e0786] {
-  font-weight: 700;
+  font-weight: bold;
   color: var(--color-primary);
 }
+.bimdata-table__container table th.cell-sub-header[data-v-a29e0786] {
+  min-height: 0;
+  padding: 0;
+  text-align: left;
+  font-weight: normal;
+  color: var(--color-granite-lightest);
+}
 .bimdata-table__container table td[data-v-a29e0786] {
-  color: var(--color-granite);
+  color: var(--color-granite-light);
 }
 .bimdata-table__container__placeholder[data-v-a29e0786] {
   display: -webkit-box;
@@ -14218,8 +14230,7 @@ html[data-v-a29e0786] {
           align-items: center;
   padding: var(--spacing-unit);
   font-size: 1rem;
-  font-weight: 700;
-  background-color: var(--color-silver-light);
+  font-weight: bold;
 }
 .bimdata-table__page-nav[data-v-a29e0786] {
   display: -webkit-box;
@@ -14235,11 +14246,11 @@ html[data-v-a29e0786] {
 }
 .bimdata-table__page-nav__text[data-v-a29e0786] {
   margin: 0 var(--spacing-unit);
-}`), t2.render = function(e, n, o, l, s, i) {
+}`), r2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataCheckbox"), u = g("BIMDataIconChevron"), d = g("BIMDataButton");
-  return r(), a("div", Nm, [t("div", { class: "bimdata-table__container", style: y({ height: o.paginated ? (o.perPage + 1) * o.rowHeight + "px" : void 0 }) }, [t("table", { style: y({ width: o.tableWidth, tableLayout: o.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: y({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("th", Om, [p(c, { disabled: o.rows.length === 0, modelValue: o.rows.length > 0 && s.selection.size === o.rows.length, "onUpdate:modelValue": i.toggleFullSelection }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), a(O, null, U(o.columns, (C, L) => (r(), a("th", { key: `head-row-0-col-${L}`, style: y({ width: C.width || "auto", textAlign: C.align || "left" }) }, h(C.id ? C.label || C.id : C), 5))), 128))], 4)]), t("tbody", null, [(r(!0), a(O, null, U(o.rows, (C, L) => X((r(), a("tr", { key: `body-row-${L}`, style: y({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("td", Rm, [p(c, { modelValue: s.selection.has(L), "onUpdate:modelValue": (b) => i.toggleSelection(L) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), a(O, null, U(o.columns, (b, M) => (r(), a("td", { key: `body-row-${L}-col-${M}`, style: y({ width: b.width || "auto", textAlign: b.align || "left" }) }, [_(e.$slots, `cell-${b.id}`, { row: C }, () => [Z(h(C[b.id] || C[M] || ""), 1)])], 4))), 128))], 4)), [[q, s.displayedRows.includes(L)]])), 128))])], 4), o.rows.length === 0 && o.placeholder ? (r(), a("div", { key: 0, class: "bimdata-table__container__placeholder", style: y({ height: `calc(100% - ${o.rowHeight}px)` }) }, h(o.placeholder), 5)) : v("v-if", !0)], 4), o.paginated ? (r(), a("div", { key: 0, class: "bimdata-table__page-nav", style: y({ visibility: o.rows.length > o.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: s.pageStartIndex === 1, onClick: n[0] || (n[0] = (C) => s.pageIndex--) }, { default: f(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", Em, h(`${s.pageStartIndex} - ${s.pageEndIndex} of ${o.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: s.pageEndIndex === o.rows.length, onClick: n[1] || (n[1] = (C) => s.pageIndex++) }, { default: f(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : v("v-if", !0)]);
-}, t2.__scopeId = "data-v-a29e0786", t2.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
-const Fm = {
+  return r(), a("div", Nm, [t("div", { class: "bimdata-table__container", style: y({ height: o.paginated ? (o.perPage + 1) * o.rowHeight + "px" : void 0 }) }, [t("table", { style: y({ width: o.tableWidth, tableLayout: o.tableLayout }) }, [t("thead", null, [t("tr", { key: "head-row-0", style: y({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("th", Om, [p(c, { disabled: o.rows.length === 0, modelValue: o.rows.length > 0 && l.selection.size === o.rows.length, "onUpdate:modelValue": l.toggleFullSelection }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), a(O, null, U(o.columns, (C, L) => (r(), a("th", { key: `head-row-0-col-${L}`, style: y({ width: C.width || "auto", textAlign: C.align || "left" }) }, b(C.id ? C.label || C.id : C), 5))), 128))], 4), t("tr", Rm, [t("th", { class: "cell-sub-header", colspan: o.columns.length + o.selectable }, [_(e.$slots, "sub-header")], 8, Em)])]), t("tbody", null, [(r(!0), a(O, null, U(o.rows, (C, L) => X((r(), a("tr", { key: `body-row-${o.rowKey ? C[o.rowKey] : L}`, style: y({ height: `${o.rowHeight}px` }) }, [o.selectable ? (r(), a("td", Fm, [p(c, { modelValue: l.selection.has(L), "onUpdate:modelValue": (h) => l.toggleRowSelection(L) }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : v("v-if", !0), (r(!0), a(O, null, U(o.columns, (h, m) => (r(), a("td", { key: `body-row-${o.rowKey ? C[o.rowKey] : L}-col-${m}`, style: y({ width: h.width || "auto", textAlign: h.align || "left" }) }, [_(e.$slots, `cell-${h.id}`, { row: C }, () => [Z(b(C[h.id || m]), 1)])], 4))), 128))], 4)), [[q, l.displayedRows.includes(L)]])), 128))])], 4), o.rows.length === 0 ? (r(), a("div", { key: 0, class: "bimdata-table__container__placeholder", style: y({ height: `calc(100% - ${o.placeholder ? o.rowHeight : 0}px)` }) }, [_(e.$slots, "placeholder", {}, () => [Z(b(o.placeholder), 1)])], 4)) : v("v-if", !0)], 4), o.paginated ? (r(), a("div", { key: 0, class: "bimdata-table__page-nav", style: y({ visibility: o.rows.length > o.perPage ? "visible" : "hidden" }) }, [p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexStart === 1, onClick: n[0] || (n[0] = (C) => l.pageIndex--) }, { default: f(() => [p(u, { size: "s", rotate: 180 })]), _: 1 }, 8, ["disabled"]), t("span", Pm, b(`${l.pageIndexStart} - ${l.pageIndexEnd} / ${o.rows.length}`), 1), p(d, { ghost: "", rounded: "", icon: "", disabled: l.pageIndexEnd === o.rows.length, onClick: n[1] || (n[1] = (C) => l.pageIndex++) }, { default: f(() => [p(u, { size: "s" })]), _: 1 }, 8, ["disabled"])], 4)) : v("v-if", !0)]);
+}, r2.__scopeId = "data-v-a29e0786", r2.__file = "src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
+const Um = {
   components: {
     BIMDataButton: W
   },
@@ -14252,10 +14263,10 @@ const Fm = {
   emits: [
     "open-topic"
   ]
-}, Pm = { class: "bcf-topic-actions-cell" };
-function Um(e, n, o, l, s, i) {
+}, zm = { class: "bcf-topic-actions-cell" };
+function Gm(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", Pm, [
+  return r(), a("div", zm, [
     p(u, {
       color: "primary",
       outline: "",
@@ -14273,8 +14284,8 @@ function Um(e, n, o, l, s, i) {
     })
   ]);
 }
-const zm = /* @__PURE__ */ F(Fm, [["render", Um], ["__scopeId", "data-v-ddc03e0d"]]);
-const Gm = {
+const Ym = /* @__PURE__ */ F(Um, [["render", Gm], ["__scopeId", "data-v-ddc03e0d"]]);
+const Wm = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -14288,22 +14299,22 @@ const Gm = {
   setup(e) {
     return {
       priorityColor: R(
-        () => L1(e.topic, e.detailedExtensions)
+        () => v1(e.topic, e.detailedExtensions)
       )
     };
   }
-}, Ym = { class: "bcf-topic-index-cell" }, Wm = { class: "index" };
-function Xm(e, n, o, l, s, i) {
-  return r(), a("div", Ym, [
+}, Xm = { class: "bcf-topic-index-cell" }, jm = { class: "index" };
+function Km(e, n, o, l, s, i) {
+  return r(), a("div", Xm, [
     t("span", {
       class: "left-stripe",
       style: y({ backgroundColor: `#${l.priorityColor}` })
     }, null, 4),
-    t("span", Wm, h(o.topic.index), 1)
+    t("span", jm, b(o.topic.index), 1)
   ]);
 }
-const jm = /* @__PURE__ */ F(Gm, [["render", Xm], ["__scopeId", "data-v-2afda176"]]);
-const Km = {
+const qm = /* @__PURE__ */ F(Wm, [["render", Km], ["__scopeId", "data-v-2afda176"]]);
+const Jm = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -14317,19 +14328,19 @@ const Km = {
   setup(e) {
     return {
       priorityColor: R(
-        () => L1(e.topic, e.detailedExtensions)
+        () => v1(e.topic, e.detailedExtensions)
       )
     };
   }
 };
-function qm(e, n, o, l, s, i) {
+function Qm(e, n, o, l, s, i) {
   return r(), a("span", {
     class: "bcf-topic-priority-cell",
     style: y({ color: `#${l.priorityColor}` })
-  }, h(o.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
+  }, b(o.topic.priority || e.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-const Jm = /* @__PURE__ */ F(Km, [["render", qm], ["__scopeId", "data-v-1d15fcf6"]]);
-const Qm = {
+const eI = /* @__PURE__ */ F(Jm, [["render", Qm], ["__scopeId", "data-v-1d15fcf6"]]);
+const nI = {
   props: {
     detailedExtensions: {
       type: Object,
@@ -14349,24 +14360,24 @@ const Qm = {
     };
   }
 };
-function eI(e, n, o, l, s, i) {
+function tI(e, n, o, l, s, i) {
   return r(), a("span", {
     class: "bcf-topic-status-cell",
     style: y({
       backgroundColor: `#${l.statusColor}`,
       color: l.adjustTextColor(l.statusColor, "#ffffff", "var(--color-text)")
     })
-  }, h(o.topic.topic_status), 5);
+  }, b(o.topic.topic_status), 5);
 }
-const nI = /* @__PURE__ */ F(Qm, [["render", eI], ["__scopeId", "data-v-c2a5faf4"]]), tI = {
+const rI = /* @__PURE__ */ F(nI, [["render", tI], ["__scopeId", "data-v-c2a5faf4"]]), oI = {
   components: {
-    BcfTopicActionsCell: zm,
-    BcfTopicIndexCell: jm,
-    BcfTopicPriorityCell: Jm,
-    BcfTopicStatusCell: nI,
-    BIMDataTable: t2,
-    BIMDataTextbox: r1,
-    BIMDataTooltip: V1,
+    BcfTopicActionsCell: Ym,
+    BcfTopicIndexCell: qm,
+    BcfTopicPriorityCell: eI,
+    BcfTopicStatusCell: rI,
+    BIMDataTable: r2,
+    BIMDataTextbox: o1,
+    BIMDataTooltip: B1,
     UserAvatar: N5
   },
   props: {
@@ -14388,10 +14399,16 @@ const nI = /* @__PURE__ */ F(Qm, [["render", eI], ["__scopeId", "data-v-c2a5faf4
     },
     columns: {
       type: Array
+    },
+    selectable: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
-    "open-topic"
+    "open-topic",
+    "selection-changed",
+    "all-selected"
   ],
   setup(e) {
     return {
@@ -14407,9 +14424,9 @@ const nI = /* @__PURE__ */ F(Qm, [["render", eI], ["__scopeId", "data-v-c2a5faf4
     };
   }
 };
-function rI(e, n, o, l, s, i) {
-  const c = g("BcfTopicIndexCell"), u = g("BcfTopicPriorityCell"), d = g("BcfTopicStatusCell"), C = g("BIMDataTextbox"), L = g("UserAvatar"), b = g("BIMDataTooltip"), M = g("BcfTopicActionsCell"), m = g("BIMDataTable");
-  return r(), D(m, {
+function aI(e, n, o, l, s, i) {
+  const c = g("BcfTopicIndexCell"), u = g("BcfTopicPriorityCell"), d = g("BcfTopicStatusCell"), C = g("BIMDataTextbox"), L = g("UserAvatar"), h = g("BIMDataTooltip"), m = g("BcfTopicActionsCell"), M = g("BIMDataTable");
+  return r(), D(M, {
     class: "bcf-topics-table",
     tableLayout: "fixed",
     columns: l.displayedColumns.map((I) => ({
@@ -14420,7 +14437,10 @@ function rI(e, n, o, l, s, i) {
     rowKey: "guid",
     paginated: o.paginated,
     perPage: o.perPage,
-    rowHeight: 42
+    rowHeight: 42,
+    selectable: o.selectable,
+    onSelectionChanged: n[1] || (n[1] = (I) => e.$emit("selection-changed", I)),
+    onAllSelected: n[2] || (n[2] = (I) => e.$emit("all-selected", I))
   }, {
     "cell-index": f(({ row: I }) => [
       p(c, {
@@ -14448,7 +14468,7 @@ function rI(e, n, o, l, s, i) {
       }, null, 8, ["text"])
     ]),
     "cell-creator": f(({ row: { creator: I, creation_author: k } }) => [
-      p(b, { text: k }, {
+      p(h, { text: k }, {
         default: f(() => [
           p(L, {
             user: I || {},
@@ -14461,18 +14481,18 @@ function rI(e, n, o, l, s, i) {
       }, 1032, ["text"])
     ]),
     "cell-date": f(({ row: I }) => [
-      Z(h(l.toShortDateFormat(I.creation_date)), 1)
+      Z(b(l.toShortDateFormat(I.creation_date)), 1)
     ]),
     "cell-actions": f(({ row: I }) => [
-      p(M, {
+      p(m, {
         topic: I,
         onOpenTopic: n[0] || (n[0] = (k) => e.$emit("open-topic", k))
       }, null, 8, ["topic"])
     ]),
     _: 1
-  }, 8, ["columns", "rows", "paginated", "perPage"]);
+  }, 8, ["columns", "rows", "paginated", "perPage", "selectable"]);
 }
-const oI = /* @__PURE__ */ F(tI, [["render", rI]]), CI = {
+const lI = /* @__PURE__ */ F(oI, [["render", aI]]), hI = {
   BcfFilters: i0,
   BcfSettings: U0,
   BcfStatistics: Zn,
@@ -14480,7 +14500,7 @@ const oI = /* @__PURE__ */ F(tI, [["render", rI]]), CI = {
   BcfTopicCreationCard: u8,
   BcfTopicForm: kp,
   BcfTopicOverview: vm,
-  BcfTopicsTable: oI
+  BcfTopicsTable: lI
 };
 export {
   i0 as BcfFilters,
@@ -14490,18 +14510,18 @@ export {
   u8 as BcfTopicCreationCard,
   kp as BcfTopicForm,
   vm as BcfTopicOverview,
-  oI as BcfTopicsTable,
-  CI as components,
-  lI as config,
-  iI as createService,
-  L1 as getPriorityColor,
+  lI as BcfTopicsTable,
+  hI as components,
+  sI as config,
+  cI as createService,
+  v1 as getPriorityColor,
   Y2 as getStatusColor,
   e3 as getViewpointConfig,
-  uI as getViewpointModels,
+  pI as getViewpointModels,
   Q5 as getViewpointType,
-  sI as setService,
+  dI as setService,
   q5 as useBcfFilter,
-  cI as useBcfSearch,
-  dI as useBcfSort,
-  x1 as useService
+  uI as useBcfSearch,
+  CI as useBcfSort,
+  w1 as useService
 };