@bimdata/bcf-components 2.0.1-rc.1 → 3.0.0-rc.10

package/dist/vue3/style.css

@@ -1 +1 @@
-.bcf-filters__btn-toggle[data-v-1efe16f2]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-1efe16f2]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-1efe16f2]{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-1efe16f2]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-1efe16f2]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-1efe16f2]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-1efe16f2]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-1efe16f2]{display:flex;justify-content:center}.setting-card-item[data-v-a9deb2b6]{position:relative;height:37px;background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit)}.setting-card-item__actions[data-v-a9deb2b6]{display:flex;align-items:center}.setting-card-item__color[data-v-a9deb2b6]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-a9deb2b6]{position:absolute;z-index:1;top:37px;right:-12px}.setting-card-item__delete-guard[data-v-a9deb2b6]{position:absolute;right:1%;width:98%;height:100%;padding:0 var(--spacing-unit);gap:var(--spacing-unit);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);background-color:var(--color-white)}.setting-card[data-v-6b7af8f7]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-6b7af8f7]{font-weight:700}.setting-card__header__icons[data-v-6b7af8f7]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-6b7af8f7]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-6b7af8f7]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__add-form[data-v-6b7af8f7]{margin-bottom:var(--spacing-unit)}.setting-card__add-form .actions[data-v-6b7af8f7]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-54aa64a7]{height:100%;padding:var(--spacing-unit)}.bcf-settings__header[data-v-54aa64a7]{height:60px;display:flex;justify-content:space-between;align-items:center}.bcf-settings__content[data-v-54aa64a7]{height:100%}.bcf-settings__content__text[data-v-54aa64a7]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-763cac12]{width:100%}.bcf-statistics__content[data-v-763cac12]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-763cac12]{flex:1}.bcf-statistics__content__legend[data-v-763cac12]{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--spacing-unit);margin-left:var(--spacing-unit);font-size:14px}.bcf-statistics__content__legend__title[data-v-763cac12]{font-weight:700}.bcf-statistics__content__legend__item[data-v-763cac12]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-763cac12]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-763cac12]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .total[data-v-763cac12]{font-size:13px}.bcf-statistics__content__legend[data-v-763cac12] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-4d6c5487]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-4d6c5487]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-4d6c5487]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-4d6c5487]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-4d6c5487]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-4d6c5487]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-4d6c5487]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-4d6c5487]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-4d6c5487]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-4d6c5487]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-4d6c5487]{min-height:98px;margin-top:3px;box-shadow:var(--box-shadow);font-size:12px;background-color:var(--color-white);color:var(--color-text)}.bcf-topic-creation-card[data-v-02f52cb0]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-02f52cb0]{font-size:14px}.bcf-topic-images[data-v-f9b6ed42]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-f9b6ed42]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-f9b6ed42]{position:relative}.bcf-topic-images__images .image-preview img[data-v-f9b6ed42]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-f9b6ed42]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-f9b6ed42]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-f9b6ed42]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-f9b6ed42]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-f9b6ed42]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-f9b6ed42]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-f9b6ed42]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-f9b6ed42]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-f9b6ed42]{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-f9b6ed42]{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-aca32dc4]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-aca32dc4]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-aca32dc4]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-aca32dc4]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-aca32dc4]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-aca32dc4]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-aca32dc4]{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-8ba2f600]{height:100%}.bcf-topic-form__content[data-v-8ba2f600]{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-8ba2f600]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-8ba2f600],.bcf-topic-form__content__head__date[data-v-8ba2f600]{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-8ba2f600]{min-width:50px}.bcf-topic-form__content__head__date[data-v-8ba2f600]{min-width:100px}.bcf-topic-form__content__actions[data-v-8ba2f600]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-8ba2f600]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-8ba2f600],.bcf-topic-form__content__actions .count-annotations[data-v-8ba2f600]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-8ba2f600]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-8ba2f600]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-8ba2f600]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-8ba2f600] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-8ba2f600] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-8ba2f600]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-8ba2f600]{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-e5e255f0]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-e5e255f0]{width:100%;height:100%}.user-avatar--primary[data-v-e5e255f0]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-e5e255f0]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-e5e255f0]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-7631a934]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-7631a934]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-7631a934]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-7631a934]{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-7631a934] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-7631a934] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-7631a934] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-377292f2]{font-weight:700}.bcf-topic-comments[data-v-377292f2] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-0a9e5076]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-0a9e5076]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-0a9e5076]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0a9e5076] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-0a9e5076] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-0a9e5076] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-0a9e5076] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-0a9e5076] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-0a9e5076]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-0a9e5076]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-0a9e5076]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-0a9e5076]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-7ced0e0c]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-7ced0e0c]{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-7ced0e0c]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-7ced0e0c]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-7ced0e0c]{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-7ced0e0c]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-7ced0e0c],.bcf-topic-overview__content__head__date[data-v-7ced0e0c]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-7ced0e0c]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-7ced0e0c]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-7ced0e0c]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-7ced0e0c]{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-7ced0e0c]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .value[data-v-7ced0e0c]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-7ced0e0c]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-fe159426]{margin:auto}.bcf-topic-index-cell[data-v-73373bfa]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-73373bfa]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-7be782b8]{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-a51b4af6]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}
+.bcf-filters__btn-toggle[data-v-7e773073]:enabled{color:var(--color-primary)}.bcf-filters__btn-toggle[data-v-7e773073]:disabled{background-color:var(--color-white);color:var(--color-silver-dark)}.bcf-filters__container[data-v-7e773073]{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-7e773073]{display:flex;justify-content:space-between;align-items:center}.bcf-filters__container__header__title[data-v-7e773073]{font-size:1.1rem;font-weight:700}.bcf-filters__container__date[data-v-7e773073]{display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-filters__container__date .example[data-v-7e773073]{margin-top:calc(var(--spacing-unit) / 2);font-size:11px}.bcf-filters__container__actions[data-v-7e773073]{display:flex;justify-content:center}.setting-card-item[data-v-b97a5399]{position:relative;height:37px;margin-bottom:calc(var(--spacing-unit) / 2);padding:0 var(--spacing-unit);background-color:var(--color-silver-light);display:flex;justify-content:space-between;align-items:center}.setting-card-item__actions[data-v-b97a5399]{display:flex;align-items:center}.setting-card-item__color[data-v-b97a5399]{display:block;width:19px;height:19px;margin-left:var(--spacing-unit);border-radius:3px;border:1px solid var(--color-silver);cursor:pointer}.setting-card-item__color-selector[data-v-b97a5399]{position:absolute;z-index:1;top:32px;right:calc(var(--spacing-unit) / 2)}.setting-card-item__delete-guard[data-v-b97a5399]{position:absolute;right:0;width:100%;height:100%;padding:0 var(--spacing-unit);box-shadow:var(--box-shadow);background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-unit)}.setting-card[data-v-3ea16e8c]{margin:var(--spacing-unit) 0;padding:var(--spacing-unit);box-shadow:var(--box-shadow);background:var(--color-white)}.setting-card__header[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.setting-card__header__text[data-v-3ea16e8c]{font-weight:700}.setting-card__header__icons[data-v-3ea16e8c]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.setting-card__header__icons .count[data-v-3ea16e8c]{min-width:21px;height:21px;padding:0 4px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:11px;font-weight:700;background-color:var(--color-primary);color:var(--color-white)}.setting-card__subheader[data-v-3ea16e8c]{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit)}.setting-card__form[data-v-3ea16e8c]{margin-bottom:var(--spacing-unit)}.setting-card__form .actions[data-v-3ea16e8c]{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) / 2)}.bcf-settings[data-v-9e0003a6]{height:100%}.bcf-settings__header[data-v-9e0003a6]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-settings__header__title[data-v-9e0003a6]{flex-grow:1;font-size:1rem;font-weight:700}.bcf-settings__content[data-v-9e0003a6]{height:100%}.bcf-settings__content__text[data-v-9e0003a6]{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);text-align:center;color:var(--color-granite)}.bcf-statistics[data-v-a5c0c671]{width:100%}.bcf-statistics__content[data-v-a5c0c671]{position:relative;display:flex}.bcf-statistics__content__chart[data-v-a5c0c671]{flex:1}.bcf-statistics__content__legend[data-v-a5c0c671]{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-a5c0c671]{font-weight:700}.bcf-statistics__content__legend__item[data-v-a5c0c671]{display:flex;align-items:center;line-height:24px}.bcf-statistics__content__legend__item__mark[data-v-a5c0c671]{width:10px;height:10px;border:3px solid;border-radius:50px}.bcf-statistics__content__legend__item__percent[data-v-a5c0c671]{margin:0 calc(var(--spacing-unit) / 2);font-weight:700}.bcf-statistics__content__legend__item__text .count[data-v-a5c0c671]{font-size:13px}.bcf-statistics__content__legend[data-v-a5c0c671] .bimdata-paginated-list ul:first-child{height:144px}.bcf-topic-card[data-v-970c2619]{position:relative;width:336px;height:307px}.bcf-topic-card__header[data-v-970c2619]{min-height:204px;box-shadow:var(--box-shadow)}.bcf-topic-card__header__infos[data-v-970c2619]{height:32px;background-color:var(--color-white)}.bcf-topic-card__header__infos__index[data-v-970c2619]{padding:3px;min-width:32px;background-color:var(--color-silver);color:var(--color-text)}.bcf-topic-card__header__infos__title[data-v-970c2619]{width:calc(100% - var(--spacing-unit) * 2 - 32px);color:var(--color-primary)}.bcf-topic-card__header__img[data-v-970c2619]{height:172px;position:relative}.bcf-topic-card__header__img img[data-v-970c2619]{width:100%;height:100%;object-fit:cover}.bcf-topic-card__header__img .default-img[data-v-970c2619]{width:120px;height:120px}.bcf-topic-card__header__img__status[data-v-970c2619]{position:absolute;top:6px;left:6px;border-radius:3px}.bcf-topic-card__header__img__date[data-v-970c2619]{position:absolute;bottom:0;right:0;font-size:11px;background-color:var(--color-white)}.bcf-topic-card__content[data-v-970c2619]{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-af2c3cbc]{width:336px;height:307px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--spacing-unit) * 2);box-shadow:var(--box-shadow);background-color:var(--color-white)}.bcf-topic-creation-card__text[data-v-af2c3cbc]{font-size:14px}.bcf-topic-images[data-v-caa405a6]{display:flex;flex-direction:column;gap:var(--spacing-unit)}.bcf-topic-images__images[data-v-caa405a6]{width:100%;height:262px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bcf-topic-images__images .image-preview[data-v-caa405a6]{position:relative}.bcf-topic-images__images .image-preview img[data-v-caa405a6]{width:100%;height:100%;object-fit:cover}.bcf-topic-images__images .image-preview .btn-delete[data-v-caa405a6]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-images__images .image-preview:first-child.single[data-v-caa405a6]{height:262px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-caa405a6]:first-child:not(.single){height:180px;grid-area:1/1/2/4}.bcf-topic-images__images .image-preview[data-v-caa405a6]:nth-child(2){height:72px;grid-area:2/1/3/2}.bcf-topic-images__images .image-preview[data-v-caa405a6]:nth-child(3){height:72px;grid-area:2/2/3/3}.bcf-topic-images__images .image-preview[data-v-caa405a6]:nth-child(4){height:72px;grid-area:2/3/3/4}.bcf-topic-images .btn-upload label[data-v-caa405a6]{display:flex;justify-content:center;align-items:center}.bcf-topic-images .btn-upload:not(:disabled) label[data-v-caa405a6]{width:100%;height:100%;cursor:pointer}.bcf-topic-images__upload[data-v-caa405a6]{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-caa405a6]{width:52px;height:52px;display:flex;justify-content:center;align-items:center;background-color:var(--color-silver-light);border-radius:50%}.bcf-topic-snapshots__snapshots[data-v-f3e2dd87]{width:100%;min-height:180px;max-height:262px;display:flex;flex-wrap:wrap;gap:10px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]{position:relative}.bcf-topic-snapshots__snapshots .snapshot-preview img[data-v-f3e2dd87]{width:100%;height:100%;object-fit:cover}.bcf-topic-snapshots__snapshots .snapshot-preview .btn-delete[data-v-f3e2dd87]{position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:first-child{width:100%;height:180px}.bcf-topic-snapshots__snapshots .snapshot-preview[data-v-f3e2dd87]:not(:first-child){width:30%;height:72px}.bcf-topic-snapshots__create[data-v-f3e2dd87]{width:100%;height:180px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed var(--color-silver);cursor:pointer}.bcf-topic-form[data-v-494d92d0]{height:100%}.bcf-topic-form__header[data-v-494d92d0]{padding:0 calc(var(--spacing-unit) / 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) / 3)}.bcf-topic-form__header__title[data-v-494d92d0]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-form__content[data-v-494d92d0]{height:calc(100% - 64px - var(--spacing-unit));padding:var(--spacing-unit) calc(var(--spacing-unit) / 2);display:flex;flex-direction:column;gap:var(--spacing-unit);overflow:auto}.bcf-topic-form__content__head[data-v-494d92d0]{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bcf-topic-form__content__head__index[data-v-494d92d0],.bcf-topic-form__content__head__date[data-v-494d92d0]{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-494d92d0]{min-width:50px}.bcf-topic-form__content__head__date[data-v-494d92d0]{min-width:100px}.bcf-topic-form__content__actions[data-v-494d92d0]{display:flex;gap:var(--spacing-unit)}.bcf-topic-form__content__actions>*[data-v-494d92d0]{flex-grow:1}.bcf-topic-form__content__actions .count-objects[data-v-494d92d0],.bcf-topic-form__content__actions .count-annotations[data-v-494d92d0]{min-width:16px;height:16px;margin-left:var(--spacing-unit);padding:0 4px;border-radius:8px;font-size:10px;display:flex;justify-content:center;align-items:center}.bcf-topic-form__content__actions .count-objects[data-v-494d92d0]{background-color:var(--color-primary);color:var(--color-white)}.bcf-topic-form__content__actions .count-annotations[data-v-494d92d0]{background-color:var(--color-white);color:var(--color-primary)}.bcf-topic-form__content__body .bimdata-select[data-v-494d92d0]{margin:30px 0;font-size:13px}.bcf-topic-form__content__body[data-v-494d92d0] .bimdata-input input{font-size:13px;color:var(--color-granite)}.bcf-topic-form__content__body[data-v-494d92d0] .bimdata-textarea textarea{font-family:var(--primary-font);font-size:13px;color:var(--color-granite);resize:vertical}.bcf-topic-form__footer[data-v-494d92d0]{padding:var(--spacing-unit) calc(var(--spacing-unit) / 2)}.bcf-topic-form__loader[data-v-494d92d0]{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#2f374ae6;display:flex;justify-content:center;align-items:center}.user-avatar[data-v-3c02f1a9]{min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.user-avatar img[data-v-3c02f1a9]{width:100%;height:100%}.user-avatar--primary[data-v-3c02f1a9]{background-color:var(--color-primary);color:var(--color-silver-light)}.user-avatar--secondary[data-v-3c02f1a9]{background-color:var(--color-secondary);color:var(--color-primary)}.user-avatar--silver-light[data-v-3c02f1a9]{background-color:var(--color-silver-light);color:var(--color-primary)}.topic-comment__header[data-v-abad358d]{position:relative;font-weight:700}.topic-comment__header__left__user[data-v-abad358d]{width:32px;height:32px;border-radius:50px;background-color:var(--color-silver-light)}.topic-comment__header__right__actions[data-v-abad358d]{position:absolute;top:0;right:0;background-color:var(--color-white)}.topic-comment__header__right__delete[data-v-abad358d]{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-abad358d] .bimdata-textarea{margin-bottom:calc(var(--spacing-unit) / 2)}.topic-comment__content[data-v-abad358d] .bimdata-textarea textarea{font-family:Roboto;color:var(--color-granite)}.topic-comment__content[data-v-abad358d] .bimdata-textarea:not(.editing) .bar{display:none}.bcf-topic-comments p[data-v-c43343c2]{font-weight:700}.bcf-topic-comments[data-v-c43343c2] .bimdata-textarea{width:100%}.bcf-topic-viewpoints[data-v-15bf52d1]{position:relative;height:262px;min-height:262px;text-align:center;background-color:var(--color-silver-light);overflow:hidden}.bcf-topic-viewpoints.empty[data-v-15bf52d1]{display:flex;justify-content:center;align-items:center}.bcf-topic-viewpoints .status-badge[data-v-15bf52d1]{position:absolute;z-index:1;top:calc(var(--spacing-unit) / 2);left:calc(var(--spacing-unit) / 2);padding:calc(var(--spacing-unit) / 2);border-radius:3px;display:flex;gap:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-15bf52d1] .bimdata-carousel{height:100%}.bcf-topic-viewpoints[data-v-15bf52d1] .bimdata-carousel .bimdata-carousel__container{height:100%;margin:0;padding:0;overflow:hidden}.bcf-topic-viewpoints[data-v-15bf52d1] .bimdata-carousel .bimdata-carousel__container__slider{height:100%!important}.bcf-topic-viewpoints[data-v-15bf52d1] .bimdata-carousel .bimdata-carousel__btn-prev{left:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints[data-v-15bf52d1] .bimdata-carousel .bimdata-carousel__btn-next{right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .snapshot-preview[data-v-15bf52d1]{position:relative;width:100%;height:100%}.bcf-topic-viewpoints .snapshot-preview img[data-v-15bf52d1]{width:100%;height:100%;object-fit:cover}.bcf-topic-viewpoints .snapshot-preview .icon[data-v-15bf52d1]{position:absolute;z-index:1;bottom:calc(var(--spacing-unit) / 2);right:calc(var(--spacing-unit) / 2)}.bcf-topic-viewpoints .default-image[data-v-15bf52d1]{width:170px;height:170px;padding:12px}.bcf-topic-overview[data-v-15f742b7]{height:100%;font-size:12px}.bcf-topic-overview__header[data-v-15f742b7]{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-15f742b7]{flex-grow:1;font-size:14px;font-weight:700}.bcf-topic-overview__header__actions[data-v-15f742b7]{display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content[data-v-15f742b7]{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-15f742b7]{height:27px;display:flex;justify-content:space-between;align-items:center}.bcf-topic-overview__content__head__index[data-v-15f742b7],.bcf-topic-overview__content__head__date[data-v-15f742b7]{height:100%;padding:calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}.bcf-topic-overview__content__head__index[data-v-15f742b7]{min-width:50px}.bcf-topic-overview__content__head__date[data-v-15f742b7]{min-width:100px;background-color:var(--color-silver-light);color:var(--color-primary)}.bcf-topic-overview__content__card[data-v-15f742b7]{padding:var(--spacing-unit);box-shadow:var(--box-shadow);line-height:1.5}.bcf-topic-overview__content__card .title[data-v-15f742b7]{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-15f742b7]{margin-right:4px;font-weight:700;color:var(--color-primary)}.bcf-topic-overview__content__card .line .label[data-v-15f742b7]:after{content:":";padding:0 1px}.bcf-topic-overview__content__card .line .value[data-v-15f742b7]{color:var(--color-granite)}.bcf-topic-overview .delete-modal[data-v-15f742b7]{z-index:10}.bcf-topic-actions-cell .bimdata-btn[data-v-ddc03e0d]{margin:auto}.bcf-topic-index-cell[data-v-2afda176]{position:relative;display:flex;justify-content:center;align-items:center}.bcf-topic-index-cell .left-stripe[data-v-2afda176]{position:absolute;left:calc(0px - var(--spacing-unit));width:10px;height:42px}.bcf-topic-priority-cell[data-v-1d15fcf6]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center;font-weight:700}.bcf-topic-status-cell[data-v-c2a5faf4]{height:42px;padding:0 calc(var(--spacing-unit) / 2);display:flex;justify-content:center;align-items:center}

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@bimdata/bcf-components",
-  "version": "2.0.1-rc.1",
+  "version": "3.0.0-rc.10",
   "files": [
     "dist",
     "vue2-plugin.js",
     "vue3-plugin.js"
   ],
-  "main": "./dist/vue3/bcf-components.es.js",
-  "module": "./dist/vue3/bcf-components.es.js",
+  "main": "./dist/vue3/bcf-components.mjs",
+  "module": "./dist/vue3/bcf-components.mjs",
   "scripts": {
+    "prebuild:vue2": "node pre-build-vue2.js",
     "build:vue2": "vite build --config vue2-build.config.js",
     "build:vue3": "vite build --config vue3-build.config.js",
     "build": "npm run build:vue2 && npm run build:vue3",
@@ -19,24 +20,24 @@
     "vue": "^2.7 || ^3.0"
   },
   "devDependencies": {
-    "@bimdata/design-system": "1.4.0-rc.29",
+    "@bimdata/design-system": "1.4.0-rc.43",
+    "@bimdata/vite-plugin-libcss": "0.0.1",
     "@rollup/plugin-replace": "^4.0.0",
-    "@semantic-release/changelog": "^6.0.0",
-    "@semantic-release/commit-analyzer": "^9.0.1",
-    "@semantic-release/git": "^10.0.0",
-    "@semantic-release/github": "^8.0.1",
-    "@semantic-release/npm": "^8.0.0",
-    "@semantic-release/release-notes-generator": "^10.0.2",
-    "@vitejs/plugin-vue": "^1.2.5",
-    "@vue/compiler-sfc": "^3.2.31",
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/commit-analyzer": "^9.0.2",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^8.0.6",
+    "@semantic-release/npm": "^9.0.1",
+    "@semantic-release/release-notes-generator": "^10.0.3",
+    "@vitejs/plugin-vue": "^3.1.2",
+    "async": "^3.2.4",
     "conventional-changelog-eslint": "^3.0.9",
     "rollup-plugin-copy": "^3.4.0",
-    "sass": "^1.49.11",
-    "semantic-release": "^19.0.2",
-    "vite": "^2.8.6",
-    "vite-plugin-libcss": "^1.0.5",
-    "vite-plugin-vue2": "^1.9.3",
-    "vue": "^2.6.14",
-    "vue-template-compiler": "^2.6.14"
+    "sass": "^1.55.0",
+    "semantic-release": "^19.0.5",
+    "vite": "^3.1.4",
+    "vite-plugin-vue2": "^2.0.2",
+    "vue2": "npm:vue@^2.7.10",
+    "vue-template-compiler": "^2.7.10"
   }
 }

package/vue2-plugin.js

@@ -1,24 +1,30 @@
-import { setApiClient, components } from "./dist/vue2/bcf-components.es.js";
+import {
+  createService,
+  setService,
+  components
+} from "./dist/vue2/bcf-components.mjs";
 import messages from "./dist/i18n/index.js";
 
 /**
  * BCF Components library plugin for Vue 2.
  * Here are the actions the plugin will perform:
- *  - set library api client
+ *  - initialize library service
  *  - register components translations
  *  - globally register BCF components
  * 
  * @param {
  *  {
  *    apiClient: Object,
+ *    fetchUsers?: Promise,
  *    i18nPlugin: Object,
  *    includedComponents?: string[],
  *    excludedComponents?: string[],
  *  } 
- * } [cfg]
+ * }
  */
 const pluginFactory = ({
   apiClient,
+  fetchUsers,
   i18nPlugin,
   includedComponents = [],
   excludedComponents = [],
@@ -26,7 +32,8 @@ const pluginFactory = ({
   return {
     install(Vue) {
       if (apiClient) {
-        setApiClient(apiClient);
+        const service = createService(apiClient, { fetchUsers });
+        setService(service);
       } else {
         console.error(
           "[BCF Components Plugin] No api client provided. " +
@@ -49,12 +56,10 @@ const pluginFactory = ({
 
       Object.entries(components)
         .forEach(([name, component]) => {
-
           // Do not register excluded components.
           if (excludedComponents.includes(name)) {
             return;
           }
-
           // Only register included components if any.
           // Otherwise register all (non excluded) components.
           if (

package/vue3-plugin.js

@@ -1,24 +1,30 @@
-import { setApiClient, components } from "./dist/vue3/bcf-components.es.js";
+import {
+  createService,
+  setService,
+  components
+} from "./dist/vue3/bcf-components.mjs";
 import messages from "./dist/i18n/index.js";
 
 /**
  * BCF Components library plugin for Vue 3.
  * Here are the actions the plugin will perform:
- *  - set library api client
+ *  - initialize library service
  *  - register components translations
  *  - globally register BCF components
  * 
  * @param {
  *  {
  *    apiClient: Object,
+ *    fetchUsers?: Promise,
  *    i18nPlugin: Object,
  *    includedComponents?: string[],
  *    excludedComponents?: string[],
  *  } 
- * } [cfg]
+ * }
  */
 const pluginFactory = ({
   apiClient,
+  fetchUsers,
   i18nPlugin,
   includedComponents = [],
   excludedComponents = [],
@@ -26,7 +32,8 @@ const pluginFactory = ({
   return {
     install(app) {
       if (apiClient) {
-        setApiClient(apiClient);
+        const service = createService(apiClient, { fetchUsers });
+        setService(service);
       } else {
         console.error(
           "[BCF Components Plugin] No api client provided. " +
@@ -49,12 +56,10 @@ const pluginFactory = ({
 
       Object.entries(components)
         .forEach(([name, component]) => {
-
           // Do not register excluded components.
           if (excludedComponents.includes(name)) {
             return;
           }
-
           // Only register included components if any.
           // Otherwise register all (non excluded) components.
           if (