@coreui/angular-pro 5.3.4 → 5.3.6

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/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/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';

package/lib/services/rtl.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class RtlService {
+    #private;
+    isRTL(element?: HTMLElement | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RtlService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RtlService>;
+}

package/lib/services/uid.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class UIDService {
+    #private;
+    getUID(prefix?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UIDService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UIDService>;
+}

package/lib/smart-table/smart-table/smart-table.component.d.ts

@@ -38,7 +38,7 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     header: boolean;
     set items(value: IItem[]);
     get items(): IItem[];
-    items$: WritableSignal<IItemInternal[]>;
+    readonly items$: WritableSignal<IItemInternal[]>;
     private _items;
     set itemsPerPage(value: number);
     get itemsPerPage(): number;
@@ -121,7 +121,7 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     clean($event: MouseEvent): void;
     handleItemsPerPageChange(value: number): void;
     handleRowChecked($event: Event, item: IItemInternal): void;
-    handleSelectAllChange($event: any): void;
+    handleSelectAllChange($event: boolean): void;
     handleRowClick(param: {
         $event: MouseEvent;
         item: IItemInternal;

package/lib/smart-table/smart-table-filter/filter-input.directive.d.ts

@@ -11,7 +11,7 @@ export declare class FilterInputDirective implements AfterViewInit {
     emitObject: {
         value: string;
         type?: string;
-        column?: (string | IColumn);
+        column?: string | IColumn;
     };
     delay: number;
     onEvent: 'change' | 'input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.3.4",
+  "version": "5.3.6",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -29,7 +29,7 @@
     "@angular/forms": "^19.0.0",
     "@angular/router": "^19.0.0",
     "@coreui/coreui-pro": "^5.8.0",
-    "@coreui/icons-angular": "~5.3.4",
+    "@coreui/icons-angular": "~5.3.5",
     "rxjs": "^7.8.1"
   },
   "repository": {

package/public-api.d.ts

@@ -34,6 +34,7 @@ export * from './lib/placeholder';
 export * from './lib/popover';
 export * from './lib/progress';
 export * from './lib/rating';
+export * from './lib/range-slider';
 export * from './lib/services';
 export * from './lib/sidebar';
 export * from './lib/smart-pagination';