@smarterplan/ngx-smarterplan-core 1.2.18 → 1.2.20

package/fesm2020/smarterplan-ngx-smarterplan-core.mjs

@@ -2556,7 +2556,8 @@ class MatterportService {
         };
         this.config = config;
         // TODO: only for dev!
-        if (document.location.href.indexOf('dev') !== -1 || document.location.href.indexOf('localhost') !== -1) {
+        if (!!this.getCursorPositionButton &&
+            (document.location.href.indexOf('dev') !== -1 || document.location.href.indexOf('localhost') !== -1)) {
             this.intervalCursorPointerPosition = setInterval(() => {
                 if (!this.poseMatterport) {
                     return;
@@ -2694,7 +2695,8 @@ class MatterportService {
                         // (we are about to validate, but it exists in sdk already)
                         this.enable_following_tag(this.mattertagToFollow);
                     }
-                    if (document.URL.indexOf('https://dev.smarterplan.io') !== -1 || document.location.href.indexOf('localhost') !== -1) {
+                    if (!!this.getCursorPositionButton && !!this.getCursorPositionButton.style &&
+                        (document.URL.indexOf('https://dev.smarterplan.io') !== -1 || document.location.href.indexOf('localhost') !== -1)) {
                         this.getCursorPositionButton.style.display = 'none';
                         this.cursorPositionButtonDisplayed = false;
                     }
@@ -2808,6 +2810,7 @@ class MatterportService {
                 //   renderer.shadowMap.bias = 0.0001;
                 //   renderer.shadowMap.type = three.PCFSoftShadowMap;
                 // });
+                // TODO: wait for MP ticket resolution before decomment these!
                 // Wait until Showcase is actually playing....
                 // this.sdk.Tag.data.subscribe({
                 //   onAdded: async function (index, item, collection) {
@@ -3706,7 +3709,8 @@ class MatterportService {
             this.getCursorPositionButton.removeEventListener('auxclick', this.pointerMiddleClickHandler);
         }
         // TODO: only for dev!
-        if (document.location.href.indexOf('dev') !== -1 || document.location.href.indexOf('localhost') !== -1) {
+        if (!!this.getCursorPositionButton &&
+            (document.location.href.indexOf('dev') !== -1 || document.location.href.indexOf('localhost') !== -1)) {
             clearInterval(this.intervalCursorPointerPosition);
         }
     }
@@ -6289,29 +6293,30 @@ class NavigatorService {
         this.currentAudioZones = audioZones;
         // filter out audio zone (not to show to user it's name)
         zonesForSweep = zonesForSweep.filter((zone) => !zone.audio);
-        if (zonesForSweep && zonesForSweep.length > 0) {
-            this.zonesSortedForCurrentSweep = zonesForSweep.sort((a, b) => {
-                if (a.sweepIDs.length === b.sweepIDs.length) {
-                    // if the same amount of sweeps: floor == the whole space
-                    if (a.layer && b.layer) {
-                        // put type BUILDING at the end
-                        return a.layer.name !== 'BUILDING'
-                            ? -1
-                            : b.layer.name !== 'BUILDING'
-                                ? 1
-                                : 0;
-                    }
-                    return a.parent?.sweepIDs ? -1 : b.parent?.sweepIDs ? 1 : 0;
+        // LINE BELOW IS COMMENTED SINCE CREATES INFINITE SPINNER FOR ZONES WITHOUT AUDIO...
+        // if (zonesForSweep && zonesForSweep.length > 0) {
+        this.zonesSortedForCurrentSweep = zonesForSweep.sort((a, b) => {
+            if (a.sweepIDs.length === b.sweepIDs.length) {
+                // if the same amount of sweeps: floor == the whole space
+                if (a.layer && b.layer) {
+                    // put type BUILDING at the end
+                    return a.layer.name !== 'BUILDING'
+                        ? -1
+                        : b.layer.name !== 'BUILDING'
+                            ? 1
+                            : 0;
                 }
-                return a.sweepIDs.length - b.sweepIDs.length;
-            });
-            this.zoneChangeService.zonesForUserChange.next(this.zonesSortedForCurrentSweep);
-            if (this.zonesSortedForCurrentSweep.length > 0 &&
-                this.currentZone !== this.zonesSortedForCurrentSweep[0]) {
-                [this.currentZone] = this.zonesSortedForCurrentSweep;
-                this.zoneChangeService.zoneChange.next(this.currentZone);
+                return a.parent?.sweepIDs ? -1 : b.parent?.sweepIDs ? 1 : 0;
             }
+            return a.sweepIDs.length - b.sweepIDs.length;
+        });
+        this.zoneChangeService.zonesForUserChange.next(this.zonesSortedForCurrentSweep);
+        if (this.zonesSortedForCurrentSweep.length > 0 &&
+            this.currentZone !== this.zonesSortedForCurrentSweep[0]) {
+            [this.currentZone] = this.zonesSortedForCurrentSweep;
+            this.zoneChangeService.zoneChange.next(this.currentZone);
         }
+        // }
     }
 }
 NavigatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: NavigatorService, deps: [{ token: MatterportService }, { token: ViewerService }, { token: ZoneService }, { token: BaseUserService }, { token: ZoneChangeService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -11114,10 +11119,10 @@ class MenuBarComponent {
     }
 }
 MenuBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MenuBarComponent, deps: [{ token: i1$1.Router }, { token: LocaleService }, { token: BaseUserService }, { token: NavigatorService }, { token: SupportService }, { token: BaseVisibilityService }], target: i0.ɵɵFactoryTarget.Component });
-MenuBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MenuBarComponent, selector: "lib-menu-bar", ngImport: i0, template: "<div id=\"menu-bar\">\n  <div *ngIf=\"!isVisitor\">\n    <nav class=\"navbar navbar-expand-md navbar-light p-0\">\n      <div class=\"container-fluid\" *ngIf=\"isVisible\">\n        <div class=\"navbar-brand\" [routerLink]=\"['/dashboard']\">\n          <img alt=\"\" src=\"../assets/images/logos/logo-rvb-straight.png\">\n        </div>\n        <!-- <button class=\"navbar-toggler\" data-bs-target=\".navbar-collapse\" data-bs-toggle=\"collapse\" type=\"button\">\n          <span class=\"navbar-toggler-icon\"></span>\n        </button> -->\n        <div class=\"collapse navbar-collapse\">\n          <form class=\"form-inline ms-3\">\n            <input class=\"form-control search-button\" placeholder=\"keyword\" id=\"mainSearchBar\" type=\"text\">\n            <button class=\"btn btn-outline-primary rounded-pill me-2\" (click)=\"onSubmit()\">{{'Search' |\n              translate}}</button>\n            <lib-range-date-picker cacheName=\"mainDate\"></lib-range-date-picker>\n            <div class=\"change-position-button\">\n              <input type=\"checkbox\" class=\"btn-check\" id=\"btn-check-outlined\" autocomplete=\"off\">\n              <label class=\"btn btn-outline-primary\" (click)=\"onChangePositionClick()\"\n                for=\"btn-check-outlined\">{{\"Change position\" | translate}}</label>\n            </div>\n          </form>\n          <div class=\"ms-auto nav-item dropdown\">\n            <div class=\"profile_pic dropdown-toggle\" data-testid=\"dropdown-menu-button\" data-bs-toggle=\"dropdown\">\n              <lib-avatar></lib-avatar>\n            </div>\n            <div class=\"dropdown-menu dropdown-menu-right\">\n              <p *ngIf=\"user && mission\" class=\"p-2\">\n                <span class=\"username\">{{ user.displayName }}</span><br />\n                <span class=\"user-role\">{{ mission.role }}</span><br />\n                <span class=\"org\">{{ mission.organisation ? mission.organisation.name : \"No organisation\" |\n                  translate}}</span>\n              </p>\n              <div class=\"dropdown-divider\"></div>\n              <!-- <a class=\"dropdown-item\" routerLink=\"/debug\" *ngIf=\"isManager\">Debug</a> -->\n              <a class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</a>\n              <a class=\"dropdown-item\" routerLink=\"/dashboard\">{{'Data management' | translate}}</a>\n              <a class=\"dropdown-item\" data-testid=\"user-management-btn\" routerLink=\"/admin\" *ngIf=\"isManager\">\n                {{'Users management' | translate}}</a>\n              <a class=\"dropdown-item\" routerLink=\"/profile\">\n                {{'Profile' | translate}}</a>\n              <div class=\"dropdown-divider\"></div>\n              <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\n              <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\n                translate}}</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </nav>\n    <lib-navigation-bar *ngIf=\"isVisible && isChangePositionVisible\"></lib-navigation-bar>\n  </div>\n  <div *ngIf=\"isVisitor && isVisible\">\n    <div class=\"visitor-div\">\n      <div class=\"logo-container\" data-testid=\"dropdown-menu-button\">\n        <img class=\"img-logo\" alt=\"SmarterPlanLogo\" src=\"../assets/images/logos/logo-reserve.png\">\n      </div>\n      <div class=\"avatar-container-menu\">\n        <div class=\"profile_pic dropdown-toggle\" data-bs-toggle=\"dropdown\">\n          <lib-avatar></lib-avatar>\n        </div>\n        <div class=\"dropdown-menu dropdown-menu-right\">\n          <button class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</button>\n          <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\n          <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\n            translate}}</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{position:sticky;top:0;z-index:200}.navbar{z-index:200}.navbar-brand{padding-top:5px;padding-bottom:5px;cursor:pointer}.navbar-brand img{height:70px}.profile_pic{border-radius:50%;height:45px;width:45px;margin:8px;border:.2px solid #969696}.navbar-nav .profile-pic-container .dropdown-menu{position:absolute}.navbar.second-nav{z-index:199;background-color:var(--smarterplan-primary)}.profile_pic.dropdown-toggle:after{display:none}.navbar-light{border-bottom:1px solid var(--smarterplan-primary);background-color:#fff}input,select{margin-right:15px}.select{background:transparent;border:none;color:#fff;margin:6px 20px 0;width:auto}button{background-color:#fff;color:var(--smarterplan-primary);padding:5px 10px}button:disabled,button[disabled]{color:#c04f4f}.navbar-toggler{margin-right:1em}.icon{height:40px;width:40px;color:var(--smarterplan-primary)}.search-button{width:auto}.visitor-div{background-color:var(--smarterplan-primary);height:60px;display:flex;justify-content:space-between}.logo-container,.img-logo{height:100%}.change-position-button{margin-left:2rem}.change-position-button label,.change-position-button .btn-check:checked,.change-position-button .btn-check:focus,.change-position-button .btn-outline-primary,.change-position-button .btn{box-shadow:none!important;outline:0}.change-position-button label{border-radius:16px}.change-position-button .btn-check:checked+.btn{background-color:var(--smarterplan-primary);color:#fff!important}\n"], components: [{ type: RangeDatePickerComponent, selector: "lib-range-date-picker", inputs: ["cacheName"] }, { type: AvatarComponent, selector: "lib-avatar", inputs: ["size", "userID"] }, { type: NavigationBarComponent, selector: "lib-navigation-bar" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgbNavbar, selector: ".navbar" }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i1.TranslatePipe } });
+MenuBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MenuBarComponent, selector: "lib-menu-bar", ngImport: i0, template: "<div id=\"menu-bar\">\r\n  <div *ngIf=\"!isVisitor\">\r\n    <nav class=\"navbar navbar-expand-md navbar-light p-0\">\r\n      <div class=\"container-fluid\" *ngIf=\"isVisible\">\r\n        <div class=\"navbar-brand\" [routerLink]=\"['/dashboard']\">\r\n          <img alt=\"\" src=\"../assets/images/logos/logo-rvb-straight.png\">\r\n        </div>\r\n        <!-- <button class=\"navbar-toggler\" data-bs-target=\".navbar-collapse\" data-bs-toggle=\"collapse\" type=\"button\">\r\n          <span class=\"navbar-toggler-icon\"></span>\r\n        </button> -->\r\n        <div class=\"collapse navbar-collapse\">\r\n          <form class=\"form-inline ms-3\">\r\n            <input class=\"form-control search-button\" placeholder=\"keyword\" id=\"mainSearchBar\" type=\"text\">\r\n            <button class=\"btn btn-outline-primary rounded-pill me-2\" (click)=\"onSubmit()\">{{'Search' |\r\n              translate}}</button>\r\n            <lib-range-date-picker cacheName=\"mainDate\"></lib-range-date-picker>\r\n            <div class=\"change-position-button\">\r\n              <input type=\"checkbox\" class=\"btn-check\" id=\"btn-check-outlined\" autocomplete=\"off\">\r\n              <label class=\"btn btn-outline-primary\" (click)=\"onChangePositionClick()\"\r\n                for=\"btn-check-outlined\">{{\"Change position\" | translate}}</label>\r\n            </div>\r\n          </form>\r\n          <div class=\"ms-auto nav-item dropdown\">\r\n            <div class=\"profile_pic dropdown-toggle\" data-testid=\"dropdown-menu-button\" data-bs-toggle=\"dropdown\">\r\n              <lib-avatar></lib-avatar>\r\n            </div>\r\n            <div class=\"dropdown-menu dropdown-menu-right\">\r\n              <p *ngIf=\"user && mission\" class=\"p-2\">\r\n                <span class=\"username\">{{ user.displayName }}</span><br />\r\n                <span class=\"user-role\">{{ mission.role }}</span><br />\r\n                <span class=\"org\">{{ mission.organisation ? mission.organisation.name : \"No organisation\" |\r\n                  translate}}</span>\r\n              </p>\r\n              <div class=\"dropdown-divider\"></div>\r\n              <!-- <a class=\"dropdown-item\" routerLink=\"/debug\" *ngIf=\"isManager\">Debug</a> -->\r\n              <a class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</a>\r\n              <a class=\"dropdown-item\" routerLink=\"/dashboard\">{{'Data management' | translate}}</a>\r\n              <a class=\"dropdown-item\" data-testid=\"user-management-btn\" routerLink=\"/admin\" *ngIf=\"isManager\">\r\n                {{'Users management' | translate}}</a>\r\n              <a class=\"dropdown-item\" routerLink=\"/profile\">\r\n                {{'Profile' | translate}}</a>\r\n              <div class=\"dropdown-divider\"></div>\r\n              <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\r\n              <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\r\n                translate}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </nav>\r\n    <lib-navigation-bar *ngIf=\"isVisible && isChangePositionVisible\"></lib-navigation-bar>\r\n  </div>\r\n  <div *ngIf=\"isVisitor && isVisible\">\r\n    <div class=\"visitor-div\">\r\n      <div class=\"logo-container\" data-testid=\"dropdown-menu-button\">\r\n        <img class=\"img-logo\" alt=\"SmarterPlanLogo\" src=\"../assets/images/logos/logo-reserve.png\">\r\n      </div>\r\n      <div class=\"avatar-container-menu\">\r\n        <div class=\"profile_pic dropdown-toggle\" data-bs-toggle=\"dropdown\">\r\n          <lib-avatar></lib-avatar>\r\n        </div>\r\n        <div class=\"dropdown-menu dropdown-menu-right\">\r\n          <button class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</button>\r\n          <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\r\n          <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\r\n            translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":host{position:sticky;top:0;z-index:200}.navbar{z-index:200}.navbar-brand{padding-top:5px;padding-bottom:5px;cursor:pointer}.navbar-brand img{height:70px}.profile_pic{border-radius:50%;height:45px;width:45px;margin:8px;border:.2px solid #969696}.navbar-nav .profile-pic-container .dropdown-menu{position:absolute}.navbar.second-nav{z-index:199;background-color:var(--smarterplan-primary)}.profile_pic.dropdown-toggle:after{display:none}.navbar-light{border-bottom:1px solid var(--smarterplan-primary);background-color:#fff}input,select{margin-right:15px}.select{background:transparent;border:none;color:#fff;margin:6px 20px 0;width:auto}button{background-color:#fff;color:var(--smarterplan-primary);padding:5px 10px}button:disabled,button[disabled]{color:#c04f4f}.navbar-toggler{margin-right:1em}.icon{height:40px;width:40px;color:var(--smarterplan-primary)}.search-button{width:auto}.visitor-div{background-color:var(--smarterplan-primary);height:60px;display:flex;justify-content:space-between}.logo-container,.img-logo{height:100%}.change-position-button{margin-left:2rem}.change-position-button label,.change-position-button .btn-check:checked,.change-position-button .btn-check:focus,.change-position-button .btn-outline-primary,.change-position-button .btn{box-shadow:none!important;outline:0}.change-position-button label{border-radius:16px}.change-position-button .btn-check:checked+.btn{background-color:var(--smarterplan-primary);color:#fff!important}\n"], components: [{ type: RangeDatePickerComponent, selector: "lib-range-date-picker", inputs: ["cacheName"] }, { type: AvatarComponent, selector: "lib-avatar", inputs: ["size", "userID"] }, { type: NavigationBarComponent, selector: "lib-navigation-bar" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgbNavbar, selector: ".navbar" }, { type: i1$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "translate": i1.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MenuBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-menu-bar', template: "<div id=\"menu-bar\">\n  <div *ngIf=\"!isVisitor\">\n    <nav class=\"navbar navbar-expand-md navbar-light p-0\">\n      <div class=\"container-fluid\" *ngIf=\"isVisible\">\n        <div class=\"navbar-brand\" [routerLink]=\"['/dashboard']\">\n          <img alt=\"\" src=\"../assets/images/logos/logo-rvb-straight.png\">\n        </div>\n        <!-- <button class=\"navbar-toggler\" data-bs-target=\".navbar-collapse\" data-bs-toggle=\"collapse\" type=\"button\">\n          <span class=\"navbar-toggler-icon\"></span>\n        </button> -->\n        <div class=\"collapse navbar-collapse\">\n          <form class=\"form-inline ms-3\">\n            <input class=\"form-control search-button\" placeholder=\"keyword\" id=\"mainSearchBar\" type=\"text\">\n            <button class=\"btn btn-outline-primary rounded-pill me-2\" (click)=\"onSubmit()\">{{'Search' |\n              translate}}</button>\n            <lib-range-date-picker cacheName=\"mainDate\"></lib-range-date-picker>\n            <div class=\"change-position-button\">\n              <input type=\"checkbox\" class=\"btn-check\" id=\"btn-check-outlined\" autocomplete=\"off\">\n              <label class=\"btn btn-outline-primary\" (click)=\"onChangePositionClick()\"\n                for=\"btn-check-outlined\">{{\"Change position\" | translate}}</label>\n            </div>\n          </form>\n          <div class=\"ms-auto nav-item dropdown\">\n            <div class=\"profile_pic dropdown-toggle\" data-testid=\"dropdown-menu-button\" data-bs-toggle=\"dropdown\">\n              <lib-avatar></lib-avatar>\n            </div>\n            <div class=\"dropdown-menu dropdown-menu-right\">\n              <p *ngIf=\"user && mission\" class=\"p-2\">\n                <span class=\"username\">{{ user.displayName }}</span><br />\n                <span class=\"user-role\">{{ mission.role }}</span><br />\n                <span class=\"org\">{{ mission.organisation ? mission.organisation.name : \"No organisation\" |\n                  translate}}</span>\n              </p>\n              <div class=\"dropdown-divider\"></div>\n              <!-- <a class=\"dropdown-item\" routerLink=\"/debug\" *ngIf=\"isManager\">Debug</a> -->\n              <a class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</a>\n              <a class=\"dropdown-item\" routerLink=\"/dashboard\">{{'Data management' | translate}}</a>\n              <a class=\"dropdown-item\" data-testid=\"user-management-btn\" routerLink=\"/admin\" *ngIf=\"isManager\">\n                {{'Users management' | translate}}</a>\n              <a class=\"dropdown-item\" routerLink=\"/profile\">\n                {{'Profile' | translate}}</a>\n              <div class=\"dropdown-divider\"></div>\n              <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\n              <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\n                translate}}</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </nav>\n    <lib-navigation-bar *ngIf=\"isVisible && isChangePositionVisible\"></lib-navigation-bar>\n  </div>\n  <div *ngIf=\"isVisitor && isVisible\">\n    <div class=\"visitor-div\">\n      <div class=\"logo-container\" data-testid=\"dropdown-menu-button\">\n        <img class=\"img-logo\" alt=\"SmarterPlanLogo\" src=\"../assets/images/logos/logo-reserve.png\">\n      </div>\n      <div class=\"avatar-container-menu\">\n        <div class=\"profile_pic dropdown-toggle\" data-bs-toggle=\"dropdown\">\n          <lib-avatar></lib-avatar>\n        </div>\n        <div class=\"dropdown-menu dropdown-menu-right\">\n          <button class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</button>\n          <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\n          <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\n            translate}}</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host{position:sticky;top:0;z-index:200}.navbar{z-index:200}.navbar-brand{padding-top:5px;padding-bottom:5px;cursor:pointer}.navbar-brand img{height:70px}.profile_pic{border-radius:50%;height:45px;width:45px;margin:8px;border:.2px solid #969696}.navbar-nav .profile-pic-container .dropdown-menu{position:absolute}.navbar.second-nav{z-index:199;background-color:var(--smarterplan-primary)}.profile_pic.dropdown-toggle:after{display:none}.navbar-light{border-bottom:1px solid var(--smarterplan-primary);background-color:#fff}input,select{margin-right:15px}.select{background:transparent;border:none;color:#fff;margin:6px 20px 0;width:auto}button{background-color:#fff;color:var(--smarterplan-primary);padding:5px 10px}button:disabled,button[disabled]{color:#c04f4f}.navbar-toggler{margin-right:1em}.icon{height:40px;width:40px;color:var(--smarterplan-primary)}.search-button{width:auto}.visitor-div{background-color:var(--smarterplan-primary);height:60px;display:flex;justify-content:space-between}.logo-container,.img-logo{height:100%}.change-position-button{margin-left:2rem}.change-position-button label,.change-position-button .btn-check:checked,.change-position-button .btn-check:focus,.change-position-button .btn-outline-primary,.change-position-button .btn{box-shadow:none!important;outline:0}.change-position-button label{border-radius:16px}.change-position-button .btn-check:checked+.btn{background-color:var(--smarterplan-primary);color:#fff!important}\n"] }]
+            args: [{ selector: 'lib-menu-bar', template: "<div id=\"menu-bar\">\r\n  <div *ngIf=\"!isVisitor\">\r\n    <nav class=\"navbar navbar-expand-md navbar-light p-0\">\r\n      <div class=\"container-fluid\" *ngIf=\"isVisible\">\r\n        <div class=\"navbar-brand\" [routerLink]=\"['/dashboard']\">\r\n          <img alt=\"\" src=\"../assets/images/logos/logo-rvb-straight.png\">\r\n        </div>\r\n        <!-- <button class=\"navbar-toggler\" data-bs-target=\".navbar-collapse\" data-bs-toggle=\"collapse\" type=\"button\">\r\n          <span class=\"navbar-toggler-icon\"></span>\r\n        </button> -->\r\n        <div class=\"collapse navbar-collapse\">\r\n          <form class=\"form-inline ms-3\">\r\n            <input class=\"form-control search-button\" placeholder=\"keyword\" id=\"mainSearchBar\" type=\"text\">\r\n            <button class=\"btn btn-outline-primary rounded-pill me-2\" (click)=\"onSubmit()\">{{'Search' |\r\n              translate}}</button>\r\n            <lib-range-date-picker cacheName=\"mainDate\"></lib-range-date-picker>\r\n            <div class=\"change-position-button\">\r\n              <input type=\"checkbox\" class=\"btn-check\" id=\"btn-check-outlined\" autocomplete=\"off\">\r\n              <label class=\"btn btn-outline-primary\" (click)=\"onChangePositionClick()\"\r\n                for=\"btn-check-outlined\">{{\"Change position\" | translate}}</label>\r\n            </div>\r\n          </form>\r\n          <div class=\"ms-auto nav-item dropdown\">\r\n            <div class=\"profile_pic dropdown-toggle\" data-testid=\"dropdown-menu-button\" data-bs-toggle=\"dropdown\">\r\n              <lib-avatar></lib-avatar>\r\n            </div>\r\n            <div class=\"dropdown-menu dropdown-menu-right\">\r\n              <p *ngIf=\"user && mission\" class=\"p-2\">\r\n                <span class=\"username\">{{ user.displayName }}</span><br />\r\n                <span class=\"user-role\">{{ mission.role }}</span><br />\r\n                <span class=\"org\">{{ mission.organisation ? mission.organisation.name : \"No organisation\" |\r\n                  translate}}</span>\r\n              </p>\r\n              <div class=\"dropdown-divider\"></div>\r\n              <!-- <a class=\"dropdown-item\" routerLink=\"/debug\" *ngIf=\"isManager\">Debug</a> -->\r\n              <a class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</a>\r\n              <a class=\"dropdown-item\" routerLink=\"/dashboard\">{{'Data management' | translate}}</a>\r\n              <a class=\"dropdown-item\" data-testid=\"user-management-btn\" routerLink=\"/admin\" *ngIf=\"isManager\">\r\n                {{'Users management' | translate}}</a>\r\n              <a class=\"dropdown-item\" routerLink=\"/profile\">\r\n                {{'Profile' | translate}}</a>\r\n              <div class=\"dropdown-divider\"></div>\r\n              <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\r\n              <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\r\n                translate}}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </nav>\r\n    <lib-navigation-bar *ngIf=\"isVisible && isChangePositionVisible\"></lib-navigation-bar>\r\n  </div>\r\n  <div *ngIf=\"isVisitor && isVisible\">\r\n    <div class=\"visitor-div\">\r\n      <div class=\"logo-container\" data-testid=\"dropdown-menu-button\">\r\n        <img class=\"img-logo\" alt=\"SmarterPlanLogo\" src=\"../assets/images/logos/logo-reserve.png\">\r\n      </div>\r\n      <div class=\"avatar-container-menu\">\r\n        <div class=\"profile_pic dropdown-toggle\" data-bs-toggle=\"dropdown\">\r\n          <lib-avatar></lib-avatar>\r\n        </div>\r\n        <div class=\"dropdown-menu dropdown-menu-right\">\r\n          <button class=\"dropdown-item\" (click)=\"localeService.modal()\">{{'Language' | translate}}</button>\r\n          <button class=\"dropdown-item\" (click)=\"openSupportForm()\">{{\"Help\" | translate}}</button>\r\n          <button data-testid=\"logout-auth-btn\" class=\"dropdown-item\" (click)=\"signOut()\">{{\"Logout\" |\r\n            translate}}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":host{position:sticky;top:0;z-index:200}.navbar{z-index:200}.navbar-brand{padding-top:5px;padding-bottom:5px;cursor:pointer}.navbar-brand img{height:70px}.profile_pic{border-radius:50%;height:45px;width:45px;margin:8px;border:.2px solid #969696}.navbar-nav .profile-pic-container .dropdown-menu{position:absolute}.navbar.second-nav{z-index:199;background-color:var(--smarterplan-primary)}.profile_pic.dropdown-toggle:after{display:none}.navbar-light{border-bottom:1px solid var(--smarterplan-primary);background-color:#fff}input,select{margin-right:15px}.select{background:transparent;border:none;color:#fff;margin:6px 20px 0;width:auto}button{background-color:#fff;color:var(--smarterplan-primary);padding:5px 10px}button:disabled,button[disabled]{color:#c04f4f}.navbar-toggler{margin-right:1em}.icon{height:40px;width:40px;color:var(--smarterplan-primary)}.search-button{width:auto}.visitor-div{background-color:var(--smarterplan-primary);height:60px;display:flex;justify-content:space-between}.logo-container,.img-logo{height:100%}.change-position-button{margin-left:2rem}.change-position-button label,.change-position-button .btn-check:checked,.change-position-button .btn-check:focus,.change-position-button .btn-outline-primary,.change-position-button .btn{box-shadow:none!important;outline:0}.change-position-button label{border-radius:16px}.change-position-button .btn-check:checked+.btn{background-color:var(--smarterplan-primary);color:#fff!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: LocaleService }, { type: BaseUserService }, { type: NavigatorService }, { type: SupportService }, { type: BaseVisibilityService }]; } });
 
 class NgxSmarterplanCoreModule {
@@ -11223,7 +11228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
 class BaseTagService {
     constructor() { }
     async getHtmlToInject(tagType, object) {
-        throw new Error(`getHtmlToInject is not implemented in the base class. 
+        throw new Error(`getHtmlToInject is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     getUrlForSeeDetails(object, tagType) {
@@ -11248,27 +11253,27 @@ class BaseTagService {
         }
     }
     async prepareEquipmentHtml(equip) {
-        throw new Error(`prepareEquipmentHtml is not implemented in the base class. 
+        throw new Error(`prepareEquipmentHtml is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     async prepareTicketHtml(ticket) {
-        throw new Error(`prepareTicketHtml is not implemented in the base class. 
+        throw new Error(`prepareTicketHtml is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     async prepareFeatureHtml(feature) {
-        throw new Error(`prepareFeatureHtml is not implemented in the base class. 
+        throw new Error(`prepareFeatureHtml is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     async prepareMeasurementHtml(measure) {
-        throw new Error(`prepareMeasurementHtml is not implemented in the base class. 
+        throw new Error(`prepareMeasurementHtml is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     async prepareDeskHtml(feature) {
-        throw new Error(`prepareDeskHtml is not implemented in the base class. 
+        throw new Error(`prepareDeskHtml is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     async prepareIndicatorHtml(feature) {
-        throw new Error(`prepareDeskHtml is not implemented in the base class. 
+        throw new Error(`prepareDeskHtml is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     async getSignedTagIconSource(tagIconSrc) {
@@ -11277,43 +11282,43 @@ class BaseTagService {
     getIconTagImageForFeature(feature, poi) {
         // const tagIcon = JSON.parse(poi.tagIcon);
         // return tagIcon.src;
-        throw new Error(`getIconTagImageForFeature is not implemented in the base class. 
+        throw new Error(`getIconTagImageForFeature is not implemented in the base class. 
                          Please override this method in your extended class.`);
     }
     getScriptForTag(object, tagType) {
-        throw new Error(`getScriptForTag is not implemented in the base class. 
+        throw new Error(`getScriptForTag is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     getAnnexeForCommentTypeInFeature(feature, commentType) {
-        throw new Error(`getAnnexeForCommentTypeInFeature is not implemented in the base class. 
+        throw new Error(`getAnnexeForCommentTypeInFeature is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     getBillboardMediaToEmbed(object) {
-        throw new Error(`getBillboardMediaToEmbed is not implemented in the base class. 
+        throw new Error(`getBillboardMediaToEmbed is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     onActionDetailClick(url) {
-        throw new Error(`onActionDetailClick is not implemented in the base class. 
+        throw new Error(`onActionDetailClick is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     onActionAudioClick(audioCommentID) {
-        throw new Error(`onActionDetailClick is not implemented in the base class. 
+        throw new Error(`onActionDetailClick is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     onActionVideoClick(url) {
-        throw new Error(`onActionVideoClick is not implemented in the base class. 
+        throw new Error(`onActionVideoClick is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     onActionImageClick(imageCommentID) {
-        throw new Error(`onActionImageClick is not implemented in the base class.
+        throw new Error(`onActionImageClick is not implemented in the base class.
         Please override this method in your extended class.`);
     }
     onActionDocClick(url) {
-        throw new Error(`onActionDocClick is not implemented in the base class. 
+        throw new Error(`onActionDocClick is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
     onActionYoutubeClick(url) {
-        throw new Error(`onActionYoutubeClick is not implemented in the base class. 
+        throw new Error(`onActionYoutubeClick is not implemented in the base class. 
         Please override this method in your extended class.`);
     }
 }