gp-crm-ui/components/crm-scroll/crm-scroll.component.html

Модуль компонентов UI Имя модуля: `gp-crm-ui`

<div class="viewport"
	[ngClass]="{
		'viewport--slider-vertical': isVerticalSliderVisible,
		'viewport--slider-horizontal': isHorizontalSliderVisible
	}"
	#viewportRef
	(mousewheel)="onMouseWheel($event)"
	(touchstart)="onTouchStart($event)">
	<div class="canvas" #canvasRef>
		<ng-content></ng-content>
	</div>
</div>

<crm-slider class="slider slider--vertical slider--hidden"
	[ngClass]="{ 'slider--hidden' : !isVerticalSliderVisible }"
	[type]="type"
	direction="vertical"
	[viewport]="viewport.height"
	[canvas]="canvas.height"
	[offset]="offset.top"
	(sliderMoved)="onVerticalSliderMoved($event)"
	(sliderPageUp)="onVerticalScroll(-viewport.height)"
	(sliderPageDown)="onVerticalScroll(viewport.height)">
</crm-slider>

<crm-slider class="slider slider--horizontal slider--hidden"
	[ngClass]="{ 'slider--hidden' : !isHorizontalSliderVisible }"
	[type]="type"
	direction="horizontal"
	[viewport]="viewport.width"
	[canvas]="canvas.width"
	[offset]="offset.left"
	(sliderMoved)="onHorizontalSliderMoved($event)"
	(sliderPageUp)="onHorizontalScroll(-viewport.width)"
	(sliderPageDown)="onHorizontalScroll(viewport.width)">
</crm-slider>