{"__symbolic":"module","version":4,"metadata":{"DpWorldSidebarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"dp-world-sidebar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"<div class=\"dp-world-sidebar dp-world-sidebar--{{ open ? 'opened' : 'closed' }}\" (focusin)=\"onFocusIn()\"\n    (focusout)=\"onFocusOut()\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\">\n\n    <ul class=\"ul-margins\">\n        <li class=\"li-width\" style=\"height: 80px;\" fxLayoutAlign=\"center center\">\n            <div (click)=\"navigateTo(homeRoute)\" style=\"cursor: pointer; user-select: none;\" *ngIf=\"logo\" fxLayout=\"row\">\n                <div *ngIf=\"!isBeta\">\n                    <img class=\"dp-world-closed-icon\" [src]=\"logo.url\" alt=\"pic-mark\">\n                    <img class=\"dp-world-logo2\" [src]=\"logo.url2\" alt=\"combo-mark\">\n                </div>\n                <div *ngIf=\"isBeta\">\n                    <img style=\"width: 40px; height: 40px; margin:10px; margin-top: 10px; margin-bottom: 1px;\"\n                        [src]=\"logo.url\">\n                    <img style=\"width: auto; height: 35px; margin:10px; margin-top: 20px; margin-bottom: 1px;\"\n                        [src]=\"logo.url2\">\n                    <div style=\"width: 60px;\" fxLayoutAlign=\"center center\">\n                        <div style=\"margin-left: 14px;\">\n                            Beta\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </li>\n\n        <ng-container *ngFor=\"let item of content\">\n            <li class=\"li-width\" *ngIf=\"!item.hideInProd || isDev\">\n                <ng-container *ngIf=\"item.active\">\n                    <a (click)=\"navigateTo(item)\" class=\"sidebar-items\" style=\"color: white; cursor: pointer;\">\n                        <span class=\"icon-container\">\n                            <mat-icon *ngIf=\"!item.svgIcon\" class=\"material-icons\">{{item.icon}}</mat-icon>\n                            <mat-icon *ngIf=\"item.svgIcon\" [svgIcon]=\"item.svgIcon\" class=\"material-icons\">{{item.svgIcon}}</mat-icon>\n                        </span>\n\n                        <span style=\"width: 140px; word-wrap: break-word;\">{{item.name}}</span>\n                    </a>\n                </ng-container>\n            </li>\n        </ng-container>\n    </ul>\n\n    <!--consumer of component can place content inside the component tag, and it will display here-->\n    <ng-content></ng-content>\n</div>","styles":[".dp-world-sidebar{background-color:#173a64;bottom:0;color:#fff;height:100%;left:0;margin:0!important;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0!important;position:absolute;top:0;transition:.25s;z-index:99999999}.dp-world-sidebar--closed{width:60px}.dp-world-sidebar--opened{box-shadow:0 0 4px rgba(0,0,0,.1);width:200px}.ul-margins{margin:0;padding:0}.li-width{list-style:none;width:256px}.dp-world-logo2{margin:20px 5px 15px;width:120px}.icon-container{height:60px;justify-content:center;width:60px}.icon-container,.sidebar-items{align-items:center;display:flex}.sidebar-items{text-decoration:none}.dp-world-closed-icon{height:40px;margin:20px 10px 10px;width:40px}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"isDev":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"isBeta":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"logoRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":33,"character":30},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconRegistry","line":34,"character":26},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":35,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"onFocusIn":[{"__symbolic":"method"}],"onFocusOut":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method"}],"navigateTo":[{"__symbolic":"method"}],"getSvgIconFromPath":[{"__symbolic":"method"}]}},"DpWorldSidebarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DpWorldSidebarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"DpWorldSidebarComponent"}]}]}],"members":{}}},"origins":{"DpWorldSidebarComponent":"./lib/dp-world-sidebar.component","DpWorldSidebarModule":"./lib/dp-world-sidebar.module"},"importAs":"dp-world-sidebar"}