{"__symbolic":"module","version":4,"metadata":{"KSidebarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SidebarContainerComponent"},{"__symbolic":"reference","name":"SidebarContentDirective"},{"__symbolic":"reference","name":"SidebarDirective"},{"__symbolic":"reference","name":"SidebarDirective"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"SidebarHeaderComponent"},{"__symbolic":"reference","name":"SidebarGroupComponent"},{"__symbolic":"reference","name":"SidebarItemsContainerComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"},{"__symbolic":"reference","name":"SidebarDropdownItemComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":28,"character":2},{"__symbolic":"reference","module":"ngx-k-components/core","name":"KCoreModule","line":29,"character":2}],"exports":[{"__symbolic":"reference","name":"SidebarContainerComponent"},{"__symbolic":"reference","name":"SidebarContentDirective"},{"__symbolic":"reference","name":"SidebarDirective"},{"__symbolic":"reference","name":"SidebarHeaderComponent"},{"__symbolic":"reference","name":"SidebarGroupComponent"},{"__symbolic":"reference","name":"SidebarItemsContainerComponent"},{"__symbolic":"reference","name":"SidebarItemComponent"},{"__symbolic":"reference","name":"SidebarDropdownItemComponent"}],"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ɵa"}}}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["configuration"],"value":{"ngModule":{"__symbolic":"reference","name":"KSidebarModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ɵa"},"arguments":[{"__symbolic":"reference","name":"configuration"}]}}]}}}},"SidebarContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"k-sidebar-container","providers":[{"__symbolic":"reference","name":"ɵc"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":18},"member":"OnPush"},"template":"<ng-content select=\"k-sidebar\"></ng-content>\n<ng-content select=\"k-sidebar-content\"></ng-content>\n<k-back-drop></k-back-drop>\n"}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"sidebarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":25,"character":2},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"SidebarHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"k-sidebar-header","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"template":"<div class=\"container px-3 d-flex align-items-center\">\n\t<ng-content></ng-content>\n</div>\n","styles":[".container{min-height:100px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SidebarGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"k-sidebar-group","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"template":"<div class=\"px-3\">\n\t<div *ngIf=\"title\" class=\"k-sidebar-group-title\">{{title}}</div>\n\t<ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SidebarItemsContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"[k-sidebar-items-container]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":18},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":2},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"SidebarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"[k-sidebar-item]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":18},"member":"OnPush"},"template":"<div class=\"d-flex justify-content-between align-items-center\">\n\t<div>\n\t\t<i *ngIf=\"iconClass\" [classList]=\"iconClass\"></i>\n\t\t<span>{{label}}</span>\n\t</div>\n\t<div *ngIf=\"badge\">\n\t\t<span class=\"sidebar-badge\">{{badge}}</span>\n\t</div>\n</div>\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":2}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":2}}]}],"badge":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":2},"arguments":["class"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":31,"character":2},"arguments":["click",["$event"]]}]}]}},"SidebarDropdownItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"[k-sidebar-dropdown-item]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":18},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":9,"character":2},"arguments":["dropdown-items",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":10,"character":3},"arguments":["close",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":18},"arguments":[{"opacity":0,"height":0,"display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":11,"character":3},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":11,"character":17},"arguments":[{}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":12,"character":3},"arguments":["close => open",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":4},"arguments":[{"display":"block"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":14,"character":4},"arguments":[".1s .0s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":32},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":4},"arguments":[".1s .1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":15,"character":32},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":17,"character":3},"arguments":["open => close",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":4},"arguments":[".1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":4},"arguments":[".1s .1s ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":32},"arguments":[{"height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":4},"arguments":[{"display":"none"}]}]]}]]}],"template":"<div class=\"dropdown-btn\" (click)=\"toggle()\">\n\t<div>\n\t\t<i *ngIf=\"iconClass\" [classList]=\"iconClass\"></i>\n\t\t<span>{{label}}</span>\n\t</div>\n\t<div>\n\t\t<svg style=\"width:24px;height:24px\" viewBox=\"0 -3 26 26\">\n\t\t\t<path d=\"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z\"/>\n\t\t</svg>\n\t</div>\n</div>\n<div [@dropdown-items]=\"isOpen ? 'open' : 'close'\" class=\"dropdown-content\">\n\t<ng-content></ng-content>\n</div>\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":2}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"classList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":2},"arguments":["class"]}]}],"toggle":[{"__symbolic":"method"}]}},"SidebarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"k-sidebar"}]}],"members":{"sidebarClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":2},"arguments":["class"]}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":2},"arguments":["class.opened"]}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":15,"character":2},"arguments":["style.position"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SidebarContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"k-sidebar-content"}]}],"members":{"sidebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":2},"arguments":["class"]}]}],"pushed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":2},"arguments":["class.pushed"]}]}],"over":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":2},"arguments":["class.over"]}]}],"side":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":2},"arguments":["class.side"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setClass":[{"__symbolic":"method"}]}},"SidebarStatus":{"Opened":"opened","Closed":"closed"},"SidebarMode":{"Push":"push","Over":"over","Side":"side"},"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}],"overWrite":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":30,"character":34},"arguments":["sidebar configuration"]},"SidebarConfig":{"__symbolic":"interface"},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"ngx-k-components/core","name":"WindowSizeService","line":31,"character":29}]}],"mobileHandler":[{"__symbolic":"method"}],"configure":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"k-back-drop","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":18},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":9,"character":2},"arguments":["backdrop",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":10,"character":3},"arguments":["void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":17},"arguments":[[{"opacity":0}]]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":11,"character":3},"arguments":["void <=> *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":11,"character":28},"arguments":[".2s 0s ease-out"]}]}]]}],"template":"<div\n\tclass=\"k-backdrop\"\n\t[style.position]=\"position\"\n\t@backdrop\n\t*ngIf=\"(sidebarService.config$ | async).hasBackdrop == true && (sidebarService.statusChange$ | async) === 'opened'\"\n\t(click)=\"close()\">\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}},"origins":{"KSidebarModule":"./k-sidebar.module","SidebarContainerComponent":"./components/sidebar-container/sidebar-container.component","SidebarHeaderComponent":"./components/sidebar-header/sidebar-header.component","SidebarGroupComponent":"./components/sidebar-group/sidebar-group.component","SidebarItemsContainerComponent":"./components/sidebar-items-container/sidebar-items-container.component","SidebarItemComponent":"./components/sidebar-item/sidebar-item.component","SidebarDropdownItemComponent":"./components/sidebar-dropdown-item/sidebar-dropdown-item.component","SidebarDirective":"./directives/sidebar/sidebar.directive","SidebarContentDirective":"./directives/sidebar-content/sidebar-content.directive","SidebarStatus":"./models/sidebar-status.enum","SidebarMode":"./models/sidebar-mode.enum","ɵa":"./models/sidebar.config","ɵb":"./models/sidebar.config","SidebarConfig":"./models/sidebar.config","ɵc":"./services/sidebar.service","ɵd":"./components/back-drop/back-drop.component"},"importAs":"ngx-k-components/sidebar"}