soft-components/dist/types/components/sc-dial/sc-dial.d.ts

Simple soft flexible set of web components

import { EventEmitter } from '../../stencil-public-runtime';
export declare class ScDial {
  hostEl: HTMLElement;
  value?: number | null;
  /**
   * Diameter in pixels (can be changed via CSS variable --sc-dial-size)
   */
  size?: number;
  /**
   * Max value of dial
   */
  max?: number;
  /**
   * Min value of dial
   */
  min?: number;
  /**
   * Step value of each change
   */
  step?: number;
  /**
   * Emitted when a keyboard input occurred.
   */
  inputEvent: EventEmitter<KeyboardEvent>;
  /**
   * Emitted when the value has changed.
   */
  changeEvent: EventEmitter<any>;
  /**
   * Emitted when the input loses focus.
   */
  blurEvent: EventEmitter<void>;
  /**
   * Emitted when the input has focus.
   */
  focusEvent: EventEmitter<void>;
  /**
   * Emitted when a key is pressed down
   */
  keyDownEvent: EventEmitter<void>;
  error: string;
  focused: boolean;
  percent: number;
  rotation: number;
  /**
   * total steps of one full circle (360 deg)
   */
  private total;
  private oneStepDeg;
  private startingDeg;
  private startingValue;
  degDiff: number;
  cycles: number;
  private reachedMax;
  private reachedMin;
  setValue(value: any): Promise<void>;
  private setRotationByValue;
  handleScroll(e: any): void;
  private centerX;
  private centerY;
  componentDidLoad(): void;
  disconnectedCallback(): void;
  handleMoveStart(e: any, onMove: any, onEnd: any): void;
  private mouseDirectionX?;
  private mouseDirectionY?;
  private mousePrevX?;
  private mousePrevY?;
  private getDegFromPointer;
  updateOnMove(event: any): void;
  private valueDiff;
  private stepUp;
  private stepDown;
  render(): any;
}