{"__symbolic":"module","version":4,"metadata":{"SidebarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"db-sidebar-item","template":"<div class=\"sidebar-item\" [class.active]=\"sidebarItem.active\" [class.backoffice]=\"isBackoffice\">\n  <div class=\"sidebar-item-label\">\n    <i class=\"{{sidebarItem.icon}}\"></i>\n    <span class=\"sidebar-item-title\">{{sidebarItem.title}}</span>\n    <i *ngIf=\"sidebarItem.subitems\" class=\"icon-Vector-Stroke-46 arrow\"></i>\n  </div>\n  <ul *ngIf=\"sidebarItem.subitems\" class=\"subitems\">\n    <ng-container *ngFor=\"let item of sidebarItem.subitems\">\n      <li>\n        <i class=\"icon-Vector-Stroke-48\"></i>\n        <a [routerLink]=\"item.router\" [class.backoffice]=\"isBackoffice\">{{item.title}}</a>\n      </li>\n    </ng-container>\n  </ul>\n</div>\n","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.sidebar-item{width:100%;border-radius:10px 0 0 10px;cursor:pointer}.sidebar-item-label{display:flex;align-items:center;justify-content:center;height:80px;position:relative}.sidebar-item-label .arrow{position:absolute;right:20px;top:0;line-height:80px;font-size:10px;margin:0}.sidebar-item.backoffice{color:#fff}.sidebar-item:hover{transition:.5s;background-color:#f7f7f7}.sidebar-item:hover.backoffice{background-color:#495057}.sidebar-item.active{background-color:#f7f7f7}.sidebar-item.active span{text-decoration:line-through;-webkit-text-decoration-color:#e8003d;text-decoration-color:#e8003d}.sidebar-item.active.backoffice{background-color:#495057}.sidebar-item i{font-size:20px;margin-right:20px}.sidebar-item .sidebar-item-title{width:50%}.sidebar-item.active .subitems{display:flex;flex-direction:column}.subitems{display:none;padding-left:20%}.subitems li{list-style:none;padding-top:.7142857143rem;padding-bottom:.7142857143rem}.subitems li i{font-size:.8571428571rem}.subitems li a{line-height:26px;color:#333}.subitems li a.backoffice{color:#fff}.subitems li ul{padding-left:20px}.subitems li ul li{list-style:initial}"]}]}],"members":{"isBackoffice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"sidebarItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SidebarItem":{"__symbolic":"interface"},"SidebarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"db-sidebar","template":"<nav class=\"sidebar-area\" \n  [ngClass]=\"{'backoffice': isBackoffice}\">\n  <figure class=\"sidebar-logo\" (click)=\"onClickImgLogo(imgClickRoute)\">\n    <img [src]=\"img\">\n  </figure>\n  <ul class=\"sidebar-list\">\n    <li *ngFor=\"let sidebarItem of sidebarItems; let index = index\">\n      <db-sidebar-item [sidebarItem]=\"sidebarItem\" [isBackoffice]=\"isBackoffice\" (click)=\"onSidebarItemClick(index)\"></db-sidebar-item>\n    </li>\n  </ul>\n  <ng-content select=\"[help]\"></ng-content>\n</nav>\n","styles":["@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@-webkit-keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideToLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(110%)}}@-webkit-keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0;display:none}to{opacity:1;display:block}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@-webkit-keyframes spinner{to{transform:rotate(1turn)}}@keyframes spinner{to{transform:rotate(1turn)}}@-webkit-keyframes circleAnimation{to{transform:rotate(1turn)}}@keyframes circleAnimation{to{transform:rotate(1turn)}}.sidebar-area{width:18%;border-top-right-radius:15px;background-color:#fff;display:flex;flex-direction:column;align-items:center;position:absolute;min-height:100%;top:2.3571428571rem}.sidebar-area.backoffice{background-color:#333}.sidebar-area figure{width:184px;height:90px;margin-top:5rem;margin-bottom:1.7857142857rem;cursor:pointer;z-index:10}.sidebar-area .sidebar-list{width:100%;list-style:none;border-radius:12px;padding-left:1.4285714286rem}.sidebar-area .sidebar-help-button{width:80px;height:80px;border-radius:50%;margin-bottom:20px;box-shadow:0 4px 8px #dfd4d4;cursor:pointer}.sidebar-area .sidebar-help-button i{width:100%;height:100%;font-size:60px;display:flex;align-items:center;justify-content:center;color:#8d0606}"]}]}],"members":{"img":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"imgClickRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"isBackoffice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"sidebarItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":25,"character":20}]}],"ngOnChanges":[{"__symbolic":"method"}],"onSidebarItemClick":[{"__symbolic":"method"}],"onClickImgLogo":[{"__symbolic":"method"}],"listenerRouterChange":[{"__symbolic":"method"}],"getUnSelectedSidebarItems":[{"__symbolic":"method"}],"setCurrentUrlToActive":[{"__symbolic":"method"}]}},"SidebarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":4}],"declarations":[{"__symbolic":"reference","name":"SidebarComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"}],"exports":[{"__symbolic":"reference","name":"SidebarComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"}]}]}],"members":{}}},"origins":{"SidebarItemComponent":"./sidebar-item/sidebar-item.component","SidebarItem":"./sidebar-item.interface","SidebarComponent":"./sidebar.component","SidebarModule":"./siderbar.module"},"importAs":"@desbank/components/src/lib/sidebar"}