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

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/vue2/style.css

@@ -1 +1 @@
-.bcf-filters__btn-toggle[data-v-2f8d8714]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-2f8d8714]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-2f8d8714]{position:absolute;z-index:1;top:44px;left:0;width:100%;min-width:252px;max-width:296px;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.bcf-filters__container__header[data-v-2f8d8714]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-2f8d8714]{font-size:1.1rem;font-weight:700}.bcf-filters__container[data-v-2f8d8714] .bimdata-select.active{z-index:3}.bcf-filters__container__date>.flex[data-v-2f8d8714]{gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date[data-v-2f8d8714] .bimdata-datepicker.error input{border-bottom:1px solid var(--color-high)}.bcf-filters__container__date p[data-v-2f8d8714]{margin:calc(var(--spacing-unit) / 2) 0 0;font-size:11px}.bcf-filters__container__actions[data-v-2f8d8714]{display:flex;justify-content:center}.setting-card-item[data-v-7de3c437]{position:relative;height:37px;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit);background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center}.setting-card-item__actions[data-v-7de3c437]{display:flex;align-items:center}.setting-card-item__color[data-v-7de3c437]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-7de3c437]{position:absolute;z-index:1;top:32px;right:calc(var(--spacing-unit) / 2)}.setting-card-item__delete-guard[data-v-7de3c437]{position:absolute;right:0;width:100%;height:100%;padding:0 var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.setting-card[data-v-0fdda27e]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-0fdda27e]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-0fdda27e]{font-weight:700}.setting-card__header__icons[data-v-0fdda27e]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-0fdda27e]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-0fdda27e]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__form[data-v-0fdda27e]{margin-bottom:var(--spacing-unit)}.setting-card__form .actions[data-v-0fdda27e]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-a96c23fe]{height:100%}.bcf-settings__header[data-v-a96c23fe]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-settings__header__title[data-v-a96c23fe]{flex-grow:1;font-size:1rem;font-weight:700}.bcf-settings__content[data-v-a96c23fe]{height:calc(100% - 32px);padding:0 calc(var(--spacing-unit) * .5);overflow:auto}.bcf-settings__content__text[data-v-a96c23fe]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-5d698b7f]{width:100%}.bcf-statistics__content[data-v-5d698b7f]{position:relative;display:flex;align-items:center}.bcf-statistics__content__chart[data-v-5d698b7f]{flex:1}.bcf-statistics__content__legend[data-v-5d698b7f]{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--spacing-unit);margin-left:var(--spacing-unit);font-size:14px}.bcf-statistics__content__legend__title[data-v-5d698b7f]{font-weight:700}.bcf-statistics__content__legend__item[data-v-5d698b7f]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-5d698b7f]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-5d698b7f]{margin:0 calc(var(--spacing-unit) / 2);min-width:30px;font-weight:700}.bcf-statistics__content__legend__item__text .count[data-v-5d698b7f]{font-size:13px}.bcf-statistics__content__legend[data-v-5d698b7f] .bimdata-paginated-list ul:first-child{min-height:144px}.bcf-topic-card[data-v-20cf0758]{position:relative;width:336px;height:308px;box-shadow:var(--box-shadow)}.bcf-topic-card.selected[data-v-20cf0758]{outline:3px solid var(--color-primary)}.bcf-topic-card__header[data-v-20cf0758]{height:32px;padding-right:var(--spacing-unit);background-color:var(--color-white);display:flex;gap:var(--spacing-unit)}.bcf-topic-card__header .index[data-v-20cf0758]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text);display:flex;justify-content:center;align-items:center}.bcf-topic-card__header .title[data-v-20cf0758]{width:calc(100% - var(--spacing-unit) * 2 - 44px);color:var(--color-primary);display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-20cf0758]{display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-20cf0758] .bimdata-checkbox__mark{width:15px;height:15px}.bcf-topic-card__header .checkbox[data-v-20cf0758] .bimdata-checkbox__mark:after{top:2px;left:4px}.bcf-topic-card__image[data-v-20cf0758]{height:171px;position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-card__image img[data-v-20cf0758]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__image .img-default[data-v-20cf0758]{width:120px;height:120px}.bcf-topic-card__image .status[data-v-20cf0758]{position:absolute;top:6px;left:6px;border-radius:3px;padding:calc(var(--spacing-unit) / 2);display:flex;align-items:center}.bcf-topic-card__image .date[data-v-20cf0758]{position:absolute;bottom:0;right:0;padding:calc(var(--spacing-unit) / 2);font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-20cf0758]{height:102px;padding:var(--spacing-unit);border-top:3px solid var(--color-silver-light);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-3657ee44]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-3657ee44]{font-size:14px}.bcf-topic-images[data-v-6c7ac71d]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-6c7ac71d]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]{position:relative}.bcf-topic-images__images .image-preview img[data-v-6c7ac71d]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-6c7ac71d]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-6c7ac71d]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-6c7ac71d]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-6c7ac71d]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-6c7ac71d]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 3 / 2);border:2px dashed var(--color-silver)}.bcf-topic-images__upload .icon[data-v-6c7ac71d]{width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light);border-radius:50%}.bcf-topic-snapshots__snapshots[data-v-f3714336]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-f3714336]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-f3714336]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-f3714336]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed var(--color-silver);cursor:pointer}.bcf-topic-form[data-v-be4e6556]{height:100%}.bcf-topic-form__header[data-v-be4e6556]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-form__header__title[data-v-be4e6556]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-form__content[data-v-be4e6556]{height:calc(100% - 64px - var(--spacing-unit));padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-be4e6556]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-be4e6556],.bcf-topic-form__content__head__date[data-v-be4e6556]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light)}.bcf-topic-form__content__head__index[data-v-be4e6556]{min-width:50px}.bcf-topic-form__content__head__date[data-v-be4e6556]{min-width:100px}.bcf-topic-form__content__actions[data-v-be4e6556]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-be4e6556]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-be4e6556],.bcf-topic-form__content__actions .count-annotations[data-v-be4e6556]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-be4e6556]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-be4e6556]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-be4e6556]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-be4e6556] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-be4e6556] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-be4e6556]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-be4e6556]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#2f374ae6;display:flex;justify-content:center;align-items:center}.user-avatar[data-v-42c97e31]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-42c97e31]{width:100%;height:100%}.user-avatar--primary[data-v-42c97e31]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-42c97e31]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-42c97e31]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment[data-v-3ce76d00]:not(:last-child){margin-bottom:36px}.topic-comment__header[data-v-3ce76d00]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-3ce76d00]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-3ce76d00]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-3ce76d00]{position:absolute;top:0;right:2%;width:96%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-white);box-shadow:var(--box-shadow)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea textarea{color:var(--color-granite)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea:not(.editing) .bar{display:none}.topic-comment__content__camera[data-v-3ce76d00]{cursor:pointer}.topic-comment__content__snapshot[data-v-3ce76d00]{width:120px;height:82px;border:1px solid var(--color-silver);background-color:var(--color-silver-light);position:relative}.topic-comment__content__snapshot img[data-v-3ce76d00]{width:100%;height:100%;object-fit:cover}.topic-comment__content__snapshot img[data-v-3ce76d00]:hover{cursor:pointer}.topic-comment__content__snapshot button[data-v-3ce76d00]{position:absolute;top:25px;left:44px}.bcf-topic-comments p[data-v-22381142]{font-weight:700}.bcf-topic-comments__post-comment__snapshot[data-v-22381142]{position:relative;background-color:var(--color-silver-light)}.bcf-topic-comments__post-comment__snapshot img[data-v-22381142]{width:100%;height:100%;object-fit:cover}.bcf-topic-comments__post-comment__snapshot .btn-delete[data-v-22381142]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-comments__post-comment__camera[data-v-22381142]{cursor:pointer}.bcf-topic-comments[data-v-22381142] .submenu--down li{padding:0}.bcf-topic-comments[data-v-22381142] .submenu--down li>div{padding:calc(var(--spacing-unit) / 2)}.bcf-topic-comments[data-v-22381142] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-a5dda0ea]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-a5dda0ea]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-a5dda0ea]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-a5dda0ea]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-a5dda0ea]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-a5dda0ea]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-a5dda0ea]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-39b969a6]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-39b969a6]{height:32px;padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-overview__header__title[data-v-39b969a6]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-39b969a6]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-39b969a6]{height:calc(100% - 32px);padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-overview__content__head[data-v-39b969a6]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-39b969a6],.bcf-topic-overview__content__head__date[data-v-39b969a6]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-39b969a6]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-39b969a6]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-39b969a6]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-39b969a6]{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.bcf-topic-overview__content__card .line .label[data-v-39b969a6]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .label[data-v-39b969a6]:after{content:":";padding:0 1px}.bcf-topic-overview__content__card .line .value[data-v-39b969a6]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-39b969a6]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-c3107ece]{margin:auto}.bcf-topic-index-cell[data-v-6837d03b]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-6837d03b]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-905e2396]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;font-weight:700}.bcf-topic-status-cell[data-v-16e3da68]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}
+.bcf-filters__btn-toggle[data-v-2f8d8714]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-2f8d8714]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-2f8d8714]{position:absolute;z-index:1;top:44px;left:0;width:100%;min-width:252px;max-width:296px;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.bcf-filters__container__header[data-v-2f8d8714]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-2f8d8714]{font-size:1.1rem;font-weight:700}.bcf-filters__container[data-v-2f8d8714] .bimdata-select.active{z-index:3}.bcf-filters__container__date>.flex[data-v-2f8d8714]{gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date[data-v-2f8d8714] .bimdata-datepicker.error input{border-bottom:1px solid var(--color-high)}.bcf-filters__container__date p[data-v-2f8d8714]{margin:calc(var(--spacing-unit) / 2) 0 0;font-size:11px}.bcf-filters__container__actions[data-v-2f8d8714]{display:flex;justify-content:center}.setting-card-item[data-v-7de3c437]{position:relative;height:37px;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit);background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center}.setting-card-item__actions[data-v-7de3c437]{display:flex;align-items:center}.setting-card-item__color[data-v-7de3c437]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-7de3c437]{position:absolute;z-index:1;top:32px;right:calc(var(--spacing-unit) / 2)}.setting-card-item__delete-guard[data-v-7de3c437]{position:absolute;right:0;width:100%;height:100%;padding:0 var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.setting-card[data-v-0fdda27e]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-0fdda27e]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-0fdda27e]{font-weight:700}.setting-card__header__icons[data-v-0fdda27e]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-0fdda27e]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-0fdda27e]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__form[data-v-0fdda27e]{margin-bottom:var(--spacing-unit)}.setting-card__form .actions[data-v-0fdda27e]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-a96c23fe]{height:100%}.bcf-settings__header[data-v-a96c23fe]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-settings__header__title[data-v-a96c23fe]{flex-grow:1;font-size:1rem;font-weight:700}.bcf-settings__content[data-v-a96c23fe]{height:calc(100% - 32px);padding:0 calc(var(--spacing-unit) * .5);overflow:auto}.bcf-settings__content__text[data-v-a96c23fe]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-5d698b7f]{width:100%}.bcf-statistics__content[data-v-5d698b7f]{position:relative;display:flex;align-items:center}.bcf-statistics__content__chart[data-v-5d698b7f]{flex:1}.bcf-statistics__content__legend[data-v-5d698b7f]{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--spacing-unit);margin-left:var(--spacing-unit);font-size:14px}.bcf-statistics__content__legend__title[data-v-5d698b7f]{font-weight:700}.bcf-statistics__content__legend__item[data-v-5d698b7f]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-5d698b7f]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-5d698b7f]{margin:0 calc(var(--spacing-unit) / 2);min-width:30px;font-weight:700}.bcf-statistics__content__legend__item__text .count[data-v-5d698b7f]{font-size:13px}.bcf-statistics__content__legend[data-v-5d698b7f] .bimdata-paginated-list ul:first-child{min-height:144px}.bcf-topic-card[data-v-20cf0758]{position:relative;width:336px;height:308px;box-shadow:var(--box-shadow)}.bcf-topic-card.selected[data-v-20cf0758]{outline:3px solid var(--color-primary)}.bcf-topic-card__header[data-v-20cf0758]{height:32px;padding-right:var(--spacing-unit);background-color:var(--color-white);display:flex;gap:var(--spacing-unit)}.bcf-topic-card__header .index[data-v-20cf0758]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text);display:flex;justify-content:center;align-items:center}.bcf-topic-card__header .title[data-v-20cf0758]{width:calc(100% - var(--spacing-unit) * 2 - 44px);color:var(--color-primary);display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-20cf0758]{display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-20cf0758] .bimdata-checkbox__mark{width:15px;height:15px}.bcf-topic-card__header .checkbox[data-v-20cf0758] .bimdata-checkbox__mark:after{top:2px;left:4px}.bcf-topic-card__image[data-v-20cf0758]{height:171px;position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-card__image img[data-v-20cf0758]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__image .img-default[data-v-20cf0758]{width:120px;height:120px}.bcf-topic-card__image .status[data-v-20cf0758]{position:absolute;top:6px;left:6px;border-radius:3px;padding:calc(var(--spacing-unit) / 2);display:flex;align-items:center}.bcf-topic-card__image .date[data-v-20cf0758]{position:absolute;bottom:0;right:0;padding:calc(var(--spacing-unit) / 2);font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-20cf0758]{height:105px;padding:var(--spacing-unit);border-top:3px solid var(--color-silver-light);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-3657ee44]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-3657ee44]{font-size:14px}.bcf-topic-images[data-v-6c7ac71d]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-6c7ac71d]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]{position:relative}.bcf-topic-images__images .image-preview img[data-v-6c7ac71d]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-6c7ac71d]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-6c7ac71d]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-6c7ac71d]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-6c7ac71d]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-6c7ac71d]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-6c7ac71d]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 3 / 2);border:2px dashed var(--color-silver)}.bcf-topic-images__upload .icon[data-v-6c7ac71d]{width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light);border-radius:50%}.bcf-topic-snapshots__snapshots[data-v-f3714336]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-f3714336]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-f3714336]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3714336]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-f3714336]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed var(--color-silver);cursor:pointer}.bcf-topic-form[data-v-be4e6556]{height:100%}.bcf-topic-form__header[data-v-be4e6556]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-form__header__title[data-v-be4e6556]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-form__content[data-v-be4e6556]{height:calc(100% - 64px - var(--spacing-unit));padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-be4e6556]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-be4e6556],.bcf-topic-form__content__head__date[data-v-be4e6556]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light)}.bcf-topic-form__content__head__index[data-v-be4e6556]{min-width:50px}.bcf-topic-form__content__head__date[data-v-be4e6556]{min-width:100px}.bcf-topic-form__content__actions[data-v-be4e6556]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-be4e6556]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-be4e6556],.bcf-topic-form__content__actions .count-annotations[data-v-be4e6556]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-be4e6556]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-be4e6556]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-be4e6556]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-be4e6556] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-be4e6556] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-be4e6556]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-be4e6556]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#2f374ae6;display:flex;justify-content:center;align-items:center}.user-avatar[data-v-42c97e31]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-42c97e31]{width:100%;height:100%}.user-avatar--primary[data-v-42c97e31]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-42c97e31]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-42c97e31]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment[data-v-3ce76d00]:not(:last-child){margin-bottom:36px}.topic-comment__header[data-v-3ce76d00]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-3ce76d00]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-3ce76d00]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-3ce76d00]{position:absolute;top:0;right:2%;width:96%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-white);box-shadow:var(--box-shadow)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea textarea{color:var(--color-granite)}.topic-comment__content[data-v-3ce76d00] .bimdata-textarea:not(.editing) .bar{display:none}.topic-comment__content__camera[data-v-3ce76d00]{cursor:pointer}.topic-comment__content__snapshot[data-v-3ce76d00]{width:120px;height:82px;border:1px solid var(--color-silver);background-color:var(--color-silver-light);position:relative}.topic-comment__content__snapshot img[data-v-3ce76d00]{width:100%;height:100%;object-fit:cover}.topic-comment__content__snapshot img[data-v-3ce76d00]:hover{cursor:pointer}.topic-comment__content__snapshot button[data-v-3ce76d00]{position:absolute;top:25px;left:44px}.bcf-topic-comments p[data-v-22381142]{font-weight:700}.bcf-topic-comments__post-comment__snapshot[data-v-22381142]{position:relative;background-color:var(--color-silver-light)}.bcf-topic-comments__post-comment__snapshot img[data-v-22381142]{width:100%;height:100%;object-fit:cover}.bcf-topic-comments__post-comment__snapshot .btn-delete[data-v-22381142]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-comments__post-comment__camera[data-v-22381142]{cursor:pointer}.bcf-topic-comments[data-v-22381142] .submenu--down li{padding:0}.bcf-topic-comments[data-v-22381142] .submenu--down li>div{padding:calc(var(--spacing-unit) / 2)}.bcf-topic-comments[data-v-22381142] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-a5dda0ea]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-a5dda0ea]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-a5dda0ea]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-a5dda0ea] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-a5dda0ea]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-a5dda0ea]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-a5dda0ea]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-a5dda0ea]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-39b969a6]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-39b969a6]{height:32px;padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-overview__header__title[data-v-39b969a6]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-39b969a6]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-39b969a6]{height:calc(100% - 32px);padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-overview__content__head[data-v-39b969a6]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-39b969a6],.bcf-topic-overview__content__head__date[data-v-39b969a6]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-39b969a6]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-39b969a6]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-39b969a6]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-39b969a6]{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.bcf-topic-overview__content__card .line .label[data-v-39b969a6]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .label[data-v-39b969a6]:after{content:":";padding:0 1px}.bcf-topic-overview__content__card .line .value[data-v-39b969a6]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-39b969a6]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-c3107ece]{margin:auto}.bcf-topic-index-cell[data-v-6837d03b]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-6837d03b]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-905e2396]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;font-weight:700}.bcf-topic-status-cell[data-v-16e3da68]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}

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/dist/vue3/style.css

@@ -1 +1 @@
-.bcf-filters__btn-toggle[data-v-ce31a6b2]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-ce31a6b2]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-ce31a6b2]{position:absolute;z-index:1;top:44px;left:0;width:100%;min-width:252px;max-width:296px;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.bcf-filters__container__header[data-v-ce31a6b2]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-ce31a6b2]{font-size:1.1rem;font-weight:700}.bcf-filters__container[data-v-ce31a6b2] .bimdata-select.active{z-index:3}.bcf-filters__container__date>.flex[data-v-ce31a6b2]{gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date[data-v-ce31a6b2] .bimdata-datepicker.error input{border-bottom:1px solid var(--color-high)}.bcf-filters__container__date p[data-v-ce31a6b2]{margin:calc(var(--spacing-unit) / 2) 0 0;font-size:11px}.bcf-filters__container__actions[data-v-ce31a6b2]{display:flex;justify-content:center}.setting-card-item[data-v-b97a5399]{position:relative;height:37px;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit);background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center}.setting-card-item__actions[data-v-b97a5399]{display:flex;align-items:center}.setting-card-item__color[data-v-b97a5399]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-b97a5399]{position:absolute;z-index:1;top:32px;right:calc(var(--spacing-unit) / 2)}.setting-card-item__delete-guard[data-v-b97a5399]{position:absolute;right:0;width:100%;height:100%;padding:0 var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.setting-card[data-v-3ea16e8c]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-3ea16e8c]{font-weight:700}.setting-card__header__icons[data-v-3ea16e8c]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-3ea16e8c]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__form[data-v-3ea16e8c]{margin-bottom:var(--spacing-unit)}.setting-card__form .actions[data-v-3ea16e8c]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-9e0003a6]{height:100%}.bcf-settings__header[data-v-9e0003a6]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-settings__header__title[data-v-9e0003a6]{flex-grow:1;font-size:1rem;font-weight:700}.bcf-settings__content[data-v-9e0003a6]{height:calc(100% - 32px);padding:0 calc(var(--spacing-unit) * .5);overflow:auto}.bcf-settings__content__text[data-v-9e0003a6]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-173b3d02]{width:100%}.bcf-statistics__content[data-v-173b3d02]{position:relative;display:flex;align-items:center}.bcf-statistics__content__chart[data-v-173b3d02]{flex:1}.bcf-statistics__content__legend[data-v-173b3d02]{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--spacing-unit);margin-left:var(--spacing-unit);font-size:14px}.bcf-statistics__content__legend__title[data-v-173b3d02]{font-weight:700}.bcf-statistics__content__legend__item[data-v-173b3d02]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-173b3d02]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-173b3d02]{margin:0 calc(var(--spacing-unit) / 2);min-width:30px;font-weight:700}.bcf-statistics__content__legend__item__text .count[data-v-173b3d02]{font-size:13px}.bcf-statistics__content__legend[data-v-173b3d02] .bimdata-paginated-list ul:first-child{min-height:144px}.bcf-topic-card[data-v-6a7340ba]{position:relative;width:336px;height:308px;box-shadow:var(--box-shadow)}.bcf-topic-card.selected[data-v-6a7340ba]{outline:3px solid var(--color-primary)}.bcf-topic-card__header[data-v-6a7340ba]{height:32px;padding-right:var(--spacing-unit);background-color:var(--color-white);display:flex;gap:var(--spacing-unit)}.bcf-topic-card__header .index[data-v-6a7340ba]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text);display:flex;justify-content:center;align-items:center}.bcf-topic-card__header .title[data-v-6a7340ba]{width:calc(100% - var(--spacing-unit) * 2 - 44px);color:var(--color-primary);display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-6a7340ba]{display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-6a7340ba] .bimdata-checkbox__mark{width:15px;height:15px}.bcf-topic-card__header .checkbox[data-v-6a7340ba] .bimdata-checkbox__mark:after{top:2px;left:4px}.bcf-topic-card__image[data-v-6a7340ba]{height:171px;position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-card__image img[data-v-6a7340ba]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__image .img-default[data-v-6a7340ba]{width:120px;height:120px}.bcf-topic-card__image .status[data-v-6a7340ba]{position:absolute;top:6px;left:6px;border-radius:3px;padding:calc(var(--spacing-unit) / 2);display:flex;align-items:center}.bcf-topic-card__image .date[data-v-6a7340ba]{position:absolute;bottom:0;right:0;padding:calc(var(--spacing-unit) / 2);font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-6a7340ba]{height:102px;padding:var(--spacing-unit);border-top:3px solid var(--color-silver-light);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-af2c3cbc]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-af2c3cbc]{font-size:14px}.bcf-topic-images[data-v-13a21a53]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-13a21a53]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-13a21a53]{position:relative}.bcf-topic-images__images .image-preview img[data-v-13a21a53]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-13a21a53]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-13a21a53]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-13a21a53]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-13a21a53]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-13a21a53]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-13a21a53]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 3 / 2);border:2px dashed var(--color-silver)}.bcf-topic-images__upload .icon[data-v-13a21a53]{width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light);border-radius:50%}.bcf-topic-snapshots__snapshots[data-v-f3e2dd87]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-f3e2dd87]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-f3e2dd87]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-f3e2dd87]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed var(--color-silver);cursor:pointer}.bcf-topic-form[data-v-cad5992c]{height:100%}.bcf-topic-form__header[data-v-cad5992c]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-form__header__title[data-v-cad5992c]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-form__content[data-v-cad5992c]{height:calc(100% - 64px - var(--spacing-unit));padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-cad5992c]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-cad5992c],.bcf-topic-form__content__head__date[data-v-cad5992c]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light)}.bcf-topic-form__content__head__index[data-v-cad5992c]{min-width:50px}.bcf-topic-form__content__head__date[data-v-cad5992c]{min-width:100px}.bcf-topic-form__content__actions[data-v-cad5992c]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-cad5992c]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-cad5992c],.bcf-topic-form__content__actions .count-annotations[data-v-cad5992c]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-cad5992c]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-cad5992c]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-cad5992c]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-cad5992c] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-cad5992c] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-cad5992c]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-cad5992c]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#2f374ae6;display:flex;justify-content:center;align-items:center}.user-avatar[data-v-3c02f1a9]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-3c02f1a9]{width:100%;height:100%}.user-avatar--primary[data-v-3c02f1a9]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-3c02f1a9]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-3c02f1a9]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment[data-v-7badb4c6]:not(:last-child){margin-bottom:36px}.topic-comment__header[data-v-7badb4c6]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-7badb4c6]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-7badb4c6]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-7badb4c6]{position:absolute;top:0;right:2%;width:96%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-white);box-shadow:var(--box-shadow)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea textarea{color:var(--color-granite)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea:not(.editing) .bar{display:none}.topic-comment__content__camera[data-v-7badb4c6]{cursor:pointer}.topic-comment__content__snapshot[data-v-7badb4c6]{width:120px;height:82px;border:1px solid var(--color-silver);background-color:var(--color-silver-light);position:relative}.topic-comment__content__snapshot img[data-v-7badb4c6]{width:100%;height:100%;object-fit:cover}.topic-comment__content__snapshot img[data-v-7badb4c6]:hover{cursor:pointer}.topic-comment__content__snapshot button[data-v-7badb4c6]{position:absolute;top:25px;left:44px}.bcf-topic-comments p[data-v-5ec061d8]{font-weight:700}.bcf-topic-comments__post-comment__snapshot[data-v-5ec061d8]{position:relative;background-color:var(--color-silver-light)}.bcf-topic-comments__post-comment__snapshot img[data-v-5ec061d8]{width:100%;height:100%;object-fit:cover}.bcf-topic-comments__post-comment__snapshot .btn-delete[data-v-5ec061d8]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-comments__post-comment__camera[data-v-5ec061d8]{cursor:pointer}.bcf-topic-comments[data-v-5ec061d8] .submenu--down li{padding:0}.bcf-topic-comments[data-v-5ec061d8] .submenu--down li>div{padding:calc(var(--spacing-unit) / 2)}.bcf-topic-comments[data-v-5ec061d8] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-0859a8a6]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-0859a8a6]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-0859a8a6]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-0859a8a6]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-0859a8a6]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-0859a8a6]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-0859a8a6]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-e3501894]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-e3501894]{height:32px;padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-overview__header__title[data-v-e3501894]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-e3501894]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-e3501894]{height:calc(100% - 32px);padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-overview__content__head[data-v-e3501894]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-e3501894],.bcf-topic-overview__content__head__date[data-v-e3501894]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-e3501894]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-e3501894]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-e3501894]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-e3501894]{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.bcf-topic-overview__content__card .line .label[data-v-e3501894]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .label[data-v-e3501894]:after{content:":";padding:0 1px}.bcf-topic-overview__content__card .line .value[data-v-e3501894]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-e3501894]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-ddc03e0d]{margin:auto}.bcf-topic-index-cell[data-v-2afda176]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-2afda176]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-1d15fcf6]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;font-weight:700}.bcf-topic-status-cell[data-v-c2a5faf4]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}
+.bcf-filters__btn-toggle[data-v-ce31a6b2]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-ce31a6b2]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-ce31a6b2]{position:absolute;z-index:1;top:44px;left:0;width:100%;min-width:252px;max-width:296px;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.bcf-filters__container__header[data-v-ce31a6b2]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-ce31a6b2]{font-size:1.1rem;font-weight:700}.bcf-filters__container[data-v-ce31a6b2] .bimdata-select.active{z-index:3}.bcf-filters__container__date>.flex[data-v-ce31a6b2]{gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date[data-v-ce31a6b2] .bimdata-datepicker.error input{border-bottom:1px solid var(--color-high)}.bcf-filters__container__date p[data-v-ce31a6b2]{margin:calc(var(--spacing-unit) / 2) 0 0;font-size:11px}.bcf-filters__container__actions[data-v-ce31a6b2]{display:flex;justify-content:center}.setting-card-item[data-v-b97a5399]{position:relative;height:37px;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit);background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center}.setting-card-item__actions[data-v-b97a5399]{display:flex;align-items:center}.setting-card-item__color[data-v-b97a5399]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-b97a5399]{position:absolute;z-index:1;top:32px;right:calc(var(--spacing-unit) / 2)}.setting-card-item__delete-guard[data-v-b97a5399]{position:absolute;right:0;width:100%;height:100%;padding:0 var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.setting-card[data-v-3ea16e8c]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-3ea16e8c]{font-weight:700}.setting-card__header__icons[data-v-3ea16e8c]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-3ea16e8c]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__form[data-v-3ea16e8c]{margin-bottom:var(--spacing-unit)}.setting-card__form .actions[data-v-3ea16e8c]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-9e0003a6]{height:100%}.bcf-settings__header[data-v-9e0003a6]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-settings__header__title[data-v-9e0003a6]{flex-grow:1;font-size:1rem;font-weight:700}.bcf-settings__content[data-v-9e0003a6]{height:calc(100% - 32px);padding:0 calc(var(--spacing-unit) * .5);overflow:auto}.bcf-settings__content__text[data-v-9e0003a6]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-173b3d02]{width:100%}.bcf-statistics__content[data-v-173b3d02]{position:relative;display:flex;align-items:center}.bcf-statistics__content__chart[data-v-173b3d02]{flex:1}.bcf-statistics__content__legend[data-v-173b3d02]{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--spacing-unit);margin-left:var(--spacing-unit);font-size:14px}.bcf-statistics__content__legend__title[data-v-173b3d02]{font-weight:700}.bcf-statistics__content__legend__item[data-v-173b3d02]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-173b3d02]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-173b3d02]{margin:0 calc(var(--spacing-unit) / 2);min-width:30px;font-weight:700}.bcf-statistics__content__legend__item__text .count[data-v-173b3d02]{font-size:13px}.bcf-statistics__content__legend[data-v-173b3d02] .bimdata-paginated-list ul:first-child{min-height:144px}.bcf-topic-card[data-v-6a7340ba]{position:relative;width:336px;height:308px;box-shadow:var(--box-shadow)}.bcf-topic-card.selected[data-v-6a7340ba]{outline:3px solid var(--color-primary)}.bcf-topic-card__header[data-v-6a7340ba]{height:32px;padding-right:var(--spacing-unit);background-color:var(--color-white);display:flex;gap:var(--spacing-unit)}.bcf-topic-card__header .index[data-v-6a7340ba]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text);display:flex;justify-content:center;align-items:center}.bcf-topic-card__header .title[data-v-6a7340ba]{width:calc(100% - var(--spacing-unit) * 2 - 44px);color:var(--color-primary);display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-6a7340ba]{display:flex;align-items:center}.bcf-topic-card__header .checkbox[data-v-6a7340ba] .bimdata-checkbox__mark{width:15px;height:15px}.bcf-topic-card__header .checkbox[data-v-6a7340ba] .bimdata-checkbox__mark:after{top:2px;left:4px}.bcf-topic-card__image[data-v-6a7340ba]{height:171px;position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-card__image img[data-v-6a7340ba]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__image .img-default[data-v-6a7340ba]{width:120px;height:120px}.bcf-topic-card__image .status[data-v-6a7340ba]{position:absolute;top:6px;left:6px;border-radius:3px;padding:calc(var(--spacing-unit) / 2);display:flex;align-items:center}.bcf-topic-card__image .date[data-v-6a7340ba]{position:absolute;bottom:0;right:0;padding:calc(var(--spacing-unit) / 2);font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-6a7340ba]{height:105px;padding:var(--spacing-unit);border-top:3px solid var(--color-silver-light);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-af2c3cbc]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-af2c3cbc]{font-size:14px}.bcf-topic-images[data-v-13a21a53]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-13a21a53]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-13a21a53]{position:relative}.bcf-topic-images__images .image-preview img[data-v-13a21a53]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-13a21a53]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-13a21a53]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-13a21a53]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-13a21a53]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-13a21a53]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-13a21a53]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-13a21a53]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 3 / 2);border:2px dashed var(--color-silver)}.bcf-topic-images__upload .icon[data-v-13a21a53]{width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light);border-radius:50%}.bcf-topic-snapshots__snapshots[data-v-f3e2dd87]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-f3e2dd87]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-f3e2dd87]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-f3e2dd87]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed var(--color-silver);cursor:pointer}.bcf-topic-form[data-v-cad5992c]{height:100%}.bcf-topic-form__header[data-v-cad5992c]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-form__header__title[data-v-cad5992c]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-form__content[data-v-cad5992c]{height:calc(100% - 64px - var(--spacing-unit));padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-cad5992c]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-cad5992c],.bcf-topic-form__content__head__date[data-v-cad5992c]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light)}.bcf-topic-form__content__head__index[data-v-cad5992c]{min-width:50px}.bcf-topic-form__content__head__date[data-v-cad5992c]{min-width:100px}.bcf-topic-form__content__actions[data-v-cad5992c]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-cad5992c]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-cad5992c],.bcf-topic-form__content__actions .count-annotations[data-v-cad5992c]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-cad5992c]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-cad5992c]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-cad5992c]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-cad5992c] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-cad5992c] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-cad5992c]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-cad5992c]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#2f374ae6;display:flex;justify-content:center;align-items:center}.user-avatar[data-v-3c02f1a9]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-3c02f1a9]{width:100%;height:100%}.user-avatar--primary[data-v-3c02f1a9]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-3c02f1a9]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-3c02f1a9]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment[data-v-7badb4c6]:not(:last-child){margin-bottom:36px}.topic-comment__header[data-v-7badb4c6]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-7badb4c6]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-7badb4c6]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-7badb4c6]{position:absolute;top:0;right:2%;width:96%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-white);box-shadow:var(--box-shadow)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea textarea{color:var(--color-granite)}.topic-comment__content[data-v-7badb4c6] .bimdata-textarea:not(.editing) .bar{display:none}.topic-comment__content__camera[data-v-7badb4c6]{cursor:pointer}.topic-comment__content__snapshot[data-v-7badb4c6]{width:120px;height:82px;border:1px solid var(--color-silver);background-color:var(--color-silver-light);position:relative}.topic-comment__content__snapshot img[data-v-7badb4c6]{width:100%;height:100%;object-fit:cover}.topic-comment__content__snapshot img[data-v-7badb4c6]:hover{cursor:pointer}.topic-comment__content__snapshot button[data-v-7badb4c6]{position:absolute;top:25px;left:44px}.bcf-topic-comments p[data-v-5ec061d8]{font-weight:700}.bcf-topic-comments__post-comment__snapshot[data-v-5ec061d8]{position:relative;background-color:var(--color-silver-light)}.bcf-topic-comments__post-comment__snapshot img[data-v-5ec061d8]{width:100%;height:100%;object-fit:cover}.bcf-topic-comments__post-comment__snapshot .btn-delete[data-v-5ec061d8]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-comments__post-comment__camera[data-v-5ec061d8]{cursor:pointer}.bcf-topic-comments[data-v-5ec061d8] .submenu--down li{padding:0}.bcf-topic-comments[data-v-5ec061d8] .submenu--down li>div{padding:calc(var(--spacing-unit) / 2)}.bcf-topic-comments[data-v-5ec061d8] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-0859a8a6]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-0859a8a6]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-0859a8a6]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0859a8a6] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-0859a8a6]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-0859a8a6]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-0859a8a6]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-0859a8a6]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-e3501894]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-e3501894]{height:32px;padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-overview__header__title[data-v-e3501894]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-e3501894]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-e3501894]{height:calc(100% - 32px);padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-overview__content__head[data-v-e3501894]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-e3501894],.bcf-topic-overview__content__head__date[data-v-e3501894]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-e3501894]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-e3501894]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-e3501894]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-e3501894]{display:flex;align-items:center;gap:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.bcf-topic-overview__content__card .line .label[data-v-e3501894]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .label[data-v-e3501894]:after{content:":";padding:0 1px}.bcf-topic-overview__content__card .line .value[data-v-e3501894]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-e3501894]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-ddc03e0d]{margin:auto}.bcf-topic-index-cell[data-v-2afda176]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-2afda176]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-1d15fcf6]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;font-weight:700}.bcf-topic-status-cell[data-v-c2a5faf4]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}

package/package.json

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