@coreui/angular-pro 5.0.4 → 5.1.0

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/rating/index.d.ts

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

package/lib/rating/public_api.d.ts

@@ -0,0 +1,2 @@
+export { RatingComponent } from './rating.component';
+export { RatingModule } from './rating.module';

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

@@ -0,0 +1,131 @@
+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;
+    /**
+     * 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>;
+    /**
+     * 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;
+        disabled: boolean;
+        readonly: boolean;
+    };
+    get ariaValueNow(): number | null;
+    get ariaValueMax(): number;
+    get role(): string;
+    onKeydown($event: any): false | undefined;
+    onChange: (value: number | null) => void;
+    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): {
+        zIndex: number;
+        position: string;
+        width: string;
+        overflow: string;
+        opacity: number;
+    };
+    handleFocusIn($event: FocusEvent, itemValue: number): void;
+    handleClick(value: number): void;
+    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/rating/rating.module.d.ts

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

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.0.4",
+  "version": "5.1.0",
   "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.0.0",
-    "@coreui/icons-angular": "~5.0.0",
+    "@coreui/coreui-pro": "~5.1.0",
+    "@coreui/icons-angular": "~5.1.0",
     "rxjs": "^7.8.1"
   },
   "repository": {

package/public-api.d.ts

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