{"__symbolic":"module","version":4,"metadata":{"TsScrollbarsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"TsScrollbarsComponent"}],"exports":[{"__symbolic":"reference","name":"TsScrollbarsComponent"}]}]}],"members":{}},"TsScrollbarsScrollDirections":{"__symbolic":"interface"},"TsScrollbarsGeometry":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"Geometry","line":30,"character":42},"members":{}},"TsScrollbarPosition":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"Position","line":35,"character":41},"members":{}},"TsScrollbarsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"ts-scrollbars","host":{"class":"ts-scrollbars"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":73,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":74,"character":17},"member":"None"},"exportAs":"tsScrollbars","template":"<div\n  class=\"c-scrollbars qa-scrollbars\"\n  perfectScrollbar\n  [disabled]=\"isDisabled\"\n  #scrollbar=\"ngxPerfectScrollbar\"\n  (psScrollY)=\"scrollY.emit($event)\"\n  (psScrollX)=\"scrollX.emit($event)\"\n  (psScrollUp)=\"scrollUp.emit($event)\"\n  (psScrollDown)=\"scrollDown.emit($event)\"\n  (psScrollLeft)=\"scrollLeft.emit($event)\"\n  (psScrollRight)=\"scrollRight.emit($event)\"\n  (psYReachEnd)=\"yReachEnd.emit($event)\"\n  (psYReachStart)=\"yReachStart.emit($event)\"\n  (psXReachEnd)=\"xReachEnd.emit($event)\"\n  (psXReachStart)=\"xReachStart.emit($event)\"\n  [attr.id]=\"id\"\n>\n  <ng-content></ng-content>\n</div>\n","styles":[".ts-scrollbars{display:block;height:100%}.ts-scrollbars .c-scrollbars{max-height:100%;position:relative}.c-scrollbars .ps__rail-x,.c-scrollbars .ps__rail-y{opacity:.6}",".ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"scrollbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":135,"character":3},"arguments":[{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarDirective","line":135,"character":30}]}]}],"scrollDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3}}]}],"scrollLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":144,"character":3}}]}],"scrollRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":147,"character":3}}]}],"scrollUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":3}}]}],"scrollX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":153,"character":3}}]}],"scrollY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":156,"character":3}}]}],"xReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":3}}]}],"xReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"yReachEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":3}}]}],"yReachStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":3}}]}],"scrollable":[{"__symbolic":"method"}],"scrollTo":[{"__symbolic":"method"}],"scrollToElement":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"scrollToLeft":[{"__symbolic":"method"}],"scrollToRight":[{"__symbolic":"method"}],"scrollToTop":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}]}}},"origins":{"TsScrollbarsModule":"./scrollbars.module","TsScrollbarsScrollDirections":"./scrollbars.component","TsScrollbarsGeometry":"./scrollbars.component","TsScrollbarPosition":"./scrollbars.component","TsScrollbarsComponent":"./scrollbars.component"},"importAs":"@terminus/ui/scrollbars"}