@retalia/sidebar-navigation 17.3.12 → 19.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/retalia-sidebar-navigation.mjs +44 -53
- package/fesm2022/retalia-sidebar-navigation.mjs.map +1 -1
- package/lib/navigation-lib.module.d.ts +2 -3
- package/package.json +3 -5
- package/esm2022/lib/data/support-routes.mjs +0 -55
- package/esm2022/lib/data/test-data.mjs +0 -621
- package/esm2022/lib/models/cookie-names.mjs +0 -14
- package/esm2022/lib/models/environment.mjs +0 -2
- package/esm2022/lib/models/http-response.mjs +0 -2
- package/esm2022/lib/models/module.mjs +0 -2
- package/esm2022/lib/navigation-lib.component.mjs +0 -28
- package/esm2022/lib/navigation-lib.module.mjs +0 -47
- package/esm2022/lib/navigation-lib.service.mjs +0 -14
- package/esm2022/lib/services/auth.service.mjs +0 -43
- package/esm2022/lib/services/cookie.service.mjs +0 -34
- package/esm2022/lib/services/http.service.mjs +0 -19
- package/esm2022/lib/services/module.service.mjs +0 -133
- package/esm2022/lib/services/sub-item.service.mjs +0 -47
- package/esm2022/lib/sidebar/shop-modal/shop-modal.component.mjs +0 -40
- package/esm2022/lib/sidebar/sidebar.component.mjs +0 -182
- package/esm2022/lib/sidebar/sub-item/sub-item.component.mjs +0 -52
- package/esm2022/lib/topbar/topbar.component.mjs +0 -68
- package/esm2022/public-api.mjs +0 -12
- package/esm2022/retalia-sidebar-navigation.mjs +0 -5
|
@@ -7,14 +7,14 @@ import { getDomain } from 'tldjs';
|
|
|
7
7
|
import { set, get, remove } from 'es-cookie';
|
|
8
8
|
import * as i1 from 'ngx-smart-modal';
|
|
9
9
|
import { NgxSmartModalModule } from 'ngx-smart-modal';
|
|
10
|
-
import {
|
|
10
|
+
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
11
11
|
|
|
12
12
|
class NavigationLibService {
|
|
13
13
|
constructor() { }
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
15
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibService, providedIn: 'root' }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibService, decorators: [{
|
|
18
18
|
type: Injectable,
|
|
19
19
|
args: [{
|
|
20
20
|
providedIn: 'root'
|
|
@@ -848,10 +848,10 @@ class ModuleService {
|
|
|
848
848
|
this.setNavigationTitle(selectedItem);
|
|
849
849
|
return this.modules.filter(m => m.url.indexOf(moduleRoute) > 0)[0];
|
|
850
850
|
}
|
|
851
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
852
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
851
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ModuleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
852
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ModuleService, providedIn: 'root' }); }
|
|
853
853
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ModuleService, decorators: [{
|
|
855
855
|
type: Injectable,
|
|
856
856
|
args: [{
|
|
857
857
|
providedIn: 'root',
|
|
@@ -894,10 +894,10 @@ class SubItemService {
|
|
|
894
894
|
subItemclicked(item) {
|
|
895
895
|
this.subItemClickEvent.emit(item);
|
|
896
896
|
}
|
|
897
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
898
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
897
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SubItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
898
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SubItemService }); }
|
|
899
899
|
}
|
|
900
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SubItemService, decorators: [{
|
|
901
901
|
type: Injectable
|
|
902
902
|
}], ctorParameters: () => [] });
|
|
903
903
|
|
|
@@ -920,10 +920,10 @@ class CookieService {
|
|
|
920
920
|
removeCookie(cookieName) {
|
|
921
921
|
remove(cookieName, { path: '/', domain: this.getDomain() });
|
|
922
922
|
}
|
|
923
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
924
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
923
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CookieService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
924
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CookieService }); }
|
|
925
925
|
}
|
|
926
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CookieService, decorators: [{
|
|
927
927
|
type: Injectable
|
|
928
928
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
929
929
|
type: Inject,
|
|
@@ -968,12 +968,12 @@ class SubItemComponent {
|
|
|
968
968
|
checkVisibleSubItems(item) {
|
|
969
969
|
return item && item.visible && item.children.some((se) => se.visible);
|
|
970
970
|
}
|
|
971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
972
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SubItemComponent, deps: [{ token: SubItemService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
972
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SubItemComponent, isStandalone: false, selector: "sub-item", inputs: { items: "items" }, ngImport: i0, template: "<div *ngFor=\"let item of items; let i = index\"\r\n [attr.data-testid]=\"'nav-' + (item.authorizationId || item.name)\"\r\n [class]=\"this.getClass(item, items)\" (click)=\"subItemClicked($event, item)\">\r\n <ng-container *ngIf=\"item.visible\">\r\n {{ item.translatedName || item.name }}\r\n <img src=\"assets/icons/subItem-arrow.svg\" class=\"sub-item-arrow\"\r\n [ngClass]=\"{'rotated': checkVisibleSubItems(item)}\" *ngIf=\"item.children.length > 0\" />\r\n </ng-container>\r\n <sub-item [items]=\"item.children\" *ngIf=\"item.children\">\r\n </sub-item>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}.sub-item,.item-group{position:relative;list-style:none;pointer-events:all;text-transform:capitalize;color:#919295;transition:background-color .1s ease-in-out;width:258px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}@media (max-width: 37.5em){.sub-item,.item-group{width:100%;line-height:45px}}.sub-item:hover,.item-group:hover{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}.item-group>*{text-indent:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item{display:inline-block;position:relative;list-style:none;text-transform:uppercase;text-indent:12px;align-items:center;line-height:30px;border:0px;cursor:pointer;font-weight:600;color:#545454;transition:background-color .1s ease-in-out;padding:4px 0;padding-right:15px!important;width:245px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 37.5em){.item{width:100%;padding:10px 0!important}}.item:hover{background:#fff6}.sub-item-arrow{position:absolute!important;all:initial;pointer-events:none;height:5px;right:10px;padding:12px 0;transition:.1s linear all;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;transform:rotate(180deg)}.rotated{transform:rotate(0)}.active{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SubItemComponent, selector: "sub-item", inputs: ["items"] }] }); }
|
|
973
973
|
}
|
|
974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SubItemComponent, decorators: [{
|
|
975
975
|
type: Component,
|
|
976
|
-
args: [{ selector: 'sub-item', template: "<div *ngFor=\"let item of items; let i = index\"\r\n [attr.data-testid]=\"'nav-' + (item.authorizationId || item.name)\"\r\n [class]=\"this.getClass(item, items)\" (click)=\"subItemClicked($event, item)\">\r\n <ng-container *ngIf=\"item.visible\">\r\n {{ item.translatedName || item.name }}\r\n <img src=\"assets/icons/subItem-arrow.svg\" class=\"sub-item-arrow\"\r\n [ngClass]=\"{'rotated': checkVisibleSubItems(item)}\" *ngIf=\"item.children.length > 0\" />\r\n </ng-container>\r\n <sub-item [items]=\"item.children\" *ngIf=\"item.children\">\r\n </sub-item>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}.sub-item,.item-group{position:relative;list-style:none;pointer-events:all;text-transform:capitalize;color:#919295;transition:background-color .1s ease-in-out;width:258px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}@media (max-width: 37.5em){.sub-item,.item-group{width:100%;line-height:45px}}.sub-item:hover,.item-group:hover{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}.item-group>*{text-indent:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item{display:inline-block;position:relative;list-style:none;text-transform:uppercase;text-indent:12px;align-items:center;line-height:30px;border:0px;cursor:pointer;font-weight:600;color:#545454;transition:background-color .1s ease-in-out;padding:4px 0;padding-right:15px!important;width:245px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 37.5em){.item{width:100%;padding:10px 0!important}}.item:hover{background:#fff6}.sub-item-arrow{position:absolute!important;all:initial;pointer-events:none;height:5px;right:10px;padding:12px 0;transition:.1s linear all;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;transform:rotate(180deg)}.rotated{transform:rotate(0)}.active{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}\n"] }]
|
|
976
|
+
args: [{ selector: 'sub-item', standalone: false, template: "<div *ngFor=\"let item of items; let i = index\"\r\n [attr.data-testid]=\"'nav-' + (item.authorizationId || item.name)\"\r\n [class]=\"this.getClass(item, items)\" (click)=\"subItemClicked($event, item)\">\r\n <ng-container *ngIf=\"item.visible\">\r\n {{ item.translatedName || item.name }}\r\n <img src=\"assets/icons/subItem-arrow.svg\" class=\"sub-item-arrow\"\r\n [ngClass]=\"{'rotated': checkVisibleSubItems(item)}\" *ngIf=\"item.children.length > 0\" />\r\n </ng-container>\r\n <sub-item [items]=\"item.children\" *ngIf=\"item.children\">\r\n </sub-item>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}.sub-item,.item-group{position:relative;list-style:none;pointer-events:all;text-transform:capitalize;color:#919295;transition:background-color .1s ease-in-out;width:258px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}@media (max-width: 37.5em){.sub-item,.item-group{width:100%;line-height:45px}}.sub-item:hover,.item-group:hover{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}.item-group>*{text-indent:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item{display:inline-block;position:relative;list-style:none;text-transform:uppercase;text-indent:12px;align-items:center;line-height:30px;border:0px;cursor:pointer;font-weight:600;color:#545454;transition:background-color .1s ease-in-out;padding:4px 0;padding-right:15px!important;width:245px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 37.5em){.item{width:100%;padding:10px 0!important}}.item:hover{background:#fff6}.sub-item-arrow{position:absolute!important;all:initial;pointer-events:none;height:5px;right:10px;padding:12px 0;transition:.1s linear all;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;transform:rotate(180deg)}.rotated{transform:rotate(0)}.active{color:#454fef;background:#fffc;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:scale(1.02)}\n"] }]
|
|
977
977
|
}], ctorParameters: () => [{ type: SubItemService }], propDecorators: { items: [{
|
|
978
978
|
type: Input
|
|
979
979
|
}] } });
|
|
@@ -1000,12 +1000,12 @@ class ShopModalComponent {
|
|
|
1000
1000
|
.toLowerCase()
|
|
1001
1001
|
.includes(this.shopSearchValue.toLowerCase()));
|
|
1002
1002
|
}
|
|
1003
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1004
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1003
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ShopModalComponent, deps: [{ token: i1.NgxSmartModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ShopModalComponent, isStandalone: false, selector: "shop-modal", inputs: { availableShops: "availableShops", shopSearchValue: "shopSearchValue" }, outputs: { selectedShop: "selectedShop" }, ngImport: i0, template: "<ngx-smart-modal #shopModal identifier=\"shopModal\">\r\n <h1 class=\"shopSelect\">Shop Select</h1>\r\n <ng-container *ngIf=\"availableShops\">\r\n <ng-container *ngIf=\"availableShops.length > 8 || copyAvailableShops.length > 8\">\r\n <input class=\"shopSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"shopSearchValue\"\r\n required=\"false\" [placeholder]=\"shopSearchPlaceholder\" (keyup)=\"handleShopSearch($event)\"\r\n (click)=\"handleShopSearch($event)\" />\r\n </ng-container>\r\n <div class=\"shopButtons\">\r\n <button class=\"shopButton\" *ngFor=\"let shop of availableShops\"\r\n [attr.data-testid]=\"'nav-shop' + shop.id\"\r\n (click)=\"shopSelected(shop)\">{{shop.description}}</button>\r\n </div>\r\n </ng-container>\r\n</ngx-smart-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#shopModal{direction:ltr}.shopButtons{display:block;padding:10px 0;margin:auto;width:100%;text-align:center}.shopButton{cursor:pointer;min-width:90px;border-radius:5px;border:none;outline:none;padding:5px 10px}.shopButton+.shopButton{margin-left:10px;margin-bottom:10px}.shopSearchInput{display:block;direction:ltr;width:90%;height:inherit;margin:auto}input:invalid{box-shadow:none}.shopSelect{font-size:18px;font-family:Poppins,sans-serif;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.NgxSmartModalComponent, selector: "ngx-smart-modal", inputs: ["closable", "escapable", "dismissable", "identifier", "customClass", "visible", "backdrop", "force", "hideDelay", "autostart", "target", "ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "refocus"], outputs: ["visibleChange", "onClose", "onCloseFinished", "onDismiss", "onDismissFinished", "onAnyCloseEvent", "onAnyCloseEventFinished", "onOpen", "onOpenFinished", "onEscape", "onDataAdded", "onDataRemoved"] }] }); }
|
|
1005
1005
|
}
|
|
1006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ShopModalComponent, decorators: [{
|
|
1007
1007
|
type: Component,
|
|
1008
|
-
args: [{ selector: 'shop-modal', template: "<ngx-smart-modal #shopModal identifier=\"shopModal\">\r\n <h1 class=\"shopSelect\">Shop Select</h1>\r\n <ng-container *ngIf=\"availableShops\">\r\n <ng-container *ngIf=\"availableShops.length > 8 || copyAvailableShops.length > 8\">\r\n <input class=\"shopSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"shopSearchValue\"\r\n required=\"false\" [placeholder]=\"shopSearchPlaceholder\" (keyup)=\"handleShopSearch($event)\"\r\n (click)=\"handleShopSearch($event)\" />\r\n </ng-container>\r\n <div class=\"shopButtons\">\r\n <button class=\"shopButton\" *ngFor=\"let shop of availableShops\"\r\n [attr.data-testid]=\"'nav-shop' + shop.id\"\r\n (click)=\"shopSelected(shop)\">{{shop.description}}</button>\r\n </div>\r\n </ng-container>\r\n</ngx-smart-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#shopModal{direction:ltr}.shopButtons{display:block;padding:10px 0;margin:auto;width:100%;text-align:center}.shopButton{cursor:pointer;min-width:90px;border-radius:5px;border:none;outline:none;padding:5px 10px}.shopButton+.shopButton{margin-left:10px;margin-bottom:10px}.shopSearchInput{display:block;direction:ltr;width:90%;height:inherit;margin:auto}input:invalid{box-shadow:none}.shopSelect{font-size:18px;font-family:Poppins,sans-serif;text-align:center}\n"] }]
|
|
1008
|
+
args: [{ selector: 'shop-modal', standalone: false, template: "<ngx-smart-modal #shopModal identifier=\"shopModal\">\r\n <h1 class=\"shopSelect\">Shop Select</h1>\r\n <ng-container *ngIf=\"availableShops\">\r\n <ng-container *ngIf=\"availableShops.length > 8 || copyAvailableShops.length > 8\">\r\n <input class=\"shopSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"shopSearchValue\"\r\n required=\"false\" [placeholder]=\"shopSearchPlaceholder\" (keyup)=\"handleShopSearch($event)\"\r\n (click)=\"handleShopSearch($event)\" />\r\n </ng-container>\r\n <div class=\"shopButtons\">\r\n <button class=\"shopButton\" *ngFor=\"let shop of availableShops\"\r\n [attr.data-testid]=\"'nav-shop' + shop.id\"\r\n (click)=\"shopSelected(shop)\">{{shop.description}}</button>\r\n </div>\r\n </ng-container>\r\n</ngx-smart-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#shopModal{direction:ltr}.shopButtons{display:block;padding:10px 0;margin:auto;width:100%;text-align:center}.shopButton{cursor:pointer;min-width:90px;border-radius:5px;border:none;outline:none;padding:5px 10px}.shopButton+.shopButton{margin-left:10px;margin-bottom:10px}.shopSearchInput{display:block;direction:ltr;width:90%;height:inherit;margin:auto}input:invalid{box-shadow:none}.shopSelect{font-size:18px;font-family:Poppins,sans-serif;text-align:center}\n"] }]
|
|
1009
1009
|
}], ctorParameters: () => [{ type: i1.NgxSmartModalService }], propDecorators: { availableShops: [{
|
|
1010
1010
|
type: Input
|
|
1011
1011
|
}], selectedShop: [{
|
|
@@ -1171,12 +1171,12 @@ class SidebarComponent {
|
|
|
1171
1171
|
this.panelButtonStates.isModuleOpen = this.isSidebarOpen;
|
|
1172
1172
|
});
|
|
1173
1173
|
}
|
|
1174
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1174
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SidebarComponent, deps: [{ token: ModuleService }, { token: SubItemService }, { token: CookieService }, { token: i1.NgxSmartModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1175
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SidebarComponent, isStandalone: false, selector: "sidebar", inputs: { environment: "environment", moduleSearchValue: "moduleSearchValue" }, outputs: { selectedRoute: "selectedRoute" }, usesOnChanges: true, ngImport: i0, template: "<div id=\"sidebar-panel\">\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isModuleOpen')\" data-testid=\"nav-menu\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isModuleOpen\" height=\"14\" width=\"21\" viewBox=\"0 0 18 12\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path d=\"M0 12H18V10H0V12ZM0 7H18V5H0V7ZM0 0V2H18V0H0Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isModuleOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isSupportOpen')\" data-testid=\"nav-support\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isSupportOpen\" width=\"18\" height=\"21\" viewBox=\"0 0 18 21\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H6L9 21L12 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM10 16H8V14H10V16ZM12.07 8.25L11.17 9.17C10.45 9.9 10 10.5 10 12H8V11.5C8 10.4 8.45 9.4 9.17 8.67L10.41 7.41C10.78 7.05 11 6.55 11 6C11 4.9 10.1 4 9 4C7.9 4 7 4.9 7 6H5C5 3.79 6.79 2 9 2C11.21 2 13 3.79 13 6C13 6.88 12.64 7.68 12.07 8.25Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isSupportOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n\r\n\r\n <div class=\"status-button\" (mouseover)=\"hideStatus = false\" (mouseleave)=\"hideStatus = true\"\r\n (click)=\"goToStatusPage()\" data-testid=\"sidebar-status\">\r\n <svg class=\"panel-icon\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"#FFFFFF\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M20.625 6.5H1.375C0.615613 6.5 0 5.82842 0 5V2C0 1.17158 0.615613 0.5 1.375 0.5H20.625C21.3844 0.5 22 1.17158 22 2V5C22 5.82842 21.3844 6.5 20.625 6.5ZM18.5625 2.375C17.9929 2.375 17.5312 2.87867 17.5312 3.5C17.5312 4.12133 17.9929 4.625 18.5625 4.625C19.1321 4.625 19.5938 4.12133 19.5938 3.5C19.5938 2.87867 19.1321 2.375 18.5625 2.375ZM15.8125 2.375C15.2429 2.375 14.7812 2.87867 14.7812 3.5C14.7812 4.12133 15.2429 4.625 15.8125 4.625C16.3821 4.625 16.8438 4.12133 16.8438 3.5C16.8438 2.87867 16.3821 2.375 15.8125 2.375ZM20.625 14H1.375C0.615613 14 0 13.3284 0 12.5V9.5C0 8.67158 0.615613 8 1.375 8H20.625C21.3844 8 22 8.67158 22 9.5V12.5C22 13.3284 21.3844 14 20.625 14ZM18.5625 9.875C17.9929 9.875 17.5312 10.3787 17.5312 11C17.5312 11.6213 17.9929 12.125 18.5625 12.125C19.1321 12.125 19.5938 11.6213 19.5938 11C19.5938 10.3787 19.1321 9.875 18.5625 9.875ZM15.8125 9.875C15.2429 9.875 14.7812 10.3787 14.7812 11C14.7812 11.6213 15.2429 12.125 15.8125 12.125C16.3821 12.125 16.8438 11.6213 16.8438 11C16.8438 10.3787 16.3821 9.875 15.8125 9.875ZM20.625 21.5H1.375C0.615613 21.5 0 20.8284 0 20V17C0 16.1716 0.615613 15.5 1.375 15.5H20.625C21.3844 15.5 22 16.1716 22 17V20C22 20.8284 21.3844 21.5 20.625 21.5ZM18.5625 17.375C17.9929 17.375 17.5312 17.8787 17.5312 18.5C17.5312 19.1213 17.9929 19.625 18.5625 19.625C19.1321 19.625 19.5938 19.1213 19.5938 18.5C19.5938 17.8787 19.1321 17.375 18.5625 17.375ZM15.8125 17.375C15.2429 17.375 14.7812 17.8787 14.7812 18.5C14.7812 19.1213 15.2429 19.625 15.8125 19.625C16.3821 19.625 16.8438 19.1213 16.8438 18.5C16.8438 17.8787 16.3821 17.375 15.8125 17.375Z\" />\r\n </svg>\r\n <iframe id=\"status-frame\" [ngClass]=\"{'isOpen': !hideStatus, 'isClosed': hideStatus }\"\r\n src=\"//status.retalia.cloud/embed-status/light-sm\" name=\"statusPage\" width=\"230\" height=\"61\" frameBorder=\"0\"\r\n scrolling=\"no\">\r\n </iframe>\r\n </div>\r\n</div>\r\n\r\n<div id=\"sidebar-container\" [class.open-sidebar]=\"isSidebarOpen\">\r\n <div id=\"sticky-header\">\r\n <img class=\"logo-full\" height=\"40px\" src=\"https://imagineshared.blob.core.windows.net/portal/retalia_files/logos/sidebar_logo.png\" (click)=\"goToPortal()\"\r\n data-testid=\"nav-logo\" />\r\n <div class=\"module-divider\"></div>\r\n <div class=\"moduleSearchbar\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <input class=\"moduleSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"moduleSearchValue\"\r\n required=\"false\" [placeholder]=\"moduleSearchPlaceholder\" (keyup)=\"handleModuleSearch($event)\"\r\n (click)=\"handleModuleSearch($event)\" />\r\n </div>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <sub-item [items]=\"modules\"></sub-item>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isSupportOpen\">\r\n <sub-item [items]=\"supportRoutes\"></sub-item>\r\n </div>\r\n</div>\r\n\r\n<shop-modal [availableShops]=\"availableShops\" (selectedShop)=\"selectedShop($event)\"></shop-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#sidebar-panel{z-index:1;position:fixed;float:left;width:60px;height:100vh;color:#000;text-align:center;transition:.2s linear;background-color:#fff;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-panel{height:100%}}.panel-item{cursor:pointer;position:relative;height:40px;margin:10px;transition:.2s linear;border-radius:50%}.panel-item:hover{background-color:#919295}.panel-item:hover .panel-icon{fill:#fff}.panel-item:active,.panel-item:focus{background:#54545433}.panel-item:active .panel-icon,.panel-item:focus .panel-icon{fill:#545454}.panel-item .panel-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#sidebar-container{position:sticky;top:0;height:100vh;overflow:hidden;font-size:12px;font-family:Poppins,sans-serif;width:0px;background:#f2f2f2;padding-left:60px;transition:.3s;transition-timing-function:cubic-bezier(.11,.95,.91,.93);-ms-overflow-style:none;scrollbar-width:none;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-container{top:auto;position:relative;border-right:0px}}.open-sidebar{width:260px!important}@media (max-width: 37.5em){.open-sidebar{width:160px!important}}@media print{#container{display:none}}.module-divider{width:240px;margin:10px;border-top:.2px solid rgba(128,128,128,.2);-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width: 37.5em){.module-divider{width:240px!important}}div#menu{display:flex;flex-flow:column;background-color:transparent;z-index:10;direction:ltr;float:left;width:258px;height:85%;overflow-y:overlay;overflow-x:hidden;transition:.2s linear}@media (max-width: 37.5em){div#menu{width:160px!important}}.moduleSearchbar{z-index:20;position:inherit;cursor:pointer;width:240px;height:28px;border-radius:4px;margin:10px;background:#e2e2e2}@media (max-width: 37.5em){.moduleSearchbar{width:140px!important;height:40px}}.moduleSearchbar .moduleSearchInput{direction:ltr;width:inherit;height:inherit;padding-left:10px;color:#545454;background-color:transparent;border-style:none;outline:none;-webkit-appearance:none}.moduleSearchbar input:invalid{box-shadow:none}.moduleSearchbar ::placeholder{color:#919295;font-size:11px;opacity:1}#sticky-header{margin-top:10px;width:100%;text-align:center;position:sticky;transition:1s ease}#sticky-header .logo-full{cursor:pointer;padding:5px 21px 0}.status-button{cursor:pointer;position:inherit;bottom:0;margin-left:8px;margin-bottom:15px;width:40px;height:32px;padding-top:8px;border-radius:50%;transition:.2s linear}.status-button .panel-icon{fill:#0c1830}.status-button:hover{background-color:#545454}.status-button:hover .panel-icon{fill:#fff}#status-frame{position:inherit;bottom:-8px;padding-left:25px;transition:.2s linear}.isOpen{opacity:1;visibility:visible}.isClosed{opacity:0;visibility:hidden}::-webkit-scrollbar{width:5px;background:transparent}::-webkit-scrollbar-thumb{background-color:#5454544d;border-radius:10px;transition:.2s linear}::-webkit-scrollbar-thumb:hover{background-color:#545454e6}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SubItemComponent, selector: "sub-item", inputs: ["items"] }, { kind: "component", type: ShopModalComponent, selector: "shop-modal", inputs: ["availableShops", "shopSearchValue"], outputs: ["selectedShop"] }] }); }
|
|
1176
1176
|
}
|
|
1177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
1178
1178
|
type: Component,
|
|
1179
|
-
args: [{ selector: 'sidebar', template: "<div id=\"sidebar-panel\">\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isModuleOpen')\" data-testid=\"nav-menu\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isModuleOpen\" height=\"14\" width=\"21\" viewBox=\"0 0 18 12\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path d=\"M0 12H18V10H0V12ZM0 7H18V5H0V7ZM0 0V2H18V0H0Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isModuleOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isSupportOpen')\" data-testid=\"nav-support\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isSupportOpen\" width=\"18\" height=\"21\" viewBox=\"0 0 18 21\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H6L9 21L12 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM10 16H8V14H10V16ZM12.07 8.25L11.17 9.17C10.45 9.9 10 10.5 10 12H8V11.5C8 10.4 8.45 9.4 9.17 8.67L10.41 7.41C10.78 7.05 11 6.55 11 6C11 4.9 10.1 4 9 4C7.9 4 7 4.9 7 6H5C5 3.79 6.79 2 9 2C11.21 2 13 3.79 13 6C13 6.88 12.64 7.68 12.07 8.25Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isSupportOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n\r\n\r\n <div class=\"status-button\" (mouseover)=\"hideStatus = false\" (mouseleave)=\"hideStatus = true\"\r\n (click)=\"goToStatusPage()\" data-testid=\"sidebar-status\">\r\n <svg class=\"panel-icon\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"#FFFFFF\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M20.625 6.5H1.375C0.615613 6.5 0 5.82842 0 5V2C0 1.17158 0.615613 0.5 1.375 0.5H20.625C21.3844 0.5 22 1.17158 22 2V5C22 5.82842 21.3844 6.5 20.625 6.5ZM18.5625 2.375C17.9929 2.375 17.5312 2.87867 17.5312 3.5C17.5312 4.12133 17.9929 4.625 18.5625 4.625C19.1321 4.625 19.5938 4.12133 19.5938 3.5C19.5938 2.87867 19.1321 2.375 18.5625 2.375ZM15.8125 2.375C15.2429 2.375 14.7812 2.87867 14.7812 3.5C14.7812 4.12133 15.2429 4.625 15.8125 4.625C16.3821 4.625 16.8438 4.12133 16.8438 3.5C16.8438 2.87867 16.3821 2.375 15.8125 2.375ZM20.625 14H1.375C0.615613 14 0 13.3284 0 12.5V9.5C0 8.67158 0.615613 8 1.375 8H20.625C21.3844 8 22 8.67158 22 9.5V12.5C22 13.3284 21.3844 14 20.625 14ZM18.5625 9.875C17.9929 9.875 17.5312 10.3787 17.5312 11C17.5312 11.6213 17.9929 12.125 18.5625 12.125C19.1321 12.125 19.5938 11.6213 19.5938 11C19.5938 10.3787 19.1321 9.875 18.5625 9.875ZM15.8125 9.875C15.2429 9.875 14.7812 10.3787 14.7812 11C14.7812 11.6213 15.2429 12.125 15.8125 12.125C16.3821 12.125 16.8438 11.6213 16.8438 11C16.8438 10.3787 16.3821 9.875 15.8125 9.875ZM20.625 21.5H1.375C0.615613 21.5 0 20.8284 0 20V17C0 16.1716 0.615613 15.5 1.375 15.5H20.625C21.3844 15.5 22 16.1716 22 17V20C22 20.8284 21.3844 21.5 20.625 21.5ZM18.5625 17.375C17.9929 17.375 17.5312 17.8787 17.5312 18.5C17.5312 19.1213 17.9929 19.625 18.5625 19.625C19.1321 19.625 19.5938 19.1213 19.5938 18.5C19.5938 17.8787 19.1321 17.375 18.5625 17.375ZM15.8125 17.375C15.2429 17.375 14.7812 17.8787 14.7812 18.5C14.7812 19.1213 15.2429 19.625 15.8125 19.625C16.3821 19.625 16.8438 19.1213 16.8438 18.5C16.8438 17.8787 16.3821 17.375 15.8125 17.375Z\" />\r\n </svg>\r\n <iframe id=\"status-frame\" [ngClass]=\"{'isOpen': !hideStatus, 'isClosed': hideStatus }\"\r\n src=\"//status.retalia.cloud/embed-status/light-sm\" name=\"statusPage\" width=\"230\" height=\"61\" frameBorder=\"0\"\r\n scrolling=\"no\">\r\n </iframe>\r\n </div>\r\n</div>\r\n\r\n<div id=\"sidebar-container\" [class.open-sidebar]=\"isSidebarOpen\">\r\n <div id=\"sticky-header\">\r\n <img class=\"logo-full\" height=\"40px\" src=\"https://imagineshared.blob.core.windows.net/portal/retalia_files/logos/sidebar_logo.png\" (click)=\"goToPortal()\"\r\n data-testid=\"nav-logo\" />\r\n <div class=\"module-divider\"></div>\r\n <div class=\"moduleSearchbar\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <input class=\"moduleSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"moduleSearchValue\"\r\n required=\"false\" [placeholder]=\"moduleSearchPlaceholder\" (keyup)=\"handleModuleSearch($event)\"\r\n (click)=\"handleModuleSearch($event)\" />\r\n </div>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <sub-item [items]=\"modules\"></sub-item>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isSupportOpen\">\r\n <sub-item [items]=\"supportRoutes\"></sub-item>\r\n </div>\r\n</div>\r\n\r\n<shop-modal [availableShops]=\"availableShops\" (selectedShop)=\"selectedShop($event)\"></shop-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#sidebar-panel{z-index:1;position:fixed;float:left;width:60px;height:100vh;color:#000;text-align:center;transition:.2s linear;background-color:#fff;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-panel{height:100%}}.panel-item{cursor:pointer;position:relative;height:40px;margin:10px;transition:.2s linear;border-radius:50%}.panel-item:hover{background-color:#919295}.panel-item:hover .panel-icon{fill:#fff}.panel-item:active,.panel-item:focus{background:#54545433}.panel-item:active .panel-icon,.panel-item:focus .panel-icon{fill:#545454}.panel-item .panel-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#sidebar-container{position:sticky;top:0;height:100vh;overflow:hidden;font-size:12px;font-family:Poppins,sans-serif;width:0px;background:#f2f2f2;padding-left:60px;transition:.3s;transition-timing-function:cubic-bezier(.11,.95,.91,.93);-ms-overflow-style:none;scrollbar-width:none;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-container{top:auto;position:relative;border-right:0px}}.open-sidebar{width:260px!important}@media (max-width: 37.5em){.open-sidebar{width:160px!important}}@media print{#container{display:none}}.module-divider{width:240px;margin:10px;border-top:.2px solid rgba(128,128,128,.2);-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width: 37.5em){.module-divider{width:240px!important}}div#menu{display:flex;flex-flow:column;background-color:transparent;z-index:10;direction:ltr;float:left;width:258px;height:85%;overflow-y:overlay;overflow-x:hidden;transition:.2s linear}@media (max-width: 37.5em){div#menu{width:160px!important}}.moduleSearchbar{z-index:20;position:inherit;cursor:pointer;width:240px;height:28px;border-radius:4px;margin:10px;background:#e2e2e2}@media (max-width: 37.5em){.moduleSearchbar{width:140px!important;height:40px}}.moduleSearchbar .moduleSearchInput{direction:ltr;width:inherit;height:inherit;padding-left:10px;color:#545454;background-color:transparent;border-style:none;outline:none;-webkit-appearance:none}.moduleSearchbar input:invalid{box-shadow:none}.moduleSearchbar ::placeholder{color:#919295;font-size:11px;opacity:1}#sticky-header{margin-top:10px;width:100%;text-align:center;position:sticky;transition:1s ease}#sticky-header .logo-full{cursor:pointer;padding:5px 21px 0}.status-button{cursor:pointer;position:inherit;bottom:0;margin-left:8px;margin-bottom:15px;width:40px;height:32px;padding-top:8px;border-radius:50%;transition:.2s linear}.status-button .panel-icon{fill:#0c1830}.status-button:hover{background-color:#545454}.status-button:hover .panel-icon{fill:#fff}#status-frame{position:inherit;bottom:-8px;padding-left:25px;transition:.2s linear}.isOpen{opacity:1;visibility:visible}.isClosed{opacity:0;visibility:hidden}::-webkit-scrollbar{width:5px;background:transparent}::-webkit-scrollbar-thumb{background-color:#5454544d;border-radius:10px;transition:.2s linear}::-webkit-scrollbar-thumb:hover{background-color:#545454e6}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}\n"] }]
|
|
1179
|
+
args: [{ selector: 'sidebar', standalone: false, template: "<div id=\"sidebar-panel\">\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isModuleOpen')\" data-testid=\"nav-menu\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isModuleOpen\" height=\"14\" width=\"21\" viewBox=\"0 0 18 12\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path d=\"M0 12H18V10H0V12ZM0 7H18V5H0V7ZM0 0V2H18V0H0Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isModuleOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n <div class=\"panel-item\" (click)=\"toggleSidebar($event, 'isSupportOpen')\" data-testid=\"nav-support\">\r\n <svg class=\"panel-icon\" *ngIf=\"!panelButtonStates.isSupportOpen\" width=\"18\" height=\"21\" viewBox=\"0 0 18 21\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H6L9 21L12 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM10 16H8V14H10V16ZM12.07 8.25L11.17 9.17C10.45 9.9 10 10.5 10 12H8V11.5C8 10.4 8.45 9.4 9.17 8.67L10.41 7.41C10.78 7.05 11 6.55 11 6C11 4.9 10.1 4 9 4C7.9 4 7 4.9 7 6H5C5 3.79 6.79 2 9 2C11.21 2 13 3.79 13 6C13 6.88 12.64 7.68 12.07 8.25Z\" />\r\n </svg>\r\n <svg class=\"panel-icon\" *ngIf=\"panelButtonStates.isSupportOpen\" height=\"13\" width=\"13\" viewBox=\"0 0 14 14\"\r\n fill=\"#3e3e3e\" xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"xMinYMin meet\">\r\n <path\r\n d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" />\r\n </svg>\r\n </div>\r\n\r\n\r\n <div class=\"status-button\" (mouseover)=\"hideStatus = false\" (mouseleave)=\"hideStatus = true\"\r\n (click)=\"goToStatusPage()\" data-testid=\"sidebar-status\">\r\n <svg class=\"panel-icon\" width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"#FFFFFF\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M20.625 6.5H1.375C0.615613 6.5 0 5.82842 0 5V2C0 1.17158 0.615613 0.5 1.375 0.5H20.625C21.3844 0.5 22 1.17158 22 2V5C22 5.82842 21.3844 6.5 20.625 6.5ZM18.5625 2.375C17.9929 2.375 17.5312 2.87867 17.5312 3.5C17.5312 4.12133 17.9929 4.625 18.5625 4.625C19.1321 4.625 19.5938 4.12133 19.5938 3.5C19.5938 2.87867 19.1321 2.375 18.5625 2.375ZM15.8125 2.375C15.2429 2.375 14.7812 2.87867 14.7812 3.5C14.7812 4.12133 15.2429 4.625 15.8125 4.625C16.3821 4.625 16.8438 4.12133 16.8438 3.5C16.8438 2.87867 16.3821 2.375 15.8125 2.375ZM20.625 14H1.375C0.615613 14 0 13.3284 0 12.5V9.5C0 8.67158 0.615613 8 1.375 8H20.625C21.3844 8 22 8.67158 22 9.5V12.5C22 13.3284 21.3844 14 20.625 14ZM18.5625 9.875C17.9929 9.875 17.5312 10.3787 17.5312 11C17.5312 11.6213 17.9929 12.125 18.5625 12.125C19.1321 12.125 19.5938 11.6213 19.5938 11C19.5938 10.3787 19.1321 9.875 18.5625 9.875ZM15.8125 9.875C15.2429 9.875 14.7812 10.3787 14.7812 11C14.7812 11.6213 15.2429 12.125 15.8125 12.125C16.3821 12.125 16.8438 11.6213 16.8438 11C16.8438 10.3787 16.3821 9.875 15.8125 9.875ZM20.625 21.5H1.375C0.615613 21.5 0 20.8284 0 20V17C0 16.1716 0.615613 15.5 1.375 15.5H20.625C21.3844 15.5 22 16.1716 22 17V20C22 20.8284 21.3844 21.5 20.625 21.5ZM18.5625 17.375C17.9929 17.375 17.5312 17.8787 17.5312 18.5C17.5312 19.1213 17.9929 19.625 18.5625 19.625C19.1321 19.625 19.5938 19.1213 19.5938 18.5C19.5938 17.8787 19.1321 17.375 18.5625 17.375ZM15.8125 17.375C15.2429 17.375 14.7812 17.8787 14.7812 18.5C14.7812 19.1213 15.2429 19.625 15.8125 19.625C16.3821 19.625 16.8438 19.1213 16.8438 18.5C16.8438 17.8787 16.3821 17.375 15.8125 17.375Z\" />\r\n </svg>\r\n <iframe id=\"status-frame\" [ngClass]=\"{'isOpen': !hideStatus, 'isClosed': hideStatus }\"\r\n src=\"//status.retalia.cloud/embed-status/light-sm\" name=\"statusPage\" width=\"230\" height=\"61\" frameBorder=\"0\"\r\n scrolling=\"no\">\r\n </iframe>\r\n </div>\r\n</div>\r\n\r\n<div id=\"sidebar-container\" [class.open-sidebar]=\"isSidebarOpen\">\r\n <div id=\"sticky-header\">\r\n <img class=\"logo-full\" height=\"40px\" src=\"https://imagineshared.blob.core.windows.net/portal/retalia_files/logos/sidebar_logo.png\" (click)=\"goToPortal()\"\r\n data-testid=\"nav-logo\" />\r\n <div class=\"module-divider\"></div>\r\n <div class=\"moduleSearchbar\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <input class=\"moduleSearchInput\" type=\"search\" autocomplete=\"off\" id=\"search\" [value]=\"moduleSearchValue\"\r\n required=\"false\" [placeholder]=\"moduleSearchPlaceholder\" (keyup)=\"handleModuleSearch($event)\"\r\n (click)=\"handleModuleSearch($event)\" />\r\n </div>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isModuleOpen\">\r\n <sub-item [items]=\"modules\"></sub-item>\r\n </div>\r\n <div id=\"menu\" *ngIf=\"panelButtonStates.isSupportOpen\">\r\n <sub-item [items]=\"supportRoutes\"></sub-item>\r\n </div>\r\n</div>\r\n\r\n<shop-modal [availableShops]=\"availableShops\" (selectedShop)=\"selectedShop($event)\"></shop-modal>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#sidebar-panel{z-index:1;position:fixed;float:left;width:60px;height:100vh;color:#000;text-align:center;transition:.2s linear;background-color:#fff;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-panel{height:100%}}.panel-item{cursor:pointer;position:relative;height:40px;margin:10px;transition:.2s linear;border-radius:50%}.panel-item:hover{background-color:#919295}.panel-item:hover .panel-icon{fill:#fff}.panel-item:active,.panel-item:focus{background:#54545433}.panel-item:active .panel-icon,.panel-item:focus .panel-icon{fill:#545454}.panel-item .panel-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#sidebar-container{position:sticky;top:0;height:100vh;overflow:hidden;font-size:12px;font-family:Poppins,sans-serif;width:0px;background:#f2f2f2;padding-left:60px;transition:.3s;transition-timing-function:cubic-bezier(.11,.95,.91,.93);-ms-overflow-style:none;scrollbar-width:none;-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.2);box-shadow:0 0 4px #0003}@media (max-width: 37.5em){#sidebar-container{top:auto;position:relative;border-right:0px}}.open-sidebar{width:260px!important}@media (max-width: 37.5em){.open-sidebar{width:160px!important}}@media print{#container{display:none}}.module-divider{width:240px;margin:10px;border-top:.2px solid rgba(128,128,128,.2);-webkit-background-clip:padding-box;background-clip:padding-box}@media (max-width: 37.5em){.module-divider{width:240px!important}}div#menu{display:flex;flex-flow:column;background-color:transparent;z-index:10;direction:ltr;float:left;width:258px;height:85%;overflow-y:overlay;overflow-x:hidden;transition:.2s linear}@media (max-width: 37.5em){div#menu{width:160px!important}}.moduleSearchbar{z-index:20;position:inherit;cursor:pointer;width:240px;height:28px;border-radius:4px;margin:10px;background:#e2e2e2}@media (max-width: 37.5em){.moduleSearchbar{width:140px!important;height:40px}}.moduleSearchbar .moduleSearchInput{direction:ltr;width:inherit;height:inherit;padding-left:10px;color:#545454;background-color:transparent;border-style:none;outline:none;-webkit-appearance:none}.moduleSearchbar input:invalid{box-shadow:none}.moduleSearchbar ::placeholder{color:#919295;font-size:11px;opacity:1}#sticky-header{margin-top:10px;width:100%;text-align:center;position:sticky;transition:1s ease}#sticky-header .logo-full{cursor:pointer;padding:5px 21px 0}.status-button{cursor:pointer;position:inherit;bottom:0;margin-left:8px;margin-bottom:15px;width:40px;height:32px;padding-top:8px;border-radius:50%;transition:.2s linear}.status-button .panel-icon{fill:#0c1830}.status-button:hover{background-color:#545454}.status-button:hover .panel-icon{fill:#fff}#status-frame{position:inherit;bottom:-8px;padding-left:25px;transition:.2s linear}.isOpen{opacity:1;visibility:visible}.isClosed{opacity:0;visibility:hidden}::-webkit-scrollbar{width:5px;background:transparent}::-webkit-scrollbar-thumb{background-color:#5454544d;border-radius:10px;transition:.2s linear}::-webkit-scrollbar-thumb:hover{background-color:#545454e6}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}\n"] }]
|
|
1180
1180
|
}], ctorParameters: () => [{ type: ModuleService }, { type: SubItemService }, { type: CookieService }, { type: i1.NgxSmartModalService }], propDecorators: { selectedRoute: [{
|
|
1181
1181
|
type: Output
|
|
1182
1182
|
}], environment: [{
|
|
@@ -1212,10 +1212,10 @@ class AuthService {
|
|
|
1212
1212
|
}
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1216
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AuthService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1216
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AuthService, providedIn: 'root' }); }
|
|
1217
1217
|
}
|
|
1218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AuthService, decorators: [{
|
|
1219
1219
|
type: Injectable,
|
|
1220
1220
|
args: [{
|
|
1221
1221
|
providedIn: 'root',
|
|
@@ -1275,12 +1275,12 @@ class TopbarComponent {
|
|
|
1275
1275
|
const loginUrl = this.environment.portalUrl + 'auth/login';
|
|
1276
1276
|
window.location.href = loginUrl;
|
|
1277
1277
|
}
|
|
1278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1279
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TopbarComponent, deps: [{ token: ModuleService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TopbarComponent, isStandalone: false, selector: "topbar", inputs: { environment: "environment" }, host: { listeners: { "document:click": "clickout($event)" } }, ngImport: i0, template: "<nav class=\"top-menu\">\r\n\r\n <div id=\"profile\">\r\n\r\n <div id=\"avatar\" (click)=\"showDropdownOptions('profile')\" data-testid=\"nav-profile\">\r\n <svg class=\"profile-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 32 32\" fill=\"#213244\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 20C20.4183 20 24 16.4183 24 12C24 7.58172 20.4183 4 16 4C11.5817 4 8 7.58172 8 12C8 16.4183 11.5817 20 16 20Z\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\" />\r\n <path\r\n d=\"M3.87354 26.9988C5.10299 24.8708 6.8708 23.1037 8.99939 21.8752C11.128 20.6467 13.5424 20 16.0001 20C18.4577 20 20.8721 20.6468 23.0007 21.8754C25.1292 23.1039 26.897 24.871 28.1264 26.9991\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n <div *ngIf=\"showProfileDropdown\" class=\"dropdown-items\">\r\n <div class=\"option-text\" (click)=\"clickDetails($event)\" data-testid=\"nav-profile-settings\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-settings.svg\" />\r\n Update details\r\n </div>\r\n <div class=\"option-text\" (click)=\"logout()\" data-testid=\"nav-profile-logout\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-logout.svg\" />\r\n Logout\r\n </div>\r\n </div>\r\n </div>\r\n</nav>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#item-name{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}@media (max-width: 37.5em){#item-name{padding-left:70px}}.top-menu{z-index:20;margin:0;top:0;position:fixed;display:flex;align-items:center;height:67px;width:100vw;overflow:hidden;background-color:none}@media (max-width: 37.5em){.top-menu{min-height:60px;height:60px}}.top-menu .dropdown-items{position:fixed;list-style-type:none;white-space:nowrap;padding:0;min-width:120px;border-radius:10px;border:1px solid #d8dde6;background-color:#fff;box-shadow:0 2px 3px;text-align-last:center}@media (max-width: 37.5em){.top-menu .dropdown-items{top:110px}}.top-menu .dropdown-items .option-text{cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;text-align:left;margin:0;padding:10px 0;color:#000}.top-menu .dropdown-items .option-text:hover{background-color:#f5f5f5;border-radius:10px}.top-menu .dropdown-icon{pointer-events:none;float:left;margin-top:2px;padding:0 8px;height:10px}.top-menu #profile{position:fixed;right:20px;display:flex;align-items:center}@media (max-width: 37.5em){.top-menu #profile{height:60px}}.top-menu #profile img{margin-left:0}.top-menu #profile #avatar{cursor:pointer;position:relative;height:30px;width:30px;transition:.2s linear;border-radius:50%;padding:5px;background-color:#213244}.top-menu #profile #avatar:hover{background-color:#545454}.top-menu #profile #avatar .profile-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.top-menu #profile #info{cursor:pointer;height:30px;transition:.2s linear all}.top-menu #profile #info:hover{transform:scale(1.1)}.top-menu #profile .admin-group{right:110px!important}.top-menu #profile .info-group{right:10px!important}.top-menu #profile .dropdown-items{position:fixed;top:70px;right:30px}@media (max-width: 37.5em){.top-menu #profile .dropdown-items{top:70px}}@media print{.top-menu{display:none}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1280
1280
|
}
|
|
1281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TopbarComponent, decorators: [{
|
|
1282
1282
|
type: Component,
|
|
1283
|
-
args: [{ selector: 'topbar', template: "<nav class=\"top-menu\">\r\n\r\n <div id=\"profile\">\r\n\r\n <div id=\"avatar\" (click)=\"showDropdownOptions('profile')\" data-testid=\"nav-profile\">\r\n <svg class=\"profile-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 32 32\" fill=\"#213244\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 20C20.4183 20 24 16.4183 24 12C24 7.58172 20.4183 4 16 4C11.5817 4 8 7.58172 8 12C8 16.4183 11.5817 20 16 20Z\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\" />\r\n <path\r\n d=\"M3.87354 26.9988C5.10299 24.8708 6.8708 23.1037 8.99939 21.8752C11.128 20.6467 13.5424 20 16.0001 20C18.4577 20 20.8721 20.6468 23.0007 21.8754C25.1292 23.1039 26.897 24.871 28.1264 26.9991\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n <div *ngIf=\"showProfileDropdown\" class=\"dropdown-items\">\r\n <div class=\"option-text\" (click)=\"clickDetails($event)\" data-testid=\"nav-profile-settings\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-settings.svg\" />\r\n Update details\r\n </div>\r\n <div class=\"option-text\" (click)=\"logout()\" data-testid=\"nav-profile-logout\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-logout.svg\" />\r\n Logout\r\n </div>\r\n </div>\r\n </div>\r\n</nav>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#item-name{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}@media (max-width: 37.5em){#item-name{padding-left:70px}}.top-menu{z-index:20;margin:0;top:0;position:fixed;display:flex;align-items:center;height:67px;width:100vw;overflow:hidden;background-color:none}@media (max-width: 37.5em){.top-menu{min-height:60px;height:60px}}.top-menu .dropdown-items{position:fixed;list-style-type:none;white-space:nowrap;padding:0;min-width:120px;border-radius:10px;border:1px solid #d8dde6;background-color:#fff;box-shadow:0 2px 3px;text-align-last:center}@media (max-width: 37.5em){.top-menu .dropdown-items{top:110px}}.top-menu .dropdown-items .option-text{cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;text-align:left;margin:0;padding:10px 0;color:#000}.top-menu .dropdown-items .option-text:hover{background-color:#f5f5f5;border-radius:10px}.top-menu .dropdown-icon{pointer-events:none;float:left;margin-top:2px;padding:0 8px;height:10px}.top-menu #profile{position:fixed;right:20px;display:flex;align-items:center}@media (max-width: 37.5em){.top-menu #profile{height:60px}}.top-menu #profile img{margin-left:0}.top-menu #profile #avatar{cursor:pointer;position:relative;height:30px;width:30px;transition:.2s linear;border-radius:50%;padding:5px;background-color:#213244}.top-menu #profile #avatar:hover{background-color:#545454}.top-menu #profile #avatar .profile-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.top-menu #profile #info{cursor:pointer;height:30px;transition:.2s linear all}.top-menu #profile #info:hover{transform:scale(1.1)}.top-menu #profile .admin-group{right:110px!important}.top-menu #profile .info-group{right:10px!important}.top-menu #profile .dropdown-items{position:fixed;top:70px;right:30px}@media (max-width: 37.5em){.top-menu #profile .dropdown-items{top:70px}}@media print{.top-menu{display:none}}\n"] }]
|
|
1283
|
+
args: [{ selector: 'topbar', standalone: false, template: "<nav class=\"top-menu\">\r\n\r\n <div id=\"profile\">\r\n\r\n <div id=\"avatar\" (click)=\"showDropdownOptions('profile')\" data-testid=\"nav-profile\">\r\n <svg class=\"profile-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 32 32\" fill=\"#213244\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M16 20C20.4183 20 24 16.4183 24 12C24 7.58172 20.4183 4 16 4C11.5817 4 8 7.58172 8 12C8 16.4183 11.5817 20 16 20Z\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\" />\r\n <path\r\n d=\"M3.87354 26.9988C5.10299 24.8708 6.8708 23.1037 8.99939 21.8752C11.128 20.6467 13.5424 20 16.0001 20C18.4577 20 20.8721 20.6468 23.0007 21.8754C25.1292 23.1039 26.897 24.871 28.1264 26.9991\"\r\n stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </div>\r\n <div *ngIf=\"showProfileDropdown\" class=\"dropdown-items\">\r\n <div class=\"option-text\" (click)=\"clickDetails($event)\" data-testid=\"nav-profile-settings\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-settings.svg\" />\r\n Update details\r\n </div>\r\n <div class=\"option-text\" (click)=\"logout()\" data-testid=\"nav-profile-logout\">\r\n <img class=\"dropdown-icon\" src=\"assets/icons/topbar-logout.svg\" />\r\n Logout\r\n </div>\r\n </div>\r\n </div>\r\n</nav>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#item-name{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}@media (max-width: 37.5em){#item-name{padding-left:70px}}.top-menu{z-index:20;margin:0;top:0;position:fixed;display:flex;align-items:center;height:67px;width:100vw;overflow:hidden;background-color:none}@media (max-width: 37.5em){.top-menu{min-height:60px;height:60px}}.top-menu .dropdown-items{position:fixed;list-style-type:none;white-space:nowrap;padding:0;min-width:120px;border-radius:10px;border:1px solid #d8dde6;background-color:#fff;box-shadow:0 2px 3px;text-align-last:center}@media (max-width: 37.5em){.top-menu .dropdown-items{top:110px}}.top-menu .dropdown-items .option-text{cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;text-align:left;margin:0;padding:10px 0;color:#000}.top-menu .dropdown-items .option-text:hover{background-color:#f5f5f5;border-radius:10px}.top-menu .dropdown-icon{pointer-events:none;float:left;margin-top:2px;padding:0 8px;height:10px}.top-menu #profile{position:fixed;right:20px;display:flex;align-items:center}@media (max-width: 37.5em){.top-menu #profile{height:60px}}.top-menu #profile img{margin-left:0}.top-menu #profile #avatar{cursor:pointer;position:relative;height:30px;width:30px;transition:.2s linear;border-radius:50%;padding:5px;background-color:#213244}.top-menu #profile #avatar:hover{background-color:#545454}.top-menu #profile #avatar .profile-icon{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.top-menu #profile #info{cursor:pointer;height:30px;transition:.2s linear all}.top-menu #profile #info:hover{transform:scale(1.1)}.top-menu #profile .admin-group{right:110px!important}.top-menu #profile .info-group{right:10px!important}.top-menu #profile .dropdown-items{position:fixed;top:70px;right:30px}@media (max-width: 37.5em){.top-menu #profile .dropdown-items{top:70px}}@media print{.top-menu{display:none}}\n"] }]
|
|
1284
1284
|
}], ctorParameters: () => [{ type: ModuleService }, { type: AuthService }], propDecorators: { environment: [{
|
|
1285
1285
|
type: Input
|
|
1286
1286
|
}], clickout: [{
|
|
@@ -1297,12 +1297,12 @@ class NavigationLibComponent {
|
|
|
1297
1297
|
routeSelected(selectedItem) {
|
|
1298
1298
|
this.selectedRoute.emit(selectedItem);
|
|
1299
1299
|
}
|
|
1300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1301
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1301
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NavigationLibComponent, isStandalone: false, selector: "sidebar-navigation", inputs: { useCustomPage: "useCustomPage", environment: "environment" }, outputs: { selectedRoute: "selectedRoute" }, ngImport: i0, template: "<div id=\"root\">\r\n <div id=\"main\">\r\n <sidebar [environment]=\"environment\" (selectedRoute)=\"routeSelected($event)\"></sidebar>\r\n <topbar [environment]=\"environment\"></topbar>\r\n <div *ngIf=\"!useCustomPage\" class=\"page-container\">\r\n <div class=\"page-body\">\r\n <div class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"useCustomPage\" class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#root{display:flex;flex-flow:column}#main{display:flex;height:100%}.page-container{font-family:Effra;padding:0 24px;margin:0 auto}.page-body{padding-top:25px}.content{margin-top:90px;flex-grow:1}@media (max-width: 37.5em){.content{padding:0}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SidebarComponent, selector: "sidebar", inputs: ["environment", "moduleSearchValue"], outputs: ["selectedRoute"] }, { kind: "component", type: TopbarComponent, selector: "topbar", inputs: ["environment"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1302
1302
|
}
|
|
1303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibComponent, decorators: [{
|
|
1304
1304
|
type: Component,
|
|
1305
|
-
args: [{ selector: 'sidebar-navigation', encapsulation: ViewEncapsulation.ShadowDom, template: "<div id=\"root\">\r\n <div id=\"main\">\r\n <sidebar [environment]=\"environment\" (selectedRoute)=\"routeSelected($event)\"></sidebar>\r\n <topbar [environment]=\"environment\"></topbar>\r\n <div *ngIf=\"!useCustomPage\" class=\"page-container\">\r\n <div class=\"page-body\">\r\n <div class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"useCustomPage\" class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#root{display:flex;flex-flow:column}#main{display:flex;height:100%}.page-container{font-family:Effra;padding:0 24px;margin:0 auto}.page-body{padding-top:25px}.content{margin-top:90px;flex-grow:1}@media (max-width: 37.5em){.content{padding:0}}\n"] }]
|
|
1305
|
+
args: [{ selector: 'sidebar-navigation', encapsulation: ViewEncapsulation.ShadowDom, standalone: false, template: "<div id=\"root\">\r\n <div id=\"main\">\r\n <sidebar [environment]=\"environment\" (selectedRoute)=\"routeSelected($event)\"></sidebar>\r\n <topbar [environment]=\"environment\"></topbar>\r\n <div *ngIf=\"!useCustomPage\" class=\"page-container\">\r\n <div class=\"page-body\">\r\n <div class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"useCustomPage\" class=\"content\">\r\n <slot></slot>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;1,300;1,400;1,600&display=swap\";.imagine-body{background-color:#fafbfc}#root{display:flex;flex-flow:column}#main{display:flex;height:100%}.page-container{font-family:Effra;padding:0 24px;margin:0 auto}.page-body{padding-top:25px}.content{margin-top:90px;flex-grow:1}@media (max-width: 37.5em){.content{padding:0}}\n"] }]
|
|
1306
1306
|
}], propDecorators: { selectedRoute: [{
|
|
1307
1307
|
type: Output
|
|
1308
1308
|
}], useCustomPage: [{
|
|
@@ -1312,35 +1312,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1312
1312
|
}] } });
|
|
1313
1313
|
|
|
1314
1314
|
class NavigationLibModule {
|
|
1315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1316
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1315
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1316
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibModule, declarations: [SidebarComponent,
|
|
1317
1317
|
SubItemComponent,
|
|
1318
1318
|
TopbarComponent,
|
|
1319
1319
|
NavigationLibComponent,
|
|
1320
|
-
ShopModalComponent], imports: [CommonModule,
|
|
1321
|
-
|
|
1322
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavigationLibModule, providers: [SubItemService, ModuleService, AuthService, CookieService], imports: [CommonModule,
|
|
1323
|
-
HttpClientModule,
|
|
1320
|
+
ShopModalComponent], imports: [CommonModule, i1.NgxSmartModalModule], exports: [NavigationLibComponent] }); }
|
|
1321
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibModule, providers: [SubItemService, ModuleService, AuthService, CookieService, provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
|
|
1324
1322
|
NgxSmartModalModule.forRoot()] }); }
|
|
1325
1323
|
}
|
|
1326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NavigationLibModule, decorators: [{
|
|
1327
1325
|
type: NgModule,
|
|
1328
|
-
args: [{
|
|
1329
|
-
declarations: [
|
|
1326
|
+
args: [{ declarations: [
|
|
1330
1327
|
SidebarComponent,
|
|
1331
1328
|
SubItemComponent,
|
|
1332
1329
|
TopbarComponent,
|
|
1333
1330
|
NavigationLibComponent,
|
|
1334
1331
|
ShopModalComponent,
|
|
1335
1332
|
],
|
|
1336
|
-
imports: [
|
|
1337
|
-
|
|
1338
|
-
HttpClientModule,
|
|
1339
|
-
NgxSmartModalModule.forRoot(),
|
|
1340
|
-
],
|
|
1341
|
-
providers: [SubItemService, ModuleService, AuthService, CookieService],
|
|
1342
|
-
exports: [NavigationLibComponent]
|
|
1343
|
-
}]
|
|
1333
|
+
exports: [NavigationLibComponent], imports: [CommonModule,
|
|
1334
|
+
NgxSmartModalModule.forRoot()], providers: [SubItemService, ModuleService, AuthService, CookieService, provideHttpClient(withInterceptorsFromDi())] }]
|
|
1344
1335
|
}] });
|
|
1345
1336
|
|
|
1346
1337
|
/*
|