@coreui/angular 5.0.4 → 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/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",
-  "version": "5.0.4",
+  "version": "5.1.1",
   "description": "CoreUI Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "license": "MIT",
@@ -28,8 +28,8 @@
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@angular/router": "^17.3.0",
-    "@coreui/coreui": "~5.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": {