@bimdata/bcf-components 1.1.0-rc.21 → 1.1.0-rc.24

package/dist/vue2/bcf-components.es.js

@@ -1848,6 +1848,14 @@ function __vue2_injectStyles$f(context) {
 var BcfStatistics = /* @__PURE__ */ function() {
   return __component__$f.exports;
 }();
+function getPriorityColor(topic, detailedExtensions) {
+  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
+  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
+}
+function getStatusColor(topic, detailedExtensions) {
+  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
+  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
+}
 var t$6 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (t2) => ["start", "middle", "end"].includes(t2) }, tooltip: { type: Boolean, default: true }, tooltipPosition: { type: String, default: "bottom", validator: (t2) => ["top", "right", "bottom", "left"].includes(t2) }, tooltipColor: { type: String, default: "primary", validator: (t2) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(t2) } }, data: () => ({ showTooltip: false, isOverflowing: false, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -1966,24 +1974,8 @@ const __vue2_script$d = {
     const viewpointsWithSnapshot = computed(() => {
       return props.bcfTopic.viewpoints.filter((viewpoint) => Boolean(viewpoint.snapshot));
     });
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find((p2) => p2.priority === props.bcfTopic.priority);
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return DEFAULT_PRIORITY_COLOR;
-    });
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === props.bcfTopic.topicStatus);
-        if (statusDetail && statusDetail.color) {
-          return statusDetail.color;
-        }
-      }
-      return DEFAULT_STATUS_COLOR;
-    });
+    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
+    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
     const topicElements = computed(() => {
       var _a;
       if (props.bcfTopic.components && props.bcfTopic.components.length > 0 && ((_a = props.bcfTopic.components[0]) == null ? void 0 : _a.selection)) {
@@ -2002,7 +1994,7 @@ const __vue2_script$d = {
   }
 };
 const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "ecce3b12", null, null);
+var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "7e55712c", null, null);
 function __vue2_injectStyles$d(context) {
   for (let o2 in __cssModules$d) {
     this[o2] = __cssModules$d[o2];
@@ -2710,19 +2702,16 @@ const __vue2_script$a = {
     BIMDataIcon: s$9
   },
   props: {
-    bcfTopic: {
-      type: Object
+    viewpoints: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
-    "add-image",
+    "add-viewpoint",
     "delete-viewpoint"
   ],
-  setup(props, { emit }) {
-    const viewpoints = ref([]);
-    watch(() => props.bcfTopic, (topic) => {
-      viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
-    }, { immediate: true });
+  setup(_, { emit }) {
     const addImage = (event) => {
       [...event.target.files].forEach((file) => {
         const reader = new FileReader();
@@ -2733,26 +2722,22 @@ const __vue2_script$a = {
               snapshotData: reader.result
             }
           };
-          viewpoints.value.push(viewpoint);
-          emit("add-image", viewpoint);
+          emit("add-viewpoint", viewpoint);
         });
         reader.readAsDataURL(file);
       });
     };
     const deleteViewpoint2 = (viewpoint) => {
-      let index = viewpoints.value.indexOf(viewpoint);
-      viewpoints.value.splice(index, 1);
       emit("delete-viewpoint", viewpoint);
     };
     return {
-      viewpoints,
       addImage,
       deleteViewpoint: deleteViewpoint2
     };
   }
 };
 const __cssModules$a = {};
-var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "6ca9dbd4", null, null);
+var __component__$a = /* @__PURE__ */ normalizeComponent(__vue2_script$a, render$a, staticRenderFns$a, false, __vue2_injectStyles$a, "203feea2", null, null);
 function __vue2_injectStyles$a(context) {
   for (let o2 in __cssModules$a) {
     this[o2] = __cssModules$a[o2];
@@ -2779,28 +2764,22 @@ const __vue2_script$9 = {
     BIMDataIcon: s$9
   },
   props: {
-    bcfTopic: {
-      type: Object
+    viewpoints: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
     "add-viewpoint",
     "delete-viewpoint"
   ],
-  setup(props, { emit }) {
+  setup(_, { emit }) {
     const getViewers = inject("getViewers", () => {
     });
-    const viewpoints = ref([]);
-    watch(() => props.bcfTopic, (topic) => {
-      viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
-    }, { immediate: true });
     const addViewpoint = (viewpoint) => {
-      viewpoints.value.push(viewpoint);
       emit("add-viewpoint", viewpoint);
     };
     const deleteViewpoint2 = (viewpoint) => {
-      let index = viewpoints.value.indexOf(viewpoint);
-      viewpoints.value.splice(index, 1);
       emit("delete-viewpoint", viewpoint);
     };
     const takeSnapshots = async () => {
@@ -2811,14 +2790,13 @@ const __vue2_script$9 = {
       });
     };
     return {
-      viewpoints,
       deleteViewpoint: deleteViewpoint2,
       takeSnapshots
     };
   }
 };
 const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "c9f862a4", null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "37d61702", null, null);
 function __vue2_injectStyles$9(context) {
   for (let o2 in __cssModules$9) {
     this[o2] = __cssModules$9[o2];
@@ -2831,11 +2809,11 @@ var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "bcf-topic-form" }, [_c("div", { staticClass: "bcf-topic-form__content" }, [_c("div", { staticClass: "bcf-topic-form__content__head" }, [_c("div", { staticClass: "bcf-topic-form__content__head__index" }, [_vm._v(" " + _vm._s(_vm.isCreation ? _vm.nextIndex : _vm.bcfTopic.index) + " ")]), _c("div", { staticClass: "bcf-topic-form__content__head__date" }, [_vm._v(" " + _vm._s(_vm.$d(_vm.isCreation ? new Date() : _vm.bcfTopic.creationDate, "short")) + " ")])]), _vm.viewerMode ? [_c("BcfTopicSnapshots", { attrs: { "bcfTopic": _vm.bcfTopic }, on: { "add-viewpoint": _vm.addViewpoint, "delete-viewpoint": _vm.delViewpoint } }), _c("div", { staticClass: "bcf-topic-form__content__actions" }, [_c("BIMDataButton", { attrs: { "fill": "", "radius": "" }, on: { "click": function($event) {
+  return _c("div", { staticClass: "bcf-topic-form" }, [_c("div", { staticClass: "bcf-topic-form__content" }, [_c("div", { staticClass: "bcf-topic-form__content__head" }, [_c("div", { staticClass: "bcf-topic-form__content__head__index" }, [_vm._v(" " + _vm._s(_vm.isCreation ? _vm.nextIndex : _vm.bcfTopic.index) + " ")]), _c("div", { staticClass: "bcf-topic-form__content__head__date" }, [_vm._v(" " + _vm._s(_vm.$d(_vm.isCreation ? new Date() : _vm.bcfTopic.creationDate, "short")) + " ")])]), _vm.viewerMode ? [_c("BcfTopicSnapshots", { attrs: { "viewpoints": _vm.viewpointsToDisplay }, on: { "add-viewpoint": _vm.addViewpoint, "delete-viewpoint": _vm.delViewpoint } }), _c("div", { staticClass: "bcf-topic-form__content__actions" }, [_c("BIMDataButton", { attrs: { "fill": "", "radius": "" }, on: { "click": function($event) {
     return _vm.$emit("add-components", _vm.bcfTopic);
   } } }, [_c("BIMDataIcon", { attrs: { "name": "plus", "size": "xxxs", "margin": "0 6px 0 0" } }), _vm._v(" " + _vm._s(_vm.$t("BcfComponents.BcfTopicForm.addObjectButton")) + " ")], 1), _c("BIMDataTooltip", { attrs: { "disabled": _vm.viewpointsToDisplay.length > 0, "text": _vm.$t("BcfComponents.BcfTopicForm.annotationButtonTooltip"), "color": "granite-light" } }, [_c("BIMDataButton", { attrs: { "width": "100%", "color": "primary", "fill": "", "radius": "", "disabled": _vm.viewpointsToDisplay.length === 0 }, on: { "click": function($event) {
     return _vm.$emit("add-pins", _vm.bcfTopic);
-  } } }, [_c("BIMDataIcon", { attrs: { "name": "plus", "size": "xxxs", "margin": "0 6px 0 0" } }), _vm._v(" " + _vm._s(_vm.$t("BcfComponents.BcfTopicForm.addAnnotationButton")) + " ")], 1)], 1)], 1)] : [_c("BcfTopicImages", { attrs: { "bcfTopic": _vm.bcfTopic }, on: { "add-image": _vm.addViewpoint, "delete-viewpoint": _vm.delViewpoint } })], _c("div", { staticClass: "bcf-topic-form__content__body" }, [_c("BIMDataInput", { attrs: { "placeholder": _vm.$t("BcfComponents.BcfTopicForm.titlePlaceholder"), "error": _vm.hasErrorTitle, "errorMessage": _vm.$t("BcfComponents.BcfTopicForm.titleErrorMessage") }, on: { "keyup": function($event) {
+  } } }, [_c("BIMDataIcon", { attrs: { "name": "plus", "size": "xxxs", "margin": "0 6px 0 0" } }), _vm._v(" " + _vm._s(_vm.$t("BcfComponents.BcfTopicForm.addAnnotationButton")) + " ")], 1)], 1)], 1)] : [_c("BcfTopicImages", { attrs: { "viewpoints": _vm.viewpointsToDisplay }, on: { "add-viewpoint": _vm.addViewpoint, "delete-viewpoint": _vm.delViewpoint } })], _c("div", { staticClass: "bcf-topic-form__content__body" }, [_c("BIMDataInput", { attrs: { "placeholder": _vm.$t("BcfComponents.BcfTopicForm.titlePlaceholder"), "error": _vm.hasErrorTitle, "errorMessage": _vm.$t("BcfComponents.BcfTopicForm.titleErrorMessage") }, on: { "keyup": function($event) {
     if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
       return null;
     }
@@ -2945,7 +2923,7 @@ const __vue2_script$8 = {
     const viewpointsToCreate = ref([]);
     const viewpointsToUpdate = ref([]);
     const viewpointsToDelete = ref([]);
-    const viewpointsToDisplay = computed(() => viewpoints.value.filter((v2) => v2.snapshot).concat(viewpointsToCreate.value));
+    const viewpointsToDisplay = computed(() => viewpoints.value.concat(viewpointsToCreate.value).filter((v2) => v2.snapshot));
     const loading = ref(false);
     const isOpenModal = ref(false);
     const hasErrorTitle = ref(false);
@@ -2975,6 +2953,9 @@ const __vue2_script$8 = {
       topicDescription.value = "";
       topicLabels.value = [];
       viewpoints.value = [];
+      viewpointsToCreate.value = [];
+      viewpointsToUpdate.value = [];
+      viewpointsToDelete.value = [];
       loading.value = false;
       isOpenModal.value = false;
       hasErrorTitle.value = false;
@@ -3074,7 +3055,7 @@ const __vue2_script$8 = {
   }
 };
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "6babe16d", null, null);
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "592048f1", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o2 in __cssModules$8) {
     this[o2] = __cssModules$8[o2];
@@ -4186,7 +4167,7 @@ var render$2 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("span", { staticClass: "bcf-topic-priority-cell", style: { color: _vm.priorityColor } }, [_vm._v(" " + _vm._s(_vm.bcfTopic.priority || _vm.$t("BcfComponents.BcfTopicPriorityCell.noPriority")) + " ")]);
+  return _c("span", { staticClass: "bcf-topic-priority-cell", style: { color: "#" + _vm.priorityColor } }, [_vm._v(" " + _vm._s(_vm.bcfTopic.priority || _vm.$t("BcfComponents.BcfTopicPriorityCell.noPriority")) + " ")]);
 };
 var staticRenderFns$2 = [];
 var BcfTopicPriorityCell_scss_vue_type_style_index_0_from__2Fhome_2Frunner_2FactionsRunner_2F_work_2FbcfComponents_2FbcfComponents_2Fsrc_2Fcomponents_2FbcfTopicsTable_2FbcfTopicPriorityCell_2FBcfTopicPriorityCell_vue_src_scoped_true_lang = "";
@@ -4202,22 +4183,14 @@ const __vue2_script$2 = {
     }
   },
   setup(props) {
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find((priority) => priority.priority === props.bcfTopic.priority);
-        if (priorityDetail == null ? void 0 : priorityDetail.color) {
-          return `#${priorityDetail.color}`;
-        }
-      }
-      return `#${DEFAULT_PRIORITY_COLOR}`;
-    });
+    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
     return {
       priorityColor
     };
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "42770510", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "ef38ad94", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o2 in __cssModules$2) {
     this[o2] = __cssModules$2[o2];
@@ -4231,7 +4204,7 @@ var render$1 = function() {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("span", { staticClass: "bcf-topic-status-cell", style: {
-    backgroundColor: _vm.statusColor,
+    backgroundColor: "#" + _vm.statusColor,
     color: _vm.adjustTextColor(_vm.statusColor, "#ffffff", "var(--color-text)")
   } }, [_vm._v(" " + _vm._s(_vm.bcfTopic.topicStatus) + " ")]);
 };
@@ -4249,15 +4222,7 @@ const __vue2_script$1 = {
     }
   },
   setup(props) {
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find((status) => status.topicStatus === props.bcfTopic.topicStatus);
-        if (statusDetail == null ? void 0 : statusDetail.color) {
-          return `#${statusDetail.color}`;
-        }
-      }
-      return `#${DEFAULT_STATUS_COLOR}`;
-    });
+    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
     return {
       statusColor,
       adjustTextColor
@@ -4265,7 +4230,7 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "1d4ce5a6", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "26d68c1e", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o2 in __cssModules$1) {
     this[o2] = __cssModules$1[o2];

package/dist/vue2/style.css

@@ -1 +1 @@
-.bcf-filters__btn-toggle[data-v-2db12d9a]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-2db12d9a]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-2db12d9a]{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-2db12d9a]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-2db12d9a]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-2db12d9a]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-2db12d9a]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-2db12d9a]{display:flex;justify-content:center}.setting-card-item[data-v-cb6da68e]{position:relative;height:37px;background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit)}.setting-card-item__actions[data-v-cb6da68e]{display:flex;align-items:center}.setting-card-item__color[data-v-cb6da68e]{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-cb6da68e]{position:absolute;z-index:1;top:37px;right:-12px}.setting-card-item__delete-guard[data-v-cb6da68e]{position:absolute;right:1%;width:98%;height:100%;padding:0 var(--spacing-unit);gap:var(--spacing-unit);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-white)}.setting-card[data-v-72c52d15]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-72c52d15]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-72c52d15]{font-weight:700}.setting-card__header__icons[data-v-72c52d15]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-72c52d15]{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-72c52d15]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__add-form[data-v-72c52d15]{margin-bottom:var(--spacing-unit)}.setting-card__add-form .actions[data-v-72c52d15]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-2687ba4b]{height:100%;padding:var(--spacing-unit)}.bcf-settings__header[data-v-2687ba4b]{height:60px;display:flex;justify-content:space-between;align-items:center}.bcf-settings__content[data-v-2687ba4b]{height:100%}.bcf-settings__content__text[data-v-2687ba4b]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-5dc331a8]{width:100%}.bcf-statistics__content[data-v-5dc331a8]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-5dc331a8]{flex:1}.bcf-statistics__content__legend[data-v-5dc331a8]{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-5dc331a8]{font-weight:700}.bcf-statistics__content__legend__item[data-v-5dc331a8]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-5dc331a8]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-5dc331a8]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .total[data-v-5dc331a8]{font-size:13px}.bcf-statistics__content__legend[data-v-5dc331a8] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-ecce3b12]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-ecce3b12]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-ecce3b12]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-ecce3b12]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-ecce3b12]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-ecce3b12]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-ecce3b12]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-ecce3b12]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-ecce3b12]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-ecce3b12]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-ecce3b12]{min-height:98px;margin-top:3px;box-shadow:var(--box-shadow);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-b5e56a58]{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-b5e56a58]{font-size:14px}.bcf-topic-images[data-v-6ca9dbd4]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-6ca9dbd4]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-6ca9dbd4]{position:relative}.bcf-topic-images__images .image-preview img[data-v-6ca9dbd4]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-6ca9dbd4]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-6ca9dbd4]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6ca9dbd4]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-6ca9dbd4]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-6ca9dbd4]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-6ca9dbd4]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-6ca9dbd4]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-6ca9dbd4]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-6ca9dbd4]{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-6ca9dbd4]{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-c9f862a4]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-c9f862a4]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-c9f862a4]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-c9f862a4]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-c9f862a4]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-c9f862a4]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-c9f862a4]{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-6babe16d]{height:100%}.bcf-topic-form__content[data-v-6babe16d]{height:calc(100% - 64px - var(--spacing-unit));padding:0 calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-6babe16d]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-6babe16d],.bcf-topic-form__content__head__date[data-v-6babe16d]{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-6babe16d]{min-width:50px}.bcf-topic-form__content__head__date[data-v-6babe16d]{min-width:100px}.bcf-topic-form__content__actions[data-v-6babe16d]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-6babe16d]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-6babe16d]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-6babe16d] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-6babe16d] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-6babe16d]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-6babe16d]{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-555abc52]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-555abc52]{width:100%;height:100%}.user-avatar--primary[data-v-555abc52]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-555abc52]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-555abc52]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-4016a6b4]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-4016a6b4]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-4016a6b4]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-4016a6b4]{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-4016a6b4] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-4016a6b4] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-4016a6b4] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-35edf7c8]{font-weight:700}.bcf-topic-comments[data-v-35edf7c8] .bimdata-textarea{width:100%}.bcf-topic-overview[data-v-54a9835a]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-54a9835a]{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-54a9835a]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-54a9835a]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-54a9835a]{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-54a9835a]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-54a9835a],.bcf-topic-overview__content__head__date[data-v-54a9835a]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-54a9835a]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-54a9835a]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__image[data-v-54a9835a]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-overview__content__image .status-badge[data-v-54a9835a]{position:absolute;z-index:1;left:calc(var(--spacing-unit) / 2);top:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel{height:100%}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image .snapshot-preview[data-v-54a9835a]{position:relative;width:100%;height:100%}.bcf-topic-overview__content__image .snapshot-preview img[data-v-54a9835a]{width:100%;height:100%;object-fit:cover}.bcf-topic-overview__content__image .default-image[data-v-54a9835a]{width:170px;height:170px;padding:12px}.bcf-topic-overview__content__card[data-v-54a9835a]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-54a9835a]{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-54a9835a]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .value[data-v-54a9835a]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-54a9835a]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-4f85c962]{margin:auto}.bcf-topic-priority-cell[data-v-42770510]{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-1d4ce5a6]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}
+.bcf-filters__btn-toggle[data-v-2db12d9a]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-2db12d9a]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-2db12d9a]{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-2db12d9a]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-2db12d9a]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-2db12d9a]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-2db12d9a]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-2db12d9a]{display:flex;justify-content:center}.setting-card-item[data-v-cb6da68e]{position:relative;height:37px;background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit)}.setting-card-item__actions[data-v-cb6da68e]{display:flex;align-items:center}.setting-card-item__color[data-v-cb6da68e]{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-cb6da68e]{position:absolute;z-index:1;top:37px;right:-12px}.setting-card-item__delete-guard[data-v-cb6da68e]{position:absolute;right:1%;width:98%;height:100%;padding:0 var(--spacing-unit);gap:var(--spacing-unit);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-white)}.setting-card[data-v-72c52d15]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-72c52d15]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-72c52d15]{font-weight:700}.setting-card__header__icons[data-v-72c52d15]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-72c52d15]{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-72c52d15]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__add-form[data-v-72c52d15]{margin-bottom:var(--spacing-unit)}.setting-card__add-form .actions[data-v-72c52d15]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-2687ba4b]{height:100%;padding:var(--spacing-unit)}.bcf-settings__header[data-v-2687ba4b]{height:60px;display:flex;justify-content:space-between;align-items:center}.bcf-settings__content[data-v-2687ba4b]{height:100%}.bcf-settings__content__text[data-v-2687ba4b]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-5dc331a8]{width:100%}.bcf-statistics__content[data-v-5dc331a8]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-5dc331a8]{flex:1}.bcf-statistics__content__legend[data-v-5dc331a8]{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-5dc331a8]{font-weight:700}.bcf-statistics__content__legend__item[data-v-5dc331a8]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-5dc331a8]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-5dc331a8]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .total[data-v-5dc331a8]{font-size:13px}.bcf-statistics__content__legend[data-v-5dc331a8] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-7e55712c]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-7e55712c]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-7e55712c]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-7e55712c]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-7e55712c]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-7e55712c]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-7e55712c]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-7e55712c]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-7e55712c]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-7e55712c]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-7e55712c]{min-height:98px;margin-top:3px;box-shadow:var(--box-shadow);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-b5e56a58]{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-b5e56a58]{font-size:14px}.bcf-topic-images[data-v-203feea2]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-203feea2]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-203feea2]{position:relative}.bcf-topic-images__images .image-preview img[data-v-203feea2]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-203feea2]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-203feea2]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-203feea2]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-203feea2]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-203feea2]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-203feea2]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-203feea2]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-203feea2]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-203feea2]{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-203feea2]{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-37d61702]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-37d61702]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-37d61702]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-37d61702]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-37d61702]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-37d61702]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-37d61702]{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-592048f1]{height:100%}.bcf-topic-form__content[data-v-592048f1]{height:calc(100% - 64px - var(--spacing-unit));padding:0 calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-592048f1]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-592048f1],.bcf-topic-form__content__head__date[data-v-592048f1]{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-592048f1]{min-width:50px}.bcf-topic-form__content__head__date[data-v-592048f1]{min-width:100px}.bcf-topic-form__content__actions[data-v-592048f1]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-592048f1]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-592048f1]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-592048f1] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-592048f1] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-592048f1]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-592048f1]{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-555abc52]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-555abc52]{width:100%;height:100%}.user-avatar--primary[data-v-555abc52]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-555abc52]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-555abc52]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-4016a6b4]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-4016a6b4]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-4016a6b4]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-4016a6b4]{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-4016a6b4] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-4016a6b4] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-4016a6b4] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-35edf7c8]{font-weight:700}.bcf-topic-comments[data-v-35edf7c8] .bimdata-textarea{width:100%}.bcf-topic-overview[data-v-54a9835a]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-54a9835a]{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-54a9835a]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-54a9835a]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-54a9835a]{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-54a9835a]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-54a9835a],.bcf-topic-overview__content__head__date[data-v-54a9835a]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-54a9835a]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-54a9835a]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__image[data-v-54a9835a]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-overview__content__image .status-badge[data-v-54a9835a]{position:absolute;z-index:1;left:calc(var(--spacing-unit) / 2);top:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel{height:100%}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-54a9835a] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image .snapshot-preview[data-v-54a9835a]{position:relative;width:100%;height:100%}.bcf-topic-overview__content__image .snapshot-preview img[data-v-54a9835a]{width:100%;height:100%;object-fit:cover}.bcf-topic-overview__content__image .default-image[data-v-54a9835a]{width:170px;height:170px;padding:12px}.bcf-topic-overview__content__card[data-v-54a9835a]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-54a9835a]{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-54a9835a]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .value[data-v-54a9835a]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-54a9835a]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-4f85c962]{margin:auto}.bcf-topic-priority-cell[data-v-ef38ad94]{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-26d68c1e]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}

package/dist/vue3/bcf-components.es.js

@@ -1907,6 +1907,14 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var BcfStatistics = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-763cac12"]]);
+function getPriorityColor(topic, detailedExtensions) {
+  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
+  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
+}
+function getStatusColor(topic, detailedExtensions) {
+  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
+  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
+}
 var s$1 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (t) => ["start", "middle", "end"].includes(t) }, tooltip: { type: Boolean, default: true }, tooltipPosition: { type: String, default: "bottom", validator: (t) => ["top", "right", "bottom", "left"].includes(t) }, tooltipColor: { type: String, default: "primary", validator: (t) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(t) } }, data: () => ({ showTooltip: false, isOverflowing: false, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -1969,24 +1977,8 @@ const _sfc_main$d = {
     const viewpointsWithSnapshot = computed(() => {
       return props.bcfTopic.viewpoints.filter((viewpoint) => Boolean(viewpoint.snapshot));
     });
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find((p2) => p2.priority === props.bcfTopic.priority);
-        if (priorityDetail && priorityDetail.color) {
-          return priorityDetail.color;
-        }
-      }
-      return DEFAULT_PRIORITY_COLOR;
-    });
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === props.bcfTopic.topicStatus);
-        if (statusDetail && statusDetail.color) {
-          return statusDetail.color;
-        }
-      }
-      return DEFAULT_STATUS_COLOR;
-    });
+    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
+    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
     const topicElements = computed(() => {
       var _a;
       if (props.bcfTopic.components && props.bcfTopic.components.length > 0 && ((_a = props.bcfTopic.components[0]) == null ? void 0 : _a.selection)) {
@@ -2109,7 +2101,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-78b211f2"]]);
+var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-482756ae"]]);
 const _sfc_main$c = {};
 const _hoisted_1$9 = {
   width: "66",
@@ -2674,19 +2666,16 @@ const _sfc_main$a = {
     BIMDataIcon: ol$1
   },
   props: {
-    bcfTopic: {
-      type: Object
+    viewpoints: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
-    "add-image",
+    "add-viewpoint",
     "delete-viewpoint"
   ],
-  setup(props, { emit }) {
-    const viewpoints = ref([]);
-    watch(() => props.bcfTopic, (topic) => {
-      viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
-    }, { immediate: true });
+  setup(_2, { emit }) {
     const addImage = (event) => {
       [...event.target.files].forEach((file) => {
         const reader = new FileReader();
@@ -2697,19 +2686,15 @@ const _sfc_main$a = {
               snapshotData: reader.result
             }
           };
-          viewpoints.value.push(viewpoint);
-          emit("add-image", viewpoint);
+          emit("add-viewpoint", viewpoint);
         });
         reader.readAsDataURL(file);
       });
     };
     const deleteViewpoint2 = (viewpoint) => {
-      let index = viewpoints.value.indexOf(viewpoint);
-      viewpoints.value.splice(index, 1);
       emit("delete-viewpoint", viewpoint);
     };
     return {
-      viewpoints,
       addImage,
       deleteViewpoint: deleteViewpoint2
     };
@@ -2730,11 +2715,11 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
   const _component_BIMDataButton = resolveComponent("BIMDataButton");
   return openBlock(), createElementBlock("div", _hoisted_1$7, [
-    $setup.viewpoints.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+    $props.viewpoints.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       createElementVNode("div", _hoisted_2$5, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($setup.viewpoints.slice(0, 4), (viewpoint, i2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.viewpoints.slice(0, 4), (viewpoint, i2) => {
           return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["image-preview", { single: $setup.viewpoints.length === 1 }]),
+            class: normalizeClass(["image-preview", { single: $props.viewpoints.length === 1 }]),
             key: viewpoint.guid || i2
           }, [
             viewpoint.snapshot.snapshotData ? (openBlock(), createElementBlock("img", {
@@ -2762,7 +2747,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ]),
       createVNode(_component_BIMDataButton, {
-        disabled: $setup.viewpoints.length >= 4,
+        disabled: $props.viewpoints.length >= 4,
         class: "btn-upload",
         width: "100%",
         color: "primary",
@@ -2779,7 +2764,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
             createTextVNode(" " + toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addPictureButton")), 1)
           ]),
           createElementVNode("input", {
-            disabled: $setup.viewpoints.length >= 4,
+            disabled: $props.viewpoints.length >= 4,
             hidden: "",
             id: "files",
             type: "file",
@@ -2819,7 +2804,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-428a3422"]]);
+var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-29b59353"]]);
 var BcfTopicSnapshots_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$9 = {
   components: {
@@ -2827,28 +2812,22 @@ const _sfc_main$9 = {
     BIMDataIcon: ol$1
   },
   props: {
-    bcfTopic: {
-      type: Object
+    viewpoints: {
+      type: Array,
+      default: () => []
     }
   },
   emits: [
     "add-viewpoint",
     "delete-viewpoint"
   ],
-  setup(props, { emit }) {
+  setup(_2, { emit }) {
     const getViewers = inject("getViewers", () => {
     });
-    const viewpoints = ref([]);
-    watch(() => props.bcfTopic, (topic) => {
-      viewpoints.value = ((topic == null ? void 0 : topic.viewpoints) || []).filter((v2) => v2.snapshot);
-    }, { immediate: true });
     const addViewpoint = (viewpoint) => {
-      viewpoints.value.push(viewpoint);
       emit("add-viewpoint", viewpoint);
     };
     const deleteViewpoint2 = (viewpoint) => {
-      let index = viewpoints.value.indexOf(viewpoint);
-      viewpoints.value.splice(index, 1);
       emit("delete-viewpoint", viewpoint);
     };
     const takeSnapshots = async () => {
@@ -2859,7 +2838,6 @@ const _sfc_main$9 = {
       });
     };
     return {
-      viewpoints,
       deleteViewpoint: deleteViewpoint2,
       takeSnapshots
     };
@@ -2875,10 +2853,10 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
   const _component_BIMDataButton = resolveComponent("BIMDataButton");
   return openBlock(), createElementBlock("div", _hoisted_1$6, [
-    $setup.viewpoints.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($setup.viewpoints.slice(0, 4), (viewpoint, i2) => {
+    $props.viewpoints.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($props.viewpoints.slice(0, 4), (viewpoint, i2) => {
         return openBlock(), createElementBlock("div", {
-          class: normalizeClass(["snapshot-preview", { single: $setup.viewpoints.length === 1 }]),
+          class: normalizeClass(["snapshot-preview", { single: $props.viewpoints.length === 1 }]),
           key: viewpoint.guid || i2
         }, [
           viewpoint.snapshot.snapshotData ? (openBlock(), createElementBlock("img", {
@@ -2916,7 +2894,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-6dfe3d1c"]]);
+var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-7e063fcc"]]);
 var BcfTopicForm_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$8 = {
   components: {
@@ -2992,7 +2970,7 @@ const _sfc_main$8 = {
     const viewpointsToCreate = ref([]);
     const viewpointsToUpdate = ref([]);
     const viewpointsToDelete = ref([]);
-    const viewpointsToDisplay = computed(() => viewpoints.value.filter((v2) => v2.snapshot).concat(viewpointsToCreate.value));
+    const viewpointsToDisplay = computed(() => viewpoints.value.concat(viewpointsToCreate.value).filter((v2) => v2.snapshot));
     const loading = ref(false);
     const isOpenModal = ref(false);
     const hasErrorTitle = ref(false);
@@ -3022,6 +3000,9 @@ const _sfc_main$8 = {
       topicDescription.value = "";
       topicLabels.value = [];
       viewpoints.value = [];
+      viewpointsToCreate.value = [];
+      viewpointsToUpdate.value = [];
+      viewpointsToDelete.value = [];
       loading.value = false;
       isOpenModal.value = false;
       hasErrorTitle.value = false;
@@ -3152,10 +3133,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       $props.viewerMode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createVNode(_component_BcfTopicSnapshots, {
-          bcfTopic: $props.bcfTopic,
+          viewpoints: $setup.viewpointsToDisplay,
           onAddViewpoint: $setup.addViewpoint,
           onDeleteViewpoint: $setup.delViewpoint
-        }, null, 8, ["bcfTopic", "onAddViewpoint", "onDeleteViewpoint"]),
+        }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"]),
         createElementVNode("div", _hoisted_6$3, [
           createVNode(_component_BIMDataButton, {
             fill: "",
@@ -3202,10 +3183,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ], 64)) : (openBlock(), createBlock(_component_BcfTopicImages, {
         key: 1,
-        bcfTopic: $props.bcfTopic,
-        onAddImage: $setup.addViewpoint,
+        viewpoints: $setup.viewpointsToDisplay,
+        onAddViewpoint: $setup.addViewpoint,
         onDeleteViewpoint: $setup.delViewpoint
-      }, null, 8, ["bcfTopic", "onAddImage", "onDeleteViewpoint"])),
+      }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
       createElementVNode("div", _hoisted_7$3, [
         createVNode(_component_BIMDataInput, {
           placeholder: _ctx.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
@@ -3330,7 +3311,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true)
   ]);
 }
-var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-14fe5f92"]]);
+var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-695651e7"]]);
 var u = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), M$1 = { name: "BIMDataButton", props: { width: { type: String, default: "32px" }, height: { type: String, default: "32px" }, fill: { type: Boolean, default: false }, outline: { type: Boolean, default: false }, ghost: { type: Boolean, default: false }, ripple: { type: Boolean, default: false }, radius: { type: Boolean, default: false }, square: { type: Boolean, default: false }, rounded: { type: Boolean, default: false }, icon: { type: Boolean, default: false }, color: { type: String, default: "default", validator: (n) => u.includes(n) } }, emits: ["click"], computed: { classes() {
   return { "bimdata-btn__icon": this.icon, "bimdata-btn__fill": this.fill, "bimdata-btn__outline": this.outline, "bimdata-btn__ghost": this.ghost, "bimdata-btn__ripple": this.ripple, "bimdata-btn__radius": this.radius, "bimdata-btn__square": this.square, "bimdata-btn__rounded": this.rounded, ["bimdata-btn__fill--" + this.color]: this.fill && this.color, ["bimdata-btn__outline--" + this.color]: this.outline && this.color, ["bimdata-btn__ghost--" + this.color]: this.ghost && this.color, ["bimdata-btn__ripple--" + this.color]: this.ripple && this.color };
 }, style() {
@@ -4876,15 +4857,7 @@ const _sfc_main$2 = {
     }
   },
   setup(props) {
-    const priorityColor = computed(() => {
-      if (props.bcfTopic.priority) {
-        const priorityDetail = props.detailedExtensions.priorities.find((priority) => priority.priority === props.bcfTopic.priority);
-        if (priorityDetail == null ? void 0 : priorityDetail.color) {
-          return `#${priorityDetail.color}`;
-        }
-      }
-      return `#${DEFAULT_PRIORITY_COLOR}`;
-    });
+    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
     return {
       priorityColor
     };
@@ -4893,10 +4866,10 @@ const _sfc_main$2 = {
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: "bcf-topic-priority-cell",
-    style: normalizeStyle({ color: $setup.priorityColor })
+    style: normalizeStyle({ color: `#${$setup.priorityColor}` })
   }, toDisplayString($props.bcfTopic.priority || _ctx.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-4584461c"]]);
+var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-691e94e8"]]);
 var BcfTopicStatusCell_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$1 = {
   props: {
@@ -4910,15 +4883,7 @@ const _sfc_main$1 = {
     }
   },
   setup(props) {
-    const statusColor = computed(() => {
-      if (props.bcfTopic.topicStatus) {
-        const statusDetail = props.detailedExtensions.topicStatuses.find((status) => status.topicStatus === props.bcfTopic.topicStatus);
-        if (statusDetail == null ? void 0 : statusDetail.color) {
-          return `#${statusDetail.color}`;
-        }
-      }
-      return `#${DEFAULT_STATUS_COLOR}`;
-    });
+    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
     return {
       statusColor,
       adjustTextColor
@@ -4929,12 +4894,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: "bcf-topic-status-cell",
     style: normalizeStyle({
-      backgroundColor: $setup.statusColor,
+      backgroundColor: `#${$setup.statusColor}`,
       color: $setup.adjustTextColor($setup.statusColor, "#ffffff", "var(--color-text)")
     })
   }, toDisplayString($props.bcfTopic.topicStatus), 5);
 }
-var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-edc04e50"]]);
+var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-41224f82"]]);
 const _sfc_main = {
   components: {
     BcfTopicActionsCell,

package/dist/vue3/style.css

@@ -1 +1 @@
-.bcf-filters__btn-toggle[data-v-077f83aa]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-077f83aa]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-077f83aa]{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-077f83aa]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-077f83aa]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-077f83aa]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-077f83aa]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-077f83aa]{display:flex;justify-content:center}.setting-card-item[data-v-a9deb2b6]{position:relative;height:37px;background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit)}.setting-card-item__actions[data-v-a9deb2b6]{display:flex;align-items:center}.setting-card-item__color[data-v-a9deb2b6]{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-a9deb2b6]{position:absolute;z-index:1;top:37px;right:-12px}.setting-card-item__delete-guard[data-v-a9deb2b6]{position:absolute;right:1%;width:98%;height:100%;padding:0 var(--spacing-unit);gap:var(--spacing-unit);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-white)}.setting-card[data-v-6b7af8f7]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-6b7af8f7]{font-weight:700}.setting-card__header__icons[data-v-6b7af8f7]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-6b7af8f7]{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-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__add-form[data-v-6b7af8f7]{margin-bottom:var(--spacing-unit)}.setting-card__add-form .actions[data-v-6b7af8f7]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-54aa64a7]{height:100%;padding:var(--spacing-unit)}.bcf-settings__header[data-v-54aa64a7]{height:60px;display:flex;justify-content:space-between;align-items:center}.bcf-settings__content[data-v-54aa64a7]{height:100%}.bcf-settings__content__text[data-v-54aa64a7]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-763cac12]{width:100%}.bcf-statistics__content[data-v-763cac12]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-763cac12]{flex:1}.bcf-statistics__content__legend[data-v-763cac12]{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-763cac12]{font-weight:700}.bcf-statistics__content__legend__item[data-v-763cac12]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-763cac12]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-763cac12]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .total[data-v-763cac12]{font-size:13px}.bcf-statistics__content__legend[data-v-763cac12] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-78b211f2]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-78b211f2]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-78b211f2]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-78b211f2]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-78b211f2]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-78b211f2]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-78b211f2]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-78b211f2]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-78b211f2]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-78b211f2]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-78b211f2]{min-height:98px;margin-top:3px;box-shadow:var(--box-shadow);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-02f52cb0]{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-02f52cb0]{font-size:14px}.bcf-topic-images[data-v-428a3422]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-428a3422]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-428a3422]{position:relative}.bcf-topic-images__images .image-preview img[data-v-428a3422]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-428a3422]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-428a3422]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-428a3422]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-428a3422]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-428a3422]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-428a3422]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-428a3422]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-428a3422]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-428a3422]{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-428a3422]{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-6dfe3d1c]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-6dfe3d1c]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-6dfe3d1c]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-6dfe3d1c]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-6dfe3d1c]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-6dfe3d1c]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-6dfe3d1c]{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-14fe5f92]{height:100%}.bcf-topic-form__content[data-v-14fe5f92]{height:calc(100% - 64px - var(--spacing-unit));padding:0 calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-14fe5f92]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-14fe5f92],.bcf-topic-form__content__head__date[data-v-14fe5f92]{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-14fe5f92]{min-width:50px}.bcf-topic-form__content__head__date[data-v-14fe5f92]{min-width:100px}.bcf-topic-form__content__actions[data-v-14fe5f92]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-14fe5f92]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-14fe5f92]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-14fe5f92] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-14fe5f92] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-14fe5f92]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-14fe5f92]{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-f84b809a]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-f84b809a]{width:100%;height:100%}.user-avatar--primary[data-v-f84b809a]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-f84b809a]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-f84b809a]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-b9f88f20]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-b9f88f20]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-b9f88f20]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-b9f88f20]{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-b9f88f20] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-b9f88f20] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-b9f88f20] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-377292f2]{font-weight:700}.bcf-topic-comments[data-v-377292f2] .bimdata-textarea{width:100%}.bcf-topic-overview[data-v-0794c5c5]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-0794c5c5]{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-0794c5c5]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-0794c5c5]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-0794c5c5]{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-0794c5c5]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-0794c5c5],.bcf-topic-overview__content__head__date[data-v-0794c5c5]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-0794c5c5]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-0794c5c5]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__image[data-v-0794c5c5]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-overview__content__image .status-badge[data-v-0794c5c5]{position:absolute;z-index:1;left:calc(var(--spacing-unit) / 2);top:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel{height:100%}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image .snapshot-preview[data-v-0794c5c5]{position:relative;width:100%;height:100%}.bcf-topic-overview__content__image .snapshot-preview img[data-v-0794c5c5]{width:100%;height:100%;object-fit:cover}.bcf-topic-overview__content__image .default-image[data-v-0794c5c5]{width:170px;height:170px;padding:12px}.bcf-topic-overview__content__card[data-v-0794c5c5]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-0794c5c5]{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-0794c5c5]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .value[data-v-0794c5c5]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-0794c5c5]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-4e8d8704]{margin:auto}.bcf-topic-priority-cell[data-v-4584461c]{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-edc04e50]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}
+.bcf-filters__btn-toggle[data-v-077f83aa]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-077f83aa]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-077f83aa]{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-077f83aa]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-077f83aa]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-077f83aa]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-077f83aa]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-077f83aa]{display:flex;justify-content:center}.setting-card-item[data-v-a9deb2b6]{position:relative;height:37px;background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit)}.setting-card-item__actions[data-v-a9deb2b6]{display:flex;align-items:center}.setting-card-item__color[data-v-a9deb2b6]{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-a9deb2b6]{position:absolute;z-index:1;top:37px;right:-12px}.setting-card-item__delete-guard[data-v-a9deb2b6]{position:absolute;right:1%;width:98%;height:100%;padding:0 var(--spacing-unit);gap:var(--spacing-unit);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-white)}.setting-card[data-v-6b7af8f7]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-6b7af8f7]{font-weight:700}.setting-card__header__icons[data-v-6b7af8f7]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-6b7af8f7]{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-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__add-form[data-v-6b7af8f7]{margin-bottom:var(--spacing-unit)}.setting-card__add-form .actions[data-v-6b7af8f7]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-54aa64a7]{height:100%;padding:var(--spacing-unit)}.bcf-settings__header[data-v-54aa64a7]{height:60px;display:flex;justify-content:space-between;align-items:center}.bcf-settings__content[data-v-54aa64a7]{height:100%}.bcf-settings__content__text[data-v-54aa64a7]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-763cac12]{width:100%}.bcf-statistics__content[data-v-763cac12]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-763cac12]{flex:1}.bcf-statistics__content__legend[data-v-763cac12]{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-763cac12]{font-weight:700}.bcf-statistics__content__legend__item[data-v-763cac12]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-763cac12]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-763cac12]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .total[data-v-763cac12]{font-size:13px}.bcf-statistics__content__legend[data-v-763cac12] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-482756ae]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-482756ae]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-482756ae]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-482756ae]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-482756ae]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-482756ae]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-482756ae]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-482756ae]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-482756ae]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-482756ae]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-482756ae]{min-height:98px;margin-top:3px;box-shadow:var(--box-shadow);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-02f52cb0]{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-02f52cb0]{font-size:14px}.bcf-topic-images[data-v-29b59353]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-29b59353]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-29b59353]{position:relative}.bcf-topic-images__images .image-preview img[data-v-29b59353]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-29b59353]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-29b59353]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-29b59353]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-29b59353]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-29b59353]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-29b59353]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-29b59353]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-29b59353]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-29b59353]{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-29b59353]{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-7e063fcc]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-7e063fcc]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-7e063fcc]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-7e063fcc]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-7e063fcc]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-7e063fcc]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-7e063fcc]{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-695651e7]{height:100%}.bcf-topic-form__content[data-v-695651e7]{height:calc(100% - 64px - var(--spacing-unit));padding:0 calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-695651e7]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-695651e7],.bcf-topic-form__content__head__date[data-v-695651e7]{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-695651e7]{min-width:50px}.bcf-topic-form__content__head__date[data-v-695651e7]{min-width:100px}.bcf-topic-form__content__actions[data-v-695651e7]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-695651e7]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-695651e7]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-695651e7] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-695651e7] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-695651e7]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-695651e7]{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-f84b809a]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-f84b809a]{width:100%;height:100%}.user-avatar--primary[data-v-f84b809a]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-f84b809a]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-f84b809a]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-b9f88f20]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-b9f88f20]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-b9f88f20]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-b9f88f20]{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-b9f88f20] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-b9f88f20] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-b9f88f20] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-377292f2]{font-weight:700}.bcf-topic-comments[data-v-377292f2] .bimdata-textarea{width:100%}.bcf-topic-overview[data-v-0794c5c5]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-0794c5c5]{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-0794c5c5]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-0794c5c5]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-0794c5c5]{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-0794c5c5]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-0794c5c5],.bcf-topic-overview__content__head__date[data-v-0794c5c5]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-0794c5c5]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-0794c5c5]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__image[data-v-0794c5c5]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-overview__content__image .status-badge[data-v-0794c5c5]{position:absolute;z-index:1;left:calc(var(--spacing-unit) / 2);top:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel{height:100%}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image[data-v-0794c5c5] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-overview__content__image .snapshot-preview[data-v-0794c5c5]{position:relative;width:100%;height:100%}.bcf-topic-overview__content__image .snapshot-preview img[data-v-0794c5c5]{width:100%;height:100%;object-fit:cover}.bcf-topic-overview__content__image .default-image[data-v-0794c5c5]{width:170px;height:170px;padding:12px}.bcf-topic-overview__content__card[data-v-0794c5c5]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-0794c5c5]{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-0794c5c5]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .value[data-v-0794c5c5]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-0794c5c5]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-4e8d8704]{margin:auto}.bcf-topic-priority-cell[data-v-691e94e8]{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-41224f82]{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": "1.1.0-rc.21",
+  "version": "1.1.0-rc.24",
   "files": [
     "dist",
     "vue2-plugin.js",