import { Component, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
import { pDatepickerContainerComponent } from './p-datepicker-container.component';

import { pDatepickerActions } from '../../reducer/p-datepicker.actions';
import { pDatepickerConfig } from '../../p-datepicker.config';
import { pDatepickerEffects } from '../../reducer/p-datepicker.effects';
import { pDatepickerStore } from '../../reducer/p-datepicker.store';

import { PositioningService } from 'mirra-ui/positioning';
import { datepickerAnimation } from '../../datepicker-animations';

@Component({
  selector: 'p-datepicker-inline-container',
  providers: [pDatepickerStore, pDatepickerEffects],
  templateUrl: './p-datepicker-view.html',
  host: {
    '(click)': '_stopPropagation($event)'
  },
  animations: [datepickerAnimation]
})
export class pDatepickerInlineContainerComponent extends pDatepickerContainerComponent
  implements OnInit, OnDestroy {

  constructor(
    _renderer: Renderer2,
    _config: pDatepickerConfig,
    _store: pDatepickerStore,
    _element: ElementRef,
    _actions: pDatepickerActions,
    _effects: pDatepickerEffects,
    _positioningService: PositioningService
  ) {
    super(_renderer, _config, _store, _element, _actions, _effects, _positioningService);

    _renderer.setStyle(_element.nativeElement, 'display', 'inline-block');
    _renderer.setStyle(_element.nativeElement, 'position', 'static');
  }
}