[{"__symbolic":"module","version":3,"metadata":{"DEFAULT_INPUTS_O_APP_SIDENAV":[],"DEFAULT_OUTPUTS_O_APP_SIDENAV":[],"OAppSidenavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-app-sidenav","inputs":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_APP_SIDENAV"},"outputs":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_APP_SIDENAV"},"template":"\n    <md-sidenav-container class=\"application-sidenav-container\" [class.opened]=\"sidenav.opened\">\n\n      <md-sidenav #sidenav class=\"application-sidenav-sidenav\" [opened]=\"!isScreenSmall()\" [mode]=\"'side'\"\n        [class.mat-drawer-opened]=\"sidenav.opened\"\n        [class.mat-drawer-closed]=\"!sidenav.opened\">\n        <!--isScreenSmall() ? 'over' : 'side'-->\n        <ng-content select=\"o-app-sidenav-image, [o-app-sidenav-image], .o-app-sidenav-image, [.o-app-sidenav-image]\"></ng-content>\n        <o-app-sidenav-image class=\"o-app-sidenav-image\"\n          opened-src=\"./assets/images/sidenav-opened.png\"\n          closed-src=\"./assets/images/sidenav-closed.png\">\n        </o-app-sidenav-image>\n\n\n        <nav *ngFor=\"let menuRootItem of menuRootArray\">\n\n          <ul *ngIf=\"appMenuService.getMenuItemType(menuRootItem) !== 'group'\">\n            <o-app-sidenav-menu-item [menu-item]=\"menuRootItem\" [menu-item-type]=\"appMenuService.getMenuItemType(menuRootItem)\" [sidenav-opened]=\"sidenav.opened\">\n            </o-app-sidenav-menu-item>\n          </ul>\n\n          <o-app-sidenav-menu-group [menu-group]=\"menuRootItem\" [sidenav-opened]=\"sidenav.opened\" *ngIf=\"appMenuService.getMenuItemType(menuRootItem) === 'group'\">\n          </o-app-sidenav-menu-group>\n        </nav>\n      </md-sidenav>\n\n      <div class=\"application-sidenav-content\">\n        <ng-content></ng-content>\n      </div>\n    </md-sidenav-container>\n  ","styles":["\n    .o-app-sidenav .example-fill-remaining-space{flex:1 1 auto}.o-app-sidenav .application-sidenav-container{width:100%;height:100%}.o-app-sidenav .application-sidenav-container:not(.opened) .mat-drawer-content{margin-right:48px !important;transform:translate3d(48px, 0px, 0px) !important}.o-app-sidenav .application-sidenav-container .mat-drawer-content{position:absolute;right:0;left:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav{box-shadow:3px 55px 6px rgba(0,0,0,0.24);padding-bottom:72px;padding-top:5px;width:240px;bottom:0;overflow:auto;height:100%}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav h3{border:none;font-size:16px;font-weight:700;line-height:24px;text-transform:capitalize;margin:0;padding-left:16px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav ul{list-style-type:none;margin:0;padding:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav li{margin:0;padding:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav li>a{box-sizing:border-box;display:block;font-size:14px;font-weight:400;line-height:47px;text-decoration:none;padding:0 16px;position:relative}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup{transition:background-color 500ms}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul{margin-top:0px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container o-app-sidenav-menu-item:last-child li{border-color:transparent}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup-items-container{overflow:hidden}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup-items-container ul{transition:margin-top 500ms;margin-top:-100%}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing{transform:translate3d(-191px, 0, 0)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed{visibility:visible !important;transform:translate3d(-191px, 0, 0);text-align:center}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed .application-sidenav-item.application-sidenav-menuitem a{width:48px;max-width:48px;min-width:48px;line-height:48px;padding:0 8px;height:48px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed .application-sidenav-item.application-sidenav-menugroup{padding:8px;padding-left:12px;height:48px;-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed>nav{width:48px;min-width:48px;margin-left:auto}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed o-app-sidenav-image .application-sidenav-image-container .application-sidenav-image{margin-left:auto;margin-right:-10px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-item,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-item,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-item{border-bottom-width:0px;border-bottom-style:solid}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup{padding:16px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup .application-sidenav-menugroup-arrow{position:absolute;right:16px;transition:500ms transform cubic-bezier(0.25, 0.8, 0.25, 1)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow{transform:rotate(90deg)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a{padding-left:32px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menuitem md-icon,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menuitem md-icon,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menuitem md-icon{margin-right:16px}.o-app-sidenav .application-sidenav-container .application-sidenav-content{min-height:100%;display:flex;flex-direction:column}.o-app-sidenav .application-sidenav-container .application-sidenav-content router-outlet+*{flex-grow:1}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"[class.o-app-sidenav]":"true","$quoted$":["[class.o-app-sidenav]"]}}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MdSidenav"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"isScreenSmall":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_APP_LAYOUT":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_APP_SIDENAV"},"DEFAULT_OUTPUTS_O_APP_LAYOUT":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_APP_SIDENAV"}}},"OAppSidenavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"./o-app-sidenav-image.component","name":"OAppSidenavImageModule"},{"__symbolic":"reference","module":"./o-app-sidenav-menu-item.component","name":"OAppSidenavMenuItemModule"},{"__symbolic":"reference","module":"./o-app-sidenav-menu-group.component","name":"OAppSidenavMenuGroupModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"declarations":[{"__symbolic":"reference","name":"OAppSidenavComponent"}],"exports":[{"__symbolic":"reference","name":"OAppSidenavComponent"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DEFAULT_INPUTS_O_APP_SIDENAV":[],"DEFAULT_OUTPUTS_O_APP_SIDENAV":[],"OAppSidenavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"o-app-sidenav","inputs":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_APP_SIDENAV"},"outputs":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_APP_SIDENAV"},"template":"\n    <md-sidenav-container class=\"application-sidenav-container\" [class.opened]=\"sidenav.opened\">\n\n      <md-sidenav #sidenav class=\"application-sidenav-sidenav\" [opened]=\"!isScreenSmall()\" [mode]=\"'side'\"\n        [class.mat-drawer-opened]=\"sidenav.opened\"\n        [class.mat-drawer-closed]=\"!sidenav.opened\">\n        <!--isScreenSmall() ? 'over' : 'side'-->\n        <ng-content select=\"o-app-sidenav-image, [o-app-sidenav-image], .o-app-sidenav-image, [.o-app-sidenav-image]\"></ng-content>\n        <o-app-sidenav-image class=\"o-app-sidenav-image\"\n          opened-src=\"./assets/images/sidenav-opened.png\"\n          closed-src=\"./assets/images/sidenav-closed.png\">\n        </o-app-sidenav-image>\n\n\n        <nav *ngFor=\"let menuRootItem of menuRootArray\">\n\n          <ul *ngIf=\"appMenuService.getMenuItemType(menuRootItem) !== 'group'\">\n            <o-app-sidenav-menu-item [menu-item]=\"menuRootItem\" [menu-item-type]=\"appMenuService.getMenuItemType(menuRootItem)\" [sidenav-opened]=\"sidenav.opened\">\n            </o-app-sidenav-menu-item>\n          </ul>\n\n          <o-app-sidenav-menu-group [menu-group]=\"menuRootItem\" [sidenav-opened]=\"sidenav.opened\" *ngIf=\"appMenuService.getMenuItemType(menuRootItem) === 'group'\">\n          </o-app-sidenav-menu-group>\n        </nav>\n      </md-sidenav>\n\n      <div class=\"application-sidenav-content\">\n        <ng-content></ng-content>\n      </div>\n    </md-sidenav-container>\n  ","styles":["\n    .o-app-sidenav .example-fill-remaining-space{flex:1 1 auto}.o-app-sidenav .application-sidenav-container{width:100%;height:100%}.o-app-sidenav .application-sidenav-container:not(.opened) .mat-drawer-content{margin-right:48px !important;transform:translate3d(48px, 0px, 0px) !important}.o-app-sidenav .application-sidenav-container .mat-drawer-content{position:absolute;right:0;left:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav{box-shadow:3px 55px 6px rgba(0,0,0,0.24);padding-bottom:72px;padding-top:5px;width:240px;bottom:0;overflow:auto;height:100%}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav h3{border:none;font-size:16px;font-weight:700;line-height:24px;text-transform:capitalize;margin:0;padding-left:16px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav ul{list-style-type:none;margin:0;padding:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav li{margin:0;padding:0}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav li>a{box-sizing:border-box;display:block;font-size:14px;font-weight:400;line-height:47px;text-decoration:none;padding:0 16px;position:relative}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup{transition:background-color 500ms}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul{margin-top:0px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container o-app-sidenav-menu-item:last-child li{border-color:transparent}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup-items-container{overflow:hidden}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav .application-sidenav-menugroup-items-container ul{transition:margin-top 500ms;margin-top:-100%}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing{transform:translate3d(-191px, 0, 0)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed{visibility:visible !important;transform:translate3d(-191px, 0, 0);text-align:center}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed .application-sidenav-item.application-sidenav-menuitem a{width:48px;max-width:48px;min-width:48px;line-height:48px;padding:0 8px;height:48px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed .application-sidenav-item.application-sidenav-menugroup{padding:8px;padding-left:12px;height:48px;-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed>nav{width:48px;min-width:48px;margin-left:auto}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closed o-app-sidenav-image .application-sidenav-image-container .application-sidenav-image{margin-left:auto;margin-right:-10px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-item,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-item,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-item{border-bottom-width:0px;border-bottom-style:solid}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup{padding:16px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup .application-sidenav-menugroup-arrow{position:absolute;right:16px;transition:500ms transform cubic-bezier(0.25, 0.8, 0.25, 1)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup.active .application-sidenav-menugroup-arrow{transform:rotate(90deg)}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menugroup.active+.application-sidenav-menugroup-items-container ul li>a{padding-left:32px}.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opening .application-sidenav-menuitem md-icon,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-closing .application-sidenav-menuitem md-icon,.o-app-sidenav .application-sidenav-container .mat-drawer.application-sidenav-sidenav.mat-drawer-opened .application-sidenav-menuitem md-icon{margin-right:16px}.o-app-sidenav .application-sidenav-container .application-sidenav-content{min-height:100%;display:flex;flex-direction:column}.o-app-sidenav .application-sidenav-container .application-sidenav-content router-outlet+*{flex-grow:1}\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"host":{"[class.o-app-sidenav]":"true"}}]}],"members":{"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MdSidenav"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"isScreenSmall":[{"__symbolic":"method"}]},"statics":{"DEFAULT_INPUTS_O_APP_LAYOUT":{"__symbolic":"reference","name":"DEFAULT_INPUTS_O_APP_SIDENAV"},"DEFAULT_OUTPUTS_O_APP_LAYOUT":{"__symbolic":"reference","name":"DEFAULT_OUTPUTS_O_APP_SIDENAV"}}},"OAppSidenavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../../shared","name":"OSharedModule"},{"__symbolic":"reference","module":"./o-app-sidenav-image.component","name":"OAppSidenavImageModule"},{"__symbolic":"reference","module":"./o-app-sidenav-menu-item.component","name":"OAppSidenavMenuItemModule"},{"__symbolic":"reference","module":"./o-app-sidenav-menu-group.component","name":"OAppSidenavMenuGroupModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"declarations":[{"__symbolic":"reference","name":"OAppSidenavComponent"}],"exports":[{"__symbolic":"reference","name":"OAppSidenavComponent"}]}]}]}}}]