@retalia/sidebar-navigation 17.3.12 → 18.2.14
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/esm2022/lib/navigation-lib.component.mjs +3 -3
- package/esm2022/lib/navigation-lib.module.mjs +10 -19
- package/esm2022/lib/navigation-lib.service.mjs +3 -3
- package/esm2022/lib/services/auth.service.mjs +3 -3
- package/esm2022/lib/services/cookie.service.mjs +3 -3
- package/esm2022/lib/services/module.service.mjs +3 -3
- package/esm2022/lib/services/sub-item.service.mjs +3 -3
- package/esm2022/lib/sidebar/shop-modal/shop-modal.component.mjs +3 -3
- package/esm2022/lib/sidebar/sidebar.component.mjs +3 -3
- package/esm2022/lib/sidebar/sub-item/sub-item.component.mjs +3 -3
- package/esm2022/lib/topbar/topbar.component.mjs +3 -3
- package/fesm2022/retalia-sidebar-navigation.mjs +39 -48
- package/fesm2022/retalia-sidebar-navigation.mjs.map +1 -1
- package/lib/navigation-lib.module.d.ts +2 -3
- package/package.json +3 -3
|
@@ -12,10 +12,10 @@ export class NavigationLibComponent {
|
|
|
12
12
|
routeSelected(selectedItem) {
|
|
13
13
|
this.selectedRoute.emit(selectedItem);
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NavigationLibComponent, 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SidebarComponent, selector: "sidebar", inputs: ["environment", "moduleSearchValue"], outputs: ["selectedRoute"] }, { kind: "component", type: i3.TopbarComponent, selector: "topbar", inputs: ["environment"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
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"] }]
|
|
21
21
|
}], propDecorators: { selectedRoute: [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
3
|
+
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
4
4
|
import { NgxSmartModalModule } from 'ngx-smart-modal';
|
|
5
5
|
import { NavigationLibComponent } from './navigation-lib.component';
|
|
6
6
|
import { SidebarComponent } from './sidebar/sidebar.component';
|
|
@@ -14,34 +14,25 @@ import { CookieService } from './services/cookie.service';
|
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
15
|
import * as i1 from "ngx-smart-modal";
|
|
16
16
|
export class NavigationLibModule {
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
18
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibModule, declarations: [SidebarComponent,
|
|
19
19
|
SubItemComponent,
|
|
20
20
|
TopbarComponent,
|
|
21
21
|
NavigationLibComponent,
|
|
22
|
-
ShopModalComponent], imports: [CommonModule,
|
|
23
|
-
|
|
24
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavigationLibModule, providers: [SubItemService, ModuleService, AuthService, CookieService], imports: [CommonModule,
|
|
25
|
-
HttpClientModule,
|
|
22
|
+
ShopModalComponent], imports: [CommonModule, i1.NgxSmartModalModule], exports: [NavigationLibComponent] }); }
|
|
23
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibModule, providers: [SubItemService, ModuleService, AuthService, CookieService, provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
|
|
26
24
|
NgxSmartModalModule.forRoot()] }); }
|
|
27
25
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibModule, decorators: [{
|
|
29
27
|
type: NgModule,
|
|
30
|
-
args: [{
|
|
31
|
-
declarations: [
|
|
28
|
+
args: [{ declarations: [
|
|
32
29
|
SidebarComponent,
|
|
33
30
|
SubItemComponent,
|
|
34
31
|
TopbarComponent,
|
|
35
32
|
NavigationLibComponent,
|
|
36
33
|
ShopModalComponent,
|
|
37
34
|
],
|
|
38
|
-
imports: [
|
|
39
|
-
|
|
40
|
-
HttpClientModule,
|
|
41
|
-
NgxSmartModalModule.forRoot(),
|
|
42
|
-
],
|
|
43
|
-
providers: [SubItemService, ModuleService, AuthService, CookieService],
|
|
44
|
-
exports: [NavigationLibComponent]
|
|
45
|
-
}]
|
|
35
|
+
exports: [NavigationLibComponent], imports: [CommonModule,
|
|
36
|
+
NgxSmartModalModule.forRoot()], providers: [SubItemService, ModuleService, AuthService, CookieService, provideHttpClient(withInterceptorsFromDi())] }]
|
|
46
37
|
}] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saWIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZWJhci1uYXZpZ2F0aW9uL3NyYy9saWIvbmF2aWdhdGlvbi1saWIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXRELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQVcxRCxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFSeEIsZ0JBQWdCO1lBQ2hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2Ysc0JBQXNCO1lBQ3RCLGtCQUFrQixhQUV1QixZQUFZLHFDQUEvQyxzQkFBc0I7Z0hBRXZCLG1CQUFtQixhQURtQixDQUFDLGNBQWMsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLENBQUMsWUFEMUcsWUFBWTtZQUNyRCxtQkFBbUIsQ0FBQyxPQUFPLEVBQUU7OzRGQUN4QixtQkFBbUI7a0JBVC9CLFFBQVE7bUJBQUMsRUFBRSxZQUFZLEVBQUU7d0JBQ2xCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsa0JBQWtCO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLFlBQVk7d0JBQ3JELG1CQUFtQixDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsY0FBYyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixDQUFDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgcHJvdmlkZUh0dHBDbGllbnQsIHdpdGhJbnRlcmNlcHRvcnNGcm9tRGkgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IE5neFNtYXJ0TW9kYWxNb2R1bGUgfSBmcm9tICduZ3gtc21hcnQtbW9kYWwnO1xyXG5cclxuaW1wb3J0IHsgTmF2aWdhdGlvbkxpYkNvbXBvbmVudCB9IGZyb20gJy4vbmF2aWdhdGlvbi1saWIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRvcGJhckNvbXBvbmVudCB9IGZyb20gJy4vdG9wYmFyL3RvcGJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyL3N1Yi1pdGVtL3N1Yi1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN1Ykl0ZW1TZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9zdWItaXRlbS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2hvcE1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyL3Nob3AtbW9kYWwvc2hvcC1tb2RhbC5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHsgTW9kdWxlU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvbW9kdWxlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBBdXRoU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvYXV0aC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ29va2llU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvY29va2llLnNlcnZpY2UnO1xyXG5cclxuQE5nTW9kdWxlKHsgZGVjbGFyYXRpb25zOiBbXG4gICAgICAgIFNpZGViYXJDb21wb25lbnQsXG4gICAgICAgIFN1Ykl0ZW1Db21wb25lbnQsXG4gICAgICAgIFRvcGJhckNvbXBvbmVudCxcbiAgICAgICAgTmF2aWdhdGlvbkxpYkNvbXBvbmVudCxcbiAgICAgICAgU2hvcE1vZGFsQ29tcG9uZW50LFxuICAgIF0sXG4gICAgZXhwb3J0czogW05hdmlnYXRpb25MaWJDb21wb25lbnRdLCBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLFxuICAgICAgICBOZ3hTbWFydE1vZGFsTW9kdWxlLmZvclJvb3QoKV0sIHByb3ZpZGVyczogW1N1Ykl0ZW1TZXJ2aWNlLCBNb2R1bGVTZXJ2aWNlLCBBdXRoU2VydmljZSwgQ29va2llU2VydmljZSwgcHJvdmlkZUh0dHBDbGllbnQod2l0aEludGVyY2VwdG9yc0Zyb21EaSgpKV0gfSlcclxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25MaWJNb2R1bGUge31cclxuIl19
|
|
@@ -2,10 +2,10 @@ import { Injectable } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class NavigationLibService {
|
|
4
4
|
constructor() { }
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibService, providedIn: 'root' }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationLibService, decorators: [{
|
|
9
9
|
type: Injectable,
|
|
10
10
|
args: [{
|
|
11
11
|
providedIn: 'root'
|
|
@@ -28,10 +28,10 @@ export class AuthService {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
32
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
32
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, providedIn: 'root' }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AuthService, decorators: [{
|
|
35
35
|
type: Injectable,
|
|
36
36
|
args: [{
|
|
37
37
|
providedIn: 'root',
|
|
@@ -22,10 +22,10 @@ export class CookieService {
|
|
|
22
22
|
removeCookie(cookieName) {
|
|
23
23
|
removeCookie(cookieName, { path: '/', domain: this.getDomain() });
|
|
24
24
|
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
26
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CookieService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
26
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CookieService }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CookieService, decorators: [{
|
|
29
29
|
type: Injectable
|
|
30
30
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
31
31
|
type: Inject,
|
|
@@ -121,10 +121,10 @@ export class ModuleService {
|
|
|
121
121
|
this.setNavigationTitle(selectedItem);
|
|
122
122
|
return this.modules.filter(m => m.url.indexOf(moduleRoute) > 0)[0];
|
|
123
123
|
}
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
125
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModuleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
125
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModuleService, providedIn: 'root' }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModuleService, decorators: [{
|
|
128
128
|
type: Injectable,
|
|
129
129
|
args: [{
|
|
130
130
|
providedIn: 'root',
|
|
@@ -38,10 +38,10 @@ export class SubItemService {
|
|
|
38
38
|
subItemclicked(item) {
|
|
39
39
|
this.subItemClickEvent.emit(item);
|
|
40
40
|
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SubItemService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
42
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SubItemService }); }
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SubItemService, decorators: [{
|
|
45
45
|
type: Injectable
|
|
46
46
|
}], ctorParameters: () => [] });
|
|
47
47
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLWl0ZW0uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGViYXItbmF2aWdhdGlvbi9zcmMvbGliL3NlcnZpY2VzL3N1Yi1pdGVtLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsR0FBRyxJQUFJLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7QUFHN0MsTUFBTSxPQUFPLGNBQWM7SUFJekI7UUFIQSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBSXJDLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQztJQUN0QyxDQUFDO0lBRU0sWUFBWSxDQUFDLGNBQTBCLEVBQUUsTUFBYztRQUM1RCxJQUFJLFNBQVMsR0FBRyxVQUFVLGNBQWMsQ0FBQyxZQUFZLElBQUksQ0FBQztRQUMxRCxJQUFJLE1BQU0sR0FBUSxjQUFjLENBQUM7UUFFakMsc0ZBQXNGO1FBQ3RGLHFGQUFxRjtRQUNyRixzREFBc0Q7UUFDdEQsNEZBQTRGO1FBQzVGLElBQUksY0FBYyxDQUFDLGVBQWUsS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUM3QyxTQUFTLEdBQUcsUUFBUSxDQUFDO1lBQ3JCLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDbEIsQ0FBQztRQUVELElBQ0UsQ0FBQyxjQUFjLENBQUMsZUFBZSxLQUFLLEtBQUs7WUFDdkMsY0FBYyxDQUFDLFlBQVksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1lBQ3pDLGNBQWMsQ0FBQyxJQUFJLEtBQUssS0FBSyxFQUM3QixDQUFDO1lBQ0QsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNsQixDQUFDO1FBRUQsSUFBSSxHQUFHLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDMUMsR0FBRyxHQUFHLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUVwQyw0REFBNEQ7UUFDNUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRXBELHVEQUF1RDtRQUN2RCxTQUFTLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN0QyxJQUFJLEVBQUUsR0FBRztZQUNULE1BQU0sRUFBRSxHQUFHO1lBQ1gsUUFBUSxFQUFHLE1BQU07WUFDakIsTUFBTSxFQUFHLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQUk7UUFDakIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDOytHQTlDVSxjQUFjO21IQUFkLGNBQWM7OzRGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kdWxlSXRlbSB9IGZyb20gJy4uL21vZGVscy9tb2R1bGUnO1xyXG5pbXBvcnQgeyBnZXREb21haW4gfSBmcm9tICd0bGRqcyc7XHJcbmltcG9ydCB7IHNldCBhcyBzZXRDb29raWUgfSBmcm9tICdlcy1jb29raWUnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgU3ViSXRlbVNlcnZpY2Uge1xyXG4gIHN1Ykl0ZW1DbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIF9zdG9yYWdlOiBTdG9yYWdlO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHRoaXMuX3N0b3JhZ2UgPSB3aW5kb3cubG9jYWxTdG9yYWdlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNhdmVJdGVtSW5mbyhzZWxlY3RlZE1vZHVsZTogTW9kdWxlSXRlbSwgc2hvcElkOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIGxldCBtb2R1bGVLZXkgPSBgY29udGV4dCR7c2VsZWN0ZWRNb2R1bGUucmVsYXRpb25OYW1lfUlkYDtcclxuICAgIGxldCBlbnRpdHk6IGFueSA9IHNlbGVjdGVkTW9kdWxlO1xyXG5cclxuICAgIC8vIFRoZSBQT1MgbW9kdWxlIGlzIGEgc3BlY2lhbCBjYXNlIGFuZCB3ZSBkb250IHdhbnQgdG8gY2hhbmdlIHRoZSBzaG9wSWQgY29udGV4dCB3aGVuXHJcbiAgICAvLyBjaGFuZ2luZyBmb3IgdGhlIG90aGVyIG1vZHVsZXMuIFdlIG9ubHkgY2hhbmdlIHRoZSBzaG9wSWQgY29udGV4dCBmb3IgdGhlIFBPUyB3aGVuXHJcbiAgICAvLyBleHBsaWNpdGx5IGNsaWNraW5nIGEgbmV3IHNob3BJZCBvbiB0aGUgUE9TIG1vZHVsZS5cclxuICAgIC8vIEZvciBsZWdhY3kgcmVhc29ucyB0aGUgUE9TIHVzZXMgdGhlIGdlbmVyaWMga2V5ICdzaG9wSWQnIGFuZCBtb2R1bGVzIHVzZSAnY29udGV4dFNob3BJZCcuXHJcbiAgICBpZiAoc2VsZWN0ZWRNb2R1bGUuYXV0aG9yaXphdGlvbklkID09PSAncG9zJykge1xyXG4gICAgICBtb2R1bGVLZXkgPSAnc2hvcElkJztcclxuICAgICAgZW50aXR5ID0gc2hvcElkO1xyXG4gICAgfVxyXG5cclxuICAgIGlmIChcclxuICAgICAgKHNlbGVjdGVkTW9kdWxlLmF1dGhvcml6YXRpb25JZCAhPT0gJ3BvcycgJiZcclxuICAgICAgICBzZWxlY3RlZE1vZHVsZS5lbnRpdHlBY2Nlc3MubGVuZ3RoID4gMCkgfHxcclxuICAgICAgc2VsZWN0ZWRNb2R1bGUubmFtZSA9PT0gJ29yYidcclxuICAgICkge1xyXG4gICAgICBlbnRpdHkgPSBzaG9wSWQ7XHJcbiAgICB9XHJcblxyXG4gICAgbGV0IHRsZCA9IGdldERvbWFpbih3aW5kb3cubG9jYXRpb24uaHJlZik7XHJcbiAgICB0bGQgPSB0bGQgIT09IG51bGwgPyBgLiR7dGxkfWAgOiAnJztcclxuXHJcbiAgICAvLyA/IFNldHMgdGhlIG5ldyBkYXRhIGludG8gc3RvcmFnZSwgd2l0aCBhIGZvcm1hdHRlZCBkb21haW5cclxuICAgIHRoaXMuX3N0b3JhZ2Uuc2V0SXRlbShtb2R1bGVLZXksIGVudGl0eS50b1N0cmluZygpKTtcclxuXHJcbiAgICAvLyA/IFRFTVA6IFNldHMgdGhlIG5ldyBjb29raWUsIHdpdGggYSBmb3JtYXR0ZWQgZG9tYWluXHJcbiAgICBzZXRDb29raWUobW9kdWxlS2V5LCBlbnRpdHkudG9TdHJpbmcoKSwge1xyXG4gICAgICBwYXRoOiAnLycsXHJcbiAgICAgIGRvbWFpbjogdGxkLFxyXG4gICAgICBzYW1lU2l0ZSA6ICdub25lJywgXHJcbiAgICAgIHNlY3VyZSA6IHRydWVcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgc3ViSXRlbWNsaWNrZWQoaXRlbSkge1xyXG4gICAgdGhpcy5zdWJJdGVtQ2xpY2tFdmVudC5lbWl0KGl0ZW0pO1xyXG4gIH1cclxufVxyXG5cclxuLy8gVGhpcyBzZXJ2aWNlIGV4aXN0cyB0byBhbGxvdyB0aGUgRXZlbnRFbWl0dGVyIHRvIGJ1YmJsZSB1cCBmcm9tIHRoZSByZWN1cnNpdmUgc3ViSXRlbSBjb21wb25lbnQgdG8gdGhlIHBhcmVudCBzaWRlYmFyIGNvbXBvbmVudC5cclxuIl19
|
|
@@ -24,10 +24,10 @@ export class ShopModalComponent {
|
|
|
24
24
|
.toLowerCase()
|
|
25
25
|
.includes(this.shopSearchValue.toLowerCase()));
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShopModalComponent, deps: [{ token: i1.NgxSmartModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ShopModalComponent, 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"] }] }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ShopModalComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
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"] }]
|
|
33
33
|
}], ctorParameters: () => [{ type: i1.NgxSmartModalService }], propDecorators: { availableShops: [{
|
|
@@ -166,10 +166,10 @@ export class SidebarComponent {
|
|
|
166
166
|
this.panelButtonStates.isModuleOpen = this.isSidebarOpen;
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SidebarComponent, deps: [{ token: i1.ModuleService }, { token: i2.SubItemService }, { token: i3.CookieService }, { token: i4.NgxSmartModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SidebarComponent, 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: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.SubItemComponent, selector: "sub-item", inputs: ["items"] }, { kind: "component", type: i7.ShopModalComponent, selector: "shop-modal", inputs: ["availableShops", "shopSearchValue"], outputs: ["selectedShop"] }] }); }
|
|
171
171
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
173
173
|
type: Component,
|
|
174
174
|
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"] }]
|
|
175
175
|
}], ctorParameters: () => [{ type: i1.ModuleService }, { type: i2.SubItemService }, { type: i3.CookieService }, { type: i4.NgxSmartModalService }], propDecorators: { selectedRoute: [{
|
|
@@ -40,10 +40,10 @@ export class SubItemComponent {
|
|
|
40
40
|
checkVisibleSubItems(item) {
|
|
41
41
|
return item && item.visible && item.children.some((se) => se.visible);
|
|
42
42
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
43
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SubItemComponent, deps: [{ token: i1.SubItemService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SubItemComponent, 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"] }] }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SubItemComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
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"] }]
|
|
49
49
|
}], ctorParameters: () => [{ type: i1.SubItemService }], propDecorators: { items: [{
|
|
@@ -53,10 +53,10 @@ export class TopbarComponent {
|
|
|
53
53
|
const loginUrl = this.environment.portalUrl + 'auth/login';
|
|
54
54
|
window.location.href = loginUrl;
|
|
55
55
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TopbarComponent, deps: [{ token: i1.ModuleService }, { token: i2.AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TopbarComponent, 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TopbarComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
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"] }]
|
|
62
62
|
}], ctorParameters: () => [{ type: i1.ModuleService }, { type: i2.AuthService }], propDecorators: { environment: [{
|