text: import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
  import { Key } from '../../platform/key';
  export class RangeKnob {
      constructor() {
          this.ionIncrease = new EventEmitter();
          this.ionDecrease = new EventEmitter();
      }
      /**
       * @param {?} r
       * @return {?}
       */
      set ratio(r) {
          this._x = `${r * 100}%`;
      }
      /**
       * @param {?} ev
       * @return {?}
       */
      _keyup(ev) {
          const /** @type {?} */ keyCode = ev.keyCode;
          if (keyCode === Key.LEFT || keyCode === Key.DOWN) {
              (void 0) /* console.debug */;
              this.ionDecrease.emit();
              ev.preventDefault();
              ev.stopPropagation();
          }
          else if (keyCode === Key.RIGHT || keyCode === Key.UP) {
              (void 0) /* console.debug */;
              this.ionIncrease.emit();
              ev.preventDefault();
              ev.stopPropagation();
          }
      }
  }
  RangeKnob.decorators = [
      { type: Component, args: [{
                  selector: '.range-knob-handle',
                  template: '<div class="range-pin" *ngIf="pin" role="presentation">{{val}}</div>' +
                      '<div class="range-knob" role="presentation"></div>',
                  host: {
                      '[class.range-knob-pressed]': 'pressed',
                      '[class.range-knob-min]': 'val===min||val===undefined',
                      '[class.range-knob-max]': 'val===max',
                      '[style.left]': '_x',
                      '[attr.aria-valuenow]': 'val',
                      '[attr.aria-valuemin]': 'min',
                      '[attr.aria-valuemax]': 'max',
                      '[attr.aria-disabled]': 'disabled',
                      '[attr.aria-labelledby]': 'labelId',
                      '[tabindex]': 'disabled?-1:0',
                      'role': 'slider'
                  }
              },] },
  ];
  /** @nocollapse */
  RangeKnob.ctorParameters = () => [];
  RangeKnob.propDecorators = {
      'ratio': [{ type: Input },],
      'pressed': [{ type: Input },],
      'pin': [{ type: Input },],
      'min': [{ type: Input },],
      'max': [{ type: Input },],
      'val': [{ type: Input },],
      'disabled': [{ type: Input },],
      'labelId': [{ type: Input },],
      'ionIncrease': [{ type: Output },],
      'ionDecrease': [{ type: Output },],
      '_keyup': [{ type: HostListener, args: ['keydown', ['$event'],] },],
  };
  function RangeKnob_tsickle_Closure_declarations() {
      /** @type {?} */
      RangeKnob.decorators;
      /**
       * @nocollapse
       * @type {?}
       */
      RangeKnob.ctorParameters;
      /** @type {?} */
      RangeKnob.propDecorators;
      /** @type {?} */
      RangeKnob.prototype._x;
      /** @type {?} */
      RangeKnob.prototype.pressed;
      /** @type {?} */
      RangeKnob.prototype.pin;
      /** @type {?} */
      RangeKnob.prototype.min;
      /** @type {?} */
      RangeKnob.prototype.max;
      /** @type {?} */
      RangeKnob.prototype.val;
      /** @type {?} */
      RangeKnob.prototype.disabled;
      /** @type {?} */
      RangeKnob.prototype.labelId;
      /** @type {?} */
      RangeKnob.prototype.ionIncrease;
      /** @type {?} */
      RangeKnob.prototype.ionDecrease;
  }
  //# sourceMappingURL=range-knob.js.map