@bimdata/bcf-components 1.1.0-rc.29 → 1.1.0-rc.31

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

@@ -18,7 +18,7 @@ var __spreadValues = (a2, b2) => {
   return a2;
 };
 var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
-import { reactive, computed, ref, watch, toRaw, inject } from "@vue/composition-api";
+import { reactive, computed, ref, watch, toRaw, inject } from "vue";
 let apiClient = null;
 function setApiClient(client) {
   apiClient = client;
@@ -167,6 +167,41 @@ function useBcfSort(topics) {
     sortOrderDate
   };
 }
+const EXTENSION_TYPES = [
+  "Priority",
+  "Type",
+  "Stage",
+  "Status",
+  "Label"
+];
+const EXTENSION_WITH_COLOR = [
+  "Priority",
+  "Status"
+];
+const EXTENSION_FIELDS = {
+  Priority: "priority",
+  Type: "topicType",
+  Stage: "stage",
+  Status: "topicStatus",
+  Label: "label"
+};
+const EXTENSION_LIST_FIELDS = {
+  Priority: "priorities",
+  Type: "topicTypes",
+  Stage: "stages",
+  Status: "topicStatuses",
+  Label: "topicLabels"
+};
+const DEFAULT_PRIORITY_COLOR = "D8D8D8";
+const DEFAULT_STATUS_COLOR = "D8D8D8";
+function getPriorityColor(topic, detailedExtensions) {
+  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
+  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
+}
+function getStatusColor(topic, detailedExtensions) {
+  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
+  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
+}
 var r$d = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), o$d = { 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: (o2) => r$d.includes(o2) } }, 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() {
@@ -1051,7 +1086,7 @@ const __vue2_script$j = {
   }
 };
 const __cssModules$j = {};
-var __component__$j = /* @__PURE__ */ normalizeComponent(__vue2_script$j, render$j, staticRenderFns$j, false, __vue2_injectStyles$j, "2db12d9a", null, null);
+var __component__$j = /* @__PURE__ */ normalizeComponent(__vue2_script$j, render$j, staticRenderFns$j, false, __vue2_injectStyles$j, "2ef5e90d", null, null);
 function __vue2_injectStyles$j(context) {
   for (let o2 in __cssModules$j) {
     this[o2] = __cssModules$j[o2];
@@ -1060,33 +1095,6 @@ function __vue2_injectStyles$j(context) {
 var BcfFilters = /* @__PURE__ */ function() {
   return __component__$j.exports;
 }();
-const EXTENSION_TYPES = [
-  "Priority",
-  "Type",
-  "Stage",
-  "Status",
-  "Label"
-];
-const EXTENSION_WITH_COLOR = [
-  "Priority",
-  "Status"
-];
-const EXTENSION_FIELDS = {
-  Priority: "priority",
-  Type: "topicType",
-  Stage: "stage",
-  Status: "topicStatus",
-  Label: "label"
-};
-const EXTENSION_LIST_FIELDS = {
-  Priority: "priorities",
-  Type: "topicTypes",
-  Stage: "stages",
-  Status: "topicStatuses",
-  Label: "topicLabels"
-};
-const DEFAULT_PRIORITY_COLOR = "D8D8D8";
-const DEFAULT_STATUS_COLOR = "D8D8D8";
 const colors = Object.freeze({
   bisque: "ffe4c4",
   orange: "ffa500",
@@ -1381,7 +1389,7 @@ const __vue2_script$i = {
   }
 };
 const __cssModules$i = {};
-var __component__$i = /* @__PURE__ */ normalizeComponent(__vue2_script$i, render$i, staticRenderFns$i, false, __vue2_injectStyles$i, "cb6da68e", null, null);
+var __component__$i = /* @__PURE__ */ normalizeComponent(__vue2_script$i, render$i, staticRenderFns$i, false, __vue2_injectStyles$i, "27af5073", null, null);
 function __vue2_injectStyles$i(context) {
   for (let o2 in __cssModules$i) {
     this[o2] = __cssModules$i[o2];
@@ -1475,7 +1483,7 @@ const __vue2_script$h = {
   }
 };
 const __cssModules$h = {};
-var __component__$h = /* @__PURE__ */ normalizeComponent(__vue2_script$h, render$h, staticRenderFns$h, false, __vue2_injectStyles$h, "72c52d15", null, null);
+var __component__$h = /* @__PURE__ */ normalizeComponent(__vue2_script$h, render$h, staticRenderFns$h, false, __vue2_injectStyles$h, "6e8123c6", null, null);
 function __vue2_injectStyles$h(context) {
   for (let o2 in __cssModules$h) {
     this[o2] = __cssModules$h[o2];
@@ -1839,7 +1847,7 @@ const __vue2_script$f = {
   }
 };
 const __cssModules$f = {};
-var __component__$f = /* @__PURE__ */ normalizeComponent(__vue2_script$f, render$f, staticRenderFns$f, false, __vue2_injectStyles$f, "5dc331a8", null, null);
+var __component__$f = /* @__PURE__ */ normalizeComponent(__vue2_script$f, render$f, staticRenderFns$f, false, __vue2_injectStyles$f, "08cce8e2", null, null);
 function __vue2_injectStyles$f(context) {
   for (let o2 in __cssModules$f) {
     this[o2] = __cssModules$f[o2];
@@ -1848,14 +1856,6 @@ function __vue2_injectStyles$f(context) {
 var BcfStatistics = /* @__PURE__ */ function() {
   return __component__$f.exports;
 }();
-function getPriorityColor(topic, detailedExtensions) {
-  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
-  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
-}
-function getStatusColor(topic, detailedExtensions) {
-  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
-  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
-}
 var t$6 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (t2) => ["start", "middle", "end"].includes(t2) }, tooltip: { type: Boolean, default: true }, tooltipPosition: { type: String, default: "bottom", validator: (t2) => ["top", "right", "bottom", "left"].includes(t2) }, tooltipColor: { type: String, default: "primary", validator: (t2) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(t2) } }, data: () => ({ showTooltip: false, isOverflowing: false, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -1994,7 +1994,7 @@ const __vue2_script$d = {
   }
 };
 const __cssModules$d = {};
-var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "7e55712c", null, null);
+var __component__$d = /* @__PURE__ */ normalizeComponent(__vue2_script$d, render$d, staticRenderFns$d, false, __vue2_injectStyles$d, "5b20213c", null, null);
 function __vue2_injectStyles$d(context) {
   for (let o2 in __cssModules$d) {
     this[o2] = __cssModules$d[o2];
@@ -2796,7 +2796,7 @@ const __vue2_script$9 = {
   }
 };
 const __cssModules$9 = {};
-var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "37d61702", null, null);
+var __component__$9 = /* @__PURE__ */ normalizeComponent(__vue2_script$9, render$9, staticRenderFns$9, false, __vue2_injectStyles$9, "15f8e3a0", null, null);
 function __vue2_injectStyles$9(context) {
   for (let o2 in __cssModules$9) {
     this[o2] = __cssModules$9[o2];
@@ -3055,7 +3055,7 @@ const __vue2_script$8 = {
   }
 };
 const __cssModules$8 = {};
-var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "60ab0668", null, null);
+var __component__$8 = /* @__PURE__ */ normalizeComponent(__vue2_script$8, render$8, staticRenderFns$8, false, __vue2_injectStyles$8, "f9d9dcfc", null, null);
 function __vue2_injectStyles$8(context) {
   for (let o2 in __cssModules$8) {
     this[o2] = __cssModules$8[o2];
@@ -3596,7 +3596,7 @@ const __vue2_script$7 = {
   }
 };
 const __cssModules$7 = {};
-var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "555abc52", null, null);
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$7, staticRenderFns$7, false, __vue2_injectStyles$7, "f84b809a", null, null);
 function __vue2_injectStyles$7(context) {
   for (let o2 in __cssModules$7) {
     this[o2] = __cssModules$7[o2];
@@ -3704,7 +3704,7 @@ const __vue2_script$6 = {
   }
 };
 const __cssModules$6 = {};
-var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "b47244ac", null, null);
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$6, staticRenderFns$6, false, __vue2_injectStyles$6, "47f184d0", null, null);
 function __vue2_injectStyles$6(context) {
   for (let o2 in __cssModules$6) {
     this[o2] = __cssModules$6[o2];
@@ -3783,7 +3783,7 @@ const __vue2_script$5 = {
   }
 };
 const __cssModules$5 = {};
-var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "35edf7c8", null, null);
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$5, staticRenderFns$5, false, __vue2_injectStyles$5, "561aa0f8", null, null);
 function __vue2_injectStyles$5(context) {
   for (let o2 in __cssModules$5) {
     this[o2] = __cssModules$5[o2];
@@ -3922,7 +3922,7 @@ const __vue2_script$4 = {
   }
 };
 const __cssModules$4 = {};
-var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "2fe121d2", null, null);
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$4, staticRenderFns$4, false, __vue2_injectStyles$4, "1d986817", null, null);
 function __vue2_injectStyles$4(context) {
   for (let o2 in __cssModules$4) {
     this[o2] = __cssModules$4[o2];
@@ -4177,7 +4177,7 @@ const __vue2_script$2 = {
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "ef38ad94", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "691e94e8", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o2 in __cssModules$2) {
     this[o2] = __cssModules$2[o2];
@@ -4217,7 +4217,7 @@ const __vue2_script$1 = {
   }
 };
 const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "26d68c1e", null, null);
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, "41224f82", null, null);
 function __vue2_injectStyles$1(context) {
   for (let o2 in __cssModules$1) {
     this[o2] = __cssModules$1[o2];
@@ -4318,4 +4318,4 @@ const components = {
   BcfTopicOverview,
   BcfTopicsTable
 };
-export { BcfFilters, BcfSettings, BcfStatistics, BcfTopicCard, BcfTopicCreationCard, BcfTopicForm, BcfTopicOverview, BcfTopicsTable, components, setApiClient, useBcfFilter, useBcfSearch, useBcfSort };
+export { BcfFilters, BcfSettings, BcfStatistics, BcfTopicCard, BcfTopicCreationCard, BcfTopicForm, BcfTopicOverview, BcfTopicsTable, components, getPriorityColor, getStatusColor, setApiClient, useBcfFilter, useBcfSearch, useBcfSort };

package/dist/vue2/style.css

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

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

@@ -167,6 +167,41 @@ function useBcfSort(topics) {
     sortOrderDate
   };
 }
+const EXTENSION_TYPES = [
+  "Priority",
+  "Type",
+  "Stage",
+  "Status",
+  "Label"
+];
+const EXTENSION_WITH_COLOR = [
+  "Priority",
+  "Status"
+];
+const EXTENSION_FIELDS = {
+  Priority: "priority",
+  Type: "topicType",
+  Stage: "stage",
+  Status: "topicStatus",
+  Label: "label"
+};
+const EXTENSION_LIST_FIELDS = {
+  Priority: "priorities",
+  Type: "topicTypes",
+  Stage: "stages",
+  Status: "topicStatuses",
+  Label: "topicLabels"
+};
+const DEFAULT_PRIORITY_COLOR = "D8D8D8";
+const DEFAULT_STATUS_COLOR = "D8D8D8";
+function getPriorityColor(topic, detailedExtensions) {
+  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
+  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
+}
+function getStatusColor(topic, detailedExtensions) {
+  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
+  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
+}
 var i$1 = Object.freeze(["default", "primary", "secondary", "high", "success", "granite"]), l = { 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) => i$1.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() {
@@ -1032,33 +1067,6 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var BcfFilters = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-077f83aa"]]);
-const EXTENSION_TYPES = [
-  "Priority",
-  "Type",
-  "Stage",
-  "Status",
-  "Label"
-];
-const EXTENSION_WITH_COLOR = [
-  "Priority",
-  "Status"
-];
-const EXTENSION_FIELDS = {
-  Priority: "priority",
-  Type: "topicType",
-  Stage: "stage",
-  Status: "topicStatus",
-  Label: "label"
-};
-const EXTENSION_LIST_FIELDS = {
-  Priority: "priorities",
-  Type: "topicTypes",
-  Stage: "stages",
-  Status: "topicStatuses",
-  Label: "topicLabels"
-};
-const DEFAULT_PRIORITY_COLOR = "D8D8D8";
-const DEFAULT_STATUS_COLOR = "D8D8D8";
 const colors = Object.freeze({
   bisque: "ffe4c4",
   orange: "ffa500",
@@ -1907,14 +1915,6 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var BcfStatistics = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-763cac12"]]);
-function getPriorityColor(topic, detailedExtensions) {
-  const priorityDetail = detailedExtensions.priorities.find((p2) => p2.priority === topic.priority);
-  return (priorityDetail == null ? void 0 : priorityDetail.color) || DEFAULT_PRIORITY_COLOR;
-}
-function getStatusColor(topic, detailedExtensions) {
-  const statusDetail = detailedExtensions.topicStatuses.find((s2) => s2.topicStatus === topic.topicStatus);
-  return (statusDetail == null ? void 0 : statusDetail.color) || DEFAULT_STATUS_COLOR;
-}
 var s$1 = { props: { width: { type: String, default: "100%" }, minWidth: { type: String }, maxWidth: { type: String }, text: { type: String, default: "" }, cutPosition: { type: String, default: "middle", validator: (t) => ["start", "middle", "end"].includes(t) }, tooltip: { type: Boolean, default: true }, tooltipPosition: { type: String, default: "bottom", validator: (t) => ["top", "right", "bottom", "left"].includes(t) }, tooltipColor: { type: String, default: "primary", validator: (t) => ["white", "primary", "secondary", "granite-light", "silver-light"].includes(t) } }, data: () => ({ showTooltip: false, isOverflowing: false, textHead: "", textTail: "" }), watch: { width: "computeText", text: "computeText", cutPosition: "computeText" }, mounted() {
   this.observer = new ResizeObserver(() => this.computeText()), this.observer.observe(this.$refs.textBox), this.computeText();
 }, beforeUnmount() {
@@ -5009,4 +5009,4 @@ const components = {
   BcfTopicOverview,
   BcfTopicsTable
 };
-export { BcfFilters, BcfSettings, BcfStatistics, BcfTopicCard, BcfTopicCreationCard, BcfTopicForm, BcfTopicOverview, BcfTopicsTable, components, setApiClient, useBcfFilter, useBcfSearch, useBcfSort };
+export { BcfFilters, BcfSettings, BcfStatistics, BcfTopicCard, BcfTopicCreationCard, BcfTopicForm, BcfTopicOverview, BcfTopicsTable, components, getPriorityColor, getStatusColor, setApiClient, useBcfFilter, useBcfSearch, useBcfSort };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bimdata/bcf-components",
-  "version": "1.1.0-rc.29",
+  "version": "1.1.0-rc.31",
   "files": [
     "dist",
     "vue2-plugin.js",
@@ -19,8 +19,7 @@
     "@bimdata/design-system": "1.4.0-rc.20"
   },
   "peerDependencies": {
-    "@vue/composition-api": "^1.4.9",
-    "vue": "^2.6 || ^3.0"
+    "vue": "^2.7 || ^3.0"
   },
   "peerDependenciesMeta": {
     "@vue/composition-api": {