@bimdata/bcf-components 2.0.0 → 3.0.0-rc.1

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

@@ -46,15 +46,15 @@ const EXTENSION_LIST_FIELDS = Object.freeze({
 });
 const DEFAULT_PRIORITY_COLOR = "D8D8D8";
 const DEFAULT_STATUS_COLOR = "D8D8D8";
-const VIEWPOINT_TYPE_FIELD = "originating_system";
-const VIEWPOINT_MODELS_FIELD = "authoring_tool_id";
+const VIEWPOINT_TYPE_FIELD$1 = "originating_system";
+const VIEWPOINT_MODELS_FIELD$1 = "authoring_tool_id";
 const VIEWPOINT_TYPES = Object.freeze({
   V3D: "ifc3d",
   V2D: "ifc2d",
   DWG: "dwg",
   PLAN: "plan"
 });
-const VIEWPOINT_CONFIG = Object.freeze({
+const VIEWPOINT_CONFIG$1 = Object.freeze({
   [VIEWPOINT_TYPES.V3D]: {
     order: 1,
     window: "3d",
@@ -88,10 +88,10 @@ var config = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   EXTENSION_LIST_FIELDS,
   EXTENSION_TYPES,
   EXTENSION_WITH_COLOR,
-  VIEWPOINT_CONFIG,
-  VIEWPOINT_MODELS_FIELD,
+  VIEWPOINT_CONFIG: VIEWPOINT_CONFIG$1,
+  VIEWPOINT_MODELS_FIELD: VIEWPOINT_MODELS_FIELD$1,
   VIEWPOINT_TYPES,
-  VIEWPOINT_TYPE_FIELD
+  VIEWPOINT_TYPE_FIELD: VIEWPOINT_TYPE_FIELD$1
 }, Symbol.toStringTag, { value: "Module" }));
 let apiClient = null;
 function setApiClient(client) {
@@ -111,11 +111,11 @@ function deserialize$1(date) {
   return date.toISOString().split("T")[0].split("-").reverse().join("/");
 }
 function deserializeShort(date) {
-  const a2 = date.toISOString().split("T")[0].split("-").reverse();
-  a2[2] = a2[2].slice(-2);
-  return a2.join("/");
+  const d2 = date.toISOString().split("T")[0].split("-").reverse();
+  d2[2] = d2[2].slice(-2);
+  return d2.join("/");
 }
-function validate(date) {
+function validateDueDate(date) {
   if (!date) {
     return true;
   }
@@ -995,7 +995,7 @@ const _hoisted_1$i = { class: "bcf-filters" };
 const _hoisted_2$f = { class: "bcf-filters__container" };
 const _hoisted_3$b = { class: "bcf-filters__container__header" };
 const _hoisted_4$a = { class: "bcf-filters__container__header__title" };
-const _hoisted_5$9 = { class: "bcf-filters__container__date" };
+const _hoisted_5$a = { class: "bcf-filters__container__date" };
 const _hoisted_6$8 = { class: "example" };
 const _hoisted_7$8 = { class: "example" };
 const _hoisted_8$8 = { class: "bcf-filters__container__actions" };
@@ -1068,7 +1068,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
             modelValue: $setup.filters.statuses,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.filters.statuses = $event)
           }, null, 8, ["label", "nullLabel", "options", "modelValue"]),
-          createElementVNode("div", _hoisted_5$9, [
+          createElementVNode("div", _hoisted_5$a, [
             createElementVNode("div", null, [
               createVNode(_component_BIMDataInput, {
                 margin: "0",
@@ -1271,6 +1271,9 @@ function useService() {
     deleteExtension
   };
 }
+function getAvailableExtensions(type, detailedExtensions) {
+  return detailedExtensions[EXTENSION_LIST_FIELDS[type]];
+}
 const p$3 = Object.freeze({ bisque: "ffe4c4", orange: "ffa500", coral: "ff7f50", red: "ff3d1e", maroon: "800000", khaki: "f0e68c", tan: "d2b48c", peru: "cd853f", sienna: "a0522d", brown: "a52a2a", greenyellow: "adff2f", yellowgreen: "9acd32", forestgreen: "00af50", green: "008000", darkgreen: "006400", lightcyan: "e0ffff", skyblue: "87ceeb", steelblue: "4682b4", blue: "0000ff", darkblue: "00008b", mistyrose: "ffe4e1", hotpink: "ff69b4", magenta: "ff00ff", purple: "800080", indigo: "4b0082", whitesmoke: "f5f5f5", silver: "c0c0c0", darkgray: "a9a9a9", grey: "7a7a7a", black: "000000" }), m$7 = ["bisque", "khaki", "greenyellow", "lightcyan", "mistyrose", "whitesmoke"];
 Object.entries(p$3).filter(([r]) => !m$7.includes(r));
 var f$5 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), h$4 = { props: { text: { type: String } } };
@@ -1387,7 +1390,7 @@ const _hoisted_4$9 = {
   key: 2,
   class: "setting-card-item__delete-guard"
 };
-const _hoisted_5$8 = { class: "flex items-center" };
+const _hoisted_5$9 = { class: "flex items-center" };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataInput = resolveComponent("BIMDataInput");
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
@@ -1454,7 +1457,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     $setup.isOpenDeleteGuard ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
       createElementVNode("p", null, toDisplayString(_ctx.$t("BcfComponents.SettingCard.deleteExtensionText")), 1),
-      createElementVNode("div", _hoisted_5$8, [
+      createElementVNode("div", _hoisted_5$9, [
         createVNode(_component_BIMDataButton, {
           class: "m-r-6",
           height: "28px",
@@ -1501,12 +1504,12 @@ const _sfc_main$j = {
       type: Object,
       required: true
     },
-    extensionType: {
-      type: String,
+    detailedExtensions: {
+      type: Object,
       required: true
     },
-    availableExtensions: {
-      type: Array,
+    extensionType: {
+      type: String,
       required: true
     }
   },
@@ -1516,38 +1519,42 @@ const _sfc_main$j = {
     "delete-extension"
   ],
   setup(props, { emit }) {
+    const availableExtensions = computed(() => getAvailableExtensions(props.extensionType, props.detailedExtensions));
     const input = ref(null);
     const name = ref("");
     const isOpen = ref(false);
     const close = () => isOpen.value = false;
     const toggle = () => isOpen.value = !isOpen.value;
-    const isOpenAddExtension = ref(false);
-    const closeAddExtension = () => {
+    const isOpenForm = ref(false);
+    const closeForm = () => {
       name.value = "";
-      isOpenAddExtension.value = false;
+      isOpenForm.value = false;
     };
-    const toggleAddExtension = () => {
-      isOpenAddExtension.value = !isOpenAddExtension.value;
+    const toggleForm = () => {
+      isOpenForm.value = !isOpenForm.value;
+      if (isOpenForm.value) {
+        setTimeout(() => input.value.focus(), 50);
+      }
     };
-    watch(isOpenAddExtension, () => setTimeout(() => isOpenAddExtension.value && input.value.focus(), 50));
     const addExtension = async () => {
       emit("create-extension", {
         project: props.project,
         extensionType: props.extensionType,
         data: { value: name.value }
       });
-      closeAddExtension();
+      closeForm();
     };
     return {
+      availableExtensions,
       input,
       isOpen,
-      isOpenAddExtension,
+      isOpenForm,
       name,
       addExtension,
       close,
-      closeAddExtension,
+      closeForm,
       toggle,
-      toggleAddExtension
+      toggleForm
     };
   }
 };
@@ -1558,8 +1565,8 @@ const _hoisted_4$8 = {
   key: 0,
   class: "count"
 };
-const _hoisted_5$7 = { class: "setting-card__subheader" };
-const _hoisted_6$7 = { class: "setting-card__add-form" };
+const _hoisted_5$8 = { class: "setting-card__subheader" };
+const _hoisted_6$7 = { class: "setting-card__form" };
 const _hoisted_7$7 = { class: "actions" };
 const _hoisted_8$7 = { class: "setting-card__content bimdata-list" };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1574,7 +1581,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("div", _hoisted_2$d, toDisplayString(_ctx.$t(`BcfComponents.SettingCard.title.${$props.extensionType}`)), 1),
       createElementVNode("div", _hoisted_3$9, [
-        $props.availableExtensions ? (openBlock(), createElementBlock("div", _hoisted_4$8, toDisplayString($props.availableExtensions.length), 1)) : createCommentVNode("", true),
+        $setup.availableExtensions ? (openBlock(), createElementBlock("div", _hoisted_4$8, toDisplayString($setup.availableExtensions.length), 1)) : createCommentVNode("", true),
         createVNode(_component_BIMDataIcon, {
           name: "chevron",
           size: "xxs",
@@ -1583,12 +1590,12 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     withDirectives(createElementVNode("div", null, [
-      createElementVNode("div", _hoisted_5$7, [
+      createElementVNode("div", _hoisted_5$8, [
         createTextVNode(toDisplayString(_ctx.$t(`BcfComponents.SettingCard.text.${$props.extensionType}`)) + " ", 1),
         createVNode(_component_BIMDataButton, {
           fill: "",
           radius: "",
-          onClick: $setup.toggleAddExtension
+          onClick: $setup.toggleForm
         }, {
           default: withCtx(() => [
             createVNode(_component_BIMDataIcon, {
@@ -1616,7 +1623,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(_component_BIMDataButton, {
                 ghost: "",
                 radius: "",
-                onClick: $setup.closeAddExtension
+                onClick: $setup.closeForm
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(_ctx.$t("BcfComponents.SettingCard.cancelButton")), 1)
@@ -1636,21 +1643,21 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
               }, 8, ["onClick"])
             ])
           ], 512), [
-            [vShow, $setup.isOpenAddExtension]
+            [vShow, $setup.isOpenForm]
           ])
         ]),
         _: 1
       }),
       createElementVNode("ul", _hoisted_8$7, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($props.availableExtensions, (extension) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList($setup.availableExtensions, (extension) => {
           return openBlock(), createBlock(_component_SettingCardItem, {
             key: extension.id,
             project: $props.project,
-            extension,
             extensionType: $props.extensionType,
+            extension,
             onUpdateExtension: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update-extension", $event)),
             onDeleteExtension: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("delete-extension", $event))
-          }, null, 8, ["project", "extension", "extensionType"]);
+          }, null, 8, ["project", "extensionType", "extension"]);
         }), 128))
       ])
     ], 512), [
@@ -1658,7 +1665,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var SettingCard = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-6b7af8f7"]]);
+var SettingCard = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-0bce1c62"]]);
 var BcfSettings_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$i = {
   components: {
@@ -1667,6 +1674,13 @@ const _sfc_main$i = {
     SettingCard
   },
   props: {
+    uiConfig: {
+      type: Object,
+      default: () => ({
+        backButton: false,
+        closeButton: false
+      })
+    },
     project: {
       type: Object,
       required: true
@@ -1677,10 +1691,11 @@ const _sfc_main$i = {
     }
   },
   emits: [
+    "back",
+    "close",
     "extension-created",
     "extension-updated",
-    "extension-deleted",
-    "close"
+    "extension-deleted"
   ],
   setup(props, { emit }) {
     const {
@@ -1701,7 +1716,6 @@ const _sfc_main$i = {
       emit("extension-deleted", event.extension);
     };
     return {
-      EXTENSION_LIST_FIELDS,
       EXTENSION_TYPES,
       createExt,
       updateExt,
@@ -1711,20 +1725,39 @@ const _sfc_main$i = {
 };
 const _hoisted_1$f = { class: "bcf-settings" };
 const _hoisted_2$c = { class: "bcf-settings__header" };
-const _hoisted_3$8 = { class: "bcf-settings__content" };
-const _hoisted_4$7 = { class: "bcf-settings__content__text" };
+const _hoisted_3$8 = { class: "bcf-settings__header__title" };
+const _hoisted_4$7 = { class: "bcf-settings__content" };
+const _hoisted_5$7 = { class: "bcf-settings__content__text" };
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
   const _component_BIMDataButton = resolveComponent("BIMDataButton");
   const _component_SettingCard = resolveComponent("SettingCard");
   return openBlock(), createElementBlock("div", _hoisted_1$f, [
     createElementVNode("div", _hoisted_2$c, [
-      createElementVNode("span", null, toDisplayString(_ctx.$t("BcfComponents.BcfSettings.title")), 1),
-      createVNode(_component_BIMDataButton, {
+      $props.uiConfig.backButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+        key: 0,
+        color: "granite",
         ghost: "",
         rounded: "",
         icon: "",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back"))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_BIMDataIcon, {
+            name: "arrow",
+            size: "xxs"
+          })
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      createElementVNode("span", _hoisted_3$8, toDisplayString(_ctx.$t("BcfComponents.BcfSettings.title")), 1),
+      $props.uiConfig.closeButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+        key: 1,
+        color: "granite",
+        ghost: "",
+        rounded: "",
+        icon: "",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
       }, {
         default: withCtx(() => [
           createVNode(_component_BIMDataIcon, {
@@ -1733,24 +1766,24 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]),
         _: 1
-      })
+      })) : createCommentVNode("", true)
     ]),
-    createElementVNode("div", _hoisted_3$8, [
-      createElementVNode("div", _hoisted_4$7, toDisplayString(_ctx.$t("BcfComponents.BcfSettings.text")), 1),
+    createElementVNode("div", _hoisted_4$7, [
+      createElementVNode("div", _hoisted_5$7, toDisplayString(_ctx.$t("BcfComponents.BcfSettings.text")), 1),
       (openBlock(true), createElementBlock(Fragment, null, renderList($setup.EXTENSION_TYPES, (t) => {
         return openBlock(), createBlock(_component_SettingCard, {
           project: $props.project,
+          detailedExtensions: $props.detailedExtensions,
           extensionType: t,
-          availableExtensions: $props.detailedExtensions[$setup.EXTENSION_LIST_FIELDS[t]],
           onCreateExtension: $setup.createExt,
           onUpdateExtension: $setup.updateExt,
           onDeleteExtension: $setup.deleteExt
-        }, null, 8, ["project", "extensionType", "availableExtensions", "onCreateExtension", "onUpdateExtension", "onDeleteExtension"]);
+        }, null, 8, ["project", "detailedExtensions", "extensionType", "onCreateExtension", "onUpdateExtension", "onDeleteExtension"]);
       }), 256))
     ])
   ]);
 }
-var BcfSettings = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-54aa64a7"]]);
+var BcfSettings = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-dfd18f26"]]);
 var u$3 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), m$6 = { 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$3.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() {
@@ -1921,42 +1954,38 @@ const _sfc_main$h = {
     BIMDataSimplePieChart: s$2
   },
   props: {
-    bcfTopics: {
-      type: Array,
+    detailedExtensions: {
+      type: Object,
       required: true
     },
     extensionType: {
       type: String
     },
-    availableExtensions: {
+    topics: {
       type: Array,
       required: true
     }
   },
   setup(props) {
-    const barsData = computed(() => {
-      if (props.bcfTopics.length === 0) {
+    const chartData = computed(() => {
+      if (props.topics.length === 0)
         return [];
-      }
       const extField = EXTENSION_FIELDS[props.extensionType];
-      const displayedExtensions = [...props.availableExtensions];
+      const displayedExtensions = getAvailableExtensions(props.extensionType, props.detailedExtensions);
       displayedExtensions.push({ [extField]: void 0 });
       return displayedExtensions.map((extension) => {
-        const barData = {};
-        if (extension.color !== void 0) {
-          barData.color = `#${extension.color}`;
-        } else {
-          barData.color = `#${DEFAULT_PRIORITY_COLOR}`;
-        }
-        const topicCount = props.bcfTopics.filter((topic) => topic[extField] === extension[extField]).length;
-        barData.percentage = topicCount * 100 / props.bcfTopics.length;
-        barData.label = extension[extField];
-        barData.total = topicCount;
-        return barData;
-      }).sort((a2, b2) => parseInt(a2.percentage) > parseInt(b2.percentage) ? -1 : 1);
+        var _a;
+        const topicCount = props.topics.filter((topic) => topic[extField] === extension[extField]).length;
+        return {
+          label: extension[extField],
+          color: `#${(_a = extension.color) != null ? _a : DEFAULT_PRIORITY_COLOR}`,
+          count: topicCount,
+          percentage: topicCount * 100 / props.topics.length
+        };
+      }).sort((a2, b2) => b2.percentage - a2.percentage);
     });
     return {
-      barsData
+      chartData
     };
   }
 };
@@ -1967,7 +1996,7 @@ const _hoisted_4$6 = { class: "bcf-statistics__content__legend__title" };
 const _hoisted_5$6 = { class: "bcf-statistics__content__legend__item" };
 const _hoisted_6$6 = { class: "bcf-statistics__content__legend__item__percent" };
 const _hoisted_7$6 = { class: "bcf-statistics__content__legend__item__text" };
-const _hoisted_8$6 = { class: "total" };
+const _hoisted_8$6 = { class: "count" };
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataSimplePieChart = resolveComponent("BIMDataSimplePieChart");
   const _component_BIMDataPaginatedList = resolveComponent("BIMDataPaginatedList");
@@ -1975,7 +2004,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_2$b, [
       createVNode(_component_BIMDataSimplePieChart, {
         class: "bcf-statistics__content__chart",
-        barsData: $setup.barsData,
+        barsData: $setup.chartData,
         placeholder: true,
         placeholderStrokeWidth: 10,
         graphDrawTime: 2.5
@@ -1983,23 +2012,23 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_3$7, [
         createElementVNode("div", _hoisted_4$6, toDisplayString(_ctx.$t(`BcfComponents.BcfStatistics.extension.${$props.extensionType}Title`)), 1),
         createVNode(_component_BIMDataPaginatedList, {
-          list: $setup.barsData,
+          list: $setup.chartData,
           perPage: 6,
           first: false,
           last: false,
           numberDataElements: false,
           backgroundColor: "transparent"
         }, {
-          element: withCtx(({ element: barData }) => [
+          element: withCtx(({ element: data }) => [
             createElementVNode("div", _hoisted_5$6, [
               createElementVNode("span", {
                 class: "bcf-statistics__content__legend__item__mark",
-                style: normalizeStyle({ borderColor: barData.color })
+                style: normalizeStyle({ borderColor: data.color })
               }, null, 4),
-              createElementVNode("span", _hoisted_6$6, toDisplayString(barData.percentage.toFixed(0)) + " % ", 1),
+              createElementVNode("span", _hoisted_6$6, toDisplayString(data.percentage.toFixed(0)) + " % ", 1),
               createElementVNode("span", _hoisted_7$6, [
-                createTextVNode(toDisplayString(barData.label && _ctx.$t(`BcfComponents.BcfStatistics.extension.${$props.extensionType}`)) + " " + toDisplayString(barData.label || _ctx.$t(`BcfComponents.BcfStatistics.extension.${$props.extensionType}NotDefined`)) + " ", 1),
-                createElementVNode("span", _hoisted_8$6, " (" + toDisplayString(barData.total) + ") ", 1)
+                createTextVNode(toDisplayString(data.label && _ctx.$t(`BcfComponents.BcfStatistics.extension.${$props.extensionType}`)) + " " + toDisplayString(data.label || _ctx.$t(`BcfComponents.BcfStatistics.extension.${$props.extensionType}NotDefined`)) + " ", 1),
+                createElementVNode("span", _hoisted_8$6, " (" + toDisplayString(data.count) + ") ", 1)
               ])
             ])
           ]),
@@ -2009,7 +2038,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var BcfStatistics = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-763cac12"]]);
+var BcfStatistics = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-7c6a2464"]]);
 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() {
@@ -2056,27 +2085,27 @@ const _sfc_main$f = {
     BIMDataTextbox: s$1
   },
   props: {
-    bcfTopic: {
+    detailedExtensions: {
       type: Object,
       required: true
     },
-    detailedExtensions: {
+    topic: {
       type: Object,
       required: true
     }
   },
   emits: [
-    "open-bcf-topic"
+    "open-topic"
   ],
   setup(props, { emit }) {
     const viewpointsWithSnapshot = computed(() => {
-      return props.bcfTopic.viewpoints.filter((viewpoint) => Boolean(viewpoint.snapshot));
+      return props.topic.viewpoints.filter((viewpoint) => Boolean(viewpoint.snapshot));
     });
-    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
-    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
+    const priorityColor = computed(() => getPriorityColor(props.topic, props.detailedExtensions));
+    const statusColor = computed(() => getStatusColor(props.topic, props.detailedExtensions));
     const topicObjects = computed(() => {
       var _a, _b;
-      const components2 = (_b = (_a = props.bcfTopic.viewpoints) == null ? void 0 : _a[0]) == null ? void 0 : _b.components;
+      const components2 = (_b = (_a = props.topic.viewpoints) == null ? void 0 : _a[0]) == null ? void 0 : _b.components;
       return (components2 == null ? void 0 : components2.selection) || [];
     });
     return {
@@ -2100,7 +2129,7 @@ const _hoisted_9$3 = { class: "bcf-topic-card__content p-12" };
 const _hoisted_10$3 = { class: "bcf-topic-card__content__priority" };
 const _hoisted_11$3 = { class: "flex justify-around m-t-12" };
 const _hoisted_12$2 = { class: "flex items-center" };
-const _hoisted_13$2 = {
+const _hoisted_13$3 = {
   key: 0,
   class: "m-r-6"
 };
@@ -2118,16 +2147,16 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": `#${$setup.priorityColor}`,
             color: $setup.adjustTextColor(`#${$setup.priorityColor}`, "#ffffff", "var(--color-text)")
           })
-        }, toDisplayString($props.bcfTopic.index), 5),
+        }, toDisplayString($props.topic.index), 5),
         createElementVNode("div", _hoisted_4$5, [
           createVNode(_component_BIMDataTextbox, {
             maxWidth: "100% - 48px",
-            text: $props.bcfTopic.title
+            text: $props.topic.title
           }, null, 8, ["text"])
         ])
       ]),
       createElementVNode("div", _hoisted_5$5, [
-        $props.bcfTopic.topic_status ? (openBlock(), createElementBlock("div", {
+        $props.topic.topic_status ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "bcf-topic-card__header__img__status flex p-6",
           style: normalizeStyle({
@@ -2140,9 +2169,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             fill: "",
             color: "default"
           }),
-          createElementVNode("span", _hoisted_6$5, toDisplayString($props.bcfTopic.topic_status), 1)
+          createElementVNode("span", _hoisted_6$5, toDisplayString($props.topic.topic_status), 1)
         ], 4)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_7$5, toDisplayString(_ctx.$d($props.bcfTopic.creation_date, "short")), 1),
+        createElementVNode("div", _hoisted_7$5, toDisplayString(_ctx.$d($props.topic.creation_date, "short")), 1),
         $setup.viewpointsWithSnapshot.length > 0 ? (openBlock(), createElementBlock("img", {
           key: 1,
           src: $setup.viewpointsWithSnapshot[0].snapshot.snapshot_data,
@@ -2159,11 +2188,11 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("strong", null, toDisplayString(_ctx.$t("BcfComponents.BcfTopicCard.priority")), 1),
         createElementVNode("span", {
           style: normalizeStyle({ color: `#${$setup.priorityColor}` })
-        }, toDisplayString($props.bcfTopic.priority || _ctx.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
+        }, toDisplayString($props.topic.priority || _ctx.$t("BcfComponents.BcfTopicCard.noPriority")), 5)
       ]),
       createElementVNode("div", null, [
         createElementVNode("strong", null, toDisplayString(_ctx.$t("BcfComponents.BcfTopicCard.assignedTo")), 1),
-        createElementVNode("span", null, toDisplayString($props.bcfTopic.assigned_to || _ctx.$t("BcfComponents.BcfTopicCard.notSpecified")), 1)
+        createElementVNode("span", null, toDisplayString($props.topic.assigned_to || _ctx.$t("BcfComponents.BcfTopicCard.notSpecified")), 1)
       ]),
       createElementVNode("div", _hoisted_11$3, [
         createElementVNode("div", _hoisted_12$2, [
@@ -2174,7 +2203,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
             size: "xs",
             margin: "0 6px 0 0"
           }),
-          $setup.topicObjects.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_13$2, toDisplayString($setup.topicObjects.length), 1)) : createCommentVNode("", true),
+          $setup.topicObjects.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_13$3, toDisplayString($setup.topicObjects.length), 1)) : createCommentVNode("", true),
           createElementVNode("span", null, toDisplayString($setup.topicObjects.length > 0 ? _ctx.$t("BcfComponents.BcfTopicCard.elements") : _ctx.$t("BcfComponents.BcfTopicCard.noElements")), 1)
         ]),
         createVNode(_component_BIMDataButton, {
@@ -2182,7 +2211,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
           color: "primary",
           fill: "",
           radius: "",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-bcf-topic", $props.bcfTopic))
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-topic", $props.topic))
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicCard.see")), 1)
@@ -2193,7 +2222,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-4d6c5487"]]);
+var BcfTopicCard = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-87360a50"]]);
 const _sfc_main$e = {};
 const _hoisted_1$b = {
   width: "66",
@@ -2203,11 +2232,11 @@ const _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const _hoisted_2$8 = /* @__PURE__ */ createStaticVNode('<path opacity="0.21" d="M14.4999 59.2445C22.2871 59.2445 28.5999 58.9311 28.5999 58.5445C28.5999 58.1579 22.2871 57.8445 14.4999 57.8445C6.71269 57.8445 0.399902 58.1579 0.399902 58.5445C0.399902 58.9311 6.71269 59.2445 14.4999 59.2445Z" class="fill-granite-light"></path><path d="M46.84 26.5444C45.0533 26.5444 43.5645 28.0444 43.5645 29.8444C43.5645 31.6444 45.0533 33.1444 46.84 33.1444C48.6267 33.1444 50.1156 31.6444 50.1156 29.8444C50.1156 28.0444 48.6267 26.5444 46.84 26.5444ZM48.4282 29.8444C48.4282 30.7444 47.7333 31.4444 46.84 31.4444C45.9467 31.4444 45.2519 30.7444 45.2519 29.8444C45.2519 28.9444 45.9467 28.2444 46.84 28.2444C47.7333 28.2444 48.4282 29.0444 48.4282 29.8444Z" class="fill-silver-dark"></path><path d="M54.8797 27.6444C52.9938 27.6444 51.5049 29.1444 51.5049 31.0444C51.5049 32.9444 52.9938 34.4444 54.8797 34.4444C56.7656 34.4444 58.2545 32.9444 58.2545 31.0444C58.1553 29.1444 56.6664 27.6444 54.8797 27.6444ZM56.4678 31.0444C56.4678 31.9444 55.773 32.6444 54.8797 32.6444C53.9864 32.6444 53.2916 31.9444 53.2916 31.0444C53.2916 30.1444 53.9864 29.4444 54.8797 29.4444C55.773 29.4444 56.4678 30.1444 56.4678 31.0444Z" class="fill-silver-dark"></path><path d="M52.1005 11.1444C44.7554 11.1444 38.7998 17.1444 38.7998 24.5444V50.9444C38.7998 53.0444 40.4872 54.8444 42.6709 54.8444C42.9687 54.8444 43.2665 54.8444 43.5642 54.7444C43.6635 56.8444 45.3509 58.5444 47.4354 58.5444C49.5198 58.5444 51.3065 56.8444 51.3065 54.6444V52.7444C51.6042 52.8444 51.902 52.8444 52.1998 52.8444H52.3983C52.6961 52.8444 52.9939 52.8444 53.2917 52.7444C53.4902 54.7444 55.0783 56.2444 57.0635 56.2444C57.3613 56.2444 57.6591 56.2444 57.9568 56.1444C58.3539 57.9444 59.8428 59.2444 61.7287 59.2444C63.8131 59.2444 65.5998 57.5444 65.5998 55.3444V24.5444C65.4013 17.1444 59.4457 11.1444 52.1005 11.1444ZM57.7583 47.8444V52.4444C57.7583 52.9444 57.3613 53.3444 56.865 53.3444C56.3687 53.3444 55.9717 52.9444 55.9717 52.4444V47.1444H52.9939V49.0444C52.9939 49.5444 52.5968 49.9444 52.1005 49.9444H51.902C51.4057 49.9444 51.0087 49.5444 51.0087 49.0444V42.0444H48.0309V54.6444C48.0309 55.1444 47.6339 55.5444 47.1376 55.5444C46.6413 55.5444 46.2442 55.1444 46.2442 54.6444V48.5444H43.2665V51.0444C43.2665 51.5444 42.8694 51.9444 42.3731 51.9444C41.8768 51.9444 41.4798 51.5444 41.4798 51.0444V24.5444C41.4798 18.8444 46.145 14.1444 51.8028 14.1444C57.4605 14.1444 62.1257 18.8444 62.1257 24.5444V55.3444C62.1257 55.8444 61.7287 56.2444 61.2324 56.2444C60.7361 56.2444 60.3391 55.8444 60.3391 55.3444V47.8444H57.7583Z" class="fill-silver-dark"></path><path d="M29.8001 6.84446C31.5674 6.84446 33.0001 5.41177 33.0001 3.64446C33.0001 1.87715 31.5674 0.444458 29.8001 0.444458C28.0328 0.444458 26.6001 1.87715 26.6001 3.64446C26.6001 5.41177 28.0328 6.84446 29.8001 6.84446Z" class="fill-silver-dark"></path><path d="M23.8997 15.9444C25.1147 15.9444 26.0997 14.9595 26.0997 13.7444C26.0997 12.5294 25.1147 11.5444 23.8997 11.5444C22.6847 11.5444 21.6997 12.5294 21.6997 13.7444C21.6997 14.9595 22.6847 15.9444 23.8997 15.9444Z" class="fill-secondary"></path><path d="M28.8999 22.0444C29.7283 22.0444 30.3999 21.3729 30.3999 20.5444C30.3999 19.716 29.7283 19.0444 28.8999 19.0444C28.0715 19.0444 27.3999 19.716 27.3999 20.5444C27.3999 21.3729 28.0715 22.0444 28.8999 22.0444Z" class="fill-silver-dark"></path><path d="M13.9995 33.5444C15.2995 34.1444 16.4995 34.8444 17.5995 35.7444C19.1995 37.1444 20.4995 38.7444 21.3995 40.6444C21.6995 41.2444 21.8995 41.8444 22.0995 42.4444C22.5995 43.9444 22.2995 45.2444 21.1995 46.3444C18.8995 48.6444 16.1995 49.3444 13.0995 48.5444C12.8995 48.5444 12.6995 48.5444 12.5995 48.5444C11.3995 48.7444 10.0995 48.8444 8.89951 48.6444C8.59951 48.6444 8.39951 48.5444 7.99951 48.5444C8.29951 49.0444 8.59951 49.4444 8.89951 49.9444C9.79951 51.2444 11.0995 52.2444 12.4995 52.8444C14.3995 53.6444 16.2995 53.8444 18.2995 53.4444C20.0995 53.0444 21.6995 52.1444 22.9995 50.7444C24.3995 49.2444 25.2995 47.4444 25.4995 45.3444C25.5995 44.0444 25.5995 42.6444 25.0995 41.4444C24.6995 40.4444 24.0995 39.5444 23.3995 38.7444C22.0995 37.0444 20.5995 35.5444 19.0995 34.0444C18.4995 33.4444 17.8995 32.9444 17.2995 32.4444C17.1995 32.3444 17.0995 32.3444 16.9995 32.3444C15.6995 32.1444 14.7995 32.3444 13.9995 33.5444Z" class="fill-silver-dark"></path><path d="M11.4997 29.6444C10.3997 29.5444 9.49967 29.6444 8.59967 29.9444C7.39967 30.2444 6.19967 30.8444 5.19967 31.6444C4.19967 32.4444 3.39967 33.3444 2.79967 34.5444C1.99967 36.0444 1.59967 37.6444 1.69967 39.3444C1.79967 41.0444 2.29967 42.7444 3.29967 44.1444C4.19967 45.4444 5.29967 46.4444 6.59967 47.1444C7.59967 47.6444 8.49967 48.0444 9.59967 48.0444C11.3997 48.0444 13.1997 47.8444 14.8997 47.3444C16.1997 47.0444 17.5997 46.6444 18.8997 46.2444C19.4997 46.0444 20.1997 45.9444 20.7997 45.5444C21.1997 45.3444 21.3997 44.8444 21.5997 44.3444C21.7997 43.6444 21.7997 42.9444 21.3997 42.2444C21.0997 42.4444 20.7997 42.6444 20.4997 42.8444C19.1997 43.6444 17.7997 44.2444 16.2997 44.6444C14.2997 45.1444 12.1997 45.1444 10.1997 44.8444C8.89967 44.6444 7.79967 44.0444 7.09967 42.7444C6.69967 41.8444 6.49967 40.9444 6.49967 39.9444C6.39967 37.5444 7.29967 35.5444 8.99967 33.8444C8.99967 33.8444 9.19967 33.5444 9.29967 33.2444C9.79967 31.9444 10.3997 30.7444 11.4997 29.6444Z" class="fill-silver-dark"></path><path d="M9.89953 44.2445C9.89953 44.0445 9.89953 43.8445 9.89953 43.7445C9.69953 41.5445 9.99953 39.4445 10.7995 37.4445C11.4995 35.5445 12.5995 33.9445 13.9995 32.5445C14.8995 31.6445 15.9995 31.4445 17.1995 31.6445C19.7995 32.2445 21.7995 33.6445 22.8995 36.1445C23.0995 36.6445 23.1995 37.2445 23.4995 37.7445C23.5995 38.0445 23.8995 38.3445 24.0995 38.6445C24.7995 39.6445 25.4995 40.7445 25.8995 41.9445C25.8995 41.9445 25.8995 42.0445 25.9995 42.1445C26.2995 41.4445 26.6995 40.7445 26.9995 40.1445C27.4995 38.9445 27.5995 37.6445 27.4995 36.3445C27.2995 34.1445 26.4995 32.1445 24.8995 30.5445C23.7995 29.3445 22.3995 28.5445 20.7995 28.1445C19.0995 27.6445 17.2995 27.6445 15.5995 28.2445C13.9995 28.7445 12.5995 29.5445 11.4995 30.9445C11.0995 31.4445 10.6995 32.0445 10.3995 32.7445C9.79953 34.0445 9.29953 35.4445 8.89953 36.7445C8.39953 38.5445 7.99953 40.4445 7.59953 42.2445C7.49953 42.8445 7.89953 43.2445 8.29953 43.6445C8.59953 43.9445 9.19953 44.1445 9.89953 44.2445Z" class="fill-silver-dark"></path><path d="M37.3997 7.04441C38.3386 7.04441 39.0997 6.28329 39.0997 5.34441C39.0997 4.40553 38.3386 3.64441 37.3997 3.64441C36.4608 3.64441 35.6997 4.40553 35.6997 5.34441C35.6997 6.28329 36.4608 7.04441 37.3997 7.04441Z" class="fill-secondary"></path>', 11);
-const _hoisted_13$1 = [
+const _hoisted_13$2 = [
   _hoisted_2$8
 ];
 function _sfc_render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_13$1);
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_13$2);
 }
 var BcfTopicCreationCardImage = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
 var BcfTopicCreationCard_scss_vue_type_style_index_0_src_scoped_true_lang = "";
@@ -2217,7 +2246,7 @@ const _sfc_main$d = {
     BIMDataButton: l,
     BIMDataIcon: gt$2
   },
-  emits: ["create-bcf-topic"]
+  emits: ["create-topic"]
 };
 const _hoisted_1$a = { class: "bcf-topic-creation-card" };
 const _hoisted_2$7 = { class: "bcf-topic-creation-card__text" };
@@ -2235,7 +2264,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       fill: "",
       radius: "",
       icon: "",
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("create-bcf-topic"))
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("create-topic"))
     }, {
       default: withCtx(() => [
         createVNode(_component_BIMDataIcon, {
@@ -2249,7 +2278,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-var BcfTopicCreationCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-02f52cb0"]]);
+var BcfTopicCreationCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-39056820"]]);
 var x$3 = { props: { component: { type: String, default: "p" }, display: { type: String, default: "inline-block" }, fontSize: { type: String }, fontWeight: { type: String }, lineHeight: { type: String }, margin: { type: String, default: "0px" }, padding: { type: String, default: "0px" }, color: { type: String, default: "color-granite-light", validator: (n) => ["color-primary", "color-secondary", "color-silver", "color-silver-light", "color-silver-dark", "color-granite-light", "color-granite", "color-white", "color-black", "color-high", "color-warning", "color-success"].includes(n) } }, computed: { classes() {
   return "" + this.color;
 }, style() {
@@ -2801,7 +2830,7 @@ const _sfc_main$c = {
     "delete-viewpoint"
   ],
   setup(_2, { emit }) {
-    const addImage = (event) => {
+    const createViewpoints = (event) => {
       [...event.target.files].forEach((file) => {
         const reader = new FileReader();
         reader.addEventListener("load", () => {
@@ -2820,7 +2849,7 @@ const _sfc_main$c = {
       emit("delete-viewpoint", viewpoint);
     };
     return {
-      addImage,
+      createViewpoints,
       deleteViewpoint: deleteViewpoint2
     };
   }
@@ -2895,7 +2924,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             type: "file",
             multiple: "",
             accept: "image/png, image/jpeg",
-            onChange: _cache[0] || (_cache[0] = (...args) => $setup.addImage && $setup.addImage(...args))
+            onChange: _cache[0] || (_cache[0] = (...args) => $setup.createViewpoints && $setup.createViewpoints(...args))
           }, null, 40, _hoisted_5$4)
         ]),
         _: 1
@@ -2921,7 +2950,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             type: "file",
             multiple: "",
             accept: "image/png, image/jpeg",
-            onChange: _cache[1] || (_cache[1] = (...args) => $setup.addImage && $setup.addImage(...args))
+            onChange: _cache[1] || (_cache[1] = (...args) => $setup.createViewpoints && $setup.createViewpoints(...args))
           }, null, 32)
         ]),
         _: 1
@@ -2929,7 +2958,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-f9b6ed42"]]);
+var BcfTopicImages = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-16bc201a"]]);
 var BcfTopicSnapshots_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$b = {
   components: {
@@ -2947,17 +2976,16 @@ const _sfc_main$b = {
     "delete-viewpoint"
   ],
   setup(_2, { emit }) {
-    const getViewers = inject("getViewers", () => {
-    });
+    const getViewers = inject("getViewers", () => ({}));
     const createViewpoints = async () => {
       Object.entries(getViewers()).forEach(([id, viewers]) => {
-        const [type, config2] = Object.entries(VIEWPOINT_CONFIG).find(([, c2]) => c2.plugin === id);
+        const [type, config2] = Object.entries(VIEWPOINT_CONFIG$1).find(([, c2]) => c2.plugin === id);
         viewers.forEach(async (viewer) => {
           const viewpoint = await viewer.getViewpoint();
           const { order } = config2 != null ? config2 : {};
           viewpoint.order = order;
-          viewpoint[VIEWPOINT_TYPE_FIELD] = type;
-          viewpoint[VIEWPOINT_MODELS_FIELD] = viewer.getLoadedModels().map((m2) => m2.id).join(",");
+          viewpoint[VIEWPOINT_TYPE_FIELD$1] = type;
+          viewpoint[VIEWPOINT_MODELS_FIELD$1] = viewer.getLoadedModels().map((m2) => m2.id).join(",");
           emit("add-viewpoint", viewpoint);
         });
       });
@@ -3022,7 +3050,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-aca32dc4"]]);
+var BcfTopicSnapshots = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-0623c701"]]);
 var BcfTopicForm_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$a = {
   components: {
@@ -3039,15 +3067,19 @@ const _sfc_main$a = {
     BIMDataTooltip: g$1
   },
   props: {
-    viewerMode: {
-      type: Boolean,
-      default: false
+    uiConfig: {
+      type: Object,
+      default: () => ({
+        viewerMode: false,
+        backButton: false,
+        closeButton: false
+      })
     },
-    objectsEditMode: {
+    objectsEditEnabled: {
       type: Boolean,
       default: false
     },
-    annotationsEditMode: {
+    annotationsEditEnabled: {
       type: Boolean,
       default: false
     },
@@ -3059,31 +3091,32 @@ const _sfc_main$a = {
       type: Object,
       reuiqred: true
     },
-    bcfTopics: {
+    topics: {
       type: Array,
       required: true
     },
-    bcfTopic: {
+    topic: {
       type: Object
     },
-    bcfTopicModels: {
+    topicModels: {
       type: Array,
       default: () => []
     },
-    bcfTopicObjects: {
+    topicObjects: {
       type: Object
     },
-    bcfTopicAnnotations: {
+    topicAnnotations: {
       type: Array
     }
   },
   emits: [
-    "bcf-topic-created",
-    "bcf-topic-updated",
+    "back",
     "close",
-    "edit-annotations",
-    "edit-objects",
+    "edit-topic-annotations",
+    "edit-topic-objects",
+    "topic-created",
     "topic-create-error",
+    "topic-updated",
     "topic-update-error"
   ],
   setup(props, { emit }) {
@@ -3093,8 +3126,8 @@ const _sfc_main$a = {
       createViewpoint: createViewpoint2,
       deleteViewpoint: deleteViewpoint2
     } = useService();
-    const isCreation = computed(() => !props.bcfTopic);
-    const nextIndex = computed(() => Math.max(0, ...props.bcfTopics.map((t) => t.index)) + 1);
+    const isCreation = computed(() => !props.topic);
+    const nextIndex = computed(() => Math.max(0, ...props.topics.map((t) => t.index)) + 1);
     const topicTitle = ref("");
     const topicType = ref(null);
     const topicPriority = ref(null);
@@ -3113,7 +3146,7 @@ const _sfc_main$a = {
     const isOpenModal = ref(false);
     const hasErrorTitle = ref(false);
     const hasErrorDate = ref(false);
-    watch(() => props.bcfTopic, (topic) => {
+    watch(() => props.topic, (topic) => {
       if (!isCreation.value) {
         topicTitle.value = topic.title || "";
         topicType.value = topic.topic_type || null;
@@ -3163,7 +3196,7 @@ const _sfc_main$a = {
         hasErrorTitle.value = true;
         return;
       }
-      if (!validate(topicDueDate.value) && topicDueDate.value !== deserialize$1(props.bcfTopic.due_date)) {
+      if (topicDueDate.value !== deserialize$1(props.topic.due_date) && !validateDueDate(topicDueDate.value)) {
         hasErrorDate.value = true;
         return;
       }
@@ -3176,13 +3209,13 @@ const _sfc_main$a = {
             return ((_a2 = v1.order) != null ? _a2 : Infinity) - ((_b2 = v2.order) != null ? _b2 : Infinity);
           });
         }
-        if (props.bcfTopicObjects) {
+        if (props.topicObjects) {
           if (viewpointsToUpdate.value.length > 0 || viewpointsToCreate.value.length > 0) {
             [
               ...viewpointsToUpdate.value,
               ...viewpointsToCreate.value
             ].forEach((viewpoint) => {
-              Object.assign(viewpoint, props.bcfTopicObjects);
+              Object.assign(viewpoint, props.topicObjects);
               if (!viewpoint.components) {
                 viewpoint.components = {};
               }
@@ -3203,19 +3236,19 @@ const _sfc_main$a = {
             });
           } else {
             viewpointsToCreate.value.push({
-              components: props.bcfTopicObjects
+              components: props.topicObjects
             });
           }
         }
-        if (props.bcfTopicAnnotations) {
+        if (props.topicAnnotations) {
           [
             ...viewpointsToUpdate.value,
             ...viewpointsToCreate.value
-          ].forEach((viewpoint) => viewpoint.pins = props.bcfTopicAnnotations);
+          ].forEach((viewpoint) => viewpoint.pins = props.topicAnnotations);
         }
         const data = {
-          guid: (_a = props.bcfTopic) == null ? void 0 : _a.guid,
-          models: ((_b = props.bcfTopic) == null ? void 0 : _b.models) || props.models,
+          guid: (_a = props.topic) == null ? void 0 : _a.guid,
+          models: ((_b = props.topic) == null ? void 0 : _b.models) || props.topicModels,
           title: topicTitle.value,
           topic_type: topicType.value,
           priority: topicPriority.value,
@@ -3236,13 +3269,13 @@ const _sfc_main$a = {
         await Promise.all(viewpointsToCreate.value.map((viewpoint) => createViewpoint2(props.project, newTopic, viewpoint)));
         await Promise.all(viewpointsToDelete.value.map((viewpoint) => deleteViewpoint2(props.project, newTopic, viewpoint)));
         if (isCreation.value) {
-          emit("bcf-topic-created", newTopic);
+          emit("topic-created", newTopic);
           reset();
         } else {
-          emit("bcf-topic-updated", newTopic);
+          emit("topic-updated", newTopic);
         }
       } catch (error) {
-        emit(isCreation.value ? "topic-create-error" : "topic-update-error");
+        emit(isCreation.value ? "topic-create-error" : "topic-update-error", error);
       } finally {
         loading.value = false;
       }
@@ -3271,30 +3304,33 @@ const _sfc_main$a = {
   }
 };
 const _hoisted_1$7 = { class: "bcf-topic-form" };
-const _hoisted_2$4 = { class: "bcf-topic-form__content" };
-const _hoisted_3$3 = { class: "bcf-topic-form__content__head" };
-const _hoisted_4$3 = { class: "bcf-topic-form__content__head__index" };
-const _hoisted_5$3 = { class: "bcf-topic-form__content__head__date" };
-const _hoisted_6$3 = { class: "bcf-topic-form__content__actions" };
-const _hoisted_7$3 = {
+const _hoisted_2$4 = { class: "bcf-topic-form__header" };
+const _hoisted_3$3 = { class: "bcf-topic-form__header__title" };
+const _hoisted_4$3 = { class: "bcf-topic-form__content" };
+const _hoisted_5$3 = { class: "bcf-topic-form__content__head" };
+const _hoisted_6$3 = { class: "bcf-topic-form__content__head__index" };
+const _hoisted_7$3 = { class: "bcf-topic-form__content__head__date" };
+const _hoisted_8$3 = { class: "bcf-topic-form__content__actions" };
+const _hoisted_9$2 = {
   key: 0,
   class: "count-objects"
 };
-const _hoisted_8$3 = {
+const _hoisted_10$2 = {
   key: 0,
   class: "count-annotations"
 };
-const _hoisted_9$2 = { class: "bcf-topic-form__content__body" };
-const _hoisted_10$2 = { class: "m-b-30" };
-const _hoisted_11$2 = { class: "bcf-topic-form__footer" };
-const _hoisted_12$1 = {
+const _hoisted_11$2 = { class: "bcf-topic-form__content__body" };
+const _hoisted_12$1 = { class: "m-b-30" };
+const _hoisted_13$1 = { class: "bcf-topic-form__footer" };
+const _hoisted_14$1 = {
   key: 0,
   class: "bcf-topic-form__loader"
 };
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_BcfTopicSnapshots = resolveComponent("BcfTopicSnapshots");
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
   const _component_BIMDataButton = resolveComponent("BIMDataButton");
+  const _component_BIMDataTextbox = resolveComponent("BIMDataTextbox");
+  const _component_BcfTopicSnapshots = resolveComponent("BcfTopicSnapshots");
   const _component_BIMDataTooltip = resolveComponent("BIMDataTooltip");
   const _component_BcfTopicImages = resolveComponent("BcfTopicImages");
   const _component_BIMDataInput = resolveComponent("BIMDataInput");
@@ -3304,22 +3340,67 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataSafeZoneModal = resolveComponent("BIMDataSafeZoneModal");
   return openBlock(), createElementBlock("div", _hoisted_1$7, [
     createElementVNode("div", _hoisted_2$4, [
+      $props.uiConfig.backButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+        key: 0,
+        ghost: "",
+        rounded: "",
+        icon: "",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back"))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_BIMDataIcon, {
+            name: "arrow",
+            size: "xxs",
+            fill: "",
+            color: "granite-light"
+          })
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_3$3, [
-        createElementVNode("div", _hoisted_4$3, toDisplayString($setup.isCreation ? $setup.nextIndex : $props.bcfTopic.index), 1),
-        createElementVNode("div", _hoisted_5$3, toDisplayString(_ctx.$d($setup.isCreation ? new Date() : $props.bcfTopic.creation_date, "short")), 1)
+        $setup.isCreation ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.createTitle")), 1)
+        ], 64)) : (openBlock(), createBlock(_component_BIMDataTextbox, {
+          key: 1,
+          maxWidth: "250px",
+          text: $props.topic.title
+        }, null, 8, ["text"]))
+      ]),
+      $props.uiConfig.closeButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+        key: 1,
+        ghost: "",
+        rounded: "",
+        icon: "",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_BIMDataIcon, {
+            name: "close",
+            size: "xxs",
+            fill: "",
+            color: "granite-light"
+          })
+        ]),
+        _: 1
+      })) : createCommentVNode("", true)
+    ]),
+    createElementVNode("div", _hoisted_4$3, [
+      createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_6$3, toDisplayString($setup.isCreation ? $setup.nextIndex : $props.topic.index), 1),
+        createElementVNode("div", _hoisted_7$3, toDisplayString(_ctx.$d($setup.isCreation ? new Date() : $props.topic.creation_date, "short")), 1)
       ]),
-      $props.viewerMode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      $props.uiConfig.viewerMode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createVNode(_component_BcfTopicSnapshots, {
           viewpoints: $setup.viewpointsToDisplay,
           onAddViewpoint: $setup.addViewpoint,
           onDeleteViewpoint: $setup.delViewpoint
         }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"]),
-        createElementVNode("div", _hoisted_6$3, [
+        createElementVNode("div", _hoisted_8$3, [
           createVNode(_component_BIMDataButton, {
             fill: "",
             radius: "",
-            disabled: !$props.objectsEditMode,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("edit-objects", $props.bcfTopic))
+            disabled: !$props.objectsEditEnabled,
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("edit-topic-objects", $props.topic))
           }, {
             default: withCtx(() => [
               createVNode(_component_BIMDataIcon, {
@@ -3328,7 +3409,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                 margin: "0 6px 0 0"
               }),
               createElementVNode("span", null, toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addObjectButton")), 1),
-              $props.bcfTopicObjects ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString($props.bcfTopicObjects.selection.length), 1)) : createCommentVNode("", true)
+              $props.topicObjects ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString($props.topicObjects.selection.length), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -3343,8 +3424,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                 color: "primary",
                 fill: "",
                 radius: "",
-                disabled: !$props.annotationsEditMode || $setup.viewpointsToDisplay.length === 0,
-                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("edit-annotations", $props.bcfTopic))
+                disabled: !$props.annotationsEditEnabled || $setup.viewpointsToDisplay.length === 0,
+                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("edit-topic-annotations", $props.topic))
               }, {
                 default: withCtx(() => [
                   createVNode(_component_BIMDataIcon, {
@@ -3353,7 +3434,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
                     margin: "0 6px 0 0"
                   }),
                   createElementVNode("span", null, toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.addAnnotationButton")), 1),
-                  $props.bcfTopicAnnotations ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString($props.bcfTopicAnnotations.length), 1)) : createCommentVNode("", true)
+                  $props.topicAnnotations ? (openBlock(), createElementBlock("span", _hoisted_10$2, toDisplayString($props.topicAnnotations.length), 1)) : createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3367,13 +3448,13 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         onAddViewpoint: $setup.addViewpoint,
         onDeleteViewpoint: $setup.delViewpoint
       }, null, 8, ["viewpoints", "onAddViewpoint", "onDeleteViewpoint"])),
-      createElementVNode("div", _hoisted_9$2, [
+      createElementVNode("div", _hoisted_11$2, [
         createVNode(_component_BIMDataInput, {
           placeholder: _ctx.$t("BcfComponents.BcfTopicForm.titlePlaceholder"),
           error: $setup.hasErrorTitle,
           errorMessage: _ctx.$t("BcfComponents.BcfTopicForm.titleErrorMessage"),
           modelValue: $setup.topicTitle,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.topicTitle = $event),
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.topicTitle = $event),
           onKeyup: withKeys(withModifiers($setup.submit, ["stop"]), ["enter"])
         }, null, 8, ["placeholder", "error", "errorMessage", "modelValue", "onKeyup"]),
         createVNode(_component_BIMDataSelect, {
@@ -3381,44 +3462,44 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           label: _ctx.$t("BcfComponents.BcfTopicForm.typeLabel"),
           options: $props.extensions.topic_type,
           modelValue: $setup.topicType,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.topicType = $event)
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $setup.topicType = $event)
         }, null, 8, ["label", "options", "modelValue"]),
         createVNode(_component_BIMDataSelect, {
           width: "100%",
           label: _ctx.$t("BcfComponents.BcfTopicForm.priorityLabel"),
           options: $props.extensions.priority,
           modelValue: $setup.topicPriority,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.topicPriority = $event)
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $setup.topicPriority = $event)
         }, null, 8, ["label", "options", "modelValue"]),
         createVNode(_component_BIMDataSelect, {
           width: "100%",
           label: _ctx.$t("BcfComponents.BcfTopicForm.statusLabel"),
           options: $props.extensions.topic_status,
           modelValue: $setup.topicStatus,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $setup.topicStatus = $event)
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $setup.topicStatus = $event)
         }, null, 8, ["label", "options", "modelValue"]),
         createVNode(_component_BIMDataSelect, {
           width: "100%",
           label: _ctx.$t("BcfComponents.BcfTopicForm.stageLabel"),
           options: $props.extensions.stage,
           modelValue: $setup.topicStage,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $setup.topicStage = $event)
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $setup.topicStage = $event)
         }, null, 8, ["label", "options", "modelValue"]),
         createVNode(_component_BIMDataSelect, {
           width: "100%",
           label: _ctx.$t("BcfComponents.BcfTopicForm.assignedToLabel"),
           options: $props.extensions.user_id_type,
           modelValue: $setup.topicAssignedTo,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $setup.topicAssignedTo = $event)
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $setup.topicAssignedTo = $event)
         }, null, 8, ["label", "options", "modelValue"]),
-        createElementVNode("div", _hoisted_10$2, [
+        createElementVNode("div", _hoisted_12$1, [
           createVNode(_component_BIMDataInput, {
             margin: "0",
             placeholder: _ctx.$t("BcfComponents.BcfTopicForm.dueDateLabel"),
             error: $setup.hasErrorDate,
             errorMessage: _ctx.$t("BcfComponents.BcfTopicForm.dateErrorMessage"),
             modelValue: $setup.topicDueDate,
-            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $setup.topicDueDate = $event)
+            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $setup.topicDueDate = $event)
           }, null, 8, ["placeholder", "error", "errorMessage", "modelValue"])
         ]),
         createVNode(_component_BIMDataTextarea, {
@@ -3426,7 +3507,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           name: "description",
           label: _ctx.$t("BcfComponents.BcfTopicForm.descriptionLabel"),
           modelValue: $setup.topicDescription,
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $setup.topicDescription = $event),
+          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $setup.topicDescription = $event),
           fitContent: ""
         }, null, 8, ["label", "modelValue"]),
         createVNode(_component_BIMDataSelect, {
@@ -3435,11 +3516,11 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           label: _ctx.$t("BcfComponents.BcfTopicForm.labelsLabel"),
           options: $props.extensions.topic_label,
           modelValue: $setup.topicLabels,
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $setup.topicLabels = $event)
+          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $setup.topicLabels = $event)
         }, null, 8, ["label", "options", "modelValue"])
       ])
     ]),
-    createElementVNode("div", _hoisted_11$2, [
+    createElementVNode("div", _hoisted_13$1, [
       createVNode(_component_BIMDataButton, {
         disabled: !$setup.topicTitle,
         width: "100%",
@@ -3454,12 +3535,12 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["disabled", "onClick"])
     ]),
-    $setup.loading ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+    $setup.loading ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
       createVNode(_component_BIMDataLoading)
     ])) : createCommentVNode("", true),
     $setup.isOpenModal ? (openBlock(), createBlock(_component_BIMDataSafeZoneModal, { key: 1 }, {
       text: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.modalText", { name: $props.bcfTopic.title })), 1)
+        createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.modalText", { name: $props.topic.title })), 1)
       ]),
       actions: withCtx(() => [
         createVNode(_component_BIMDataButton, {
@@ -3467,7 +3548,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           color: "high",
           fill: "",
           radius: "",
-          onClick: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("close"))
+          onClick: _cache[13] || (_cache[13] = ($event) => _ctx.$emit("close"))
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.cancelButton")), 1)
@@ -3478,7 +3559,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: _cache[12] || (_cache[12] = ($event) => $setup.isOpenModal = false)
+          onClick: _cache[14] || (_cache[14] = ($event) => $setup.isOpenModal = false)
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicForm.continueButton")), 1)
@@ -3490,7 +3571,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true)
   ]);
 }
-var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-8ba2f600"]]);
+var BcfTopicForm = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-5f5aca36"]]);
 var UserAvatar_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$9 = {
   props: {
@@ -3542,7 +3623,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ], 6);
 }
-var UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-e5e255f0"]]);
+var UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-42c97e31"]]);
 var TopicComment_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$8 = {
   components: {
@@ -3558,7 +3639,7 @@ const _sfc_main$8 = {
       type: Object,
       required: true
     },
-    bcfTopic: {
+    topic: {
       type: Object,
       required: true
     },
@@ -3588,15 +3669,15 @@ const _sfc_main$8 = {
       text.value = props.comment.comment;
     };
     const submitUpdate = async () => {
-      if (props.comment.comment !== text.value) {
-        try {
+      try {
+        if (props.comment.comment !== text.value) {
           loading.value = true;
-          const newComment = await updateComment2(props.project, props.bcfTopic, props.comment, { comment: text.value });
+          const newComment = await updateComment2(props.project, props.topic, props.comment, { comment: text.value });
           emit("comment-updated", newComment);
-          isEditing.value = false;
-        } finally {
-          loading.value = false;
         }
+        isEditing.value = false;
+      } finally {
+        loading.value = false;
       }
     };
     const isDeleting = ref(false);
@@ -3607,7 +3688,7 @@ const _sfc_main$8 = {
     const submitDelete = async () => {
       try {
         loading.value = true;
-        await deleteComment2(props.project, props.bcfTopic, props.comment);
+        await deleteComment2(props.project, props.topic, props.comment);
         emit("comment-deleted", props.comment);
         isDeleting.value = false;
       } finally {
@@ -3615,11 +3696,11 @@ const _sfc_main$8 = {
       }
     };
     return {
-      text,
       isDeleting,
       isEditing,
       loading,
       showMenu,
+      text,
       cancelUpdate,
       closeMenu,
       onOpenDelete,
@@ -3630,7 +3711,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const _withScopeId$1 = (n) => (pushScopeId("data-v-7631a934"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-85242c76"), n = n(), popScopeId(), n);
 const _hoisted_1$5 = { class: "topic-comment" };
 const _hoisted_2$3 = { class: "topic-comment__header flex items-center justify-between" };
 const _hoisted_3$2 = { class: "topic-comment__header__left flex items-center" };
@@ -3638,7 +3719,7 @@ const _hoisted_4$2 = {
   key: 1,
   class: "topic-comment__header__left__user flex items-center justify-center m-r-12"
 };
-const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "color-granite m-x-6" }, " \u2022 ", -1));
+const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "color-granite m-x-6" }, " \u2022 ", -1));
 const _hoisted_6$2 = { class: "color-granite" };
 const _hoisted_7$2 = { class: "topic-comment__header__right" };
 const _hoisted_8$2 = { class: "topic-comment__header__right__actions flex" };
@@ -3838,7 +3919,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.loading ? (openBlock(), createBlock(_component_BIMDataLoading, { key: 0 })) : createCommentVNode("", true)
   ]);
 }
-var TopicComment = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-7631a934"]]);
+var TopicComment = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-85242c76"]]);
 var BcfTopicComments_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$7 = {
   components: {
@@ -3852,7 +3933,7 @@ const _sfc_main$7 = {
       type: Object,
       required: true
     },
-    bcfTopic: {
+    topic: {
       type: Object,
       required: true
     }
@@ -3869,10 +3950,10 @@ const _sfc_main$7 = {
     const input = ref(null);
     const text = ref("");
     watch(isOpen, () => setTimeout(() => isOpen.value && input.value.focus(), 50));
-    const publishComment = async () => {
+    const submitComment = async () => {
       try {
         loading.value = true;
-        const newComment = await createComment2(props.project, props.bcfTopic, { comment: text.value });
+        const newComment = await createComment2(props.project, props.topic, { comment: text.value });
         emit("comment-created", newComment);
         isOpen.value = false;
         text.value = "";
@@ -3885,7 +3966,7 @@ const _sfc_main$7 = {
       isOpen,
       loading,
       text,
-      publishComment
+      submitComment
     };
   }
 };
@@ -3948,7 +4029,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             fill: "",
             radius: "",
             width: "135px",
-            onClick: $setup.publishComment
+            onClick: $setup.submitComment
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicComments.publishButton")), 1)
@@ -3959,24 +4040,24 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ])),
     createElementVNode("div", _hoisted_6$1, [
-      createElementVNode("p", _hoisted_7$1, toDisplayString(($props.bcfTopic.comments ? $props.bcfTopic.comments.length : 0) + " " + _ctx.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
-      $props.bcfTopic.comments && $props.bcfTopic.comments.length ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList($props.bcfTopic.comments, (comment) => {
+      createElementVNode("p", _hoisted_7$1, toDisplayString(($props.topic.comments ? $props.topic.comments.length : 0) + " " + _ctx.$t("BcfComponents.BcfTopicComments.commentsText")), 1),
+      $props.topic.comments && $props.topic.comments.length ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($props.topic.comments, (comment) => {
           return openBlock(), createBlock(_component_TopicComment, {
             key: comment.guid,
             project: $props.project,
-            bcfTopic: $props.bcfTopic,
+            topic: $props.topic,
             comment,
             onCommentUpdated: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("comment-updated", $event)),
             onCommentDeleted: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("comment-deleted", $event))
-          }, null, 8, ["project", "bcfTopic", "comment"]);
+          }, null, 8, ["project", "topic", "comment"]);
         }), 128))
       ])) : createCommentVNode("", true)
     ]),
     $setup.loading ? (openBlock(), createBlock(_component_BIMDataLoading, { key: 2 })) : createCommentVNode("", true)
   ]);
 }
-var BcfTopicComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-377292f2"]]);
+var BcfTopicComments = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-0d88f174"]]);
 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() {
@@ -4477,19 +4558,22 @@ const _sfc_main$6 = {
       type: Object,
       required: true
     },
-    bcfTopic: {
+    topic: {
       type: Object,
       required: true
     }
   },
+  emits: [
+    "view-topic-viewpoint"
+  ],
   setup(props) {
-    const viewpoints = computed(() => props.bcfTopic.viewpoints.filter((viewpoint) => viewpoint.snapshot).map((viewpoint) => {
+    const viewpoints = computed(() => props.topic.viewpoints.filter((viewpoint) => viewpoint.snapshot).map((viewpoint) => {
       var _a;
       return __spreadProps(__spreadValues({}, viewpoint), {
         icon: (_a = getViewpointConfig(viewpoint)) == null ? void 0 : _a.icon
       });
     }));
-    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
+    const statusColor = computed(() => getStatusColor(props.topic, props.detailedExtensions));
     return {
       statusColor,
       viewpoints,
@@ -4497,7 +4581,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const _hoisted_1$3 = ["src"];
+const _hoisted_1$3 = ["src", "onClick"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BIMDataIcon = resolveComponent("BIMDataIcon");
   const _component_BIMDataCarousel = resolveComponent("BIMDataCarousel");
@@ -4505,7 +4589,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["bcf-topic-viewpoints", { empty: $setup.viewpoints.length === 0 }])
   }, [
-    $props.bcfTopic.topic_status ? (openBlock(), createElementBlock("div", {
+    $props.topic.topic_status ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "status-badge",
       style: normalizeStyle({
@@ -4518,7 +4602,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         fill: "",
         color: "default"
       }),
-      createElementVNode("span", null, toDisplayString($props.bcfTopic.topic_status), 1)
+      createElementVNode("span", null, toDisplayString($props.topic.topic_status), 1)
     ], 4)) : createCommentVNode("", true),
     $setup.viewpoints.length > 0 ? (openBlock(), createBlock(_component_BIMDataCarousel, {
       key: 1,
@@ -4532,7 +4616,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             viewpoint.snapshot.snapshot_data ? (openBlock(), createElementBlock("img", {
               key: 0,
-              src: viewpoint.snapshot.snapshot_data
+              src: viewpoint.snapshot.snapshot_data,
+              onClick: ($event) => _ctx.$emit("view-topic-viewpoint", viewpoint)
             }, null, 8, _hoisted_1$3)) : createCommentVNode("", true),
             viewpoint.icon ? (openBlock(), createBlock(_component_BIMDataIcon, {
               key: 1,
@@ -4550,7 +4635,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ], 2);
 }
-var BcfTopicViewpoints = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-0a9e5076"]]);
+var BcfTopicViewpoints = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-759a0d56"]]);
 var BcfTopicOverview_scss_vue_type_style_index_0_src_scoped_true_lang = "";
 const _sfc_main$5 = {
   components: {
@@ -4564,9 +4649,15 @@ const _sfc_main$5 = {
     BIMDataTextbox: s$1
   },
   props: {
-    viewerMode: {
-      type: Boolean,
-      default: false
+    uiConfig: {
+      type: Object,
+      default: () => ({
+        viewerMode: false,
+        backButton: false,
+        closeButton: false,
+        editButton: false,
+        deleteButton: false
+      })
     },
     project: {
       type: Object,
@@ -4576,54 +4667,42 @@ const _sfc_main$5 = {
       type: Object,
       required: true
     },
-    bcfTopic: {
+    topic: {
       type: Object,
       required: true
-    },
-    uiConfig: {
-      type: Object,
-      default: () => ({ backButton: false, closeButton: false })
     }
   },
   emits: [
     "back",
-    "bcf-topic-deleted",
     "close",
     "comment-created",
     "comment-deleted",
     "comment-updated",
-    "edit-bcf-topic",
+    "edit-topic",
+    "topic-deleted",
     "topic-delete-error",
-    "view-bcf-topic",
-    "view-components"
+    "view-topic",
+    "view-topic-components",
+    "view-topic-viewpoint"
   ],
   setup(props, { emit }) {
     const { deleteTopic: deleteTopic2 } = useService();
     const loading = ref(false);
     const showDeleteModal = ref(false);
-    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
+    const priorityColor = computed(() => getPriorityColor(props.topic, props.detailedExtensions));
     const topicObjects = computed(() => {
-      var _a, _b;
-      const components2 = (_b = (_a = props.bcfTopic.viewpoints) == null ? void 0 : _a[0]) == null ? void 0 : _b.components;
-      return (components2 == null ? void 0 : components2.selection) || [];
-    });
-    const topicLabels = computed(() => {
-      var _a;
-      if ((_a = props.bcfTopic.labels) == null ? void 0 : _a.length) {
-        return Array.from(props.bcfTopic.labels).sort();
-      } else {
-        return [];
-      }
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = props.topic.viewpoints) == null ? void 0 : _a[0]) == null ? void 0 : _b.components) == null ? void 0 : _c.selection) || [];
     });
+    const topicLabels = computed(() => Array.from(props.topic.labels || []).sort());
     const removeTopic = async () => {
       try {
         showDeleteModal.value = false;
         loading.value = true;
-        await deleteTopic2(props.project, props.bcfTopic);
-        emit("bcf-topic-deleted", props.bcfTopic);
-        emit("close");
+        await deleteTopic2(props.project, props.topic);
+        emit("topic-deleted", props.topic);
       } catch (error) {
-        emit("topic-delete-error");
+        emit("topic-delete-error", error);
       } finally {
         loading.value = false;
       }
@@ -4639,7 +4718,6 @@ const _sfc_main$5 = {
     };
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-7ced0e0c"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = { class: "bcf-topic-overview" };
 const _hoisted_2$1 = { class: "bcf-topic-overview__header" };
 const _hoisted_3 = { class: "bcf-topic-overview__header__title" };
@@ -4675,7 +4753,7 @@ const _hoisted_29 = { class: "value" };
 const _hoisted_30 = { class: "line" };
 const _hoisted_31 = { class: "label" };
 const _hoisted_32 = { class: "line" };
-const _hoisted_33 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "label" }, " Auteur : ", -1));
+const _hoisted_33 = { class: "label" };
 const _hoisted_34 = { class: "value" };
 const _hoisted_35 = { class: "line m-t-12" };
 const _hoisted_36 = { class: "label" };
@@ -4693,7 +4771,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", _hoisted_2$1, [
       $props.uiConfig.backButton ? (openBlock(), createBlock(_component_BIMDataButton, {
         key: 0,
-        ripple: "",
+        ghost: "",
         rounded: "",
         icon: "",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("back"))
@@ -4701,7 +4779,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           createVNode(_component_BIMDataIcon, {
             name: "arrow",
-            size: "xxs"
+            size: "xxs",
+            fill: "",
+            color: "granite-light"
           })
         ]),
         _: 1
@@ -4709,15 +4789,16 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_3, [
         createVNode(_component_BIMDataTextbox, {
           maxWidth: "250px",
-          text: $props.bcfTopic.title
+          text: $props.topic.title
         }, null, 8, ["text"])
       ]),
       createElementVNode("div", _hoisted_4, [
-        createVNode(_component_BIMDataButton, {
-          ripple: "",
+        $props.uiConfig.editButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+          key: 0,
+          ghost: "",
           rounded: "",
           icon: "",
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("edit-bcf-topic", $props.bcfTopic))
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("edit-topic", $props.topic))
         }, {
           default: withCtx(() => [
             createVNode(_component_BIMDataIcon, {
@@ -4726,9 +4807,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ]),
           _: 1
-        }),
-        createVNode(_component_BIMDataButton, {
-          ripple: "",
+        })) : createCommentVNode("", true),
+        $props.uiConfig.deleteButton ? (openBlock(), createBlock(_component_BIMDataButton, {
+          key: 1,
+          ghost: "",
           rounded: "",
           icon: "",
           onClick: _cache[2] || (_cache[2] = ($event) => $setup.showDeleteModal = true)
@@ -4740,10 +4822,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ]),
           _: 1
-        }),
+        })) : createCommentVNode("", true),
         $props.uiConfig.closeButton ? (openBlock(), createBlock(_component_BIMDataButton, {
-          key: 0,
-          ripple: "",
+          key: 2,
+          ghost: "",
           rounded: "",
           icon: "",
           onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("close"))
@@ -4768,20 +4850,21 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
             backgroundColor: `#${$setup.priorityColor}`,
             color: $setup.adjustTextColor(`#${$setup.priorityColor}`, "#FFF", "#2F374A")
           })
-        }, toDisplayString($props.bcfTopic.index), 5),
-        createElementVNode("div", _hoisted_7, toDisplayString(_ctx.$d($props.bcfTopic.creation_date, "short")), 1)
+        }, toDisplayString($props.topic.index), 5),
+        createElementVNode("div", _hoisted_7, toDisplayString(_ctx.$d($props.topic.creation_date, "short")), 1)
       ]),
       createVNode(_component_BcfTopicViewpoints, {
         detailedExtensions: $props.detailedExtensions,
-        bcfTopic: $props.bcfTopic
-      }, null, 8, ["detailedExtensions", "bcfTopic"]),
-      $props.viewerMode ? (openBlock(), createBlock(_component_BIMDataButton, {
+        topic: $props.topic,
+        onViewTopicViewpoint: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("view-topic-viewpoint", $event))
+      }, null, 8, ["detailedExtensions", "topic"]),
+      $props.uiConfig.viewerMode ? (openBlock(), createBlock(_component_BIMDataButton, {
         key: 0,
         width: "100%",
         fill: "",
         radius: "",
         disabled: $setup.topicObjects.length === 0,
-        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("view-components", $props.bcfTopic))
+        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("view-topic-components", $props.topic))
       }, {
         default: withCtx(() => [
           createVNode(_component_BIMDataIcon, {
@@ -4802,7 +4885,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         color: "primary",
         fill: "",
         radius: "",
-        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("view-bcf-topic", $props.bcfTopic))
+        onClick: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("view-topic", $props.topic))
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.openViewer")), 1)
@@ -4810,7 +4893,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })),
       createElementVNode("div", _hoisted_8, [
-        !$props.viewerMode ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        !$props.uiConfig.viewerMode ? (openBlock(), createElementBlock("div", _hoisted_9, [
           createVNode(_component_BIMDataIcon, {
             name: "model3d",
             size: "xs"
@@ -4819,19 +4902,19 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_10, [
           createElementVNode("span", _hoisted_11, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.type")), 1),
-          createElementVNode("span", _hoisted_12, toDisplayString($props.bcfTopic.topic_type ? $props.bcfTopic.topic_type : _ctx.$t("BcfComponents.BcfTopicOverview.noTypeSpecified")), 1)
+          createElementVNode("span", _hoisted_12, toDisplayString($props.topic.topic_type ? $props.topic.topic_type : _ctx.$t("BcfComponents.BcfTopicOverview.noTypeSpecified")), 1)
         ]),
         createElementVNode("div", _hoisted_13, [
           createElementVNode("span", _hoisted_14, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.description")), 1),
-          createElementVNode("span", _hoisted_15, toDisplayString($props.bcfTopic.description ? $props.bcfTopic.description : _ctx.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
+          createElementVNode("span", _hoisted_15, toDisplayString($props.topic.description ? $props.topic.description : _ctx.$t("BcfComponents.BcfTopicOverview.noDescriptionProvided")), 1)
         ]),
         createElementVNode("div", _hoisted_16, [
           createElementVNode("span", _hoisted_17, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.assignedTo")), 1),
-          createElementVNode("span", _hoisted_18, toDisplayString($props.bcfTopic.assigned_to ? $props.bcfTopic.assigned_to : _ctx.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
+          createElementVNode("span", _hoisted_18, toDisplayString($props.topic.assigned_to ? $props.topic.assigned_to : _ctx.$t("BcfComponents.BcfTopicOverview.notAssigned")), 1)
         ]),
         createElementVNode("div", _hoisted_19, [
           createElementVNode("span", _hoisted_20, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.dueDate")), 1),
-          createElementVNode("span", _hoisted_21, toDisplayString($props.bcfTopic.due_date ? _ctx.$d($props.bcfTopic.due_date, "short") : _ctx.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
+          createElementVNode("span", _hoisted_21, toDisplayString($props.topic.due_date ? _ctx.$d($props.topic.due_date, "short") : _ctx.$t("BcfComponents.BcfTopicOverview.noDueDate")), 1)
         ])
       ]),
       createElementVNode("div", _hoisted_22, [
@@ -4841,22 +4924,22 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         createElementVNode("div", _hoisted_24, [
           createElementVNode("span", _hoisted_25, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.status")), 1),
-          createElementVNode("span", _hoisted_26, toDisplayString($props.bcfTopic.topic_status || _ctx.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
+          createElementVNode("span", _hoisted_26, toDisplayString($props.topic.topic_status || _ctx.$t("BcfComponents.BcfTopicOverview.noStatusSpecified")), 1)
         ]),
         createElementVNode("div", _hoisted_27, [
           createElementVNode("span", _hoisted_28, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.stage")), 1),
-          createElementVNode("span", _hoisted_29, toDisplayString($props.bcfTopic.stage || _ctx.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
+          createElementVNode("span", _hoisted_29, toDisplayString($props.topic.stage || _ctx.$t("BcfComponents.BcfTopicOverview.noStageProvided")), 1)
         ]),
         createElementVNode("div", _hoisted_30, [
           createElementVNode("span", _hoisted_31, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.priority")), 1),
           createElementVNode("span", {
             class: "value",
             style: normalizeStyle({ color: `#${$setup.priorityColor}` })
-          }, toDisplayString($props.bcfTopic.priority || _ctx.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
+          }, toDisplayString($props.topic.priority || _ctx.$t("BcfComponents.BcfTopicOverview.priorityNotDefined")), 5)
         ]),
         createElementVNode("div", _hoisted_32, [
-          _hoisted_33,
-          createElementVNode("span", _hoisted_34, toDisplayString($props.bcfTopic.creation_author), 1)
+          createElementVNode("span", _hoisted_33, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.author")), 1),
+          createElementVNode("span", _hoisted_34, toDisplayString($props.topic.creation_author), 1)
         ]),
         createElementVNode("div", _hoisted_35, [
           createElementVNode("span", _hoisted_36, toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.tags")), 1),
@@ -4865,18 +4948,18 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       createVNode(_component_BcfTopicComments, {
         project: $props.project,
-        bcfTopic: $props.bcfTopic,
-        onCommentCreated: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("comment-created", $event)),
-        onCommentUpdated: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("comment-updated", $event)),
-        onCommentDeleted: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("comment-deleted", $event))
-      }, null, 8, ["project", "bcfTopic"])
+        topic: $props.topic,
+        onCommentCreated: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("comment-created", $event)),
+        onCommentUpdated: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("comment-updated", $event)),
+        onCommentDeleted: _cache[9] || (_cache[9] = ($event) => _ctx.$emit("comment-deleted", $event))
+      }, null, 8, ["project", "topic"])
     ]),
     $setup.showDeleteModal ? (openBlock(), createBlock(_component_BIMDataSafeZoneModal, {
       key: 0,
       class: "delete-modal"
     }, {
       text: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.deleteText", { name: $props.bcfTopic.title })), 1)
+        createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.deleteText", { name: $props.topic.title })), 1)
       ]),
       actions: withCtx(() => [
         createVNode(_component_BIMDataButton, {
@@ -4895,7 +4978,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           color: "primary",
           outline: "",
           radius: "",
-          onClick: _cache[9] || (_cache[9] = ($event) => $setup.showDeleteModal = false)
+          onClick: _cache[10] || (_cache[10] = ($event) => $setup.showDeleteModal = false)
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.$t("BcfComponents.BcfTopicOverview.keepBcfButton")), 1)
@@ -4910,7 +4993,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-var BcfTopicOverview = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-7ced0e0c"]]);
+var BcfTopicOverview = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-d7d09324"]]);
 var columnsDef = [
   {
     id: "index",
@@ -5081,13 +5164,13 @@ const _sfc_main$4 = {
     BIMDataButton: l
   },
   props: {
-    bcfTopic: {
+    topic: {
       type: Object,
       required: true
     }
   },
   emits: [
-    "open-bcf-topic"
+    "open-topic"
   ]
 };
 const _hoisted_1$1 = { class: "bcf-topic-actions-cell" };
@@ -5100,7 +5183,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       outline: "",
       radius: "",
       icon: "",
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-bcf-topic", $props.bcfTopic))
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-topic", $props.topic))
     }, {
       default: withCtx(() => [
         createVNode(_component_BIMDataIcon, {
@@ -5112,21 +5195,21 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-var BcfTopicActionsCell = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-fe159426"]]);
+var BcfTopicActionsCell = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-5fbc1b71"]]);
 var BcfTopicIndexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$3 = {
   props: {
-    bcfTopic: {
+    detailedExtensions: {
       type: Object,
       required: true
     },
-    detailedExtensions: {
+    topic: {
       type: Object,
       required: true
     }
   },
   setup(props) {
-    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
+    const priorityColor = computed(() => getPriorityColor(props.topic, props.detailedExtensions));
     return {
       priorityColor
     };
@@ -5140,24 +5223,24 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       class: "left-stripe",
       style: normalizeStyle({ backgroundColor: `#${$setup.priorityColor}` })
     }, null, 4),
-    createElementVNode("span", _hoisted_2, toDisplayString($props.bcfTopic.index), 1)
+    createElementVNode("span", _hoisted_2, toDisplayString($props.topic.index), 1)
   ]);
 }
-var BcfTopicIndexCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-73373bfa"]]);
+var BcfTopicIndexCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-6837d03b"]]);
 var BcfTopicPriorityCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = {
   props: {
-    bcfTopic: {
+    detailedExtensions: {
       type: Object,
       required: true
     },
-    detailedExtensions: {
+    topic: {
       type: Object,
       required: true
     }
   },
   setup(props) {
-    const priorityColor = computed(() => getPriorityColor(props.bcfTopic, props.detailedExtensions));
+    const priorityColor = computed(() => getPriorityColor(props.topic, props.detailedExtensions));
     return {
       priorityColor
     };
@@ -5167,23 +5250,23 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: "bcf-topic-priority-cell",
     style: normalizeStyle({ color: `#${$setup.priorityColor}` })
-  }, toDisplayString($props.bcfTopic.priority || _ctx.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
+  }, toDisplayString($props.topic.priority || _ctx.$t("BcfComponents.BcfTopicPriorityCell.noPriority")), 5);
 }
-var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-7be782b8"]]);
+var BcfTopicPriorityCell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-905e2396"]]);
 var BcfTopicStatusCell_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1 = {
   props: {
-    bcfTopic: {
+    detailedExtensions: {
       type: Object,
       required: true
     },
-    detailedExtensions: {
+    topic: {
       type: Object,
       required: true
     }
   },
   setup(props) {
-    const statusColor = computed(() => getStatusColor(props.bcfTopic, props.detailedExtensions));
+    const statusColor = computed(() => getStatusColor(props.topic, props.detailedExtensions));
     return {
       statusColor,
       adjustTextColor
@@ -5197,9 +5280,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       backgroundColor: `#${$setup.statusColor}`,
       color: $setup.adjustTextColor($setup.statusColor, "#ffffff", "var(--color-text)")
     })
-  }, toDisplayString($props.bcfTopic.topic_status), 5);
+  }, toDisplayString($props.topic.topic_status), 5);
 }
-var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-a51b4af6"]]);
+var BcfTopicStatusCell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-16e3da68"]]);
 const _sfc_main = {
   components: {
     BcfTopicActionsCell,
@@ -5212,14 +5295,14 @@ const _sfc_main = {
     UserAvatar
   },
   props: {
-    bcfTopics: {
-      type: Array,
-      required: true
-    },
     detailedExtensions: {
       type: Object,
       required: true
     },
+    topics: {
+      type: Array,
+      required: true
+    },
     paginated: {
       type: Boolean,
       default: false
@@ -5233,7 +5316,7 @@ const _sfc_main = {
     }
   },
   emits: [
-    "open-bcf-topic"
+    "open-topic"
   ],
   setup(props) {
     const displayedColumns = computed(() => props.columns && props.columns.length > 0 ? columnsDef.filter((c2) => props.columns.includes(c2.id)) : columnsDef);
@@ -5258,35 +5341,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     columns: $setup.displayedColumns.map((col) => __spreadProps(__spreadValues({}, col), {
       label: col.label || _ctx.$t(`BcfComponents.BcfTopicsTable.headers.${col.id}`)
     })),
-    rows: $props.bcfTopics,
+    rows: $props.topics,
     rowKey: "guid",
     paginated: $props.paginated,
     perPage: $props.perPage,
     rowHeight: 42
   }, {
-    "cell-index": withCtx(({ row: bcfTopic }) => [
+    "cell-index": withCtx(({ row: topic }) => [
       createVNode(_component_BcfTopicIndexCell, {
-        bcfTopic,
-        detailedExtensions: $props.detailedExtensions
-      }, null, 8, ["bcfTopic", "detailedExtensions"])
+        detailedExtensions: $props.detailedExtensions,
+        topic
+      }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-priority": withCtx(({ row: bcfTopic }) => [
+    "cell-priority": withCtx(({ row: topic }) => [
       createVNode(_component_BcfTopicPriorityCell, {
-        bcfTopic,
-        detailedExtensions: $props.detailedExtensions
-      }, null, 8, ["bcfTopic", "detailedExtensions"])
+        detailedExtensions: $props.detailedExtensions,
+        topic
+      }, null, 8, ["detailedExtensions", "topic"])
     ]),
-    "cell-status": withCtx(({ row: bcfTopic }) => [
-      bcfTopic.topic_status ? (openBlock(), createBlock(_component_BcfTopicStatusCell, {
+    "cell-status": withCtx(({ row: topic }) => [
+      topic.topic_status ? (openBlock(), createBlock(_component_BcfTopicStatusCell, {
         key: 0,
-        bcfTopic,
-        detailedExtensions: $props.detailedExtensions
-      }, null, 8, ["bcfTopic", "detailedExtensions"])) : createCommentVNode("", true)
+        detailedExtensions: $props.detailedExtensions,
+        topic
+      }, null, 8, ["detailedExtensions", "topic"])) : createCommentVNode("", true)
     ]),
-    "cell-title": withCtx(({ row: bcfTopic }) => [
+    "cell-title": withCtx(({ row: topic }) => [
       createVNode(_component_BIMDataTextbox, {
         maxWidth: "100%",
-        text: bcfTopic.title
+        text: topic.title
       }, null, 8, ["text"])
     ]),
     "cell-creator": withCtx(({ row: { creator, creation_author } }) => [
@@ -5302,14 +5385,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1032, ["text"])
     ]),
-    "cell-date": withCtx(({ row: bcfTopic }) => [
-      createTextVNode(toDisplayString($setup.deserializeShort(bcfTopic.creation_date)), 1)
+    "cell-date": withCtx(({ row: topic }) => [
+      createTextVNode(toDisplayString($setup.deserializeShort(topic.creation_date)), 1)
     ]),
-    "cell-actions": withCtx(({ row: bcfTopic }) => [
+    "cell-actions": withCtx(({ row: topic }) => [
       createVNode(_component_BcfTopicActionsCell, {
-        bcfTopic,
-        onOpenBcfTopic: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-bcf-topic", $event))
-      }, null, 8, ["bcfTopic"])
+        topic,
+        onOpenTopic: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-topic", $event))
+      }, null, 8, ["topic"])
     ]),
     _: 1
   }, 8, ["columns", "rows", "paginated", "perPage"]);