@coreui/angular-pro 5.3.3 → 5.3.5

package/lib/breadcrumb/breadcrumb-router/breadcrumb-router.component.d.ts

@@ -4,8 +4,7 @@ import { IBreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';
 import { BreadcrumbRouterService } from './breadcrumb-router.service';
 import * as i0 from "@angular/core";
 export declare class BreadcrumbRouterComponent implements OnChanges, OnDestroy, OnInit {
-    service: BreadcrumbRouterService;
-    constructor(service: BreadcrumbRouterService);
+    readonly service: BreadcrumbRouterService;
     /**
      * Optional array of IBreadcrumbItem to override default BreadcrumbRouter behavior. [docs]
      * @type IBreadcrumbItem[]

package/lib/breadcrumb/breadcrumb-router/breadcrumb-router.service.d.ts

@@ -1,14 +1,11 @@
-import { ActivatedRoute, Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { IBreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';
 import * as i0 from "@angular/core";
 export declare class BreadcrumbRouterService {
     #private;
-    private router;
-    private route;
     outlet: string;
     readonly breadcrumbs$: Observable<IBreadcrumbItem[]>;
-    constructor(router: Router, route: ActivatedRoute);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbRouterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbRouterService>;
 }

package/lib/carousel/carousel-control/carousel-control.component.d.ts

@@ -1,11 +1,7 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { CarouselState } from '../carousel-state';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CarouselControlComponent implements AfterViewInit {
-    private changeDetectorRef;
-    private carouselState;
-    constructor(changeDetectorRef: ChangeDetectorRef, carouselState: CarouselState);
-    private _caption?;
+    #private;
     /**
      * Carousel control caption. [docs]
      * @type string

package/lib/carousel/carousel-indicators/carousel-indicators.component.d.ts

@@ -1,14 +1,9 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { CarouselState } from '../carousel-state';
-import { CarouselService } from '../carousel.service';
 import * as i0 from "@angular/core";
 export declare class CarouselIndicatorsComponent implements OnInit, OnDestroy {
-    private carouselService;
-    private carouselState;
-    constructor(carouselService: CarouselService, carouselState: CarouselState);
+    #private;
     items: (number | undefined)[];
     active: number;
-    private carouselIndexSubscription?;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onClick(index: number): void;

package/lib/carousel/carousel-inner/carousel-inner.component.d.ts

@@ -1,9 +1,7 @@
 import { AfterContentChecked, AfterContentInit } from '@angular/core';
-import { CarouselState } from '../carousel-state';
 import * as i0 from "@angular/core";
 export declare class CarouselInnerComponent implements AfterContentInit, AfterContentChecked {
-    private carouselState;
-    constructor(carouselState: CarouselState);
+    #private;
     carouselInnerClass: boolean;
     activeIndex?: number;
     animate?: boolean;
@@ -12,7 +10,6 @@ export declare class CarouselInnerComponent implements AfterContentInit, AfterCo
     };
     transition: string;
     private contentItems;
-    private prevContentItems;
     ngAfterContentInit(): void;
     ngAfterContentChecked(): void;
     setItems(): void;

package/lib/carousel/carousel-item/carousel-item.component.d.ts

@@ -1,17 +1,13 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { CarouselService } from '../carousel.service';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
-    private carouselService;
-    private changeDetectorRef;
+    #private;
     index?: number;
-    private carouselIndexSubscription?;
     /**
      * @ignore
      */
     set active(value: boolean);
     get active(): boolean;
-    private _active;
     /**
      * Time delay before cycling to next item. If -1, uses carousel interval value.
      * @type number
@@ -19,7 +15,6 @@ export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
      */
     interval: number;
     get hostClasses(): any;
-    constructor(carouselService: CarouselService, changeDetectorRef: ChangeDetectorRef);
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     private carouselStateSubscribe;

package/lib/carousel/carousel-state.d.ts

@@ -1,10 +1,8 @@
 import { ICarouselState } from './carousel-state.type';
-import { CarouselService } from './carousel.service';
 import * as i0 from "@angular/core";
 export declare class CarouselState {
-    private carouselService;
+    #private;
     private _state;
-    constructor(carouselService: CarouselService);
     get state(): ICarouselState;
     set state(state: ICarouselState);
     setItems(newItems: any): void;

package/lib/dropdown/dropdown-close/dropdown-close.directive.d.ts

@@ -1,11 +1,9 @@
 import { AfterViewInit } from '@angular/core';
-import { DropdownService } from '../dropdown.service';
 import { DropdownComponent } from '../dropdown/dropdown.component';
 import * as i0 from "@angular/core";
 export declare class DropdownCloseDirective implements AfterViewInit {
-    private dropdownService;
-    dropdown?: DropdownComponent | undefined;
-    constructor(dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
+    #private;
+    dropdown?: DropdownComponent | null | undefined;
     /**
      * Disables a dropdown-close directive.
      * @type boolean
@@ -21,6 +19,6 @@ export declare class DropdownCloseDirective implements AfterViewInit {
     get isDisabled(): boolean | null;
     private onClick;
     private onKeyUp;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownCloseDirective, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownCloseDirective, "[cDropdownClose]", ["cDropdownClose"], { "disabled": { "alias": "disabled"; "required": false; }; "dropdownComponent": { "alias": "dropdownComponent"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/dropdown/dropdown-item/dropdown-item.directive.d.ts

@@ -1,11 +1,9 @@
 import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
-import { DropdownService } from '../dropdown.service';
 import { DropdownComponent } from '../dropdown/dropdown.component';
 import * as i0 from "@angular/core";
 export declare class DropdownItemDirective implements FocusableOption {
     #private;
-    private dropdownService;
-    dropdown?: DropdownComponent | undefined;
+    dropdown?: DropdownComponent | null | undefined;
     /**
      * Set active state to a dropdown-item.
      * @type boolean
@@ -24,7 +22,6 @@ export declare class DropdownItemDirective implements FocusableOption {
      * @default undefined
      */
     disabled?: boolean;
-    constructor(dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
     focus(origin?: FocusOrigin | undefined): void;
     getLabel?(): string;
     get ariaCurrent(): string | null;
@@ -35,6 +32,6 @@ export declare class DropdownItemDirective implements FocusableOption {
     get isDisabled(): boolean | null;
     private onClick;
     private onKeyUp;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemDirective, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownItemDirective, "[cDropdownItem]", ["cDropdownItem"], { "active": { "alias": "active"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form/form-check/form-check-input.directive.d.ts

@@ -1,8 +1,6 @@
-import { ElementRef, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class FormCheckInputDirective {
-    private renderer;
-    private hostElement;
+    #private;
     /**
      * Specifies the type of component.
      * @type {'checkbox' | 'radio'}
@@ -26,7 +24,6 @@ export declare class FormCheckInputDirective {
     get hostClasses(): any;
     set checked(value: boolean);
     get checked(): boolean;
-    constructor(renderer: Renderer2, hostElement: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": { "alias": "type"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_indeterminate: unknown;

package/lib/form/form-control/form-control.directive.d.ts

@@ -1,9 +1,8 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { InputType } from '../../coreui.types';
 import * as i0 from "@angular/core";
 export declare class FormControlDirective implements OnInit {
-    private hostElement;
-    constructor(hostElement: ElementRef);
+    #private;
     /**
      * Size the component small or large.
      * @type {'sm' | 'lg'}

package/lib/form/form-floating/form-floating.directive.d.ts

@@ -4,9 +4,10 @@ export declare class FormFloatingDirective {
      * Enable floating labels
      * @type boolean
      */
-    floating: string | boolean;
-    get hostClasses(): any;
+    readonly floating: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        'form-floating': boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFloatingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFloatingDirective, "[cFormFloating]", never, { "floating": { "alias": "cFormFloating"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_floating: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormFloatingDirective, "[cFormFloating]", never, { "floating": { "alias": "cFormFloating"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/header/header-toggler/header-toggler.directive.d.ts

@@ -1,8 +1,7 @@
-import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterContentInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class HeaderTogglerDirective implements AfterContentInit {
-    private renderer;
-    private hostElement;
+    #private;
     headerToggler: boolean;
     /**
      * Default role for header-toggler. [docs]
@@ -16,8 +15,6 @@ export declare class HeaderTogglerDirective implements AfterContentInit {
      * @default 'Toggle navigation'
      */
     ariaLabel: string;
-    private hasContent;
-    constructor(renderer: Renderer2, hostElement: ElementRef);
     addDefaultIcon(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTogglerDirective, never>;

package/lib/modal/modal/modal.component.d.ts

@@ -1,16 +1,8 @@
 import { AnimationEvent } from '@angular/animations';
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { ModalService } from '../modal.service';
-import { BackdropService } from '../../backdrop/backdrop.service';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ModalComponent implements OnInit, OnDestroy, AfterViewInit {
     #private;
-    private document;
-    private renderer;
-    private hostElement;
-    private modalService;
-    private backdropService;
-    constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, modalService: ModalService, backdropService: BackdropService);
     /**
      * Align the modal in the center or top of the screen.
      * @type {'top' | 'center'}

package/lib/modal/modal-dismiss/modal-toggle.directive.d.ts

@@ -1,12 +1,10 @@
-import { ModalService } from '../modal.service';
 import * as i0 from "@angular/core";
 export declare class ModalToggleDirective {
-    private modalService;
+    #private;
     /**
      * Html id attr of modal to dismiss.
      */
     id: string | undefined;
-    constructor(modalService: ModalService);
     dismiss($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ModalToggleDirective, "[cModalToggle]", never, { "id": { "alias": "cModalToggle"; "required": false; }; }, {}, never, never, true, never>;

package/lib/offcanvas/offcanvas/offcanvas.component.d.ts

@@ -1,20 +1,9 @@
 import { AnimationEvent } from '@angular/animations';
-import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { BackdropService } from '../../backdrop/backdrop.service';
-import { OffcanvasService } from '../offcanvas.service';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../shared/theme.directive";
 export declare class OffcanvasComponent implements OnInit, OnDestroy {
     #private;
-    private document;
-    private platformId;
-    private renderer;
-    private hostElement;
-    private offcanvasService;
-    private backdropService;
-    private breakpointObserver;
-    constructor(document: Document, platformId: any, renderer: Renderer2, hostElement: ElementRef, offcanvasService: OffcanvasService, backdropService: BackdropService, breakpointObserver: BreakpointObserver);
     /**
      * Apply a backdrop on body while offcanvas is open.
      * @type boolean | 'static'

package/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.d.ts

@@ -1,13 +1,11 @@
-import { OffcanvasService } from '../offcanvas.service';
 import * as i0 from "@angular/core";
 export declare class OffcanvasToggleDirective {
-    private offcanvasService;
+    #private;
     /**
      * Html id attr of offcanvas to toggle.
      * @type string
      */
     id?: string;
-    constructor(offcanvasService: OffcanvasService);
     toggleOpen($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<OffcanvasToggleDirective, "[cOffcanvasToggle]", never, { "id": { "alias": "cOffcanvasToggle"; "required": false; }; }, {}, never, never, true, never>;

package/lib/pagination/page-item/page-item.directive.d.ts

@@ -1,7 +1,7 @@
-import { AfterContentInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterContentInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PageItemDirective implements AfterContentInit, OnChanges {
-    private renderer;
+    #private;
     /**
      * Toggle the active state for the component.
      * @type boolean
@@ -15,7 +15,6 @@ export declare class PageItemDirective implements AfterContentInit, OnChanges {
     get ariaCurrent(): string | null;
     get hostClasses(): any;
     pageLinkElementRef: ElementRef;
-    constructor(renderer: Renderer2);
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     setAttributes(): void;

package/lib/popover/popover.directive.d.ts

@@ -1,30 +1,23 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Options } from '@popperjs/core';
 import { Triggers } from '../coreui.types';
-import { IntersectionService, ListenersService } from '../services';
 import { ElementRefDirective } from '../shared';
 import * as i0 from "@angular/core";
 export declare class PopoverDirective implements OnDestroy, OnInit, AfterViewInit {
     #private;
-    private renderer;
-    private hostElement;
-    private viewContainerRef;
-    private listenersService;
-    private changeDetectorRef;
-    private intersectionService;
     /**
      * Content of popover
      * @type {string | TemplateRef}
      */
     readonly content: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
-    contentEffect: import("@angular/core").EffectRef;
+    readonly contentEffect: import("@angular/core").EffectRef;
     /**
      * Optional popper Options object, takes precedence over cPopoverPlacement prop
      * @type Partial<Options>
      */
     readonly popperOptions: import("@angular/core").InputSignal<Partial<Options>>;
-    popperOptionsEffect: import("@angular/core").EffectRef;
-    popperOptionsComputed: import("@angular/core").Signal<{
+    readonly popperOptionsEffect: import("@angular/core").EffectRef;
+    readonly popperOptionsComputed: import("@angular/core").Signal<{
         placement: import("@popperjs/core").Placement;
         modifiers?: Partial<import("@popperjs/core").Modifier<any, any>>[] | undefined;
         strategy?: import("@popperjs/core").PositioningStrategy | undefined;
@@ -53,14 +46,13 @@ export declare class PopoverDirective implements OnDestroy, OnInit, AfterViewIni
      * @type boolean
      */
     readonly visible: import("@angular/core").ModelSignal<boolean>;
-    visibleEffect: import("@angular/core").EffectRef;
+    readonly visibleEffect: import("@angular/core").EffectRef;
     get ariaDescribedBy(): string | null;
     private tooltip;
     private tooltipId;
     private tooltipRef;
     private popperInstance;
     private _popperOptions;
-    constructor(renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnInit(): void;

package/lib/range-slider/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/range-slider/public_api.d.ts

@@ -0,0 +1,3 @@
+export { Label, ThumbSize } from './range-slider.type';
+export { RangeSliderComponent } from './range-slider.component';
+export { RangeSliderModule } from './range-slider.module';

package/lib/range-slider/range-slider-label-class.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import { Label } from './range-slider.type';
+import { NgCssClass } from '../coreui.types';
+import * as i0 from "@angular/core";
+export declare class RangeSliderLabelClassPipe implements PipeTransform {
+    transform(label: Label, clickableLabels: boolean): NgCssClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderLabelClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeSliderLabelClassPipe, "rangeSliderLabelClass", true>;
+}

package/lib/range-slider/range-slider-label-style.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { Label } from './range-slider.type';
+import * as i0 from "@angular/core";
+export declare class RangeSliderLabelStylePipe implements PipeTransform {
+    transform(label: Label, min: number, max: number, vertical: boolean, labels: Label[], index: number, isRTL?: boolean): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderLabelStylePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeSliderLabelStylePipe, "rangeSliderLabelStyle", true>;
+}

package/lib/range-slider/range-slider-tooltip-position-style.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { ThumbSize } from './range-slider.type';
+import * as i0 from "@angular/core";
+export declare class RangeSliderTooltipPositionStylePipe implements PipeTransform {
+    transform(value: number, min: number, max: number, vertical: boolean, thumbSize: ThumbSize | null, rtl?: boolean): Record<string, any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderTooltipPositionStylePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeSliderTooltipPositionStylePipe, "rangeSliderTooltipPositionStyle", true>;
+}

package/lib/range-slider/range-slider-track.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RangeSliderTrackPipe implements PipeTransform {
+    transform(value: number[], min: number, max: number, vertical: boolean, rtl?: boolean): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderTrackPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<RangeSliderTrackPipe, "rangeSliderTrack", true>;
+}

package/lib/range-slider/range-slider.component.d.ts

@@ -0,0 +1,116 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Label, ThumbSize } from './range-slider.type';
+import * as i0 from "@angular/core";
+export declare class RangeSliderComponent implements ControlValueAccessor, OnInit {
+    #private;
+    /**
+     * Enable or disable clickable labels in the Angular Range Slider.
+     * When set to `true`, users can click on labels to adjust the slider's value directly, enhancing interactivity and user experience.
+     * @default true
+     */
+    readonly clickableLabels: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Control the interactive state of the Angular Range Slider with the `disabled` prop.
+     * Setting it to `true` will disable all slider functionalities, preventing user interaction and visually indicating a non-interactive state.
+     * @default false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabledState: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Define the minimum distance between slider handles using the `distance` prop in the Angular Range Slider.
+     * This ensures that the handles maintain a specified separation, preventing overlap and maintaining clear value distinctions.
+     * @default 0
+     */
+    readonly distance: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Add descriptive labels to your Angular Range Slider by providing an array of `labels`.
+     * These labels enhance the slider's usability by clearly indicating key values and providing contextual information to users.
+     */
+    readonly labels: import("@angular/core").InputSignal<Label[]>;
+    /**
+     * Specify the maximum value for the Angular Range Slider with the `max` prop.
+     * This determines the upper limit of the slider's range, enabling precise control over the highest selectable value.
+     * @default 100
+     */
+    readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Set the minimum value for the Angular Range Slider using the `min` prop.
+     * This defines the lower bound of the slider's range, allowing you to control the starting point of user selection.
+     * @default 0
+     */
+    readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Default role for c-range-slider.
+     * @default 'slider'
+     */
+    readonly role: import("@angular/core").InputSignal<string>;
+    /**
+     * Control the granularity of the Angular Range Slider by setting the `step` prop.
+     * This defines the increment intervals between selectable values, allowing for precise adjustments based on your application's requirements.
+     * @default 1
+     */
+    readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Toggle the visibility of tooltips in the Angular Range Slider with the `tooltips` prop.
+     * When enabled, tooltips display the current value of the slider handles, providing real-time feedback to users.
+     * @default true
+     */
+    readonly tooltips: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Customize the display format of tooltips in the Angular Range Slider using the `tooltipsFormat` function.
+     * This allows you to format the tooltip values according to your specific requirements, enhancing the clarity and presentation of information.
+     */
+    readonly tooltipsFormat: import("@angular/core").InputSignal<((value: number) => string) | undefined>;
+    /**
+     * Controls the visual representation of the slider's track. When set to `'fill'`, the track is dynamically filled based on the slider's value(s).
+     * Setting it to `false` disables the filled track.
+     * @default 'fill'
+     */
+    readonly track: import("@angular/core").InputSignal<boolean | "fill">;
+    /**
+     * Set the current value(s) of the Angular Range Slider using the `value` prop.
+     * Whether you're using a single value or an array for multi-handle sliders, this prop controls the slider's position and ensures it reflects the desired state.
+     */
+    readonly value: import("@angular/core").ModelSignal<number | number[]>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number | number[]>;
+    readonly currentValue: import("@angular/core").Signal<number[]>;
+    readonly valueEffect: import("@angular/core").EffectRef;
+    readonly valueNow: import("@angular/core").Signal<number | number[]>;
+    readonly inputIds: import("@angular/core").WritableSignal<string[]>;
+    readonly inputIdsEffect: import("@angular/core").EffectRef;
+    /**
+     * Orient the Angular Range Slider vertically by setting the `vertical` prop to `true`.
+     * This changes the slider's layout from horizontal to vertical, providing a different aesthetic and fitting various UI designs.
+     */
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        'range-slider': boolean;
+        'range-slider-vertical': boolean;
+        disabled: boolean;
+    }>;
+    readonly inputRefs: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    readonly trackRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
+    readonly isDragging: import("@angular/core").WritableSignal<boolean>;
+    readonly dragIndex: import("@angular/core").WritableSignal<number>;
+    readonly thumbSize: import("@angular/core").WritableSignal<ThumbSize | null>;
+    readonly isDraggingEffect: import("@angular/core").EffectRef;
+    constructor();
+    ngOnInit(): void;
+    onChange: (value: number | number[]) => void;
+    onTouched: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: number | number[]): void;
+    get isRtl(): boolean;
+    updateNearestValue: (value: number) => void;
+    handleInputChange(value: number, index: number): void;
+    handleInputsContainerMouseDown($event: MouseEvent): void;
+    handleLabelClick($event: MouseEvent, label: Label): void;
+    getLabel(label: Label): string | number;
+    handleMouseMove($event: MouseEvent): void;
+    handleMouseUp(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RangeSliderComponent, "c-range-slider", never, { "clickableLabels": { "alias": "clickableLabels"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "distance": { "alias": "distance"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "tooltipsFormat": { "alias": "tooltipsFormat"; "required": false; "isSignal": true; }; "track": { "alias": "track"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/range-slider/range-slider.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./range-slider.component";
+export declare class RangeSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RangeSliderModule, never, [typeof i1.RangeSliderComponent], [typeof i1.RangeSliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RangeSliderModule>;
+}

package/lib/range-slider/range-slider.type.d.ts

@@ -0,0 +1,11 @@
+import { NgCssClass } from '../coreui.types';
+export type Label = {
+    label: number | string;
+    value: number;
+    class?: NgCssClass;
+    style?: Partial<CSSStyleDeclaration>;
+} | string;
+export type ThumbSize = {
+    value: number;
+    unit: string | null;
+};

package/lib/range-slider/range-slider.utils.d.ts

@@ -0,0 +1,38 @@
+import { Label, ThumbSize } from './range-slider.type';
+export declare const calculateClickValue: (event: MouseEvent, container: HTMLDivElement, min: number, max: number, step: number, vertical: boolean, rtl: boolean) => number;
+export declare const calculateMoveValue: (event: MouseEvent, container: HTMLDivElement, min: number, max: number, step: number, vertical: boolean, rtl: boolean) => number;
+export declare const calculateVerticalPosition: (mouseY: number, rect: DOMRect) => number | "max" | "min";
+export declare const calculateHorizontalPosition: (mouseX: number, rect: DOMRect, rtl: boolean) => number | "max" | "min";
+export declare const calculateLabelPosition: (min: number, max: number, labels: Label[], label: Label, index: number) => string;
+export declare const calculateTooltipPosition: (min: number, max: number, value: number, thumbSize: ThumbSize, vertical: boolean, rtl: boolean) => {
+    bottom: string;
+    marginBottom: string;
+    right?: undefined;
+    marginRight?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+} | {
+    right: string;
+    marginRight: string;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    left?: undefined;
+    marginLeft?: undefined;
+} | {
+    left: string;
+    marginLeft: string;
+    bottom?: undefined;
+    marginBottom?: undefined;
+    right?: undefined;
+    marginRight?: undefined;
+};
+export declare const getClickPosition: (event: MouseEvent, container: HTMLDivElement, vertical: boolean, rtl: boolean) => number;
+export declare const getLabelValue: (min: number, max: number, labels: Label[], label: Label, index: number) => number;
+export declare const getNearestValueIndex: (value: number, values: number[]) => number;
+export declare const roundToStep: (number: number, step: number) => number;
+export declare const updateGradient: (min: number, max: number, values: number[], vertical: boolean, rtl: boolean) => {
+    backgroundImage: string;
+};
+export declare const updateValue: (value: number, values: number[], distance: number, index: number) => number[];
+export declare const validateValue: (value: number, values: number[], distance: number, index: number) => number;
+export declare const equalArrays: <T>(a: T[], b: T[]) => boolean;

package/lib/services/class-toggle.service.d.ts

@@ -1,10 +1,7 @@
-import { RendererFactory2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ClassToggleService {
-    private document;
-    private rendererFactory;
-    private renderer;
-    constructor(document: Document, rendererFactory: RendererFactory2);
+    #private;
+    constructor();
     toggle(selector: any, className: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClassToggleService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ClassToggleService>;

package/lib/services/public_api.d.ts

@@ -4,3 +4,5 @@ export { ClassToggleService } from './class-toggle.service';
 export { LocalStorageService } from './local-storage.service';
 export { InMemoryStorageService } from './in-memory-storage.service';
 export { ColorModeService, ColorMode } from './color-mode.service';
+export { UIDService } from './uid.service';
+export { RtlService } from './rtl.service';