@coreui/angular-pro 5.1.0-next.0 → 5.1.1

package/lib/coreui.types.d.ts

@@ -21,7 +21,7 @@ export type Alignment = 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' |
 export type BadgePositions = 'top-start' | 'top-end' | 'bottom-end' | 'bottom-start' | string | undefined;
 export type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
 export type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
-export type Triggers = 'hover' | 'focus' | 'click';
+export type Triggers = 'hover' | 'focus' | 'click' | 'focusin';
 export type Positions = 'fixed' | 'sticky';
 export type InputType = 'button' | 'color' | 'date' | 'datetime' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'checkbox' | 'radio';
 export interface INavLinkProps {

package/lib/dropdown/dropdown/dropdown.component.d.ts

@@ -7,10 +7,9 @@ import * as i1 from "../../shared/theme.directive";
 export declare abstract class DropdownToken {
 }
 export declare class DropdownToggleDirective implements AfterViewInit {
-    elementRef: ElementRef;
-    private dropdownService;
-    dropdown?: DropdownToken | undefined;
-    constructor(elementRef: ElementRef, dropdownService: DropdownService, dropdown?: DropdownToken | undefined);
+    #private;
+    readonly elementRef: ElementRef<any>;
+    dropdown: DropdownToken | null;
     /**
      * Toggle the disabled state for the toggler.
      * @type DropdownComponent | undefined
@@ -29,15 +28,17 @@ export declare class DropdownToggleDirective implements AfterViewInit {
      */
     caret: boolean;
     /**
-     * Create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret.
+     * Create split button dropdowns with virtually the same markup as single button dropdowns,
+     * but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret.
      * @type boolean
      * @default false
      */
     split: boolean;
     get hostClasses(): any;
+    get ariaExpanded(): boolean;
     onClick($event: MouseEvent): void;
     ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[cDropdownToggle]", ["cDropdownToggle"], { "dropdownComponent": { "alias": "dropdownComponent"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "caret": { "alias": "caret"; "required": false; }; "split": { "alias": "split"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_split: unknown;
@@ -62,7 +63,8 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
      */
     direction?: 'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart';
     /**
-     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     * Describes the placement of your component after Popper.js has applied all the modifiers
+     * that may have flipped or altered the originally provided placement property.
      * @type Placement
      */
     placement: Placement;

package/lib/rating/rating-item-label/rating-item-label.component.d.ts

@@ -0,0 +1,13 @@
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+export declare class RatingItemLabelComponent implements FocusableOption {
+    #private;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly focusable: import("@angular/core").WritableSignal<boolean>;
+    focusableEffect: import("@angular/core").EffectRef;
+    focus(origin?: FocusOrigin): void;
+    getLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingItemLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingItemLabelComponent, "c-rating-item-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/rating/rating.component.d.ts

@@ -1,31 +1,101 @@
 import { InputSignalWithTransform } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { TemplateIdDirective } from '../shared';
+import { RatingItemLabelComponent } from './rating-item-label/rating-item-label.component';
 import * as i0 from "@angular/core";
 export declare const coerceStringArray: (value: string | string[]) => string[];
 export declare const coerceRatingPrecision: (value: number | string) => number;
+export declare const coerceNumber: (value: number | string | null) => number;
 export declare class RatingComponent implements ControlValueAccessor {
     #private;
-    constructor();
+    /**
+     * The default icon to display when the item is selected.
+     * @type: string | string[]
+     */
     readonly activeIcon: InputSignalWithTransform<string[], string | string[]>;
+    /**
+     * Enables the clearing upon clicking the selected item again.
+     * @type: boolean
+     * @default: false
+     */
     readonly allowClear: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Toggle the disabled state for the component.
+     * @type: boolean
+     * @default: false
+     */
     readonly disabled: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * If enabled, only the currently selected icon will be visibly highlighted.
+     * @type: boolean
+     * @default: false
+     */
     readonly highlightOnlySelected: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The default icon to display when the item is not selected.
+     * @type: string | string[]
+     */
     readonly icon: InputSignalWithTransform<string[], string | string[]>;
+    /**
+     * Specifies the total number of stars to be displayed in the star rating component. This property determines the scale of the rating,
+     * such as out of 5 stars, 10 stars, etc.
+     * @type: number
+     * @default: 5
+     */
     readonly itemCount: InputSignalWithTransform<number, unknown>;
+    /**
+     * Minimum increment value change allowed.
+     * @type: number
+     * @default: 1
+     */
     readonly precision: InputSignalWithTransform<number, unknown>;
+    /**
+     * Allows to click fractions
+     * @type: boolean
+     * @default: false
+     */
+    /**
+     * Toggle the readonly state for the component.
+     * @type: boolean
+     * @default: false
+     */
     readonly readOnly: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Size the component small, large, or custom if you define custom icons with custom height.
+     * @type: 'sm' | 'lg' | 'custom' | undefined
+     * @default: undefined
+     */
     readonly size: import("@angular/core").InputSignal<"sm" | "lg" | "custom" | undefined>;
+    /**
+     * Enable tooltips with default values or set specific labels for each icon.
+     * @type: boolean | string[] | undefined
+     * @default: undefined
+     */
     readonly tooltips: import("@angular/core").InputSignal<boolean | string[] | undefined>;
+    /**
+     * The `value` attribute of component.
+     * @type: number | null
+     * @default: null
+     * Emits `valueChange` on value change
+     */
     readonly value: import("@angular/core").ModelSignal<number | null>;
-    readonly hoverValueChange: import("@angular/core").OutputEmitterRef<string>;
+    /**
+     * Event emitted on hoverValue change.
+     * @type: number | null
+     */
     readonly hoverValue: import("@angular/core").WritableSignal<number | null>;
+    readonly hoverValueChange: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly hoverValueEffect: import("@angular/core").EffectRef;
+    readonly hoveredItem: import("@angular/core").WritableSignal<number | undefined>;
     readonly tooltipValue: import("@angular/core").WritableSignal<string | number | null>;
     readonly ratingDisabled: import("@angular/core").Signal<boolean>;
+    readonly ratingDisabledEffect: import("@angular/core").EffectRef;
     readonly contentTemplates: import("@angular/core").Signal<readonly TemplateIdDirective[]>;
     readonly iconTemplates: import("@angular/core").Signal<any>;
     readonly numberOfSubItems: import("@angular/core").Signal<number>;
     readonly ratingItems: import("@angular/core").Signal<number[][]>;
+    readonly ratingItemLabels: import("@angular/core").Signal<readonly RatingItemLabelComponent[]>;
+    readonly ratingItemLabelsEffect: import("@angular/core").EffectRef;
     get hostClasses(): {
         [x: string]: boolean | "sm" | "lg" | "custom" | undefined;
         rating: boolean;
@@ -34,12 +104,13 @@ export declare class RatingComponent implements ControlValueAccessor {
     };
     get ariaValueNow(): number | null;
     get ariaValueMax(): number;
-    onClick($event: MouseEvent): false | undefined;
+    get role(): string;
+    onKeydown($event: any): false | undefined;
     onChange: (value: number | null) => void;
-    readonly valueEffect: import("@angular/core").EffectRef;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
     writeValue(value: number | null): void;
     isItemActive(value: number): boolean;
     notLastItemStyle(value: number): {
@@ -49,10 +120,12 @@ export declare class RatingComponent implements ControlValueAccessor {
         overflow: string;
         opacity: number;
     };
+    handleFocusIn($event: FocusEvent, itemValue: number): void;
     handleClick(value: number): void;
-    handleKeyUp($event: KeyboardEvent, value: number): void;
-    handleMouseEnter(value: number): void;
-    getTooltipValue(index: number): string;
+    handleMouseEnter($event: MouseEvent, value: number): void;
+    getTooltipValue(index: number): string | undefined;
+    updateFocusableItems(): void;
+    readonly valueEffect: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
     static ɵcmp: i0.ɵɵ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>;
 }

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

@@ -9,10 +9,9 @@ export interface IListenersConfig {
     callbackToggle?: () => void;
 }
 export declare class ListenersService {
-    private renderer;
+    readonly renderer: Renderer2;
     private listeners;
-    constructor(renderer: Renderer2);
-    setListeners({ hostElement, trigger, callbackOn, callbackOff, callbackToggle }: IListenersConfig): void;
+    setListeners({ hostElement, trigger, callbackOn, callbackOff, callbackToggle, }: IListenersConfig): void;
     clearListeners(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListenersService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ListenersService>;

package/lib/shared/element-ref.directive.d.ts

@@ -0,0 +1,7 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ElementRefDirective {
+    readonly elementRef: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementRefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElementRefDirective, "[cElementRef]", ["cElementRef"], {}, {}, never, never, true, never>;
+}

package/lib/shared/public_api.d.ts

@@ -1,4 +1,5 @@
-export { SharedModule } from './shared.module';
+export { ElementRefDirective } from './element-ref.directive';
 export { HtmlAttributesDirective } from './html-attr.directive';
 export { TemplateIdDirective } from './template-id.directive';
 export { ThemeDirective } from './theme.directive';
+export { SharedModule } from './shared.module';

package/lib/shared/shared.module.d.ts

@@ -1,11 +1,12 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "./html-attr.directive";
-import * as i2 from "./template-id.directive";
-import * as i3 from "./theme.directive";
+import * as i1 from "./element-ref.directive";
+import * as i2 from "./html-attr.directive";
+import * as i3 from "./template-id.directive";
+import * as i4 from "./theme.directive";
 export declare class SharedModule {
     static forRoot(): ModuleWithProviders<SharedModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective, typeof i3.ThemeDirective], [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective, typeof i3.ThemeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.ElementRefDirective, typeof i2.HtmlAttributesDirective, typeof i3.TemplateIdDirective, typeof i4.ThemeDirective], [typeof i1.ElementRefDirective, typeof i2.HtmlAttributesDirective, typeof i3.TemplateIdDirective, typeof i4.ThemeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/lib/shared/template-id.directive.d.ts

@@ -1,9 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class TemplateIdDirective {
-    templateRef: TemplateRef<any>;
+    readonly templateRef: TemplateRef<any>;
     id: string;
-    constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateIdDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateIdDirective, "[cTemplateId]", never, { "id": { "alias": "cTemplateId"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/tooltip/tooltip.directive.d.ts

@@ -1,10 +1,10 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Options } from '@popperjs/core';
 import { Triggers } from '../coreui.types';
-import { ListenersService } from '../services/listeners.service';
-import { IntersectionService } from '../services';
+import { IntersectionService, ListenersService } from '../services';
+import { ElementRefDirective } from '../shared';
 import * as i0 from "@angular/core";
-export declare class TooltipDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
+export declare class TooltipDirective implements OnDestroy, OnInit, AfterViewInit {
     #private;
     private document;
     private renderer;
@@ -17,28 +17,44 @@ export declare class TooltipDirective implements OnChanges, OnDestroy, OnInit, A
      * Content of tooltip
      * @type {string | TemplateRef}
      */
-    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
+    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
+    contentEffect: import("@angular/core").EffectRef;
     /**
      * Optional popper Options object, takes precedence over cPopoverPlacement prop
      * @type Partial<Options>
      */
-    set popperOptions(value: Partial<Options>);
-    get popperOptions(): Partial<Options>;
+    readonly popperOptions: import("@angular/core").InputSignal<Partial<Options>>;
+    popperOptionsEffect: import("@angular/core").EffectRef;
+    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;
+        onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
+    }>;
     /**
      * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     * @type: 'top' | 'bottom' | 'left' | 'right'
+     * @default: 'top'
+     */
+    readonly placement: import("@angular/core").InputSignal<"top" | "bottom" | "right" | "left">;
+    /**
+     * ElementRefDirective for positioning the tooltip on reference element
+     * @type: ElementRefDirective
+     * @default: undefined
      */
-    placement: 'top' | 'bottom' | 'left' | 'right';
+    readonly reference: import("@angular/core").InputSignal<ElementRefDirective | undefined>;
+    readonly referenceRef: import("@angular/core").Signal<ElementRef<any>>;
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
-     * @type {'hover' | 'focus' | 'click'}
+     * @type: 'Triggers | Triggers[]
      */
-    trigger: Triggers | Triggers[];
+    readonly trigger: import("@angular/core").InputSignal<Triggers | Triggers[]>;
     /**
      * Toggle the visibility of tooltip component.
+     * @type boolean
      */
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
+    visibleEffect: import("@angular/core").EffectRef;
     get ariaDescribedBy(): string | null;
     private tooltip;
     private tooltipId;
@@ -46,9 +62,7 @@ export declare class TooltipDirective implements OnChanges, OnDestroy, OnInit, A
     private popperInstance;
     private _popperOptions;
     constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
-    contentEffect: import("@angular/core").EffectRef;
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
     private setListeners;
@@ -60,5 +74,5 @@ export declare class TooltipDirective implements OnChanges, OnDestroy, OnInit, A
     private addTooltipElement;
     private removeTooltipElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[cTooltip]", ["cTooltip"], { "content": { "alias": "cTooltip"; "required": false; "isSignal": true; }; "popperOptions": { "alias": "cTooltipOptions"; "required": false; }; "placement": { "alias": "cTooltipPlacement"; "required": false; }; "trigger": { "alias": "cTooltipTrigger"; "required": false; }; "visible": { "alias": "cTooltipVisible"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[cTooltip]", ["cTooltip"], { "content": { "alias": "cTooltip"; "required": false; "isSignal": true; }; "popperOptions": { "alias": "cTooltipOptions"; "required": false; "isSignal": true; }; "placement": { "alias": "cTooltipPlacement"; "required": false; "isSignal": true; }; "reference": { "alias": "cTooltipRef"; "required": false; "isSignal": true; }; "trigger": { "alias": "cTooltipTrigger"; "required": false; "isSignal": true; }; "visible": { "alias": "cTooltipVisible"; "required": false; "isSignal": true; }; }, { "visible": "cTooltipVisibleChange"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.1.0-next.0",
+  "version": "5.1.1",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,8 +28,8 @@
     "@angular/core": "^17.3.0",
     "@angular/forms": "^17.3.0",
     "@angular/router": "^17.3.0",
-    "@coreui/coreui-pro": "~5.1.0-0",
-    "@coreui/icons-angular": "~5.0.0",
+    "@coreui/coreui": "~5.0.0 || ~5.1.0",
+    "@coreui/icons-angular": "~5.0.0 || ~5.1.0",
     "rxjs": "^7.8.1"
   },
   "repository": {