sgh-navbar 0.0.37 → 0.0.39

package/esm2020/lib/sidenav/sublevel-menu.component.mjs

@@ -0,0 +1,168 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { Component, Input } from '@angular/core';
+import { fadeInOut } from './helper';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+export class SublevelMenuComponent {
+    constructor(router) {
+        this.router = router;
+        this.data = {
+            routeLink: '',
+            icon: '',
+            label: '',
+            visible: true,
+            items: []
+        };
+        this.collapsed = false;
+        this.multiple = false;
+    }
+    ngOnInit() {
+    }
+    handleClick(item) {
+        if (!this.multiple) {
+            if (this.data.items && this.data.items.length > 0) {
+                for (let modelItem of this.data.items) {
+                    if (item !== modelItem && modelItem.expanded) {
+                        modelItem.expanded = false;
+                    }
+                }
+            }
+        }
+        item.expanded = !item.expanded;
+    }
+    getActiveClass(item) {
+        return item.expanded && this.router.url.includes(item.routeLink)
+            ? 'active-sublevel'
+            : '';
+    }
+}
+SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
+    <ul *ngIf="collapsed && data.items && data.items.length > 0"
+    [@submenu]="expanded
+      ? {value: 'visible',
+          params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
+      : {value: 'hidden',
+          params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
+      class="sublevel-nav"
+    >
+      <li *ngFor="let item of data.items" class="sublevel-nav-item">
+          <a class="sublevel-nav-link"
+          (click)="handleClick(item)"
+            *ngIf="item.items && item.items.length > 0 && item.visible"
+            [ngClass]="getActiveClass(item)"
+          >
+            <i class="sublevel-link-icon fa fa-circle"></i>
+            <span class="sublevel-link-text" @fadeInOut
+                *ngIf="collapsed">{{item.label}}</span>
+            <i *ngIf="item.items && collapsed" class="menu-collapse-icon"
+              [ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
+            ></i>
+          </a>
+          <a class="sublevel-nav-link"
+            *ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
+            [routerLink]="[item.routeLink]"
+            routerLinkActive="active-sublevel"
+            [routerLinkActiveOptions]="{exact: true}"
+          >
+            <i class="sublevel-link-icon fa fa-circle"></i>
+            <span class="sublevel-link-text" @fadeInOut
+               *ngIf="collapsed">{{item.label}}</span>
+          </a>
+          <div *ngIf="item.items && item.items.length > 0">
+            <app-sublevel-menu
+              [data]="item"
+              [collapsed]="collapsed"
+              [multiple]="multiple"
+              [expanded]="item.expanded"
+            ></app-sublevel-menu>
+          </div>
+      </li>
+    </ul>
+  `, isInline: true, 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:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\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: [
+        fadeInOut,
+        trigger('submenu', [
+            state('hidden', style({
+                height: '0',
+                overflow: 'hidden'
+            })),
+            state('visible', style({
+                height: '*'
+            })),
+            transition('visible <=> hidden', [style({ overflow: 'hidden' }),
+                animate('{{transitionParams}}')]),
+            transition('void => *', animate(0))
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-sublevel-menu', template: `
+    <ul *ngIf="collapsed && data.items && data.items.length > 0"
+    [@submenu]="expanded
+      ? {value: 'visible',
+          params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
+      : {value: 'hidden',
+          params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
+      class="sublevel-nav"
+    >
+      <li *ngFor="let item of data.items" class="sublevel-nav-item">
+          <a class="sublevel-nav-link"
+          (click)="handleClick(item)"
+            *ngIf="item.items && item.items.length > 0 && item.visible"
+            [ngClass]="getActiveClass(item)"
+          >
+            <i class="sublevel-link-icon fa fa-circle"></i>
+            <span class="sublevel-link-text" @fadeInOut
+                *ngIf="collapsed">{{item.label}}</span>
+            <i *ngIf="item.items && collapsed" class="menu-collapse-icon"
+              [ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
+            ></i>
+          </a>
+          <a class="sublevel-nav-link"
+            *ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
+            [routerLink]="[item.routeLink]"
+            routerLinkActive="active-sublevel"
+            [routerLinkActiveOptions]="{exact: true}"
+          >
+            <i class="sublevel-link-icon fa fa-circle"></i>
+            <span class="sublevel-link-text" @fadeInOut
+               *ngIf="collapsed">{{item.label}}</span>
+          </a>
+          <div *ngIf="item.items && item.items.length > 0">
+            <app-sublevel-menu
+              [data]="item"
+              [collapsed]="collapsed"
+              [multiple]="multiple"
+              [expanded]="item.expanded"
+            ></app-sublevel-menu>
+          </div>
+      </li>
+    </ul>
+  `, animations: [
+                        fadeInOut,
+                        trigger('submenu', [
+                            state('hidden', style({
+                                height: '0',
+                                overflow: 'hidden'
+                            })),
+                            state('visible', style({
+                                height: '*'
+                            })),
+                            transition('visible <=> hidden', [style({ overflow: 'hidden' }),
+                                animate('{{transitionParams}}')]),
+                            transition('void => *', animate(0))
+                        ])
+                    ], 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:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], animating: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFjaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFaeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxPQUFPLEVBQUUsSUFBSTtZQUNiLEtBQUssRUFBRSxFQUFFO1NBQ1YsQ0FBQTtRQUNRLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVDLENBQUM7SUFFckMsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBUztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pELEtBQUksSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7b0JBQ3BDLElBQUksSUFBSSxLQUFJLFNBQVMsSUFBSSxTQUFTLENBQUMsUUFBUSxFQUFFO3dCQUMzQyxTQUFTLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztxQkFDNUI7aUJBQ0Y7YUFDRjtTQUNGO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUQsQ0FBQyxDQUFDLGlCQUFpQjtZQUNuQixDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQzs7a0hBcENVLHFCQUFxQjtzR0FBckIscUJBQXFCLCtLQTVEdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCxxcEdBa0JVLHFCQUFxQixvSEFoQnBCO1FBQ1YsU0FBUztRQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0JBQ3BCLE1BQU0sRUFBRSxHQUFHO2dCQUNYLFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dCQUNyQixNQUFNLEVBQUUsR0FBRzthQUNaLENBQUMsQ0FBQztZQUNILFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUMsQ0FBQztnQkFDM0QsT0FBTyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQztZQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNwQyxDQUFDO0tBQ0g7MkZBRVUscUJBQXFCO2tCQTlEakMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCxjQUVXO3dCQUNWLFNBQVM7d0JBQ1QsT0FBTyxDQUFDLFNBQVMsRUFBRTs0QkFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0NBQ3BCLE1BQU0sRUFBRSxHQUFHO2dDQUNYLFFBQVEsRUFBRSxRQUFROzZCQUNuQixDQUFDLENBQUM7NEJBQ0gsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7Z0NBQ3JCLE1BQU0sRUFBRSxHQUFHOzZCQUNaLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0NBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7NEJBQ25DLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUNwQyxDQUFDO3FCQUNIOzZGQUlRLElBQUk7c0JBQVosS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQsIElOYXZiYXJEYXRhIH0gZnJvbSAnLi9oZWxwZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc3VibGV2ZWwtbWVudScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDx1bCAqbmdJZj1cImNvbGxhcHNlZCAmJiBkYXRhLml0ZW1zICYmIGRhdGEuaXRlbXMubGVuZ3RoID4gMFwiXHJcbiAgICBbQHN1Ym1lbnVdPVwiZXhwYW5kZWRcclxuICAgICAgPyB7dmFsdWU6ICd2aXNpYmxlJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcqJ319XHJcbiAgICAgIDoge3ZhbHVlOiAnaGlkZGVuJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcwJ319XCJcclxuICAgICAgY2xhc3M9XCJzdWJsZXZlbC1uYXZcIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5pdGVtc1wiIGNsYXNzPVwic3VibGV2ZWwtbmF2LWl0ZW1cIj5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKGl0ZW0pXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID4gMCAmJiBpdGVtLnZpc2libGVcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIighaXRlbS5pdGVtcyB8fCAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA9PT0gMCkpICYmIGl0ZW0udmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIHZpc2libGU6IHRydWUsXHJcbiAgICBpdGVtczogW11cclxuICB9XHJcbiAgQElucHV0KCkgY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW5nOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDbGljayhpdGVtOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xyXG4gICAgICBpZiAodGhpcy5kYXRhLml0ZW1zICYmIHRoaXMuZGF0YS5pdGVtcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5kYXRhLml0ZW1zKSB7XHJcbiAgICAgICAgICBpZiAoaXRlbSAhPT1tb2RlbEl0ZW0gJiYgbW9kZWxJdGVtLmV4cGFuZGVkKSB7XHJcbiAgICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0QWN0aXZlQ2xhc3MoaXRlbTogSU5hdmJhckRhdGEpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgJiYgdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKGl0ZW0ucm91dGVMaW5rKVxyXG4gICAgICA/ICdhY3RpdmUtc3VibGV2ZWwnXHJcbiAgICAgIDogJyc7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2020/lib/toolbar/noftification-list/noftification-list.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NoftificationListComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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{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"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
+            type: Component,
+            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{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"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzt1SEFMVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw4RENQdkMsd3ZCQWtCQTsyRkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUgbWF0LWgzXCI+Tm90aWZpY2F0aW9uczwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdC1pdGVtXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGl0bGUgbWF0LWg0XCI+RGF2aWQgSmFtZXM8L3NwYW4+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1kZXNjcmlwdGlvbiBtYXQtaDVcIj5BIG5vdGlmaWNhdGlvbiBib3ggc2hvdyBtZXNzYWdlPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy10aXRsZVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInNlZS1hbGwgbWF0LWg0XCI+U2VlIGFsbDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2020/lib/toolbar/search.pipe.mjs

@@ -0,0 +1,21 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SearchPipe {
+    transform(values, args) {
+        if (args === undefined) {
+            return values;
+        }
+        return values.filter(value => {
+            return value.text.toLowerCase().includes(args.toLowerCase());
+        });
+    }
+}
+SearchPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SearchPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, name: "search" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'search'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci9zZWFyY2gucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLFVBQVU7SUFFckIsU0FBUyxDQUFDLE1BQVcsRUFBRSxJQUFVO1FBQy9CLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixPQUFPLE1BQU0sQ0FBQztTQUNmO1FBRUQsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNCLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDL0QsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzt1R0FWVSxVQUFVO3FHQUFWLFVBQVU7MkZBQVYsVUFBVTtrQkFIdEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsUUFBUTtpQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnc2VhcmNoJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VhcmNoUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICB0cmFuc2Zvcm0odmFsdWVzOiBhbnksIGFyZ3M/OiBhbnkpOiBhbnkge1xyXG4gICAgaWYgKGFyZ3MgPT09IHVuZGVmaW5lZCkge1xyXG4gICAgICByZXR1cm4gdmFsdWVzO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB2YWx1ZXMuZmlsdGVyKHZhbHVlID0+IHtcclxuICAgICAgcmV0dXJuIHZhbHVlLnRleHQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhhcmdzLnRvTG93ZXJDYXNlKCkpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2020/lib/toolbar/sub-client-dialog/sub-client-dialog.component.mjs

@@ -0,0 +1,47 @@
+import { Component, EventEmitter, Inject, Output } from '@angular/core';
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../sgh-navbar.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/radio";
+export class SubClientDialogComponent {
+    constructor(data, dialogRef, sghNavbarService) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.sghNavbarService = sghNavbarService;
+        this.subClient = new EventEmitter();
+        this.client = data.client;
+        this.subClientList = data.client.subClientList;
+        // find the selected sub client
+        let selectedSubClientIndex = this.subClientList.findIndex((subClient) => subClient.checked == true);
+        this.selectedSubClient = this.subClientList[selectedSubClientIndex];
+    }
+    onSubClientSelect(item) {
+        // update the sub client list with newly selected values
+        this.subClientList.forEach((subClient) => {
+            if (subClient == item) {
+                subClient.checked = true;
+            }
+            else {
+                subClient.checked = false;
+            }
+        });
+        this.selectedSubClient = item;
+    }
+    onSelectBtnClick() {
+        this.dialogRef.close({ data: { selectedSubClient: this.selectedSubClient } });
+    }
+}
+SubClientDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SubClientDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
+SubClientDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SubClientDialogComponent, selector: "lib-subclient-dialog", outputs: { subClient: "subClient" }, ngImport: i0, template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\r\n  <h4 class=\"subclientlist-header\">Select Sub Client</h4>\r\n  <div class=\"subclientlist-body\">\r\n    <div>\r\n      <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\r\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>\r\n      </mat-radio-group>\r\n    </div>\r\n  </div>\r\n  <div class=\"subclientlist-btns\">\r\n    <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\r\n  </div>\r\n</div>\r\n\r\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", exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SubClientDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-subclient-dialog', template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\r\n  <h4 class=\"subclientlist-header\">Select Sub Client</h4>\r\n  <div class=\"subclientlist-body\">\r\n    <div>\r\n      <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\r\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>\r\n      </mat-radio-group>\r\n    </div>\r\n  </div>\r\n  <div class=\"subclientlist-btns\">\r\n    <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\r\n  </div>\r\n</div>\r\n\r\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"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: i2.SghNavbarService }]; }, propDecorators: { subClient: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvc3ViLWNsaWVudC1kaWFsb2cvc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvc3ViLWNsaWVudC1kaWFsb2cvc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUMsZUFBZSxFQUFlLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQVN2RSxNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQTRDLElBQVMsRUFBVSxTQUFpRCxFQUFVLGdCQUFrQztRQUFoSCxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBd0M7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSGxKLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBSTVDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQy9DLCtCQUErQjtRQUMvQixJQUFJLHNCQUFzQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxDQUFDO1FBQ3BHLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQXVCO1FBRXZDLHdEQUF3RDtRQUN4RCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ3ZDLElBQUksU0FBUyxJQUFJLElBQUksRUFBRTtnQkFDckIsU0FBUyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7YUFDekI7aUJBQU07Z0JBQ0wsU0FBUyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7YUFDM0I7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsSUFBSSxFQUFFLEVBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQzVFLENBQUM7O3FIQTdCVSx3QkFBd0Isa0JBTWYsZUFBZTt5R0FOeEIsd0JBQXdCLGlHQ1ZyQyw4cEJBY0E7MkZESmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjs7MEJBVW5CLE1BQU07MkJBQUMsZUFBZTtzR0FIekIsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQge0NsaWVudExpc3RJdGVtLCBTdWJDbGllbnRMaXN0SXRlbX0gZnJvbSBcIi4uL3Rvb2xiYXItZGF0YVwiO1xyXG5pbXBvcnQge1NnaE5hdmJhclNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXN1YmNsaWVudC1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWItY2xpZW50LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3ViQ2xpZW50RGlhbG9nQ29tcG9uZW50IHtcclxuICBjbGllbnQ6IENsaWVudExpc3RJdGVtO1xyXG4gIHN1YkNsaWVudExpc3Q6IFN1YkNsaWVudExpc3RJdGVtW107XHJcbiAgQE91dHB1dCgpIHN1YkNsaWVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIHNlbGVjdGVkU3ViQ2xpZW50OiBTdWJDbGllbnRMaXN0SXRlbTtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnksIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8U3ViQ2xpZW50RGlhbG9nQ29tcG9uZW50PiwgcHJpdmF0ZSBzZ2hOYXZiYXJTZXJ2aWNlOiBTZ2hOYXZiYXJTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLmNsaWVudCA9IGRhdGEuY2xpZW50O1xyXG4gICAgdGhpcy5zdWJDbGllbnRMaXN0ID0gZGF0YS5jbGllbnQuc3ViQ2xpZW50TGlzdDtcclxuICAgIC8vIGZpbmQgdGhlIHNlbGVjdGVkIHN1YiBjbGllbnRcclxuICAgIGxldCBzZWxlY3RlZFN1YkNsaWVudEluZGV4ID0gdGhpcy5zdWJDbGllbnRMaXN0LmZpbmRJbmRleCgoc3ViQ2xpZW50KSA9PiBzdWJDbGllbnQuY2hlY2tlZCA9PSB0cnVlKTtcclxuICAgIHRoaXMuc2VsZWN0ZWRTdWJDbGllbnQgPSB0aGlzLnN1YkNsaWVudExpc3Rbc2VsZWN0ZWRTdWJDbGllbnRJbmRleF07XHJcbiAgfVxyXG5cclxuICBvblN1YkNsaWVudFNlbGVjdChpdGVtOiBTdWJDbGllbnRMaXN0SXRlbSkge1xyXG5cclxuICAgIC8vIHVwZGF0ZSB0aGUgc3ViIGNsaWVudCBsaXN0IHdpdGggbmV3bHkgc2VsZWN0ZWQgdmFsdWVzXHJcbiAgICB0aGlzLnN1YkNsaWVudExpc3QuZm9yRWFjaCgoc3ViQ2xpZW50KSA9PiB7XHJcbiAgICAgIGlmIChzdWJDbGllbnQgPT0gaXRlbSkge1xyXG4gICAgICAgIHN1YkNsaWVudC5jaGVja2VkID0gdHJ1ZVxyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHN1YkNsaWVudC5jaGVja2VkID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5zZWxlY3RlZFN1YkNsaWVudCA9IGl0ZW07XHJcbiAgfVxyXG5cclxuICBvblNlbGVjdEJ0bkNsaWNrKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uoe2RhdGE6IHtzZWxlY3RlZFN1YkNsaWVudDogdGhpcy5zZWxlY3RlZFN1YkNsaWVudH19KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInN1YmNsaWVudGxpc3Qtd3JhcHBlciBkaWFsb2ctd3JhcHBlclwiPlxyXG4gIDxoNCBjbGFzcz1cInN1YmNsaWVudGxpc3QtaGVhZGVyXCI+U2VsZWN0IFN1YiBDbGllbnQ8L2g0PlxyXG4gIDxkaXYgY2xhc3M9XCJzdWJjbGllbnRsaXN0LWJvZHlcIj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxtYXQtcmFkaW8tZ3JvdXAgY2xhc3M9XCJzdWJjbGllbnRsaXN0LXJhZGlvZ3JwXCIgYXJpYS1sYWJlbD1cIlNlbGVjdCBhbiBvcHRpb25cIj5cclxuICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwiaXRlbS52YWx1ZVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIHN1YkNsaWVudExpc3Q7aW5kZXggYXMgaVwiIChjbGljayk9XCJvblN1YkNsaWVudFNlbGVjdChpdGVtKVwiIFtjaGVja2VkXT1cIml0ZW0uY2hlY2tlZFwiPnt7aXRlbS50ZXh0fX08L21hdC1yYWRpby1idXR0b24+XHJcbiAgICAgIDwvbWF0LXJhZGlvLWdyb3VwPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInN1YmNsaWVudGxpc3QtYnRuc1wiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cInNnaC1idG4tcHJpbWFyeVwiIChjbGljayk9XCJvblNlbGVjdEJ0bkNsaWNrKClcIj5TZWxlY3Q8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG4iXX0=

package/esm2020/lib/toolbar/toolbar-data.mjs

@@ -0,0 +1,9 @@
+export class ToolbarData {
+}
+export class ThemeOption {
+}
+export class ClientListItem {
+}
+export class SubClientListItem {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvdG9vbGJhci1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBZXZCO0FBRUQsTUFBTSxPQUFPLFdBQVc7Q0FJdkI7QUFFRCxNQUFNLE9BQU8sY0FBYztDQUsxQjtBQUVELE1BQU0sT0FBTyxpQkFBaUI7Q0FJN0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgVG9vbGJhckRhdGEge1xyXG4gIHRoZW1lT3B0aW9uczogVGhlbWVPcHRpb25bXVxyXG4gIGNsaWVudExpc3Q/OiBDbGllbnRMaXN0SXRlbVtdXHJcbiAgYmdDb2xvcjogc3RyaW5nO1xyXG4gIGltZzogc3RyaW5nO1xyXG4gIHNlYXJjaEVuYWJsZT86IGJvb2xlYW47XHJcbiAgbm90aWZpY2F0aW9uRW5hYmxlPzogYm9vbGVhbjtcclxuICBwcm9maWxlRW5hYmxlPzogYm9vbGVhbjtcclxuICBzZXR0aW5nc0VuYWJsZT86IGJvb2xlYW47XHJcbiAgcHJvZmlsZVZpZXc/OiBib29sZWFuO1xyXG4gIHByb2ZpbGVDb250ZW50PzogYW55O1xyXG4gIGNsaWVudENvbmZpZ3VyYXRpb25FbmFibGU/OiBib29sZWFuO1xyXG4gIGFwcGxpY2F0aW9uQ29uZmlndXJhdGlvbkVuYWJsZT86IGJvb2xlYW47XHJcbiAgaXNUaGVtZUNvbGxhcHNlZD86IGJvb2xlYW47XHJcbiAgaXNOb3RpZk5hdkNvbGxhcHNlZD86IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBjbGFzcyBUaGVtZU9wdGlvbiB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIHZhbHVlOiBzdHJpbmc7XHJcbiAgY2hlY2tlZDogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIENsaWVudExpc3RJdGVtIHtcclxuICB0ZXh0OiBzdHJpbmc7XHJcbiAgdmFsdWU6IHN0cmluZztcclxuICBzZWxlY3RlZDogYm9vbGVhbjtcclxuICBzdWJDbGllbnRMaXN0PzogU3ViQ2xpZW50TGlzdEl0ZW1bXVxyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgU3ViQ2xpZW50TGlzdEl0ZW0ge1xyXG4gIHRleHQ6IHN0cmluZztcclxuICB2YWx1ZTogc3RyaW5nO1xyXG4gIGNoZWNrZWQ6IGJvb2xlYW5cclxufVxyXG4iXX0=