dev@381: /**
dev@381:  * Created by lucast on 31/05/2017.
dev@381:  */
dev@488: import {PlayheadRenderer, WavesComponent} from '../waves-base.component';
dev@381: import {
dev@381:   ChangeDetectionStrategy,
dev@381:   Component,
dev@381:   Input,
dev@381: } from '@angular/core';
dev@381: import {Instant} from '../FeatureUtilities';
dev@381: import Waves from 'waves-ui-piper';
dev@381: 
dev@381: @Component({
dev@381:   selector: 'ugly-instants',
dev@381:   templateUrl: '../waves-template.html',
dev@381:   styleUrls: ['../waves-template.css'],
dev@405:   changeDetection: ChangeDetectionStrategy.OnPush,
dev@405:   providers: [
dev@488:     {provide: PlayheadRenderer, useExisting: InstantsComponent},
dev@405:     {provide: WavesComponent, useExisting: InstantsComponent}
dev@405:   ]
dev@381: })
dev@383: export class InstantsComponent extends WavesComponent<Instant[]> {
dev@381:   @Input() set instants(instants: Instant[]) {
dev@383:     this.feature = instants;
dev@381:   }
dev@381: 
dev@383:   protected get featureLayers(): Layer[] {
dev@383:     return [
dev@381:       new Waves.helpers.TickLayer(
dev@383:         this.feature,
dev@381:         {
dev@381:           height: this.height,
dev@381:           color: this.colour,
dev@381:           labelPosition: 'bottom',
dev@381:           shadeSegments: true
dev@381:         }
dev@383:       )
dev@383:     ];
dev@381:   }
dev@381: }