text: import { forwardRef, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ElementRef, Renderer2, NgZone, ChangeDetectorRef, Input, Output, ViewChild, NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { DomHandler } from 'primeng/dom';
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
  
  const SLIDER_VALUE_ACCESSOR = {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => Slider),
      multi: true
  };
  class Slider {
      constructor(el, renderer, ngZone, cd) {
          this.el = el;
          this.renderer = renderer;
          this.ngZone = ngZone;
          this.cd = cd;
          this.min = 0;
          this.max = 100;
          this.orientation = 'horizontal';
          this.tabindex = 0;
          this.onChange = new EventEmitter();
          this.onSlideEnd = new EventEmitter();
          this.handleValues = [];
          this.onModelChange = () => { };
          this.onModelTouched = () => { };
          this.handleIndex = 0;
      }
      onMouseDown(event, index) {
          if (this.disabled) {
              return;
          }
          this.dragging = true;
          this.updateDomData();
          this.sliderHandleClick = true;
          if (this.range && this.handleValues && this.handleValues[0] === this.max) {
              this.handleIndex = 0;
          }
          else {
              this.handleIndex = index;
          }
          this.bindDragListeners();
          event.target.focus();
          event.preventDefault();
          if (this.animate) {
              DomHandler.removeClass(this.el.nativeElement.children[0], 'p-slider-animate');
          }
      }
      onTouchStart(event, index) {
          if (this.disabled) {
              return;
          }
          var touchobj = event.changedTouches[0];
          this.startHandleValue = (this.range) ? this.handleValues[index] : this.handleValue;
          this.dragging = true;
          if (this.range && this.handleValues && this.handleValues[0] === this.max) {
              this.handleIndex = 0;
          }
          else {
              this.handleIndex = index;
          }
          if (this.orientation === 'horizontal') {
              this.startx = parseInt(touchobj.clientX, 10);
              this.barWidth = this.el.nativeElement.children[0].offsetWidth;
          }
          else {
              this.starty = parseInt(touchobj.clientY, 10);
              this.barHeight = this.el.nativeElement.children[0].offsetHeight;
          }
          if (this.animate) {
              DomHandler.removeClass(this.el.nativeElement.children[0], 'p-slider-animate');
          }
          event.preventDefault();
      }
      onTouchMove(event, index) {
          if (this.disabled) {
              return;
          }
          var touchobj = event.changedTouches[0], handleValue = 0;
          if (this.orientation === 'horizontal') {
              handleValue = Math.floor(((parseInt(touchobj.clientX, 10) - this.startx) * 100) / (this.barWidth)) + this.startHandleValue;
          }
          else {
              handleValue = Math.floor(((this.starty - parseInt(touchobj.clientY, 10)) * 100) / (this.barHeight)) + this.startHandleValue;
          }
          this.setValueFromHandle(event, handleValue);
          event.preventDefault();
      }
      onTouchEnd(event, index) {
          if (this.disabled) {
              return;
          }
          this.dragging = false;
          if (this.range)
              this.onSlideEnd.emit({ originalEvent: event, values: this.values });
          else
              this.onSlideEnd.emit({ originalEvent: event, value: this.value });
          if (this.animate) {
              DomHandler.addClass(this.el.nativeElement.children[0], 'p-slider-animate');
          }
          event.preventDefault();
      }
      onBarClick(event) {
          if (this.disabled) {
              return;
          }
          if (!this.sliderHandleClick) {
              this.updateDomData();
              this.handleChange(event);
          }
          this.sliderHandleClick = false;
      }
      onHandleKeydown(event, handleIndex) {
          if (this.disabled) {
              return;
          }
          if (event.which == 38 || event.which == 39) {
              this.spin(event, 1, handleIndex);
          }
          else if (event.which == 37 || event.which == 40) {
              this.spin(event, -1, handleIndex);
          }
      }
      spin(event, dir, handleIndex) {
          let step = (this.step || 1) * dir;
          if (this.range) {
              this.handleIndex = handleIndex;
              this.updateValue(this.values[this.handleIndex] + step);
              this.updateHandleValue();
          }
          else {
              this.updateValue(this.value + step);
              this.updateHandleValue();
          }
          event.preventDefault();
      }
      handleChange(event) {
          let handleValue = this.calculateHandleValue(event);
          this.setValueFromHandle(event, handleValue);
      }
      bindDragListeners() {
          this.ngZone.runOutsideAngular(() => {
              const documentTarget = this.el ? this.el.nativeElement.ownerDocument : 'document';
              if (!this.dragListener) {
                  this.dragListener = this.renderer.listen(documentTarget, 'mousemove', (event) => {
                      if (this.dragging) {
                          this.ngZone.run(() => {
                              this.handleChange(event);
                          });
                      }
                  });
              }
              if (!this.mouseupListener) {
                  this.mouseupListener = this.renderer.listen(documentTarget, 'mouseup', (event) => {
                      if (this.dragging) {
                          this.dragging = false;
                          this.ngZone.run(() => {
                              if (this.range)
                                  this.onSlideEnd.emit({ originalEvent: event, values: this.values });
                              else
                                  this.onSlideEnd.emit({ originalEvent: event, value: this.value });
                              if (this.animate) {
                                  DomHandler.addClass(this.el.nativeElement.children[0], 'p-slider-animate');
                              }
                          });
                      }
                  });
              }
          });
      }
      unbindDragListeners() {
          if (this.dragListener) {
              this.dragListener();
          }
          if (this.mouseupListener) {
              this.mouseupListener();
          }
      }
      setValueFromHandle(event, handleValue) {
          let newValue = this.getValueFromHandle(handleValue);
          if (this.range) {
              if (this.step) {
                  this.handleStepChange(newValue, this.values[this.handleIndex]);
              }
              else {
                  this.handleValues[this.handleIndex] = handleValue;
                  this.updateValue(newValue, event);
              }
          }
          else {
              if (this.step) {
                  this.handleStepChange(newValue, this.value);
              }
              else {
                  this.handleValue = handleValue;
                  this.updateValue(newValue, event);
              }
          }
          this.cd.markForCheck();
      }
      handleStepChange(newValue, oldValue) {
          let diff = (newValue - oldValue);
          let val = oldValue;
          if (diff < 0) {
              val = oldValue + Math.ceil(newValue / this.step - oldValue / this.step) * this.step;
          }
          else if (diff > 0) {
              val = oldValue + Math.floor(newValue / this.step - oldValue / this.step) * this.step;
          }
          this.updateValue(val);
          this.updateHandleValue();
      }
      writeValue(value) {
          if (this.range)
              this.values = value || [0, 0];
          else
              this.value = value || 0;
          this.updateHandleValue();
          this.cd.markForCheck();
      }
      registerOnChange(fn) {
          this.onModelChange = fn;
      }
      registerOnTouched(fn) {
          this.onModelTouched = fn;
      }
      setDisabledState(val) {
          this.disabled = val;
          this.cd.markForCheck();
      }
      get rangeStartLeft() {
          return this.isVertical() ? 'auto' : this.handleValues[0] + '%';
      }
      get rangeStartBottom() {
          return this.isVertical() ? this.handleValues[0] + '%' : 'auto';
      }
      get rangeEndLeft() {
          return this.isVertical() ? 'auto' : this.handleValues[1] + '%';
      }
      get rangeEndBottom() {
          return this.isVertical() ? this.handleValues[1] + '%' : 'auto';
      }
      isVertical() {
          return this.orientation === 'vertical';
      }
      updateDomData() {
          let rect = this.el.nativeElement.children[0].getBoundingClientRect();
          this.initX = rect.left + DomHandler.getWindowScrollLeft();
          this.initY = rect.top + DomHandler.getWindowScrollTop();
          this.barWidth = this.el.nativeElement.children[0].offsetWidth;
          this.barHeight = this.el.nativeElement.children[0].offsetHeight;
      }
      calculateHandleValue(event) {
          if (this.orientation === 'horizontal')
              return ((event.pageX - this.initX) * 100) / (this.barWidth);
          else
              return (((this.initY + this.barHeight) - event.pageY) * 100) / (this.barHeight);
      }
      updateHandleValue() {
          if (this.range) {
              this.handleValues[0] = (this.values[0] < this.min ? 0 : this.values[0] - this.min) * 100 / (this.max - this.min);
              this.handleValues[1] = (this.values[1] > this.max ? 100 : this.values[1] - this.min) * 100 / (this.max - this.min);
          }
          else {
              if (this.value < this.min)
                  this.handleValue = 0;
              else if (this.value > this.max)
                  this.handleValue = 100;
              else
                  this.handleValue = (this.value - this.min) * 100 / (this.max - this.min);
          }
      }
      updateValue(val, event) {
          if (this.range) {
              let value = val;
              if (this.handleIndex == 0) {
                  if (value < this.min) {
                      value = this.min;
                      this.handleValues[0] = 0;
                  }
                  else if (value > this.values[1]) {
                      value = this.values[1];
                      this.handleValues[0] = this.handleValues[1];
                  }
                  this.sliderHandleStart.nativeElement.focus();
              }
              else {
                  if (value > this.max) {
                      value = this.max;
                      this.handleValues[1] = 100;
                  }
                  else if (value < this.values[0]) {
                      value = this.values[0];
                      this.handleValues[1] = this.handleValues[0];
                  }
                  this.sliderHandleEnd.nativeElement.focus();
              }
              this.values[this.handleIndex] = this.getNormalizedValue(value);
              this.values = this.values.slice();
              this.onModelChange(this.values);
              this.onChange.emit({ event: event, values: this.values });
          }
          else {
              if (val < this.min) {
                  val = this.min;
                  this.handleValue = 0;
              }
              else if (val > this.max) {
                  val = this.max;
                  this.handleValue = 100;
              }
              this.value = this.getNormalizedValue(val);
              this.onModelChange(this.value);
              this.onChange.emit({ event: event, value: this.value });
              this.sliderHandle.nativeElement.focus();
          }
      }
      getValueFromHandle(handleValue) {
          return (this.max - this.min) * (handleValue / 100) + this.min;
      }
      getDecimalsCount(value) {
          if (value && Math.floor(value) !== value)
              return value.toString().split(".")[1].length || 0;
          return 0;
      }
      getNormalizedValue(val) {
          let decimalsCount = this.getDecimalsCount(this.step);
          if (decimalsCount > 0) {
              return +val.toFixed(decimalsCount);
          }
          else {
              return Math.floor(val);
          }
      }
      ngOnDestroy() {
          this.unbindDragListeners();
      }
  }
  Slider.decorators = [
      { type: Component, args: [{
                  selector: 'p-slider',
                  template: `
          <div [ngStyle]="style" [class]="styleClass" [ngClass]="{'p-slider p-component':true,'p-disabled':disabled,
              'p-slider-horizontal':orientation == 'horizontal','p-slider-vertical':orientation == 'vertical','p-slider-animate':animate}"
              (click)="onBarClick($event)">
              <span *ngIf="range && orientation == 'horizontal'" class="p-slider-range" [ngStyle]="{'left':handleValues[0] + '%',width: (handleValues[1] - handleValues[0] + '%')}"></span>
              <span *ngIf="range && orientation == 'vertical'" class="p-slider-range" [ngStyle]="{'bottom':handleValues[0] + '%',height: (handleValues[1] - handleValues[0] + '%')}"></span>
              <span *ngIf="!range && orientation=='vertical'" class="p-slider-range" [ngStyle]="{'height': handleValue + '%'}"></span>
              <span *ngIf="!range && orientation=='horizontal'" class="p-slider-range" [ngStyle]="{'width': handleValue + '%'}"></span>
              <span #sliderHandle *ngIf="!range" [attr.tabindex]="disabled ? null : tabindex" (keydown)="onHandleKeydown($event)" class="p-slider-handle" (mousedown)="onMouseDown($event)" (touchstart)="onTouchStart($event)" (touchmove)="onTouchMove($event)" (touchend)="onTouchEnd($event)"
                  [style.transition]="dragging ? 'none': null" [ngStyle]="{'left': orientation == 'horizontal' ? handleValue + '%' : null,'bottom': orientation == 'vertical' ? handleValue + '%' : null}"
                  [attr.aria-valuemin]="min" [attr.aria-valuenow]="value" [attr.aria-valuemax]="max" [attr.aria-labelledby]="ariaLabelledBy"></span>
              <span #sliderHandleStart *ngIf="range" [attr.tabindex]="disabled ? null : tabindex" (keydown)="onHandleKeydown($event,0)" (mousedown)="onMouseDown($event,0)" (touchstart)="onTouchStart($event,0)" (touchmove)="onTouchMove($event,0)" (touchend)="onTouchEnd($event)" [style.transition]="dragging ? 'none': null" class="p-slider-handle" 
                  [ngStyle]="{'left': rangeStartLeft, 'bottom': rangeStartBottom}" [ngClass]="{'p-slider-handle-active':handleIndex==0}"
                  [attr.aria-valuemin]="min" [attr.aria-valuenow]="value ? value[0] : null" [attr.aria-valuemax]="max" [attr.aria-labelledby]="ariaLabelledBy"></span>
              <span #sliderHandleEnd *ngIf="range" [attr.tabindex]="disabled ? null : tabindex" (keydown)="onHandleKeydown($event,1)" (mousedown)="onMouseDown($event,1)" (touchstart)="onTouchStart($event,1)" (touchmove)="onTouchMove($event,1)" (touchend)="onTouchEnd($event)" [style.transition]="dragging ? 'none': null" class="p-slider-handle" 
                  [ngStyle]="{'left': rangeEndLeft, 'bottom': rangeEndBottom}" [ngClass]="{'p-slider-handle-active':handleIndex==1}"
                  [attr.aria-valuemin]="min" [attr.aria-valuenow]="value ? value[1] : null" [attr.aria-valuemax]="max" [attr.aria-labelledby]="ariaLabelledBy"></span>
          </div>
      `,
                  providers: [SLIDER_VALUE_ACCESSOR],
                  changeDetection: ChangeDetectionStrategy.OnPush,
                  encapsulation: ViewEncapsulation.None,
                  styles: [".p-slider{position:relative}.p-slider .p-slider-handle{cursor:grab;touch-action:none}.p-slider-range,.p-slider .p-slider-handle{display:block;position:absolute}.p-slider-horizontal .p-slider-range{height:100%;left:0;top:0}.p-slider-horizontal .p-slider-handle{top:50%}.p-slider-vertical{height:100px}.p-slider-vertical .p-slider-handle{left:50%}.p-slider-vertical .p-slider-range{bottom:0;left:0;width:100%}"]
              },] }
  ];
  Slider.ctorParameters = () => [
      { type: ElementRef },
      { type: Renderer2 },
      { type: NgZone },
      { type: ChangeDetectorRef }
  ];
  Slider.propDecorators = {
      animate: [{ type: Input }],
      disabled: [{ type: Input }],
      min: [{ type: Input }],
      max: [{ type: Input }],
      orientation: [{ type: Input }],
      step: [{ type: Input }],
      range: [{ type: Input }],
      style: [{ type: Input }],
      styleClass: [{ type: Input }],
      ariaLabelledBy: [{ type: Input }],
      tabindex: [{ type: Input }],
      onChange: [{ type: Output }],
      onSlideEnd: [{ type: Output }],
      sliderHandle: [{ type: ViewChild, args: ["sliderHandle",] }],
      sliderHandleStart: [{ type: ViewChild, args: ["sliderHandleStart",] }],
      sliderHandleEnd: [{ type: ViewChild, args: ["sliderHandleEnd",] }]
  };
  class SliderModule {
  }
  SliderModule.decorators = [
      { type: NgModule, args: [{
                  imports: [CommonModule],
                  exports: [Slider],
                  declarations: [Slider]
              },] }
  ];
  
  /**
   * Generated bundle index. Do not edit.
   */
  
  export { SLIDER_VALUE_ACCESSOR, Slider, SliderModule };
  //# sourceMappingURL=primeng-slider.js.map
  