@coreui/angular-pro 5.7.6 → 5.7.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.7.6",
+  "version": "5.7.8",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2026 creativeLabs Łukasz Holeczek",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,7 +31,7 @@
     "@angular/forms": "^22.0.0",
     "@angular/router": "^22.0.0",
     "@coreui/coreui-pro": "^5.26.0",
-    "@coreui/icons-angular": "~5.7.6",
+    "@coreui/icons-angular": "~5.7.8",
     "rxjs": "^7.8.2"
   },
   "repository": {

package/types/coreui-angular-pro.d.ts

@@ -230,6 +230,18 @@ declare class AutocompleteDirective implements OnInit, ControlValueAccessor {
      * @default false
      */
     readonly allowOnlyDefinedOptions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets the accessible label (`aria-label`) for the button that clears the current selection. This improves accessibility for screen readers.
+     * @return string
+     * @since 5.7.7
+     */
+    readonly ariaCleanerLabel: _angular_core.InputSignal<string>;
+    /**
+     * Sets the accessible label (`aria-label`) for the dropdown toggle indicator button. This improves accessibility for screen readers.
+     * @return string
+     * @since 5.7.7
+     */
+    readonly ariaIndicatorLabel: _angular_core.InputSignal<string>;
     /**
      * Enables selection cleaner element.
      * When `true`, displays a clear button that allows users to reset the selection.
@@ -448,7 +460,7 @@ declare class AutocompleteDirective implements OnInit, ControlValueAccessor {
     protected handleDropdownHide(): void;
     protected handleDropdownShow(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutocompleteDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutocompleteDirective, "input[cAutocomplete]", ["cAutocomplete"], { "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; "allowOnlyDefinedOptions": { "alias": "allowOnlyDefinedOptions"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightOptionsOnSearch": { "alias": "highlightOptionsOnSearch"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": true; "isSignal": true; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "optionGroupTemplate": { "alias": "optionGroupTemplate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "resetSelectionOnOptionsChange": { "alias": "resetSelectionOnOptionsChange"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "showHints": { "alias": "showHints"; "required": false; "isSignal": true; }; "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "optionChange": "optionChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AutocompleteDirective, "input[cAutocomplete]", ["cAutocomplete"], { "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; "allowOnlyDefinedOptions": { "alias": "allowOnlyDefinedOptions"; "required": false; "isSignal": true; }; "ariaCleanerLabel": { "alias": "ariaCleanerLabel"; "required": false; "isSignal": true; }; "ariaIndicatorLabel": { "alias": "ariaIndicatorLabel"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightOptionsOnSearch": { "alias": "highlightOptionsOnSearch"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "optionsInput": { "alias": "options"; "required": true; "isSignal": true; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "optionGroupTemplate": { "alias": "optionGroupTemplate"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "resetSelectionOnOptionsChange": { "alias": "resetSelectionOnOptionsChange"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "showHints": { "alias": "showHints"; "required": false; "isSignal": true; }; "sizing": { "alias": "sizing"; "required": false; "isSignal": true; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "optionChange": "optionChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, never, never, true, never>;
 }
 
 declare class AutocompleteModule {
@@ -2073,7 +2085,7 @@ declare class DropdownToggleDirective implements AfterViewInit {
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Enables pseudo element caret on toggler.
+     * Enables pseudo-element caret on toggler.
      * @return boolean
      */
     readonly caret: _angular_core.InputSignal<boolean>;
@@ -3086,6 +3098,18 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
      * @since 4.5.11
      */
     readonly allowCreateOptions: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Sets the accessible label (`aria-label`) for the button that clears the current selection. This label is read by screen readers.
+     * @return string
+     * @since 5.7.7
+     */
+    readonly ariaCleanerLabel: _angular_core.InputSignal<string>;
+    /**
+     * Sets the accessible label (`aria-label`) for the indicator button that toggles the options menu. This label is read by screen readers.
+     * @return string
+     * @since 5.7.7
+     */
+    readonly ariaIndicatorLabel: _angular_core.InputSignal<string>;
     /**
      * Enables selection cleaner element
      * @return boolean
@@ -3346,7 +3370,7 @@ declare class MultiSelectComponent<TValue extends string | number> implements IM
     updateActiveItem<TItem extends MultiSelectOptionComponent & FocusableOption>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "resetSelectionOnOptionsChange": { "alias": "resetSelectionOnOptionsChange"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; "isSignal": true; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "itemMinWidthInput": { "alias": "itemMinWidth"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; "isSignal": true; }; "ariaCleanerLabel": { "alias": "ariaCleanerLabel"; "required": false; "isSignal": true; }; "ariaIndicatorLabel": { "alias": "ariaIndicatorLabel"; "required": false; "isSignal": true; }; "cleaner": { "alias": "cleaner"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeightInput": { "alias": "optionsMaxHeight"; "required": false; "isSignal": true; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "resetSelectionOnOptionsChange": { "alias": "resetSelectionOnOptionsChange"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; "isSignal": true; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; "isSignal": true; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; "isSignal": true; }; "visibleItemsInput": { "alias": "visibleItems"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "itemMinWidthInput": { "alias": "itemMinWidth"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; "popperOptionsInput": { "alias": "popperOptions"; "required": false; "isSignal": true; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
 }
 
 declare class MultiSelectModule {
@@ -3414,7 +3438,7 @@ declare class NavModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<NavModule>;
 }
 
-declare class NavbarComponent implements AfterContentInit, OnDestroy {
+declare class NavbarComponent {
     #private;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -3439,8 +3463,6 @@ declare class NavbarComponent implements AfterContentInit, OnDestroy {
     readonly containerClass: _angular_core.Signal<string>;
     readonly computedStyle: _angular_core.WritableSignal<string>;
     readonly breakpoint: _angular_core.Signal<string | false>;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavbarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "expand": { "alias": "expand"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, ["collapse"], ["*", "*"], true, [{ directive: typeof ThemeDirective; inputs: { "colorScheme": "colorScheme"; }; outputs: {}; }]>;
 }
@@ -4257,6 +4279,13 @@ declare class RatingComponent implements ControlValueAccessor {
      * @returns: string | string[]
      */
     readonly activeIcon: InputSignalWithTransform<string[], string | string[]>;
+    /**
+     * Function that returns the accessible label (`aria-label`) for each rating item. Receives the item's value and the total item count.
+     * @returns: (value: number, itemCount: number) => string
+     * @default: (value, itemCount) => `${value} of ${itemCount}`
+     * @since: 5.7.7
+     */
+    readonly ariaLabel: _angular_core.InputSignal<(value: number, itemCount: number) => string>;
     /**
      * Enables the clearing upon clicking the selected item again.
      * @returns: boolean
@@ -4322,7 +4351,8 @@ declare class RatingComponent implements ControlValueAccessor {
      * @default: null
      * Emits `valueChange` on value change
      */
-    readonly value: _angular_core.ModelSignal<number | null>;
+    readonly valueInput: _angular_core.ModelSignal<string | number | null>;
+    readonly value: _angular_core.WritableSignal<number | null>;
     /**
      * Event emitted on hoverValue change.
      * @returns: number | null
@@ -4365,7 +4395,7 @@ declare class RatingComponent implements ControlValueAccessor {
     getTooltipValue(index: number): string | undefined;
     updateFocusableItems(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "c-rating", ["cRating"], { "activeIcon": { "alias": "activeIcon"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightOnlySelected": { "alias": "highlightOnlySelected"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "itemCount": { "alias": "itemCount"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "hoverValueChange": "hoverValueChange"; }, ["contentTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "c-rating", ["cRating"], { "activeIcon": { "alias": "activeIcon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "highlightOnlySelected": { "alias": "highlightOnlySelected"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "itemCount": { "alias": "itemCount"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; }, { "valueInput": "valueChange"; "hoverValueChange": "hoverValueChange"; }, ["contentTemplates"], never, true, never>;
 }
 
 declare class RatingModule {
@@ -4395,6 +4425,12 @@ declare class RangeSliderComponent implements ControlValueAccessor, OnInit {
     static ngAcceptInputType_disabled: BooleanInput$1;
     static ngAcceptInputType_tooltips: BooleanInput$1;
     static ngAcceptInputType_vertical: BooleanInput$1;
+    /**
+     * Accessible labels (`aria-label`) for the slider handles, one per thumb, applied only to multi-thumb sliders to distinguish otherwise identically-announced handles.
+     * When omitted, two-thumb sliders default to `"Minimum value"` / `"Maximum value"` and sliders with more thumbs to `"Value {n}"`.
+     * @since 5.7.7
+     */
+    readonly ariaLabels: _angular_core.InputSignal<string[] | undefined>;
     /**
      * 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.
@@ -4468,7 +4504,6 @@ declare class RangeSliderComponent implements ControlValueAccessor, OnInit {
     readonly valueChange: _angular_core.OutputEmitterRef<number | number[]>;
     readonly currentValue: _angular_core.Signal<number[]>;
     readonly valueEffect: _angular_core.EffectRef;
-    readonly valueNow: _angular_core.Signal<number | number[]>;
     readonly inputIds: _angular_core.WritableSignal<string[]>;
     readonly inputIdsEffect: _angular_core.EffectRef;
     /**
@@ -4501,10 +4536,11 @@ declare class RangeSliderComponent implements ControlValueAccessor, OnInit {
     handleInputsContainerMouseDown($event: MouseEvent): void;
     handleLabelClick($event: MouseEvent, label: Label): void;
     getLabel(label: Label): string | number;
+    getThumbAriaLabel(index: number): string | undefined;
     handleMouseMove($event: MouseEvent): void;
     handleMouseUp(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RangeSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RangeSliderComponent, "c-range-slider", never, { "ariaLabels": { "alias": "ariaLabels"; "required": false; "isSignal": true; }; "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; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class RangeSliderModule {