@bimdata/bcf-components 4.1.0-rc.4 → 4.1.0-rc.5

package/dist/vue2/bcf-components.mjs

@@ -415,12 +415,12 @@ var L1 = {}, s5 = {
           }
           b++, u(E, g, H), g++, m();
         }
-      }).catch(x));
+      }).catch(Z));
     }
     function H(E, B) {
       if (b -= 1, !c) {
         if (E)
-          return x(E);
+          return Z(E);
         if (E === !1) {
           o = !0, c = !0;
           return;
@@ -430,7 +430,7 @@ var L1 = {}, s5 = {
         m();
       }
     }
-    function x(E) {
+    function Z(E) {
       c || (l = !1, o = !0, C(E));
     }
     m();
@@ -445,36 +445,36 @@ var L1 = {}, s5 = {
   function b(g) {
     return g && g.__esModule ? g : { default: g };
   }
-  r.default = (g) => (m, H, x) => {
-    if (x = (0, i.default)(x), g <= 0)
+  r.default = (g) => (m, H, Z) => {
+    if (Z = (0, i.default)(Z), g <= 0)
       throw new RangeError("concurrency limit cannot be less than 1");
     if (!m)
-      return x(null);
+      return Z(null);
     if ((0, u.isAsyncGenerator)(m))
-      return (0, o.default)(m, g, H, x);
+      return (0, o.default)(m, g, H, Z);
     if ((0, u.isAsyncIterable)(m))
-      return (0, o.default)(m[Symbol.asyncIterator](), g, H, x);
+      return (0, o.default)(m[Symbol.asyncIterator](), g, H, Z);
     var E = (0, d.default)(m), B = !1, O = !1, I = 0, _ = !1;
-    function V(Z, M) {
+    function V(x, M) {
       if (!O)
-        if (I -= 1, Z)
-          B = !0, x(Z);
-        else if (Z === !1)
+        if (I -= 1, x)
+          B = !0, Z(x);
+        else if (x === !1)
           B = !0, O = !0;
         else {
           if (M === l.default || B && I <= 0)
-            return B = !0, x(null);
+            return B = !0, Z(null);
           _ || y();
         }
     }
     function y() {
       for (_ = !0; I < g && !B; ) {
-        var Z = E();
-        if (Z === null) {
-          B = !0, I <= 0 && x(null);
+        var x = E();
+        if (x === null) {
+          B = !0, I <= 0 && Z(null);
           return;
         }
-        I += 1, H(Z.value, Z.key, (0, s.default)(V));
+        I += 1, H(x.value, x.key, (0, s.default)(V));
       }
       _ = !1;
     }
@@ -561,13 +561,13 @@ function i2(e, r) {
 let Ie = null;
 function R0(e, { fetchUsers: r }) {
   const t = r ? (_) => r(_) : (_) => e.collaborationApi.getProjectUsers(_.cloud.id, _.id), i = async (_, { extensions: V, users: y } = {}) => {
-    const Z = V ?? await e.bcfApi.getDetailedExtensions(_.id), M = y ?? await t(_), F = await e.bcfApi.getTopics(_.id);
+    const x = V ?? await e.bcfApi.getDetailedExtensions(_.id), M = y ?? await t(_), F = await e.bcfApi.getTopics(_.id);
     return F.sort((R, w) => w.index - R.index), F.forEach((R) => {
-      R.color = G(R, Z), R.creator = M.find((w) => w.email === R.creation_author);
+      R.color = G(R, x), R.creator = M.find((w) => w.email === R.creation_author);
     }), F;
   }, n = async (_, V) => {
-    const y = await e.bcfApi.getDetailedExtensions(_.id), Z = await e.bcfApi.getFullTopic(V, _.id, "url");
-    return Z.color = G(Z, y), Z;
+    const y = await e.bcfApi.getDetailedExtensions(_.id), x = await e.bcfApi.getFullTopic(V, _.id, "url");
+    return x.color = G(x, y), x;
   }, d = async (_, V) => await e.bcfApi.createFullTopic(
     _.id,
     V
@@ -581,8 +581,10 @@ function R0(e, { fetchUsers: r }) {
       V.guid,
       _.id
     );
-  }, u = async (_, V) => (await C5(V, 10, async (y) => {
-    y.viewpoints = await C(_, y);
+  }, u = async (_, V) => (await C5(V, 10, (y, x) => {
+    C(_, y).then((M) => {
+      y.viewpoints = M, x();
+    }, x);
   }), V), C = async (_, V) => await e.bcfApi.getTopicViewpoints(
     _.id,
     V.guid,
@@ -615,21 +617,21 @@ function R0(e, { fetchUsers: r }) {
       );
     },
     fetchTopicComments: async (_, V) => {
-      const y = await t(_), Z = await e.bcfApi.getComments(_.id, V.guid);
-      return Z.sort((M, F) => M.date > F.date ? -1 : 1), Z.forEach((M) => {
+      const y = await t(_), x = await e.bcfApi.getComments(_.id, V.guid);
+      return x.sort((M, F) => M.date > F.date ? -1 : 1), x.forEach((M) => {
         M.user = y.find((F) => F.email === M.author);
-      }), Z;
+      }), x;
     },
     createComment: async (_, V, y) => await e.bcfApi.createComment(
       _.id,
       V.guid,
       y
     ),
-    updateComment: async (_, V, y, Z) => await e.bcfApi.updateComment(
+    updateComment: async (_, V, y, x) => await e.bcfApi.updateComment(
       y.guid,
       _.id,
       V.guid,
-      Z
+      x
     ),
     deleteComment: async (_, V, y) => {
       await e.bcfApi.deleteComment(
@@ -647,12 +649,12 @@ function R0(e, { fetchUsers: r }) {
         color: Ye()
       }
     ),
-    updateExtension: async (_, V, y, Z) => await e.bcfApi[`updateExtension${V}`](
+    updateExtension: async (_, V, y, x) => await e.bcfApi[`updateExtension${V}`](
       y.id,
       _.id,
       {
-        [K(V)]: Z.value,
-        color: Z.color
+        [K(V)]: x.value,
+        color: x.color
       }
     ),
     deleteExtension: async (_, V, y) => {
@@ -6406,8 +6408,8 @@ const J9 = {
       () => !e.topic
     ), n = k(
       () => Math.max(0, ...e.topics.map((M) => M.index)) + 1
-    ), d = L(""), a = L(null), s = L(null), u = L(null), C = L(null), o = L(null), c = L(null), l = L(""), b = L([]), g = L([]), m = L([]), H = L([]), x = L([]), E = k(
-      () => g.value.concat(m.value).filter((M) => !x.value.some((F) => F.guid === M.guid)).filter((M) => M.snapshot)
+    ), d = L(""), a = L(null), s = L(null), u = L(null), C = L(null), o = L(null), c = L(null), l = L(""), b = L([]), g = L([]), m = L([]), H = L([]), Z = L([]), E = k(
+      () => g.value.concat(m.value).filter((M) => !Z.value.some((F) => F.guid === M.guid)).filter((M) => M.snapshot)
     ), B = L(!1), O = L(!1), I = L(!1);
     P(
       () => e.topic,
@@ -6417,7 +6419,7 @@ const J9 = {
       { immediate: !0 }
     );
     const _ = () => {
-      d.value = "", a.value = null, s.value = null, u.value = null, C.value = null, o.value = null, c.value = null, l.value = "", b.value = [], g.value = [], m.value = [], H.value = [], x.value = [], B.value = !1, O.value = !1, I.value = !1;
+      d.value = "", a.value = null, s.value = null, u.value = null, C.value = null, o.value = null, c.value = null, l.value = "", b.value = [], g.value = [], m.value = [], H.value = [], Z.value = [], B.value = !1, O.value = !1, I.value = !1;
     };
     return {
       // References
@@ -6442,7 +6444,7 @@ const J9 = {
       },
       delViewpoint: (M) => {
         if (M.guid)
-          x.value.push(M);
+          Z.value.push(M);
         else {
           let F = m.value.indexOf(M);
           m.value.splice(F, 1);
@@ -6500,7 +6502,7 @@ const J9 = {
               ($) => t.createViewpoint(e.project, w, $)
             )
           ), await Promise.all(
-            x.value.map(
+            Z.value.map(
               ($) => t.deleteViewpoint(e.project, w, $)
             )
           ), i.value ? (r("topic-created", w), _()) : r("topic-updated", w);
@@ -7123,12 +7125,12 @@ const L4 = {
       l.value = !1, C.value = e.comment.comment;
     }, m = async () => {
       o.value.guid && await n.deleteViewpoint(e.project, e.topic, o.value), o.value = null;
-    }, H = L(!1), x = L([]), E = (w) => {
+    }, H = L(!1), Z = L([]), E = (w) => {
       w.$viewer.localContext.el.style.border = "2px solid var(--color-primary)", w.$viewer.localContext.el.style.boxSizing = "border-box", w.$viewer.localContext.el.style.opacity = ".85";
     }, B = (w) => {
       w.$viewer.localContext.el.style.border = "", w.$viewer.localContext.el.style.boxSizing = "", w.$viewer.localContext.el.style.opacity = "";
     }, O = async () => {
-      x.value.length === 1 ? await I(x.value[0]) : x.value.length > 1 && (H.value = !0);
+      Z.value.length === 1 ? await I(Z.value[0]) : Z.value.length > 1 && (H.value = !0);
     }, I = async ({ id: w, viewer: $ }) => {
       B($), H.value = !1;
       const [Q] = Object.entries(c1).find(([, e1]) => e1.plugin === w);
@@ -7163,7 +7165,7 @@ const L4 = {
       }
     }, V = L(!1), y = () => {
       V.value = !0, s();
-    }, Z = async () => {
+    }, x = async () => {
       try {
         d.value = !0, await n.deleteComment(e.project, e.topic, e.comment), r("comment-deleted", e.comment), V.value = !1;
       } finally {
@@ -7178,10 +7180,10 @@ const L4 = {
         const w = () => Object.entries(t()).map(
           ([$, Q]) => Q.map((e1, c2) => ({ key: `${$}-${c2}`, id: $, index: c2, viewer: e1 }))
         ).flat();
-        x.value = w(), F = i.globalContext.hub.on("plugin-created", () => {
-          x.value = w();
+        Z.value = w(), F = i.globalContext.hub.on("plugin-created", () => {
+          Z.value = w();
         }), R = i.globalContext.hub.on("plugin-destroyed", () => {
-          x.value = w();
+          Z.value = w();
         });
       }
     }), Ze(() => {
@@ -7193,7 +7195,7 @@ const L4 = {
       loading: d,
       showMenu: a,
       text: C,
-      viewerSelectOptions: x,
+      viewerSelectOptions: Z,
       viewerSelectVisible: H,
       viewpoint: o,
       isViewer: Boolean(i),
@@ -7206,7 +7208,7 @@ const L4 = {
       onOpenDelete: y,
       onOpenEdit: b,
       setCommentViewpoint: O,
-      submitDelete: Z,
+      submitDelete: x,
       submitUpdate: _,
       toggleMenu: u,
       loadViewpoint: c,
@@ -7415,13 +7417,13 @@ const Z4 = {
     }, m = (y) => {
       y.$viewer.localContext.el.style.border = "", y.$viewer.localContext.el.style.boxSizing = "", y.$viewer.localContext.el.style.opacity = "";
     }, H = async () => {
-      b.value.length === 1 ? await x(b.value[0]) : b.value.length > 1 && (l.value = !0);
-    }, x = async ({ id: y, viewer: Z }) => {
-      m(Z), l.value = !1;
+      b.value.length === 1 ? await Z(b.value[0]) : b.value.length > 1 && (l.value = !0);
+    }, Z = async ({ id: y, viewer: x }) => {
+      m(x), l.value = !1;
       const [M] = Object.entries(c1).find(([, F]) => F.plugin === y);
-      u.value = Object.assign(await Z.getViewpoint(), {
+      u.value = Object.assign(await x.getViewpoint(), {
         [d1]: M,
-        [s1]: Z.getLoadedModels().map((F) => F.id).join(",")
+        [s1]: x.getLoadedModels().map((F) => F.id).join(",")
       });
     }, E = () => {
       u.value = null;
@@ -7433,11 +7435,11 @@ const Z4 = {
           e.topic,
           u.value
         ));
-        const Z = await t.createComment(e.project, e.topic, {
+        const x = await t.createComment(e.project, e.topic, {
           comment: s.value,
           viewpoint_guid: (y = u.value) == null ? void 0 : y.guid
         });
-        C(), r("comment-created", Z), n.value = !1, s.value = "";
+        C(), r("comment-created", x), n.value = !1, s.value = "";
       } finally {
         d.value = !1, u.value = null;
       }
@@ -7455,7 +7457,7 @@ const Z4 = {
     return xe(() => {
       if (c) {
         const y = () => Object.entries(o()).map(
-          ([Z, M]) => M.map((F, R) => ({ key: `${Z}-${R}`, id: Z, index: R, viewer: F }))
+          ([x, M]) => M.map((F, R) => ({ key: `${x}-${R}`, id: x, index: R, viewer: F }))
         ).flat();
         b.value = y(), _ = c.globalContext.hub.on("plugin-created", () => {
           b.value = y();
@@ -7477,7 +7479,7 @@ const Z4 = {
       viewpoint: u,
       isViewer: Boolean(c),
       // Methods
-      createViewpoint: x,
+      createViewpoint: Z,
       deleteViewpoint: E,
       highlightViewer: g,
       loadComments: C,
@@ -8705,17 +8707,17 @@ const r0 = l1({ render: function() {
   } } = {}) {
     const m = L(/* @__PURE__ */ new Map());
     return P(o, () => {
-      m.value = new Map(o.value.filter(({ key: H }) => c.value.has(H)).map(({ key: H, data: x }) => [H, x]));
+      m.value = new Map(o.value.filter(({ key: H }) => c.value.has(H)).map(({ key: H, data: Z }) => [H, Z]));
     }, { immediate: !0 }), P(c, () => {
       m.value = c.value;
     }, { immediate: !0 }), P(m, () => {
       l(m.value);
-    }), { rowSelection: m, toggleRowSelection: ({ key: H, data: x }) => {
+    }), { rowSelection: m, toggleRowSelection: ({ key: H, data: Z }) => {
       const E = () => m.value.has(H);
-      E() ? m.value.delete(H) : m.value.set(H, x), m.value = new Map([...m.value.entries()]), b(E(), { key: H, data: x });
+      E() ? m.value.delete(H) : m.value.set(H, Z), m.value = new Map([...m.value.entries()]), b(E(), { key: H, data: Z });
     }, toggleFullSelection: () => {
       const H = () => m.value.size === o.value.length;
-      H() ? m.value = /* @__PURE__ */ new Map() : m.value = new Map(o.value.map(({ key: x, data: E }) => [x, E])), g(H());
+      H() ? m.value = /* @__PURE__ */ new Map() : m.value = new Map(o.value.map(({ key: Z, data: E }) => [Z, E])), g(H());
     } };
   }(t, k(() => e.selection), { rowSelectionUpdateEffect: (o) => {
     r("update:selection", o), r("selection-changed", Array.from(o.values()));

package/dist/vue3/bcf-components.mjs

@@ -1,5 +1,5 @@
 import "./style.css";
-import { reactive as t3, computed as F, ref as k, watch as i1, openBlock as r, createElementBlock as a, normalizeClass as D, normalizeStyle as H, renderSlot as y, createElementVNode as t, createBlock as V, resolveDynamicComponent as h1, pushScopeId as d1, popScopeId as u1, mergeProps as E1, toDisplayString as h, createCommentVNode as m, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as F1, withDirectives as j, Transition as o1, withCtx as L, Fragment as P, renderList as W, vShow as n1, toRaw as h5, withKeys as S, withModifiers as $, createSlots as a5, createStaticVNode as N5, inject as $1, onMounted as R5, onBeforeUnmount as O5 } from "vue";
+import { reactive as t3, computed as F, ref as k, watch as i1, openBlock as r, createElementBlock as a, normalizeClass as D, normalizeStyle as H, renderSlot as y, createElementVNode as t, createBlock as V, resolveDynamicComponent as h1, pushScopeId as d1, popScopeId as u1, mergeProps as E1, toDisplayString as h, createCommentVNode as m, createTextVNode as A, resolveComponent as g, createVNode as p, resolveDirective as F1, withDirectives as j, Transition as o1, withCtx as L, Fragment as P, renderList as W, vShow as n1, toRaw as h5, withKeys as S, withModifiers as N, createSlots as a5, createStaticVNode as N5, inject as $1, onMounted as R5, onBeforeUnmount as O5 } from "vue";
 const E5 = Object.freeze([
   "Priority",
   "Type",
@@ -455,14 +455,14 @@ var w2 = {}, M3 = {
     if ((0, d.isAsyncIterable)(_))
       return (0, f.default)(_[Symbol.asyncIterator](), I, x, R);
     var T = (0, i.default)(_), Y = !1, a1 = !1, e1 = 0, B = !1;
-    function Z(O, N) {
+    function Z(O, $) {
       if (!a1)
         if (e1 -= 1, O)
           Y = !0, R(O);
         else if (O === !1)
           Y = !0, a1 = !0;
         else {
-          if (N === M.default || Y && e1 <= 0)
+          if ($ === M.default || Y && e1 <= 0)
             return Y = !0, R(null);
           B || w();
         }
@@ -561,9 +561,9 @@ function s5(e, n) {
 let W5 = null;
 function Ly(e, { fetchUsers: n }) {
   const o = n ? (B) => n(B) : (B) => e.collaborationApi.getProjectUsers(B.cloud.id, B.id), l = async (B, { extensions: Z, users: w } = {}) => {
-    const O = Z ?? await e.bcfApi.getDetailedExtensions(B.id), N = w ?? await o(B), z = await e.bcfApi.getTopics(B.id);
+    const O = Z ?? await e.bcfApi.getDetailedExtensions(B.id), $ = w ?? await o(B), z = await e.bcfApi.getTopics(B.id);
     return z.sort((q, E) => E.index - q.index), z.forEach((q) => {
-      q.color = I1(q, O), q.creator = N.find((E) => E.email === q.creation_author);
+      q.color = I1(q, O), q.creator = $.find((E) => E.email === q.creation_author);
     }), z;
   }, s = async (B, Z) => {
     const w = await e.bcfApi.getDetailedExtensions(B.id), O = await e.bcfApi.getFullTopic(Z, B.id, "url");
@@ -581,8 +581,10 @@ function Ly(e, { fetchUsers: n }) {
       Z.guid,
       B.id
     );
-  }, d = async (B, Z) => (await H3(Z, 10, async (w) => {
-    w.viewpoints = await C(B, w);
+  }, d = async (B, Z) => (await H3(Z, 10, (w, O) => {
+    C(B, w).then(($) => {
+      w.viewpoints = $, O();
+    }, O);
   }), Z), C = async (B, Z) => await e.bcfApi.getTopicViewpoints(
     B.id,
     Z.guid,
@@ -616,8 +618,8 @@ function Ly(e, { fetchUsers: n }) {
     },
     fetchTopicComments: async (B, Z) => {
       const w = await o(B), O = await e.bcfApi.getComments(B.id, Z.guid);
-      return O.sort((N, z) => N.date > z.date ? -1 : 1), O.forEach((N) => {
-        N.user = w.find((z) => z.email === N.author);
+      return O.sort(($, z) => $.date > z.date ? -1 : 1), O.forEach(($) => {
+        $.user = w.find((z) => z.email === $.author);
       }), O;
     },
     createComment: async (B, Z, w) => await e.bcfApi.createComment(
@@ -4098,7 +4100,7 @@ function de(e, n, o, l, s, i) {
       ref: "input",
       modelValue: l.extensionName,
       "onUpdate:modelValue": n[0] || (n[0] = (b) => l.extensionName = b),
-      onKeyup: S($(l.submitValue, ["stop"]), ["enter"])
+      onKeyup: S(N(l.submitValue, ["stop"]), ["enter"])
     }, null, 8, ["modelValue", "onKeyup"])) : (r(), a("span", le, h(o.extension[l.getExtensionField(o.extensionType)]), 1)),
     t("div", ie, [
       p(d, {
@@ -4285,7 +4287,7 @@ function Me(e, n, o, l, s, i) {
               placeholder: e.$t(`BcfComponents.SettingCard.input.${o.extensionType}`),
               modelValue: l.name,
               "onUpdate:modelValue": n[1] || (n[1] = (f) => l.name = f),
-              onKeyup: S($(l.addExtension, ["stop"]), ["enter"])
+              onKeyup: S(N(l.addExtension, ["stop"]), ["enter"])
             }, null, 8, ["placeholder", "modelValue", "onKeyup"]),
             t("div", ve, [
               p(u, {
@@ -7808,7 +7810,7 @@ var N2 = (e) => ({ ...Ni, useUtc: e }), u5 = { props: { autofocus: { type: Boole
 const Ri = ["disabled"], Oi = { key: 0 }, Ei = ["for"], Fi = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 q2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), m(" 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, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? m("v-if", !0) : (r(), a("span", Oi, "…"))], 2)])])], 40, Ri)) : m("v-if", !0), m(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, Ei), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([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] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S($((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S($((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S($((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, Fi), m(" Clear Button "), e.clearButton && o.selectedDate ? (r(), V(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: L(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : m("v-if", !0), y(e.$slots, "afterDateInput")], 2);
+  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), m(" 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, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? m("v-if", !0) : (r(), a("span", Oi, "…"))], 2)])])], 40, Ri)) : m("v-if", !0), m(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, Ei), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([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] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, Fi), m(" Clear Button "), e.clearButton && o.selectedDate ? (r(), V(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clearDate }, { default: L(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : m("v-if", !0), y(e.$slots, "afterDateInput")], 2);
 }, q2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInput.vue";
 var J2 = { name: "DateInput", components: { BIMDataIcon: v1, BIMDataButton: Z1 }, mixins: [u5], 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: N2(this.useUtc) };
@@ -7873,7 +7875,7 @@ var J2 = { name: "DateInput", components: { BIMDataIcon: v1, BIMDataButton: Z1 }
 const Pi = ["disabled"], Ui = { key: 0 }, zi = ["for"], Gi = ["id", "autofocus", "clearButton", "disabled", "maxlength", "name", "pattern", "readonly", "required", "tabIndex", "type", "value"];
 J2.render = function(e, n, o, l, s, i) {
   const c = g("BIMDataIcon"), u = g("BIMDataButton");
-  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), m(" 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, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? m("v-if", !0) : (r(), a("span", Ui, "…"))], 2)])])], 40, Pi)) : m("v-if", !0), m(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, zi), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([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] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S($((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S($((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S($((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, Gi), m(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), V(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: L(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : m("v-if", !0), y(e.$slots, "afterDateInput")], 2);
+  return r(), a("div", { class: D({ "not-empty": i.formattedValue }) }, [y(e.$slots, "beforeDateInput"), m(" 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, [y(e.$slots, "calendarBtn", {}, () => [t("i", { class: D(e.calendarButtonIcon) }, [A(h(e.calendarButtonIconContent) + " ", 1), e.calendarButtonIcon ? m("v-if", !0) : (r(), a("span", Ui, "…"))], 2)])])], 40, Pi)) : m("v-if", !0), m(" Input "), t("label", { for: `bimdata-input-${e.id}` }, h(e.placeholder), 9, zi), t("input", { id: e.id, ref: e.refName, autocomplete: "off", autofocus: e.autofocus, class: D([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] = S((...d) => i.handleDelete && i.handleDelete(...d), ["backspace"])), n[6] || (n[6] = S((...d) => i.handleDelete && i.handleDelete(...d), ["delete"])), n[7] || (n[7] = S(N((...d) => i.handleKeydownDown && i.handleKeydownDown(...d), ["prevent"]), ["down"])), n[8] || (n[8] = S(N((...d) => i.handleKeydownEnter && i.handleKeydownEnter(...d), ["prevent"]), ["enter"])), n[9] || (n[9] = S(N((...d) => i.handleKeydownEscape && i.handleKeydownEscape(...d), ["prevent"]), ["esc"])), n[10] || (n[10] = S((d) => i.handleKeydownSpace(d), ["space"])), n[11] || (n[11] = S((d) => e.$emit("tab", d), ["tab"]))], onKeyup: [n[12] || (n[12] = (d) => i.handleKeyup(d)), n[13] || (n[13] = S((d) => i.handleKeyupSpace(d), ["space"]))] }, null, 42, Gi), m(" Clear Button "), e.clearButton && !i.noDateSelected ? (r(), V(u, { key: 1, disabled: e.disabled, class: "bimdata-datepicker__clear-button", color: "primary", fill: "", square: "", icon: "", onClick: i.clear }, { default: L(() => [y(e.$slots, "clearBtn", {}, () => [p(c, { name: "delete", size: "xxxs", fill: "", color: "default" })])]), _: 3 }, 8, ["disabled", "onClick"])) : m("v-if", !0), y(e.$slots, "afterDateInput")], 2);
 }, J2.__file = "src/BIMDataComponents/BIMDataDatePicker/components/DateInputRange.vue";
 const Yi = { configExists: (e) => e !== void 0 && Object.keys(e).length > 0, isDefined(e, n) {
   return this.configExists(e) && e[n] !== void 0;
@@ -8142,7 +8144,7 @@ var Xi = { data: () => ({ focus: { delay: 0, refs: [] }, inlineTabbableCell: nul
 const Wi = ["disabled"], ji = ["disabled"], Ki = ["disabled"], qi = ["disabled"];
 e5.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] = $((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = S($((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = S($((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S($((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = S($((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, Wi)) : m("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = $((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = S($((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = S($((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = S($((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = S($((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ji), y(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = $((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = S($((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = S($((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = S($((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = S($((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Ki), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = $((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = S($((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = S($((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = S($((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = S($((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, qi)) : m("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] = N((u) => e.$emit("page-change", s.doublePreviousPage), ["stop"])), onKeydown: [n[1] || (n[1] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, Wi)) : m("v-if", !0), t("button", { ref: "prev", class: "prev", disabled: o.isPreviousDisabled, type: "button", onClick: n[5] || (n[5] = N((u) => e.$emit("page-change", s.previousPage), ["stop"])), onKeydown: [n[6] || (n[6] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[7] || (n[7] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[8] || (n[8] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[9] || (n[9] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default", rotate: 180 })])], 40, ji), y(e.$slots, "default"), t("button", { ref: "next", class: "next", disabled: o.isNextDisabled, type: "button", onClick: n[10] || (n[10] = N((u) => e.$emit("page-change", s.nextPage), ["stop"])), onKeydown: [n[11] || (n[11] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[12] || (n[12] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[13] || (n[13] = S(N((...u) => i.arrowLeftNext && i.arrowLeftNext(...u), ["prevent"]), ["left"])), n[14] || (n[14] = S(N((...u) => i.arrowRightNext && i.arrowRightNext(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "nextIntervalBtn", {}, () => [p(c, { name: "chevron", size: "xxxs", fill: "", color: "default" })])], 40, Ki), e.$attrs.view === "day" ? (r(), a("button", { key: 1, ref: "doubleNext", class: "doubleNext", disabled: o.isPreviousDisabled, type: "button", onClick: n[15] || (n[15] = N((u) => e.$emit("page-change", s.doubleNextPage), ["stop"])), onKeydown: [n[16] || (n[16] = S(N((...u) => i.focusTabbableCell && i.focusTabbableCell(...u), ["prevent"]), ["down"])), n[17] || (n[17] = S(N((u) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[18] || (n[18] = S(N((...u) => i.arrowLeftPrev && i.arrowLeftPrev(...u), ["prevent"]), ["left"])), n[19] || (n[19] = S(N((...u) => i.arrowRightPrev && i.arrowRightPrev(...u), ["prevent"]), ["right"]))] }, [y(e.$slots, "prevIntervalBtn", {}, () => [p(c, { name: "doubleChevron", size: "xxxs", fill: "", color: "default" })])], 40, qi)) : m("v-if", !0)]);
 }, e5.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerHeader.vue";
 var C5 = { components: { PickerHeader: e5 }, 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: N2(this.useUtc) };
@@ -8238,12 +8240,12 @@ var R1 = { name: "PickerCells", props: { cells: { type: Array, required: !0 }, s
 } } };
 const Ji = { class: "picker-cells" }, Qi = ["id", "dataTestTabbableCell", "dataTestOpenDate", "dataTestTodayCell", "disabled", "onClick", "onKeydown", "onMouseover"];
 R1.render = function(e, n, o, l, s, i) {
-  return r(), a("div", Ji, [(r(!0), a(P, null, W(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: D(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: [S($((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), S($((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), S($((d) => i.handleArrow(u), ["prevent"]), ["left"]), S($((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [y(e.$slots, "default", { cell: c })], 42, Qi))), 128))]);
+  return r(), a("div", Ji, [(r(!0), a(P, null, W(o.cells, (c, u) => (r(), a("button", { key: c.timestamp, ref_for: !0, ref: c.isOpenDate ? "openDate" : null, class: D(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: [S(N((d) => i.handleArrow(u, -i.columns), ["prevent"]), ["up"]), S(N((d) => i.handleArrow(u, i.columns), ["prevent"]), ["down"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["left"]), S(N((d) => i.handleArrow(u), ["prevent"]), ["right"])], onMouseover: (d) => e.$emit("hover", c) }, [y(e.$slots, "default", { cell: c })], 42, Qi))), 128))]);
 }, R1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/PickerCells.vue";
 var O1 = { name: "UpButton", props: { isDisabled: { type: Boolean, default: !1 } } };
 const es = ["disabled"];
 O1.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] = S($((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = S($((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S($((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = S($((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [y(e.$slots, "default")], 40, es);
+  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] = S(N((c) => e.$emit("set-focus", ["tabbableCell"]), ["prevent"]), ["down"])), n[2] || (n[2] = S(N((c) => e.$emit("focus-input"), ["prevent"]), ["up"])), n[3] || (n[3] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["left"])), n[4] || (n[4] = S(N((c) => e.$emit("set-focus"), ["prevent"]), ["right"]))] }, [y(e.$slots, "default")], 40, es);
 }, O1.__file = "src/BIMDataComponents/BIMDataDatePicker/components/UpButton.vue";
 var n5 = { name: "PickerDay", components: { PickerCells: R1, UpButton: O1 }, mixins: [C5], 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();
@@ -8982,8 +8984,8 @@ y1(`.slide-fade-up-enter-active,
   padding: 0;
 }`), i2.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: D(["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] = S((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [o.isDateRange ? (r(), V(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [y(e.$slots, "afterDateInput")]), clearBtn: L(() => [y(e.$slots, "clearBtn")]), calendarBtn: L(() => [y(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(), V(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [y(e.$slots, "afterDateInput")]), clearBtn: L(() => [y(e.$slots, "clearBtn")]), calendarBtn: L(() => [y(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", ps, [p(o1, { name: "toggle", persisted: "" }, { default: L(() => [j(t("div", { class: D(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = $(() => {
-  }, ["prevent"])), onFocusin: n[6] || (n[6] = $((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = $((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = S($((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = S($((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(o1, { name: "view" }, { default: L(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", bs, [y(e.$slots, "beforeCalendarHeader")])) : m("v-if", !0), (r(), V(h1(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 }, a5({ dayCellContent: L(({ cell: d }) => [d ? y(e.$slots, "dayCellContent", { key: 0, cell: d }) : m("v-if", !0)]), _: 2 }, [W(s.calendarSlots, (d) => ({ name: d, fn: L(() => [y(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", hs, [y(e.$slots, "calendarFooter")])) : m("v-if", !0)]))]), _: 3 })], 34), [[n1, i.isOpen]])]), _: 3 })])) : m("v-if", !0)], 42, Cs);
+  return r(), a("div", { id: i.datepickerId, ref: "datepicker", class: D(["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] = S((...d) => i.resetOrClose && i.resetOrClose(...d), ["esc"])) }, [o.isDateRange ? (r(), V(c, { key: 0, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDates: [s.selectedDate, s.selectedToDate], showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, useUtc: e.useUtc, onClear: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[0] || (n[0] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [y(e.$slots, "afterDateInput")]), clearBtn: L(() => [y(e.$slots, "clearBtn")]), calendarBtn: L(() => [y(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(), V(u, { key: 1, id: e.id, ref: "dateInput", autofocus: e.autofocus, calendarButton: e.calendarButton, calendarButtonIcon: e.calendarButtonIcon, calendarButtonIconContent: e.calendarButtonIconContent, clearButton: e.clearButton, clearButtonIcon: e.clearButtonIcon, disabled: e.disabled, format: e.format, inline: e.inline, inputClass: e.inputClass, isOpen: i.isOpen, maxlength: e.maxlength, name: e.name, parser: e.parser, pattern: e.pattern, placeholder: e.placeholder, refName: e.refName, required: e.required, selectedDate: s.selectedDate, showCalendarOnButtonClick: e.showCalendarOnButtonClick, showCalendarOnFocus: e.showCalendarOnFocus, tabIndex: e.tabIndex, translation: i.lang, typeable: e.typeable, useUtc: e.useUtc, onClearDate: i.clear, onClose: i.close, onOpen: i.open, onSetFocus: n[1] || (n[1] = (d) => e.setFocus(d)), onTab: e.tabThroughNavigation, style: H(i.style) }, { beforeDateInput: L(() => [y(e.$slots, "beforeDateInput")]), afterDateInput: L(() => [y(e.$slots, "afterDateInput")]), clearBtn: L(() => [y(e.$slots, "clearBtn")]), calendarBtn: L(() => [y(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", ps, [p(o1, { name: "toggle", persisted: "" }, { default: L(() => [j(t("div", { class: D(["bimdata-datepicker__calendar", [i.pickerClasses, o.fixedPosition]]), onMousedown: n[5] || (n[5] = N(() => {
+  }, ["prevent"])), onFocusin: n[6] || (n[6] = N((d) => e.handleFocusIn(d), ["stop"])), onFocusout: n[7] || (n[7] = N((d) => e.handleFocusOut(d), ["stop"])), onKeydown: [n[8] || (n[8] = S(N((...d) => i.resetOrClose && i.resetOrClose(...d), ["stop"]), ["esc"])), n[9] || (n[9] = S(N((d) => e.tabThroughNavigation(d), ["stop"]), ["tab"]))] }, [p(o1, { name: "view" }, { default: L(() => [(r(), a("div", { ref: "view", key: s.view }, [e.$slots.beforeCalendarHeader ? (r(), a("div", bs, [y(e.$slots, "beforeCalendarHeader")])) : m("v-if", !0), (r(), V(h1(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 }, a5({ dayCellContent: L(({ cell: d }) => [d ? y(e.$slots, "dayCellContent", { key: 0, cell: d }) : m("v-if", !0)]), _: 2 }, [W(s.calendarSlots, (d) => ({ name: d, fn: L(() => [y(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", hs, [y(e.$slots, "calendarFooter")])) : m("v-if", !0)]))]), _: 3 })], 34), [[n1, i.isOpen]])]), _: 3 })])) : m("v-if", !0)], 42, Cs);
 }, i2.__scopeId = "data-v-0090dd57", i2.__file = "src/BIMDataComponents/BIMDataDatePicker/BIMDataDatePicker.vue";
 var o5 = { 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}`;
@@ -10631,14 +10633,14 @@ const Ib = {
     const o = G1(), l = F(
       () => !e.topic
     ), s = F(
-      () => Math.max(0, ...e.topics.map((N) => N.index)) + 1
+      () => Math.max(0, ...e.topics.map(($) => $.index)) + 1
     ), i = k(""), c = k(null), u = k(null), d = k(null), C = k(null), f = k(null), b = k(null), M = k(""), v = k([]), I = k([]), _ = k([]), x = k([]), R = k([]), T = F(
-      () => I.value.concat(_.value).filter((N) => !R.value.some((z) => z.guid === N.guid)).filter((N) => N.snapshot)
+      () => I.value.concat(_.value).filter(($) => !R.value.some((z) => z.guid === $.guid)).filter(($) => $.snapshot)
     ), Y = k(!1), a1 = k(!1), e1 = k(!1);
     i1(
       () => 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, f.value = N.assigned_to || null, b.value = N.due_date, M.value = N.description || "", v.value = N.labels || [], I.value = N.viewpoints || []);
+      ($) => {
+        l.value || (i.value = $.title || "", c.value = $.topic_type || null, u.value = $.priority || null, d.value = $.topic_status || null, C.value = $.stage || null, f.value = $.assigned_to || null, b.value = $.due_date, M.value = $.description || "", v.value = $.labels || [], I.value = $.viewpoints || []);
       },
       { immediate: !0 }
     );
@@ -10663,19 +10665,19 @@ const Ib = {
       topicType: c,
       viewpointsToDisplay: T,
       // Methods
-      addViewpoint: (N) => {
-        _.value.push(N);
+      addViewpoint: ($) => {
+        _.value.push($);
       },
-      delViewpoint: (N) => {
-        if (N.guid)
-          R.value.push(N);
+      delViewpoint: ($) => {
+        if ($.guid)
+          R.value.push($);
         else {
-          let z = _.value.indexOf(N);
+          let z = _.value.indexOf($);
           _.value.splice(z, 1);
         }
       },
       submit: async () => {
-        var N, z;
+        var $, z;
         if (!i.value) {
           e1.value = !0;
           return;
@@ -10707,7 +10709,7 @@ const Ib = {
             (U) => U.pins = e.topicAnnotations
           );
           const q = {
-            guid: (N = e.topic) == null ? void 0 : N.guid,
+            guid: ($ = e.topic) == null ? void 0 : $.guid,
             models: ((z = e.topic) == null ? void 0 : z.models) || e.topicModels,
             title: i.value,
             topic_type: c.value,
@@ -10867,7 +10869,7 @@ function Nb(e, n, o, l, s, i) {
           errorMessage: e.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: l.topicTitle,
           "onUpdate:modelValue": n[4] || (n[4] = (T) => l.topicTitle = T),
-          onKeyup: S($(l.submit, ["stop"]), ["enter"])
+          onKeyup: S(N(l.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
         p(v, {
           width: "100%",
@@ -13125,7 +13127,7 @@ const mh = {
       } finally {
         i.value = !1;
       }
-    }, N = (E) => {
+    }, $ = (E) => {
       l ? l.globalContext.modals.pushModal(Z5, { topic: E }) : n("view-comment-snapshot", E);
     };
     let z, q;
@@ -13166,7 +13168,7 @@ const mh = {
       submitUpdate: B,
       toggleMenu: d,
       loadViewpoint: b,
-      openTopicSnapshot: N,
+      openTopicSnapshot: $,
       unhighlightViewer: Y
     };
   }
@@ -13456,9 +13458,9 @@ const Oh = {
       v.value.length === 1 ? await R(v.value[0]) : v.value.length > 1 && (M.value = !0);
     }, R = async ({ id: w, viewer: O }) => {
       _(O), M.value = !1;
-      const [N] = Object.entries(z1).find(([, z]) => z.plugin === w);
+      const [$] = Object.entries(z1).find(([, z]) => z.plugin === w);
       d.value = Object.assign(await O.getViewpoint(), {
-        [P1]: N,
+        [P1]: $,
         [U1]: O.getLoadedModels().map((z) => z.id).join(",")
       });
     }, T = () => {
@@ -13493,7 +13495,7 @@ const Oh = {
     return R5(() => {
       if (b) {
         const w = () => Object.entries(f()).map(
-          ([O, N]) => N.map((z, q) => ({ key: `${O}-${q}`, id: O, index: q, viewer: z }))
+          ([O, $]) => $.map((z, q) => ({ key: `${O}-${q}`, id: O, index: q, viewer: z }))
         ).flat();
         v.value = w(), B = b.globalContext.hub.on("plugin-created", () => {
           v.value = w();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/bcf-components",
-  "version": "4.1.0-rc.4",
+  "version": "4.1.0-rc.5",
   "files": [
     "dist",
     "vue2-plugin.js",