@bimdata/bcf-components 1.1.0-rc.22 → 1.1.0-rc.23

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

@@ -2702,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();
@@ -2725,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];
@@ -2771,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 () => {
@@ -2803,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];
@@ -2823,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;
     }
@@ -2967,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;
@@ -3066,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, "137ff2fd", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o2 in __cssModules$8) {
     this[o2] = __cssModules$8[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-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-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-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}
+.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-137ff2fd]{height:100%}.bcf-topic-form__content[data-v-137ff2fd]{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-137ff2fd]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-137ff2fd],.bcf-topic-form__content__head__date[data-v-137ff2fd]{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-137ff2fd]{min-width:50px}.bcf-topic-form__content__head__date[data-v-137ff2fd]{min-width:100px}.bcf-topic-form__content__actions[data-v-137ff2fd]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-137ff2fd]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-137ff2fd]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-137ff2fd] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-137ff2fd] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-137ff2fd]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-137ff2fd]{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

@@ -2666,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();
@@ -2689,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
     };
@@ -2722,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", {
@@ -2754,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",
@@ -2771,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",
@@ -2811,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: {
@@ -2819,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 () => {
@@ -2851,7 +2838,6 @@ const _sfc_main$9 = {
       });
     };
     return {
-      viewpoints,
       deleteViewpoint: deleteViewpoint2,
       takeSnapshots
     };
@@ -2867,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", {
@@ -2908,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: {
@@ -3014,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;
@@ -3144,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: "",
@@ -3194,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"),
@@ -3322,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-23b5fbf3"]]);
 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() {

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-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-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-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}
+.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-23b5fbf3]{height:100%}.bcf-topic-form__content[data-v-23b5fbf3]{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-23b5fbf3]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-23b5fbf3],.bcf-topic-form__content__head__date[data-v-23b5fbf3]{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-23b5fbf3]{min-width:50px}.bcf-topic-form__content__head__date[data-v-23b5fbf3]{min-width:100px}.bcf-topic-form__content__actions[data-v-23b5fbf3]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-23b5fbf3]{flex-grow:1}.bcf-topic-form__content__body .bimdata-select[data-v-23b5fbf3]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-23b5fbf3] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-23b5fbf3] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-23b5fbf3]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-23b5fbf3]{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.22",
+  "version": "1.1.0-rc.23",
   "files": [
     "dist",
     "vue2-plugin.js",