[{"__symbolic":"module","version":4,"metadata":{"ScrollContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"Default"},"selector":"lib-scroll-container","styles":["\n    :host {\n      display: block;\n      height: 100%;\n      overflow: auto;\n    }\n\n    .scrollable {\n      height: 100%;\n      position: relative;\n    }\n\n    .scroller {\n      color: var(--mat-grey-600);\n      cursor: pointer;\n      opacity: 0.5;\n      position: fixed;\n      transition: opacity 0.25s ease-in-out;\n      z-index: 100;\n    }\n\n    .scroller:hover {\n      opacity: 0.9;\n    }\n\n    .scroller.left {\n      left: 16px;\n      top: calc(50% - 32px);\n    }\n\n    .scroller.right {\n      right: 16px;\n      top: calc(50% - 32px);\n    }\n\n    .scroller.up {\n      left: calc(50% - 32px);\n      top: 32px;\n    }\n\n    .scroller.down {\n      left: calc(50% - 32px);\n      bottom: 32px;\n    }\n  "],"template":"\n    <div class=\"scrollable\">\n      <ng-content></ng-content>\n\n      <div\n        (click)=\"doScrollLeft()\"\n        *ngIf=\"canScrollLeft()\"\n        class=\"left scroller\">\n\n        <fa-icon\n          [icon]=\"['fas', 'chevron-circle-left']\"\n          size=\"4x\">\n        </fa-icon>\n\n      </div>\n\n      <div\n        (click)=\"doScrollRight()\"\n        *ngIf=\"canScrollRight()\"\n        class=\"right scroller\">\n\n        <fa-icon\n          [icon]=\"['fas', 'chevron-circle-right']\"\n          size=\"4x\">\n        </fa-icon>\n\n      </div>\n\n      <div\n        (click)=\"doScrollUp()\"\n        *ngIf=\"canScrollUp()\"\n        class=\"up scroller\">\n\n        <fa-icon\n          [icon]=\"['fas', 'chevron-circle-up']\"\n          size=\"4x\">\n        </fa-icon>\n\n      </div>\n\n      <div\n        (click)=\"doScrollDown()\"\n        *ngIf=\"canScrollDown()\"\n        class=\"down scroller\">\n\n        <fa-icon\n          [icon]=\"['fas', 'chevron-circle-down']\"\n          size=\"4x\">\n        </fa-icon>\n\n      </div>\n\n    </div>\n  "}]}],"members":{"showScrollLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"showScrollRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"showScrollUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"showScrollDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"numScrollSteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"scrollDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"onScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":147,"character":31}]}],"canScrollLeft":[{"__symbolic":"method"}],"canScrollRight":[{"__symbolic":"method"}],"canScrollUp":[{"__symbolic":"method"}],"canScrollDown":[{"__symbolic":"method"}],"doScrollLeft":[{"__symbolic":"method"}],"doScrollRight":[{"__symbolic":"method"}],"doScrollUp":[{"__symbolic":"method"}],"doScrollDown":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":205,"character":3},"arguments":["mouseover"]}]}],"onScroller":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":209,"character":3},"arguments":["scroll"]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":213,"character":3},"arguments":["window:resize"]}]}],"dimensions":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}]}}}}]