@wawjs/ngx-prime 22.0.0

package/types/wawjs-ngx-prime-selectbutton.d.ts

@@ -0,0 +1,237 @@
+import { SelectButtonPassThrough, SelectButtonOptionClickEvent, SelectButtonChangeEvent, SelectButtonItemTemplateContext } from '@wawjs/ngx-prime/types/selectbutton';
+export * from '@wawjs/ngx-prime/types/selectbutton';
+import * as _angular_core from '@angular/core';
+import { ElementRef, AfterViewChecked, TemplateRef } from '@angular/core';
+import * as i3 from '@wawjs/ngx-prime/api';
+import { PrimeTemplate } from '@wawjs/ngx-prime/api';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class SelectButtonStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-invalid': any;
+            'p-disabled': any;
+            'p-selectbutton-fluid': any;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SelectButtonStyle>;
+}
+/**
+ *
+ * SelectButton is used to choose single or multiple items from a list using buttons.
+ *
+ * [Live Demo](https://www.ngx-prime.org/selectbutton/)
+ *
+ * @module selectbuttonstyle
+ *
+ */
+declare enum SelectButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-selectbutton"
+}
+
+/** Manages selection for a group of native `button[pSelectButtonOption]` elements. */
+declare class SelectButtonDirective extends BaseEditableHolder<SelectButtonPassThrough> {
+    componentName: string;
+    _componentStyle: SelectButtonStyle;
+    readonly element: ElementRef<HTMLElement>;
+    private readonly bindDirectiveInstance;
+    multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    dataKey: _angular_core.InputSignal<string | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    onOptionClick: _angular_core.OutputEmitterRef<SelectButtonOptionClickEvent>;
+    onChange: _angular_core.OutputEmitterRef<SelectButtonChangeEvent>;
+    onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    onBlur: _angular_core.OutputEmitterRef<FocusEvent>;
+    /** Signal Forms value contract. */
+    value: _angular_core.ModelSignal<unknown>;
+    touch: _angular_core.OutputEmitterRef<void>;
+    readonly optionDirectives: _angular_core.Signal<readonly SelectButtonOptionDirective[]>;
+    role: _angular_core.Signal<"group" | "radiogroup">;
+    onAfterViewChecked(): void;
+    isSelected(value: unknown): boolean;
+    select(event: Event, option: unknown, index?: number): void;
+    getOptionIndex(option: SelectButtonOptionDirective): number;
+    isFirstEnabledOption(option: SelectButtonOptionDirective): boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    onFocusOut(event: FocusEvent): void;
+    writeControlValue(value: unknown, setModelValue: (value: unknown) => void): void;
+    focus(options?: FocusOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectButtonDirective, "[pSelectButton]", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "onOptionClick": "onOptionClick"; "onChange": "onChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; "value": "valueChange"; "touch": "touch"; }, ["optionDirectives"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/** Registers a native button as an option in a `pSelectButton` group. */
+declare class SelectButtonOptionDirective {
+    readonly group: SelectButtonDirective;
+    readonly element: ElementRef<HTMLButtonElement>;
+    private readonly bindDirectiveInstance;
+    value: _angular_core.InputSignal<unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    index: _angular_core.InputSignal<number | undefined>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    selected: () => boolean;
+    resolvedIndex: _angular_core.Signal<number>;
+    tabindex: _angular_core.Signal<0 | -1>;
+    onAfterViewChecked(): void;
+    isDisabled(): boolean;
+    select(event: Event): void;
+    focus(options?: FocusOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonOptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectButtonOptionDirective, "button[pSelectButtonOption]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare const SELECTBUTTON_VALUE_ACCESSOR: any;
+/**
+ * Legacy SelectButton component.
+ * @deprecated since v22, use native `pSelectButton` and `pSelectButtonOption` directives. The legacy component selectors will be removed in v23.
+ * @group Components
+ */
+declare class SelectButton extends BaseEditableHolder<SelectButtonPassThrough> implements AfterViewChecked {
+    componentName: string;
+    /**
+     * An array of selectitems to display as the available options.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<any[] | undefined>;
+    /**
+     * Name of the label field of an option.
+     * @group Props
+     */
+    optionLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Name of the value field of an option.
+     * @group Props
+     */
+    optionValue: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Name of the disabled field of an option.
+     * @group Props
+     */
+    optionDisabled: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether selection can be cleared.
+     * @group Props
+     */
+    unselectable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * When specified, allows selecting multiple values.
+     * @group Props
+     */
+    multiple: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Whether selection can not be cleared.
+     * @group Props
+     */
+    allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * A property to uniquely identify a value in options.
+     * @group Props
+     */
+    dataKey: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size: _angular_core.InputSignal<"large" | "small" | undefined>;
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue undefined
+     * @group Props
+     */
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on input click.
+     * @param {SelectButtonOptionClickEvent} event - Custom click event.
+     * @group Emits
+     */
+    onOptionClick: _angular_core.OutputEmitterRef<SelectButtonOptionClickEvent>;
+    /**
+     * Callback to invoke on selection change.
+     * @param {SelectButtonChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<SelectButtonChangeEvent>;
+    /**
+     * Custom item template.
+     * @param {SelectButtonItemTemplateContext} context - item context.
+     * @see {@link SelectButtonItemTemplateContext}
+     * @group Templates
+     */
+    itemTemplate: TemplateRef<SelectButtonItemTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<SelectButtonItemTemplateContext> | undefined;
+    get equalityKey(): string | null | undefined;
+    value: any;
+    focusedIndex: number;
+    _componentStyle: SelectButtonStyle;
+    $pcSelectButton: SelectButton | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    getAllowEmpty(): boolean;
+    getOptionLabel(option: any): any;
+    getOptionValue(option: any): any;
+    isOptionDisabled(option: any): any;
+    onOptionSelect(event: any, option: any, index: any): void;
+    changeTabIndexes(event: any, direction: any): void;
+    onFocus(event: Event, index: number): void;
+    onBlur(): void;
+    removeOption(option: any): void;
+    isSelected(option: any): boolean;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    onAfterContentInit(): void;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any, setModelValue: (value: any) => void): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectButton, "p-selectButton, p-selectbutton, p-select-button", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "unselectable": { "alias": "unselectable"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onOptionClick": "onOptionClick"; "onChange": "onChange"; }, ["templates", "itemTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SelectButtonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SelectButtonModule, never, [typeof SelectButton, typeof SelectButtonDirective, typeof SelectButtonOptionDirective, typeof i3.SharedModule], [typeof SelectButton, typeof SelectButtonDirective, typeof SelectButtonOptionDirective, typeof i3.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SelectButtonModule>;
+}
+
+export { SELECTBUTTON_VALUE_ACCESSOR, SelectButton, SelectButtonClasses, SelectButtonDirective, SelectButtonModule, SelectButtonOptionDirective, SelectButtonStyle };

package/types/wawjs-ngx-prime-skeleton.d.ts

@@ -0,0 +1,102 @@
+import * as _angular_core from '@angular/core';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { SkeletonPassThrough } from '@wawjs/ngx-prime/types/skeleton';
+import * as _wawjs_css_prime_styled from '@wawjs/css-prime-styled';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import * as i2 from '@wawjs/ngx-prime/api';
+
+declare class SkeletonStyle extends BaseStyle {
+    name: string;
+    style: _wawjs_css_prime_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-skeleton-circle': boolean;
+            'p-skeleton-animation-none': boolean;
+        })[];
+    };
+    inlineStyles: {
+        root: {
+            position: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SkeletonStyle>;
+}
+/**
+ *
+ * Skeleton is a placeholder to display instead of the actual content.
+ *
+ * [Live Demo](https://www.ngx-prime.org/skeleton/)
+ *
+ * @module skeletonstyle
+ *
+ */
+declare enum SkeletonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-skeleton"
+}
+
+/**
+ * Skeleton is a placeholder to display instead of the actual content.
+ * @group Components
+ */
+declare class Skeleton extends BaseComponent<SkeletonPassThrough> {
+    componentName: string;
+    $pcSkeleton: Skeleton | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Shape of the element.
+     * @group Props
+     */
+    shape: _angular_core.InputSignal<string>;
+    /**
+     * Type of the animation.
+     * @gruop Props
+     */
+    animation: _angular_core.InputSignal<string>;
+    /**
+     * Border radius of the element, defaults to value from theme.
+     * @group Props
+     */
+    borderRadius: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Size of the skeleton.
+     * @group Props
+     */
+    size: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Width of the element.
+     * @group Props
+     */
+    width: _angular_core.InputSignal<string>;
+    /**
+     * Height of the element.
+     * @group Props
+     */
+    height: _angular_core.InputSignal<string>;
+    _componentStyle: SkeletonStyle;
+    get containerStyle(): any;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Skeleton, "p-skeleton", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SkeletonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof Skeleton, typeof i2.SharedModule], [typeof Skeleton, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SkeletonModule>;
+}
+
+export { Skeleton, SkeletonClasses, SkeletonModule, SkeletonStyle };

package/types/wawjs-ngx-prime-slider.d.ts

@@ -0,0 +1,253 @@
+import { SliderPassThrough, SliderChangeEvent, SliderSlideEndEvent } from '@wawjs/ngx-prime/types/slider';
+export * from '@wawjs/ngx-prime/types/slider';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { Nullable, VoidListener } from '@wawjs/ngx-prime/ts-helpers';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import { BaseModelHolder } from '@wawjs/ngx-prime/basemodelholder';
+import * as i3 from '@wawjs/ngx-prime/api';
+
+declare class SliderStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+            'p-invalid': any;
+            'p-slider-horizontal': boolean;
+            'p-slider-vertical': boolean;
+            'p-slider-animate': any;
+        })[];
+        range: string;
+        handle: string;
+    };
+    inlineStyles: {
+        handle: {
+            position: string;
+        };
+        range: {
+            position: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SliderStyle>;
+}
+/**
+ *
+ * Slider is a component to provide input with a drag handle.
+ *
+ * [Live Demo](https://www.ngx-prime.org/slider/)
+ *
+ * @module sliderstyle
+ *
+ */
+declare enum SliderClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-slider",
+    /**
+     * Class name of the range element
+     */
+    range = "p-slider-range",
+    /**
+     * Class name of the handle element
+     */
+    handle = "p-slider-handle"
+}
+
+/** Adds Prime behavior to a native range input. */
+declare class RangeDirective extends BaseModelHolder<SliderPassThrough> {
+    componentName: string;
+    private readonly element;
+    private readonly bindDirectiveInstance;
+    _componentStyle: SliderStyle;
+    invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    animate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    min: _angular_core.InputSignalWithTransform<number, unknown>;
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    step: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    onChange: _angular_core.OutputEmitterRef<SliderChangeEvent>;
+    onSlideEnd: _angular_core.OutputEmitterRef<SliderSlideEndEvent>;
+    onInput: _angular_core.OutputEmitterRef<SliderChangeEvent>;
+    onFocus: _angular_core.OutputEmitterRef<Event>;
+    onBlur: _angular_core.OutputEmitterRef<Event>;
+    touch: _angular_core.OutputEmitterRef<void>;
+    resolvedOrientation: _angular_core.Signal<"horizontal" | "vertical">;
+    onAfterViewChecked(): void;
+    handleInput(event: Event): void;
+    onNativeChange(event: Event): void;
+    $disabled(): boolean;
+    onNativeBlur(event: Event): void;
+    focus(options?: FocusOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RangeDirective, "input[type='range'][pRange]", ["pRange"], { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "touch": "touch"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare const SLIDER_VALUE_ACCESSOR: any;
+/**
+ * Legacy slider component, available through v22 under the `p-slider` and `p-range` selectors.
+ * @deprecated since v22, use `<input type="range" pRange>` for single-value sliders. Both legacy selectors will be removed in v23; use a dedicated range strategy where two thumbs are required.
+ * @group Components
+ */
+declare class Slider extends BaseEditableHolder<SliderPassThrough> {
+    componentName: string;
+    $pcSlider: Slider | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * When enabled, displays an animation on click of the slider bar.
+     * @group Props
+     */
+    animate: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Mininum boundary value.
+     * @group Props
+     */
+    min: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Maximum boundary value.
+     * @group Props
+     */
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Orientation of the slider.
+     * @group Props
+     */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * Step factor to increment/decrement the value.
+     * @group Props
+     */
+    step: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * When specified, allows two boundary values to be picked.
+     * @group Props
+     */
+    range: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Callback to invoke on value change.
+     * @param {SliderChangeEvent} event - Custom value change event.
+     * @group Emits
+     */
+    onChange: _angular_core.OutputEmitterRef<SliderChangeEvent>;
+    /**
+     * Callback to invoke when slide ended.
+     * @param {SliderSlideEndEvent} event - Custom slide end event.
+     * @group Emits
+     */
+    onSlideEnd: _angular_core.OutputEmitterRef<SliderSlideEndEvent>;
+    readonly sliderHandle: _angular_core.Signal<Nullable<ElementRef<any>>>;
+    sliderHandleStart: Nullable<ElementRef>;
+    sliderHandleEnd: Nullable<ElementRef>;
+    _componentStyle: SliderStyle;
+    value: Nullable<number>;
+    values: Nullable<number[]>;
+    handleValue: Nullable<number>;
+    handleValues: number[];
+    diff: Nullable<number>;
+    offset: Nullable<number>;
+    bottom: Nullable<number>;
+    dragging: Nullable<boolean>;
+    dragListener: VoidListener;
+    mouseupListener: VoidListener;
+    initX: Nullable<number>;
+    initY: Nullable<number>;
+    barWidth: Nullable<number>;
+    barHeight: Nullable<number>;
+    sliderHandleClick: Nullable<boolean>;
+    handleIndex: number;
+    startHandleValue: any;
+    startx: Nullable<number>;
+    starty: Nullable<number>;
+    private ngZone;
+    onHostClick(event: MouseEvent): void;
+    onMouseDown(event: Event, index?: number): void;
+    onDragStart(event: TouchEvent, index?: number): void;
+    onDrag(event: TouchEvent): void;
+    onDragEnd(event: TouchEvent): void;
+    onBarClick(event: Event): void;
+    onKeyDown(event: any, index?: any): void;
+    decrementValue(event: any, index: any, pageKey?: boolean): void;
+    incrementValue(event: any, index: any, pageKey?: boolean): void;
+    handleChange(event: Event): void;
+    bindDragListeners(): void;
+    unbindDragListeners(): void;
+    setValueFromHandle(event: Event, handleValue: any): void;
+    handleStepChange(newValue: number, oldValue: number): void;
+    get rangeStartLeft(): string | null;
+    get rangeStartBottom(): string;
+    get rangeEndLeft(): string | null;
+    get rangeEndBottom(): string;
+    isVertical(): boolean;
+    updateDomData(): void;
+    calculateHandleValue(event: Event): number;
+    updateHandleValue(): void;
+    updateDiffAndOffset(): void;
+    getDiff(): number;
+    getOffset(): number;
+    updateValue(val: number, event?: Event): void;
+    getValueFromHandle(handleValue: number): number;
+    getDecimalsCount(value: number): number;
+    getNormalizedValue(val: number): number;
+    onDestroy(): void;
+    get minVal(): number;
+    get maxVal(): number;
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value: any): void;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Slider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Slider, "p-slider, p-range", never, { "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SliderModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SliderModule, never, [typeof Slider, typeof RangeDirective, typeof i3.SharedModule], [typeof Slider, typeof RangeDirective, typeof i3.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SliderModule>;
+}
+
+export { RangeDirective, SLIDER_VALUE_ACCESSOR, Slider, SliderClasses, SliderModule, SliderStyle };