import { ComparePassThrough, CompareValueChangeEvent } from 'primeng/types/compare'; export * from 'primeng/types/compare'; import * as _angular_core from '@angular/core'; import { InjectionToken } from '@angular/core'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { BaseStyle } from 'primeng/base'; import * as i5 from 'primeng/api'; declare class CompareStyle extends BaseStyle { name: string; style: string; classes: { root: string; item: string; handle: ({ instance }: any) => (string | { 'p-disabled': any; })[]; indicator: ({ instance }: any) => (string | { 'p-disabled': any; })[]; input: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * * Compare allows comparing two items side by side with a slider. * * [Live Demo](https://www.primeng.org/compare) * * @module comparestyle * */ declare enum CompareClasses { /** * Class name of the root element */ root = "p-compare", /** * Class name of the item element */ item = "p-compare-item", /** * Class name of the handle element */ handle = "p-compare-handle", /** * Class name of the indicator element */ indicator = "p-compare-indicator", /** * Class name of the input element */ input = "p-compare-input" } /** * CompareItem is a helper component for Compare component. * @group Components */ declare class CompareItem extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; pcCompare: Compare; _componentStyle: CompareStyle; /** * Position of the item. * @group Props */ position: _angular_core.InputSignal<"before" | "after">; clipPath: _angular_core.Signal; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * CompareHandle is a helper component for Compare component. * @group Components */ declare class CompareHandle extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; pcCompare: Compare; _componentStyle: CompareStyle; private hostEl; handleStyle: _angular_core.Signal>; onAfterViewChecked(): void; onAfterViewInit(): void; onPointerDown(event: PointerEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * CompareIndicator is a helper component for Compare component. * @group Components */ declare class CompareIndicator extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; pcCompare: Compare; _componentStyle: CompareStyle; /** * Used to define a string that labels the input element. * @group Props */ ariaLabel: _angular_core.InputSignal; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props */ ariaLabelledby: _angular_core.InputSignal; onAfterViewChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Compare allows comparing two items side by side with a slider. * @group Components */ declare class Compare extends BaseComponent { componentName: string; bindDirectiveInstance: Bind; _componentStyle: CompareStyle; private hostEl; /** * Current value of the slider position (0-100). * @group Props */ value: _angular_core.InputSignal; /** * Default value when uncontrolled. * @group Props */ defaultValue: _angular_core.InputSignalWithTransform; /** * Orientation of the comparison slider. * @group Props */ orientation: _angular_core.InputSignal<"horizontal" | "vertical">; /** * Minimum value. * @group Props */ min: _angular_core.InputSignalWithTransform; /** * Maximum value. * @group Props */ max: _angular_core.InputSignalWithTransform; /** * Step increment. * @group Props */ step: _angular_core.InputSignalWithTransform; /** * Whether the slider updates on hover. * @group Props */ slideOnHover: _angular_core.InputSignalWithTransform; /** * Whether the component is disabled. * @group Props */ disabled: _angular_core.InputSignalWithTransform; /** * Callback to invoke when value changes. * @param {CompareValueChangeEvent} event - Custom value change event. * @group Emits */ onValueChange: _angular_core.OutputEmitterRef; /** * Callback to invoke when dragging ends. * @param {CompareValueChangeEvent} event - Custom value change event. * @group Emits */ onValueChangeEnd: _angular_core.OutputEmitterRef; isDragging: _angular_core.WritableSignal; dataDisabled: _angular_core.Signal<"" | null>; dataDragging: _angular_core.Signal<"" | null>; isThumbPointerDown: boolean; private internalValue; currentValue: _angular_core.Signal; private isHorizontal; private dragOffsetPx; handleEl: HTMLElement | null; onAfterViewChecked(): void; onAfterViewInit(): void; private getRootRect; private clamp; private roundToStep; private normalizeValue; private getValueFromPointer; private getValuePercent; private updateValue; private updateValueFromPointer; getItemStyle(position: 'before' | 'after'): { clipPath: string; }; getHandleStyle(): Record; onRootPointerDown(event: PointerEvent): void; onRootPointerMove(event: PointerEvent): void; onRootPointerUp(event: PointerEvent): void; onThumbPointerDown(event: PointerEvent): void; onInputChange(event: Event): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class CompareModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } declare const COMPARE_INSTANCE: InjectionToken; export { COMPARE_INSTANCE, Compare, CompareClasses, CompareHandle, CompareIndicator, CompareItem, CompareModule, CompareStyle };