input-plus-minus/src/interfaces.ts

wrapper around input

import InputPlusMinus from './InputPlusMinus';

export interface InputPlusMinusElements {
  wrapper: Element;
  minus: Element;
  plus: Element;
  grid: Element;
  gridMin: Element;
  gridMax: Element;
  thumb: Element;
}

export type InputPlusMinusEvents = 'input' | 'beforeChange' | 'afterChange';

export interface InputPlusMinusSteps {
  [key: string]: number;
}

export interface InputPlusMinusGridCompression {
  text: string;
  compression: number;
  digits: number;
}

export interface InputPlusMinusSettings {
  plusText?: string;
  minusText?: string;
  min?: number;
  max?: number;
  start?: number;
  step?: number | InputPlusMinusSteps;
  digits?: number;
  grid?: boolean;
  gridSuffix?: string;
  gridCompression?: boolean;
  gridCompressionValues?: InputPlusMinusGridCompression[];
  thumb?: string;
  thumbCreator?: (thumb: string, input: HTMLInputElement) => Element;
}

export interface InputPlusMinusEventData {
  instance: InputPlusMinus;
}

export interface InputPlusMinusEventDataBeforeChange
  extends InputPlusMinusEventData {
  current: number;
  next: number;
}

export interface InputPlusMinusEventBeforeChange extends CustomEvent {
  detail: InputPlusMinusEventDataBeforeChange;
}

export interface InputPlusMinusEventDataAfterChange
  extends InputPlusMinusEventData {
  current: number;
}

export interface InputPlusMinusEventAfterChange extends CustomEvent {
  detail: InputPlusMinusEventDataAfterChange;
}

export type callbackFn = (data: InputPlusMinusEventData) => void;
export type listCallbacks = Map<string, CallbackSaveElement>;

interface CallbackSaveElement {
  eventName: InputPlusMinusEvents;
  cb?: callbackFn;
}

export interface CallbackSaveElementExtend extends CallbackSaveElement {
  key: string;
}