import type { EventEmitter } from '../../stencil-public-runtime'; import { type FormValidationState } from '../../shared/utils/form'; import { type FormValidationChangeDetail } from '../../shared/utils/validator'; import type { SliderDensity, SliderRangeValue, SliderValidator } from './slider.types'; /** * ## Design System * * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/slider?tab=designer). * * @category Formulários * @status stable * @slot ref-start - Conteúdo exibido como referência inicial abaixo da trilha. * @slot ref-end - Conteúdo exibido como referência final abaixo da trilha. * @slot feedback - Mensagem de validação, normalmente um `br-message`. * * @part base - Contêiner principal do slider. * @part layout - Contêiner de layout do slider. * @part body - Área que agrupa trilha e referências. * @part track - Área interativa da trilha. * @part track-visual - Trilha visual do slider. * @part tick-labels - Contêiner das etiquetas das marcações. * @part tick-label - Etiqueta de uma marcação intermediária. * @part filled-track - Trecho preenchido da trilha. * @part value-label - Etiqueta com o valor da alça. * @part value-label-arrow - Seta da etiqueta de valor. * @part thumb - Alça de controle do slider. * @part thumb-start - Alça inicial do slider. * @part thumb-end - Alça final do slider em modo composto. * @part references - Contêiner das referências inicial e final. * @part reference-start - Referência inicial. * @part reference-end - Referência final. * @part reference-bound - Valor fixo de limite renderizado por `show-bounds`. * @part input-wrapper - Contêiner do campo numérico. * @part input - Campo numérico sincronizado com o slider. * @part feedback - Contêiner da mensagem de validação. */ export declare class Slider { elementInternals: ElementInternals; formDisabledCallback(disabled: boolean): void; formResetCallback(): void; formStateRestoreCallback(state: string | File | FormData | null): void; el: HTMLElement; /** * Indica se alguma alça está sendo arrastada. */ private dragging; private formDisabled; /** * Indica se o slot `ref-end` possui conteúdo. */ private hasRefEnd; /** * Indica se o slot `ref-start` possui conteúdo. */ private hasRefStart; private hasFeedbackSlot; private customValidationMessage; private validatorMessage; private isValidating; /** * Identificador único. * Caso não seja fornecido, um ID gerado automaticamente será usado. */ readonly customId: string; /** * Nome do campo, utilizado em formulários nativos (`