sgh-navbar 0.0.51 → 0.0.52
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/README.md +8 -0
- package/esm2022/lib/sgh-navbar.component.mjs +3 -3
- package/esm2022/lib/sgh-navbar.module.mjs +4 -4
- package/esm2022/lib/sgh-navbar.service.mjs +3 -3
- package/esm2022/lib/sidenav/menu-list-item/menu-list-item.component.mjs +3 -3
- package/esm2022/lib/sidenav/sidenav.component.mjs +3 -3
- package/esm2022/lib/sidenav/sublevel-menu.component.mjs +3 -3
- package/esm2022/lib/toolbar/noftification-list/noftification-list.component.mjs +3 -3
- package/esm2022/lib/toolbar/search.pipe.mjs +3 -3
- package/esm2022/lib/toolbar/sub-client-dialog/sub-client-dialog.component.mjs +3 -3
- package/esm2022/lib/toolbar/toolbar.component.mjs +3 -3
- package/fesm2022/sgh-navbar.mjs +31 -31
- package/fesm2022/sgh-navbar.mjs.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -22,3 +22,11 @@ Run `ng test sgh-navbar` to execute the unit tests via [Karma](https://karma-run
|
|
|
22
22
|
## Further help
|
|
23
23
|
|
|
24
24
|
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
25
|
+
|
|
26
|
+
## Version details
|
|
27
|
+
|
|
28
|
+
# Angular Version Library Version
|
|
29
|
+
15 0.0.43
|
|
30
|
+
16 0.0.50
|
|
31
|
+
17 0.0.51
|
|
32
|
+
18 0.0.52
|
|
@@ -4,14 +4,14 @@ export class SghNavbarComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SghNavbarComponent, selector: "lib-sgh-navbar", ngImport: i0, template: `
|
|
9
9
|
<p>
|
|
10
10
|
sgh-navbar works!
|
|
11
11
|
</p>
|
|
12
12
|
`, isInline: true }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'lib-sgh-navbar', template: `
|
|
17
17
|
<p>
|
|
@@ -17,8 +17,8 @@ import { MatDialogModule } from "@angular/material/dialog";
|
|
|
17
17
|
import { MatRadioModule } from "@angular/material/radio";
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
19
|
export class SghNavbarModule {
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
21
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarModule, declarations: [SghNavbarComponent,
|
|
22
22
|
SublevelMenuComponent,
|
|
23
23
|
SidenavComponent,
|
|
24
24
|
ToolbarComponent,
|
|
@@ -35,7 +35,7 @@ export class SghNavbarModule {
|
|
|
35
35
|
SublevelMenuComponent,
|
|
36
36
|
SidenavComponent,
|
|
37
37
|
ToolbarComponent] }); }
|
|
38
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
38
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [CommonModule,
|
|
39
39
|
RouterModule,
|
|
40
40
|
FormsModule,
|
|
41
41
|
MatMenuModule,
|
|
@@ -43,7 +43,7 @@ export class SghNavbarModule {
|
|
|
43
43
|
MatDialogModule,
|
|
44
44
|
MatRadioModule] }); }
|
|
45
45
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
47
47
|
type: NgModule,
|
|
48
48
|
args: [{
|
|
49
49
|
declarations: [
|
|
@@ -24,10 +24,10 @@ export class SghNavbarService {
|
|
|
24
24
|
getSubclient() {
|
|
25
25
|
return this.subClient;
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
28
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarService, providedIn: 'root' }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SghNavbarService, decorators: [{
|
|
31
31
|
type: Injectable,
|
|
32
32
|
args: [{
|
|
33
33
|
providedIn: 'root'
|
|
@@ -19,8 +19,8 @@ export class MenuListItemComponent {
|
|
|
19
19
|
item.expanded = !item.expanded;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { items: "items" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link {{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}} {{data.icon ? '' : 'padding-10'}}\"></i>\r\n <div class=\"text-div\">\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n</div>\r\n", styles: [".padding-10{padding-left:10px}.text-div{text-align:initial;padding-left:10px}.sub-link{padding-left:30px}.sidebar_div{margin:0;padding:0;overflow:auto}.sidebar_div a{color:#005860;padding:10px 13px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;color:#fff;border-radius:13px}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:13px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{width:100%;height:auto;position:relative}.sidebar_div a{float:left;width:-webkit-fill-available}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#0009;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex;align-items:center;margin-left:10px}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute;background:#fff}.sidenav-overlay{display:block}}\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
24
24
|
trigger('indicatorRotate', [
|
|
25
25
|
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
26
26
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
@@ -28,7 +28,7 @@ export class MenuListItemComponent {
|
|
|
28
28
|
])
|
|
29
29
|
], encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuListItemComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'app-menu-list-item', encapsulation: ViewEncapsulation.None, animations: [
|
|
34
34
|
trigger('indicatorRotate', [
|
|
@@ -34,8 +34,8 @@ export class SidenavComponent {
|
|
|
34
34
|
item.expanded = !item.expanded;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\" class=\"{{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\" [@inOutAnimation]>\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\" *ngIf=\"hasClients\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:#fff;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:#fff}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
39
39
|
trigger('inOutAnimation', [
|
|
40
40
|
transition(':enter', [
|
|
41
41
|
style({ height: 0, opacity: 0 }),
|
|
@@ -68,7 +68,7 @@ export class SidenavComponent {
|
|
|
68
68
|
])
|
|
69
69
|
] }); }
|
|
70
70
|
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
73
|
args: [{ selector: 'app-sidenav', animations: [
|
|
74
74
|
trigger('inOutAnimation', [
|
|
@@ -36,8 +36,8 @@ export class SublevelMenuComponent {
|
|
|
36
36
|
? 'active-sublevel'
|
|
37
37
|
: '';
|
|
38
38
|
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
|
|
41
41
|
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
42
42
|
[@submenu]="expanded
|
|
43
43
|
? {value: 'visible',
|
|
@@ -95,7 +95,7 @@ export class SublevelMenuComponent {
|
|
|
95
95
|
])
|
|
96
96
|
] }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SublevelMenuComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{ selector: 'app-sublevel-menu', template: `
|
|
101
101
|
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
@@ -4,10 +4,10 @@ export class NoftificationListComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:400px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0 5px 0 0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.notifications-list-wrapper{-webkit-animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none;animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:400px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0 5px 0 0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.notifications-list-wrapper{-webkit-animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none;animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] }]
|
|
13
13
|
}], ctorParameters: () => [] });
|
|
@@ -9,10 +9,10 @@ export class SearchPipe {
|
|
|
9
9
|
return value.text.toLowerCase().includes(args.toLowerCase());
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
13
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SearchPipe, name: "search" }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchPipe, decorators: [{
|
|
16
16
|
type: Pipe,
|
|
17
17
|
args: [{
|
|
18
18
|
name: 'search'
|
|
@@ -32,10 +32,10 @@ export class SubClientDialogComponent {
|
|
|
32
32
|
onSelectBtnClick() {
|
|
33
33
|
this.dialogRef.close({ data: { selectedSubClient: this.selectedSubClient } });
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SubClientDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SubClientDialogComponent, selector: "lib-subclient-dialog", outputs: { subClient: "subClient" }, ngImport: i0, template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\n <h4 class=\"subclientlist-header\">Select Sub Client</h4>\n <div class=\"subclientlist-body\">\n <div>\n <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\n <mat-radio-button [value]=\"item.value\" *ngFor=\"let item of subClientList;index as i\" (click)=\"onSubClientSelect(item)\" [checked]=\"item.checked\">{{item.text}}</mat-radio-button>\n </mat-radio-group>\n </div>\n </div>\n <div class=\"subclientlist-btns\">\n <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\n </div>\n</div>\n\n", styles: [".subclientlist-wrapper .subclientlist-header{font-weight:500;line-height:48px;display:flex;justify-content:center;align-items:center;padding-bottom:0;margin:0}.subclientlist-wrapper .subclientlist-body{font-weight:400;text-align:center;color:#000;padding:0 15px 15px}.subclientlist-wrapper .subclientlist-body .subclientlist-radiogrp{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.subclientlist-wrapper .subclientlist-btns{padding:0;min-height:48px}.subclientlist-wrapper button{width:100%;margin-bottom:0}.subclientlist-wrapper .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SubClientDialogComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'lib-subclient-dialog', template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\n <h4 class=\"subclientlist-header\">Select Sub Client</h4>\n <div class=\"subclientlist-body\">\n <div>\n <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\n <mat-radio-button [value]=\"item.value\" *ngFor=\"let item of subClientList;index as i\" (click)=\"onSubClientSelect(item)\" [checked]=\"item.checked\">{{item.text}}</mat-radio-button>\n </mat-radio-group>\n </div>\n </div>\n <div class=\"subclientlist-btns\">\n <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\n </div>\n</div>\n\n", styles: [".subclientlist-wrapper .subclientlist-header{font-weight:500;line-height:48px;display:flex;justify-content:center;align-items:center;padding-bottom:0;margin:0}.subclientlist-wrapper .subclientlist-body{font-weight:400;text-align:center;color:#000;padding:0 15px 15px}.subclientlist-wrapper .subclientlist-body .subclientlist-radiogrp{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.subclientlist-wrapper .subclientlist-btns{padding:0;min-height:48px}.subclientlist-wrapper button{width:100%;margin-bottom:0}.subclientlist-wrapper .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}\n"] }]
|
|
41
41
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|