Skip to content

Metodos publicos

on(eventName, callback)

Escucha eventos del slider ('start', 'slide', 'drag', 'update', 'change', 'set', 'end', y 'hover' en este wrapper).

Firma: on(eventName: string, callback: (payload) => void): void

Devuelve: nada.

Notas: Orden de disparo (noUiSlider): start → slide → drag → update → change → set → end.

off(eventName)

Desuscribe todos los callbacks asociados a un evento.

Firma: off(eventName: string): void

Devuelve: nada.

get(unencoded?)

Obtiene el/los valores actuales.

Firma: get(unencoded?: boolean): number|string|Array<number|string>

Devuelve: valor simple o array (según cantidad de handles).

Notas: cuando unencoded=true, devuelve números sin formatear (si tu format lo está cambiando). Referencia general a lectura/escritura.

set(input, fireSetEvent?, exactInput?)

Asigna un valor (o valores) al slider.

Firma: set(input: number|string|null|Array<...>, fireSetEvent?: boolean, exactInput?: boolean): void

Devuelve: nada.

Notas: acepta null en versiones recientes; set puede disparar eventos según flags; ver cambios en changelog.

reset(fireSetEvent?)

Restaura el start inicial definido al crear/actualizar opciones.

Firma: reset(fireSetEvent?: boolean): void

Devuelve: nada.

destroy()

Desmonta la instancia y limpia el DOM interno.

Firma: destroy(): void

Devuelve: nada.

setHandle(handleNumber, value, fireSetEvent?, exactInput?)

Mueve un handle específico a un valor dado.

Firma: setHandle(handleNumber: number, value: number|string|null, fireSetEvent?: boolean, exactInput?: boolean): void

Devuelve: nada.

Notas: útil para sliders de 2+ handles.

setDisable(handleNumber?)

Deshabilita la interacción del slider (o de un handle si la versión lo soporta).

Firma: setDisable(handleNumber?: number): void

Devuelve: nada.

Notas: En la API oficial, disable() desactiva el slider completo (no arrastrar/click), pero set() aún puede cambiar valores por código. El soporte por-handle puede variar; considerar usar atributos/estilos si necesitás granularidad por handle.

setEnable(handleNumber?)

Vuelve a habilitar la interacción.

Firma: setEnable(handleNumber?: number): void

Devuelve: nada.

Notas: Complemento de setDisable().

setPips(grid)

Genera marcas (pips) en el eje del slider.

Firma: setPips(grid: PipsConfig): HTMLElement

Devuelve: el contenedor de pips.

Notas: Modos disponibles: range | steps | positions | count | values. Si necesitás cambiar pips drásticamente, puede convenir removePips() y volver a llamar a setPips(), o usar updateOptions({ pips }) según tu versión.

updateOptions(optionsToUpdate, fireSetEvent?)

Actualiza opciones "live" sin recrear el slider.

Firma: updateOptions(opts: UpdatableOptions, fireSetEvent: boolean): void

Devuelve: nada.

Notas: Permite actualizar range, start, margin, limit, padding, snap, step, pips, format, tooltips, animate, connect, etc. Algunas combinaciones (p. ej., cambios grandes de pips/tooltips) pueden requerir limpiar primero o recrear si tu versión no aplica bien.

getSteps()

Devuelve los pasos "cercanos" a cada handle (anterior/actual/siguiente).

Firma: getSteps(): Array<[number|false|null, number|false|null]>

Devuelve: array con información de step por handle.

getPositions()

Posiciones actuales de los handles en porcentaje respecto del inicio del slider.

Firma: getPositions(): number[]

Devuelve: array de porcentajes (0–100).

Notas: coincide con el parámetro positions de los callbacks de eventos; añadido a la API moderna.

getTooltips()

Acceso a los elementos tooltip (si están activos).

Firma: getTooltips(): (HTMLElement|false)[] | null

Devuelve: array de nodos o false por handle, o null si no hay tooltips configurados.

getOrigins()

Devuelve los nodos "origen" (wrappers de cada handle).

Firma: getOrigins(): HTMLElement[]

Devuelve: array de HTMLElement (uno por handle).

removePips()

Elimina por completo las marcas (pips) del slider.

Firma: removePips(): void

Devuelve: nada.

removeTooltips()

Elimina todos los tooltips actuales.

Firma: removeTooltips(): void

Devuelve: nada.