sgh-navbar 0.0.2 → 0.0.4
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 +24 -24
- package/esm2020/lib/sgh-navbar.component.mjs +11 -11
- package/esm2020/lib/sgh-navbar.module.mjs +36 -11
- package/esm2020/lib/sgh-navbar.service.mjs +27 -6
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +59 -0
- package/esm2020/lib/sidenav/nav-data.mjs +68 -75
- package/esm2020/lib/sidenav/sidenav.component.mjs +7 -6
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +89 -89
- package/esm2020/lib/toolbar/toolbar.component.mjs +33 -30
- package/esm2020/public-api.mjs +1 -1
- package/fesm2015/sgh-navbar.mjs +310 -222
- package/fesm2015/sgh-navbar.mjs.map +1 -1
- package/fesm2020/sgh-navbar.mjs +310 -222
- package/fesm2020/sgh-navbar.mjs.map +1 -1
- package/lib/sgh-navbar.module.d.ts +12 -6
- package/lib/sgh-navbar.service.d.ts +9 -1
- package/lib/sidenav/menu-list-item/menu-list-item.component.d.ts +18 -0
- package/lib/toolbar/toolbar.component.d.ts +13 -11
- package/package.json +3 -3
|
@@ -36,50 +36,50 @@ export class SublevelMenuComponent {
|
|
|
36
36
|
: '';
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
40
|
-
SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
41
|
-
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
42
|
-
[@submenu]="expanded
|
|
43
|
-
? {value: 'visible',
|
|
44
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
45
|
-
: {value: 'hidden',
|
|
46
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
47
|
-
class="sublevel-nav"
|
|
48
|
-
>
|
|
49
|
-
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
50
|
-
<a class="sublevel-nav-link"
|
|
51
|
-
(click)="handleClick(item)"
|
|
52
|
-
*ngIf="item.items && item.items.length > 0"
|
|
53
|
-
[ngClass]="getActiveClass(item)"
|
|
54
|
-
>
|
|
55
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
56
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
57
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
58
|
-
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
59
|
-
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
60
|
-
></i>
|
|
61
|
-
</a>
|
|
62
|
-
<a class="sublevel-nav-link"
|
|
63
|
-
*ngIf="!item.items || (item.items && item.items.length === 0)"
|
|
64
|
-
[routerLink]="[item.routeLink]"
|
|
65
|
-
routerLinkActive="active-sublevel"
|
|
66
|
-
[routerLinkActiveOptions]="{exact: true}"
|
|
67
|
-
>
|
|
68
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
69
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
70
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
71
|
-
</a>
|
|
72
|
-
<div *ngIf="item.items && item.items.length > 0">
|
|
73
|
-
<app-sublevel-menu
|
|
74
|
-
[data]="item"
|
|
75
|
-
[collapsed]="collapsed"
|
|
76
|
-
[multiple]="multiple"
|
|
77
|
-
[expanded]="item.expanded"
|
|
78
|
-
></app-sublevel-menu>
|
|
79
|
-
</div>
|
|
80
|
-
</li>
|
|
81
|
-
</ul>
|
|
82
|
-
`, isInline: true, styles: ["
|
|
39
|
+
SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
+
SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
|
|
41
|
+
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
42
|
+
[@submenu]="expanded
|
|
43
|
+
? {value: 'visible',
|
|
44
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
45
|
+
: {value: 'hidden',
|
|
46
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
47
|
+
class="sublevel-nav"
|
|
48
|
+
>
|
|
49
|
+
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
50
|
+
<a class="sublevel-nav-link"
|
|
51
|
+
(click)="handleClick(item)"
|
|
52
|
+
*ngIf="item.items && item.items.length > 0"
|
|
53
|
+
[ngClass]="getActiveClass(item)"
|
|
54
|
+
>
|
|
55
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
56
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
57
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
58
|
+
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
59
|
+
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
60
|
+
></i>
|
|
61
|
+
</a>
|
|
62
|
+
<a class="sublevel-nav-link"
|
|
63
|
+
*ngIf="!item.items || (item.items && item.items.length === 0)"
|
|
64
|
+
[routerLink]="[item.routeLink]"
|
|
65
|
+
routerLinkActive="active-sublevel"
|
|
66
|
+
[routerLinkActiveOptions]="{exact: true}"
|
|
67
|
+
>
|
|
68
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
69
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
70
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
71
|
+
</a>
|
|
72
|
+
<div *ngIf="item.items && item.items.length > 0">
|
|
73
|
+
<app-sublevel-menu
|
|
74
|
+
[data]="item"
|
|
75
|
+
[collapsed]="collapsed"
|
|
76
|
+
[multiple]="multiple"
|
|
77
|
+
[expanded]="item.expanded"
|
|
78
|
+
></app-sublevel-menu>
|
|
79
|
+
</div>
|
|
80
|
+
</li>
|
|
81
|
+
</ul>
|
|
82
|
+
`, isInline: true, styles: ["mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mat-mdc-nav-list{margin:10px!important}\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
83
83
|
fadeInOut,
|
|
84
84
|
trigger('submenu', [
|
|
85
85
|
state('hidden', style({
|
|
@@ -94,50 +94,50 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
94
94
|
transition('void => *', animate(0))
|
|
95
95
|
])
|
|
96
96
|
] });
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: SublevelMenuComponent, decorators: [{
|
|
98
98
|
type: Component,
|
|
99
|
-
args: [{ selector: 'app-sublevel-menu', template: `
|
|
100
|
-
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
101
|
-
[@submenu]="expanded
|
|
102
|
-
? {value: 'visible',
|
|
103
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
104
|
-
: {value: 'hidden',
|
|
105
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
106
|
-
class="sublevel-nav"
|
|
107
|
-
>
|
|
108
|
-
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
109
|
-
<a class="sublevel-nav-link"
|
|
110
|
-
(click)="handleClick(item)"
|
|
111
|
-
*ngIf="item.items && item.items.length > 0"
|
|
112
|
-
[ngClass]="getActiveClass(item)"
|
|
113
|
-
>
|
|
114
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
115
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
116
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
117
|
-
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
118
|
-
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
119
|
-
></i>
|
|
120
|
-
</a>
|
|
121
|
-
<a class="sublevel-nav-link"
|
|
122
|
-
*ngIf="!item.items || (item.items && item.items.length === 0)"
|
|
123
|
-
[routerLink]="[item.routeLink]"
|
|
124
|
-
routerLinkActive="active-sublevel"
|
|
125
|
-
[routerLinkActiveOptions]="{exact: true}"
|
|
126
|
-
>
|
|
127
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
128
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
129
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
130
|
-
</a>
|
|
131
|
-
<div *ngIf="item.items && item.items.length > 0">
|
|
132
|
-
<app-sublevel-menu
|
|
133
|
-
[data]="item"
|
|
134
|
-
[collapsed]="collapsed"
|
|
135
|
-
[multiple]="multiple"
|
|
136
|
-
[expanded]="item.expanded"
|
|
137
|
-
></app-sublevel-menu>
|
|
138
|
-
</div>
|
|
139
|
-
</li>
|
|
140
|
-
</ul>
|
|
99
|
+
args: [{ selector: 'app-sublevel-menu', template: `
|
|
100
|
+
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
101
|
+
[@submenu]="expanded
|
|
102
|
+
? {value: 'visible',
|
|
103
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
104
|
+
: {value: 'hidden',
|
|
105
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
106
|
+
class="sublevel-nav"
|
|
107
|
+
>
|
|
108
|
+
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
109
|
+
<a class="sublevel-nav-link"
|
|
110
|
+
(click)="handleClick(item)"
|
|
111
|
+
*ngIf="item.items && item.items.length > 0"
|
|
112
|
+
[ngClass]="getActiveClass(item)"
|
|
113
|
+
>
|
|
114
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
115
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
116
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
117
|
+
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
118
|
+
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
119
|
+
></i>
|
|
120
|
+
</a>
|
|
121
|
+
<a class="sublevel-nav-link"
|
|
122
|
+
*ngIf="!item.items || (item.items && item.items.length === 0)"
|
|
123
|
+
[routerLink]="[item.routeLink]"
|
|
124
|
+
routerLinkActive="active-sublevel"
|
|
125
|
+
[routerLinkActiveOptions]="{exact: true}"
|
|
126
|
+
>
|
|
127
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
128
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
129
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
130
|
+
</a>
|
|
131
|
+
<div *ngIf="item.items && item.items.length > 0">
|
|
132
|
+
<app-sublevel-menu
|
|
133
|
+
[data]="item"
|
|
134
|
+
[collapsed]="collapsed"
|
|
135
|
+
[multiple]="multiple"
|
|
136
|
+
[expanded]="item.expanded"
|
|
137
|
+
></app-sublevel-menu>
|
|
138
|
+
</div>
|
|
139
|
+
</li>
|
|
140
|
+
</ul>
|
|
141
141
|
`, animations: [
|
|
142
142
|
fadeInOut,
|
|
143
143
|
trigger('submenu', [
|
|
@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
152
152
|
animate('{{transitionParams}}')]),
|
|
153
153
|
transition('void => *', animate(0))
|
|
154
154
|
])
|
|
155
|
-
], styles: ["
|
|
155
|
+
], styles: ["mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mat-mdc-nav-list{margin:10px!important}\n"] }]
|
|
156
156
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
157
157
|
type: Input
|
|
158
158
|
}], collapsed: [{
|
|
@@ -164,4 +164,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
164
164
|
}], multiple: [{
|
|
165
165
|
type: Input
|
|
166
166
|
}] } });
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
167
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFhaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFYeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUE7UUFDUSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFQyxDQUFDO0lBRXJDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNqRCxLQUFJLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO29CQUNwQyxJQUFJLElBQUksS0FBSSxTQUFTLElBQUksU0FBUyxDQUFDLFFBQVEsRUFBRTt3QkFDM0MsU0FBUyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7cUJBQzVCO2lCQUNGO2FBQ0Y7U0FDRjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBaUI7UUFDOUIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQzlELENBQUMsQ0FBQyxpQkFBaUI7WUFDbkIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7O2tIQW5DVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrS0E1RHRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsZ2dDQWtCVSxxQkFBcUIsb0hBaEJwQjtRQUNWLFNBQVM7UUFDVCxPQUFPLENBQUMsU0FBUyxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dCQUNwQixNQUFNLEVBQUUsR0FBRztnQkFDWCxRQUFRLEVBQUUsUUFBUTthQUNuQixDQUFDLENBQUM7WUFDSCxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQztnQkFDckIsTUFBTSxFQUFFLEdBQUc7YUFDWixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0JBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7WUFDbkMsVUFBVSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEMsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkE5RGpDLFNBQVM7K0JBQ0UsbUJBQW1CLFlBQ25COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsY0FFVzt3QkFDVixTQUFTO3dCQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7NEJBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dDQUNyQixNQUFNLEVBQUUsR0FBRzs2QkFDWixDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLG9CQUFvQixFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLFFBQVEsRUFBQyxDQUFDO2dDQUMzRCxPQUFPLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDOzRCQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQzt5QkFDcEMsQ0FBQztxQkFDSDs2RkFJUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgZmFkZUluT3V0LCBJTmF2YmFyRGF0YSB9IGZyb20gJy4vaGVscGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXN1YmxldmVsLW1lbnUnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8dWwgKm5nSWY9XCJjb2xsYXBzZWQgJiYgZGF0YS5pdGVtcyAmJiBkYXRhLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgW0BzdWJtZW51XT1cImV4cGFuZGVkXHJcbiAgICAgID8ge3ZhbHVlOiAndmlzaWJsZScsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnKid9fVxyXG4gICAgICA6IHt2YWx1ZTogJ2hpZGRlbicsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnMCd9fVwiXHJcbiAgICAgIGNsYXNzPVwic3VibGV2ZWwtbmF2XCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cInN1YmxldmVsLW5hdi1pdGVtXCI+XHJcbiAgICAgICAgICA8YSBjbGFzcz1cInN1YmxldmVsLW5hdi1saW5rXCJcclxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhpdGVtKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIiFpdGVtLml0ZW1zIHx8IChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID09PSAwKVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIGl0ZW1zOiBbXVxyXG4gIH1cclxuICBASW5wdXQoKSBjb2xsYXBzZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhbmltYXRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGhhbmRsZUNsaWNrKGl0ZW06IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLm11bHRpcGxlKSB7XHJcbiAgICAgIGlmICh0aGlzLmRhdGEuaXRlbXMgJiYgdGhpcy5kYXRhLml0ZW1zLmxlbmd0aCA+IDApIHtcclxuICAgICAgICBmb3IobGV0IG1vZGVsSXRlbSBvZiB0aGlzLmRhdGEuaXRlbXMpIHtcclxuICAgICAgICAgIGlmIChpdGVtICE9PW1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgICAgbW9kZWxJdGVtLmV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgfVxyXG5cclxuICBnZXRBY3RpdmVDbGFzcyhpdGVtOiBJTmF2YmFyRGF0YSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXRlbS5leHBhbmRlZCAmJiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoaXRlbS5yb3V0ZUxpbmspXHJcbiAgICAgID8gJ2FjdGl2ZS1zdWJsZXZlbCdcclxuICAgICAgOiAnJztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -1,46 +1,49 @@
|
|
|
1
|
-
import { Component, Input,
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import { fadeInOut } from '../sidenav/helper';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "@angular/
|
|
4
|
+
import * as i1 from "../sgh-navbar.service";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@angular/router";
|
|
7
|
+
import * as i4 from "@angular/material/icon";
|
|
8
|
+
import * as i5 from "@angular/material/toolbar";
|
|
9
|
+
import * as i6 from "@angular/material/button";
|
|
10
|
+
import * as i7 from "@angular/material/input";
|
|
11
|
+
import * as i8 from "@angular/material/form-field";
|
|
6
12
|
export class ToolbarComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.
|
|
9
|
-
this.
|
|
10
|
-
this.bgColor =
|
|
11
|
-
this.
|
|
12
|
-
this.logOutEvent = new EventEmitter();
|
|
13
|
-
this.isNotifNavCollapsed = false;
|
|
14
|
-
this.searchInput = "";
|
|
13
|
+
constructor(navService) {
|
|
14
|
+
this.navService = navService;
|
|
15
|
+
this.showNotificationList = false;
|
|
16
|
+
this.bgColor = 'primary';
|
|
17
|
+
this.img = "assets/images/Synergen_Logo-new.svgo";
|
|
15
18
|
}
|
|
16
|
-
|
|
17
|
-
this.
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this.navService.appDrawer = this.sidenav;
|
|
18
21
|
}
|
|
19
|
-
|
|
20
|
-
this.
|
|
22
|
+
toggleNotificationList() {
|
|
23
|
+
this.showNotificationList = !this.showNotificationList;
|
|
21
24
|
}
|
|
22
|
-
|
|
23
|
-
this.
|
|
25
|
+
closeNotificationList() {
|
|
26
|
+
this.showNotificationList = false;
|
|
24
27
|
}
|
|
25
28
|
}
|
|
26
|
-
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.
|
|
27
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.
|
|
29
|
+
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ToolbarComponent, selector: "app-toolbar", inputs: { bgColor: "bgColor", img: "img" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"bgColor\" class=\"mat-elevation-z1\">\r\n <div class=\"first-wrapper\">\r\n <div class=\"tool-bar-lft\">\r\n <div class=\"image-wrapper\">\r\n <img class=\"logo\" src=\"{{img}}\" />\r\n </div>\r\n <div>\r\n <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Search</mat-label>\r\n <input matInput>\r\n </mat-form-field>\r\n <button mat-icon-button class=\"main-search-btn\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <span fxFlex></span>\r\n <div class=\"icon-tray\">\r\n\r\n <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n </button>\r\n <button mat-icon-button>\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon>power_settings_new</mat-icon>\r\n </button>\r\n </div>\r\n <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n <div class=\"text\">\r\n <h4>Samso aliao</h4>\r\n <p>Samso Nagaro Like your home work</p>\r\n </div>\r\n </div>\r\n <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n <div class=\"text\">\r\n <h4>John Silvester</h4>\r\n <p>+20 vista badge earned</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }], animations: [
|
|
28
31
|
fadeInOut
|
|
29
32
|
] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
31
34
|
type: Component,
|
|
32
35
|
args: [{ selector: 'app-toolbar', animations: [
|
|
33
36
|
fadeInOut
|
|
34
|
-
], template: "<
|
|
35
|
-
}], propDecorators: {
|
|
37
|
+
], template: "<mat-toolbar [style.background-color]=\"bgColor\" class=\"mat-elevation-z1\">\r\n <div class=\"first-wrapper\">\r\n <div class=\"tool-bar-lft\">\r\n <div class=\"image-wrapper\">\r\n <img class=\"logo\" src=\"{{img}}\" />\r\n </div>\r\n <div>\r\n <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Search</mat-label>\r\n <input matInput>\r\n </mat-form-field>\r\n <button mat-icon-button class=\"main-search-btn\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <span fxFlex></span>\r\n <div class=\"icon-tray\">\r\n\r\n <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n </button>\r\n <button mat-icon-button>\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon>power_settings_new</mat-icon>\r\n </button>\r\n </div>\r\n <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n <div class=\"text\">\r\n <h4>Samso aliao</h4>\r\n <p>Samso Nagaro Like your home work</p>\r\n </div>\r\n </div>\r\n <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n <div class=\"text\">\r\n <h4>John Silvester</h4>\r\n <p>+20 vista badge earned</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"] }]
|
|
38
|
+
}], ctorParameters: function () { return [{ type: i1.SghNavbarService }]; }, propDecorators: { bgColor: [{
|
|
36
39
|
type: Input
|
|
37
|
-
}],
|
|
40
|
+
}], img: [{
|
|
38
41
|
type: Input
|
|
39
|
-
}],
|
|
40
|
-
type:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
}], sidenav: [{
|
|
43
|
+
type: ViewChild,
|
|
44
|
+
args: ['drawer']
|
|
45
|
+
}], topbar: [{
|
|
46
|
+
type: ViewChild,
|
|
47
|
+
args: [ToolbarComponent]
|
|
45
48
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7OztBQWE5QyxNQUFNLE9BQU8sZ0JBQWdCO0lBUTNCLFlBQW1CLFVBQTRCO1FBQTVCLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBUC9DLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUVwQixZQUFPLEdBQUcsU0FBUyxDQUFDO1FBQ3BCLFFBQUcsR0FBRyxzQ0FBc0MsQ0FBQztJQUlILENBQUM7SUFFcEQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDM0MsQ0FBQztJQUVELHNCQUFzQjtRQUNwQixJQUFJLENBQUMsb0JBQW9CLEdBQUcsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUM7SUFDekQsQ0FBQztJQUNELHFCQUFxQjtRQUNuQixJQUFJLENBQUMsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO0lBQ3BDLENBQUM7OzZHQW5CVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiwyTkFPaEIsZ0JBQWdCLGdEQ3JCN0Isb21FQXVEQSxvd0dEN0NjO1FBQ1YsU0FBUztLQUNWOzJGQUVVLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxhQUFhLGNBR1g7d0JBQ1YsU0FBUztxQkFDVjt1R0FLUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNlLE9BQU87c0JBQTNCLFNBQVM7dUJBQUMsUUFBUTtnQkFFVSxNQUFNO3NCQUFsQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFkZUluT3V0IH0gZnJvbSAnLi4vc2lkZW5hdi9oZWxwZXInO1xyXG5pbXBvcnQge01hdERyYXdlciwgTWF0U2lkZW5hdn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXZcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7bmF2YmFyRGF0YX0gZnJvbSBcIi4uL3NpZGVuYXYvbmF2LWRhdGFcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXRvb2xiYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9vbGJhckNvbXBvbmVudCB7XHJcbiAgc2hvd05vdGlmaWNhdGlvbkxpc3QgPSBmYWxzZTtcclxuICBpc05vdGlmTmF2Q29sbGFwc2VkOiBhbnk7XHJcbiAgQElucHV0KCkgYmdDb2xvciA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBpbWcgPSBcImFzc2V0cy9pbWFnZXMvU3luZXJnZW5fTG9nby1uZXcuc3Znb1wiO1xyXG4gIEBWaWV3Q2hpbGQoJ2RyYXdlcicpIHNpZGVuYXY6IE1hdERyYXdlcjtcclxuICAvLyBAVmlld0NoaWxkKCdzaWRlbmF2Jykgc2lkZW5hdjogTWF0U2lkZW5hdjtcclxuICBAVmlld0NoaWxkKFRvb2xiYXJDb21wb25lbnQpIHRvcGJhcjogVG9vbGJhckNvbXBvbmVudDtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbmF2U2VydmljZTogU2doTmF2YmFyU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5uYXZTZXJ2aWNlLmFwcERyYXdlciA9IHRoaXMuc2lkZW5hdjtcclxuICB9XHJcblxyXG4gIHRvZ2dsZU5vdGlmaWNhdGlvbkxpc3QoKSB7XHJcbiAgICB0aGlzLnNob3dOb3RpZmljYXRpb25MaXN0ID0gIXRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3Q7XHJcbiAgfVxyXG4gIGNsb3NlTm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3QgPSBmYWxzZTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtdG9vbGJhciBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJiZ0NvbG9yXCIgY2xhc3M9XCJtYXQtZWxldmF0aW9uLXoxXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpcnN0LXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b29sLWJhci1sZnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXdyYXBwZXJcIj5cclxuICAgICAgICA8aW1nICBjbGFzcz1cImxvZ29cIiBzcmM9XCJ7e2ltZ319XCIgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gaWQ9XCJtZW51XCIgKGNsaWNrKT1cIm5hdlNlcnZpY2UudG9nZ2xlTmF2KCk7Y2xvc2VOb3RpZmljYXRpb25MaXN0KClcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+bWVudV9vcGVuPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtd3JwXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cclxuICAgICAgICA8bWF0LWxhYmVsPlNlYXJjaDwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJtYWluLXNlYXJjaC1idG5cIj5cclxuICAgICAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPHNwYW4gZnhGbGV4Pjwvc3Bhbj5cclxuICA8ZGl2IGNsYXNzPVwiaWNvbi10cmF5XCI+XHJcblxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1idG5cIiBbbmdDbGFzc109XCJ7J3Nob3ctZHJvcGRvd24nOnNob3dOb3RpZmljYXRpb25MaXN0fVwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtYWxlcnRcIj5ub3RpZmljYXRpb25zPHNwYW4gY2xhc3M9XCJkb3RcIj48L3NwYW4+PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24+XHJcbiAgICAgIDxtYXQtaWNvbj5wZXJzb248L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbcm91dGVyTGlua109XCInL3VzZXItbG9naW4vbG9naW4nXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5wb3dlcl9zZXR0aW5nc19uZXc8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImlzTm90aWZOYXZDb2xsYXBzZWRcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBpZD1cImJveFwiPlxyXG4gICAgPGgyPk5vdGlmaWNhdGlvbnMgPGkgY2xhc3M9XCJmYXMgZmEtc2VhcmNoXCI+PC9pPiAtIDxzcGFuPjI8L3NwYW4+PC9oMj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWl0ZW1cIj4gPGltZyBzcmM9XCJodHRwczovL2kuaW1ndXIuY29tL3VJZ0RERGQuanBnXCIgYWx0PVwiaW1nXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgPGg0PlNhbXNvIGFsaWFvPC9oND5cclxuICAgICAgICA8cD5TYW1zbyBOYWdhcm8gTGlrZSB5b3VyIGhvbWUgd29yazwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWl0ZW1cIj4gPGltZyBzcmM9XCJodHRwczovL2ltZy5pY29uczguY29tL2ZsYXRfcm91bmQvNjQvMDAwMDAwL3ZvdGUtYmFkZ2UucG5nXCIgYWx0PVwiaW1nXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgPGg0PkpvaG4gU2lsdmVzdGVyPC9oND5cclxuICAgICAgICA8cD4rMjAgdmlzdGEgYmFkZ2UgZWFybmVkPC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuPC9tYXQtdG9vbGJhcj5cclxuXHJcblxyXG4iXX0=
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -7,4 +7,4 @@ export * from './lib/sgh-navbar.module';
|
|
|
7
7
|
export * from './lib/sidenav/sidenav.component';
|
|
8
8
|
export * from './lib/sidenav/sublevel-menu.component';
|
|
9
9
|
export * from './lib/toolbar/toolbar.component';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx5QkFBeUIsQ0FBQztBQUd4QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzZ2gtbmF2YmFyXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2doLW5hdmJhci5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2doLW5hdmJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZ2gtbmF2YmFyLm1vZHVsZSc7XHJcblxyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpZGVuYXYvc3VibGV2ZWwtbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcclxuIl19
|