@coreui/angular - npm Package Compare versions

Comparing version 5.3.14 to 5.3.15

lib/dropdown/dropdown-menu/dropdown-menu.directive.d.ts

@@ -17,3 +17,3 @@ import { AfterContentInit, ElementRef, OnInit, QueryList } from '@angular/core';
      */
-    readonly visibleInput: import("@angular/core").InputSignal<boolean>;
+    readonly visibleInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly visible: import("@angular/core").WritableSignal<boolean>;
@@ -20,0 +20,0 @@ readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;

lib/form/form-floating/form-floating.directive.d.ts

@@ -8,5 +8,4 @@ import * as i0 from "@angular/core";
     readonly floating: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFloatingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormFloatingDirective, "[cFormFloating]", never, { "floating": { "alias": "cFormFloating"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/form/form/form.directive.d.ts

@@ -5,9 +5,8 @@ import * as i0 from "@angular/core";
      * Mark a form as validated. If you set it `true`, all validation styles will be applied to the form. [docs]
-     * @type boolean
+     * @return boolean
      * @default false
      */
     readonly validated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormDirective, "form[cForm]", never, { "validated": { "alias": "validated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/modal/modal-dismiss/modal-toggle.directive.d.ts

@@ -9,5 +9,5 @@ import * as i0 from "@angular/core";
     readonly toggle: import("@angular/core").InputSignal<string | undefined>;
-    dismiss($event: any): void;
+    dismiss($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ModalToggleDirective, "[cModalToggle]", never, { "toggle": { "alias": "cModalToggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/navbar/navbar-toggler/navbar-toggler.directive.d.ts

@@ -24,3 +24,3 @@ import { CollapseDirective } from '../../collapse';
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
-    handleClick(): void;
+    handleClick($event: MouseEvent): void;
     addDefaultIcon(): void;
@@ -27,0 +27,0 @@ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarTogglerDirective, never>;

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

@@ -5,5 +5,6 @@ import { TemplateRef } from '@angular/core';
     readonly templateRef: TemplateRef<any>;
-    id: string;
+    readonly cTemplateId: import("@angular/core").InputSignal<string>;
+    get id(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateIdDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateIdDirective, "[cTemplateId]", never, { "id": { "alias": "cTemplateId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateIdDirective, "[cTemplateId]", never, { "cTemplateId": { "alias": "cTemplateId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/sidebar/sidebar-brand/sidebar-brand.component.d.ts

@@ -1,12 +0,10 @@
-import { OnInit } from '@angular/core';
+import { type UrlTree } from '@angular/router';
 import * as i0 from "@angular/core";
-export declare class SidebarBrandComponent implements OnInit {
-    brandFull?: any;
-    brandNarrow?: any;
-    routerLink?: any[] | string;
-    sidebarBrandClass: boolean;
-    brandImg: boolean;
-    ngOnInit(): void;
+export declare class SidebarBrandComponent {
+    readonly brandFull: import("@angular/core").InputSignal<any>;
+    readonly brandNarrow: import("@angular/core").InputSignal<any>;
+    readonly routerLink: import("@angular/core").InputSignal<string | any[] | UrlTree | null | undefined>;
+    readonly brandImg: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarBrandComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarBrandComponent, "c-sidebar-brand", never, { "brandFull": { "alias": "brandFull"; "required": false; }; "brandNarrow": { "alias": "brandNarrow"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarBrandComponent, "c-sidebar-brand", never, { "brandFull": { "alias": "brandFull"; "required": false; "isSignal": true; }; "brandNarrow": { "alias": "brandNarrow"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

lib/sidebar/sidebar-nav/sidebar-nav-link.component.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
@@ -17,3 +17,3 @@ import { SidebarNavHelper } from './sidebar-nav.service';
     get item(): INavData;
-    linkClick: EventEmitter<any>;
+    readonly linkClick: import("@angular/core").OutputEmitterRef<void>;
     linkType: string;
@@ -20,0 +20,0 @@ href: string;

lib/sidebar/sidebar-toggle/sidebar-toggle.directive.d.ts

@@ -8,17 +8,16 @@ import * as i0 from "@angular/core";
     /**
-     * Id of sidebar for toggle action. [docs]
-     *
-     * @type string
+     * Id of sidebar for toggle action.
+     * @return string
      */
-    id?: string;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
     /**
-     * Sidebar property name for toggle action. [docs]
+     * Sidebar property name for toggle action.
      *
-     * @type 'visible' | 'unfoldable'
+     * @return 'visible' | 'unfoldable'
      * @default 'visible'
      */
-    toggle: 'visible' | 'unfoldable';
+    readonly toggle: import("@angular/core").InputSignal<"visible" | "unfoldable">;
     toggleOpen($event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarToggleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SidebarToggleDirective, "[cSidebarToggle]", ["cSidebarToggle"], { "id": { "alias": "cSidebarToggle"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SidebarToggleDirective, "[cSidebarToggle]", ["cSidebarToggle"], { "id": { "alias": "cSidebarToggle"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/sidebar/sidebar-toggler/sidebar-toggler.directive.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "../sidebar-toggle/sidebar-toggle.directive";
 export declare class SidebarTogglerDirective {
-    role: string;
-    sidebarTogglerClass: boolean;
+    readonly role: import("@angular/core").InputSignal<string>;
     get getStyles(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarTogglerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SidebarTogglerDirective, "[cSidebarToggler]", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.SidebarToggleDirective; inputs: { "cSidebarToggle": "cSidebarToggler"; "toggle": "toggle"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SidebarTogglerDirective, "[cSidebarToggler]", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SidebarToggleDirective; inputs: { "cSidebarToggle": "cSidebarToggler"; "toggle": "toggle"; }; outputs: {}; }]>;
 }

lib/sidebar/sidebar/sidebar.component.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ISidebarAction } from '../sidebar.service';
@@ -6,59 +6,63 @@ import * as i0 from "@angular/core";
     #private;
-    state: ISidebarAction;
+    readonly state: import("@angular/core").WritableSignal<ISidebarAction>;
     /**
-     * Sets if the color of text should be colored for a light or dark background. [docs]
-     *
-     * @type 'dark' | 'light'
+     * Sets if the color of text should be colored for a light or dark background.
+     * @return 'dark' | 'light'
      */
-    colorScheme?: 'dark' | 'light';
+    readonly colorScheme: import("@angular/core").InputSignal<"dark" | "light" | undefined>;
     /**
-     * Sets html attribute id. [docs]
-     *
-     * @type string
+     * Sets html attribute id.
+     * @return string
      */
-    id?: string;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
     /**
-     * Make sidebar narrow. [docs]
-     * @type boolean
+     * Make sidebar narrow.
+     * @return boolean
      * @default false
      */
-    narrow: boolean;
+    readonly narrowInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    set narrow(value: boolean);
+    get narrow(): boolean;
     /**
      * Set sidebar to overlaid variant.
-     * @type boolean
+     * @return boolean
      * @default false
      */
-    overlaid: boolean;
+    readonly overlaid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
-     * Components placement, there’s no default placement. [docs]
-     * @type 'start' | 'end'
+     * Components placement, there’s no default placement.
+     * @return 'start' | 'end'
      */
-    placement?: 'start' | 'end';
+    readonly placement: import("@angular/core").InputSignal<"start" | "end" | undefined>;
     /**
-     * Place sidebar in non-static positions. [docs]
+     * Place sidebar in non-static positions.
+     * @return 'fixed' | 'sticky'
      * @default 'fixed'
      */
-    position: 'fixed' | 'sticky';
+    readonly position: import("@angular/core").InputSignal<"fixed" | "sticky">;
     /**
-     * Size the component small, large, or extra large. [docs]
+     * Size the component small, large, or extra large.
+     * @return 'sm' | 'lg' | 'xl'
      */
-    size?: 'sm' | 'lg' | 'xl';
+    readonly size: import("@angular/core").InputSignal<"sm" | "lg" | "xl" | undefined>;
     /**
-     * Expand narrowed sidebar on hover. [docs]
+     * Expand narrowed sidebar on hover.
      * @type boolean
      * @default false
      */
-    unfoldable: boolean;
+    readonly unfoldableInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly unfoldable: import("@angular/core").WritableSignal<boolean>;
     /**
-     * Toggle the visibility of sidebar component. [docs]
+     * Toggle the visibility of sidebar component.
      * @type boolean
      * @default false
      */
+    readonly visibleInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     set visible(value: boolean);
     get visible(): boolean;
     /**
-     * Event emitted on visibility change. [docs]
-     * @type boolean
+     * Event emitted on visibility change.
+     * @return boolean
      */
-    visibleChange: EventEmitter<boolean>;
+    readonly visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
     set sidebarState(value: ISidebarAction);
@@ -68,3 +72,12 @@ get sidebarState(): ISidebarAction;
     constructor();
-    get getClasses(): any;
+    readonly hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean | "toggle" | undefined;
+        sidebar: boolean;
+        'sidebar-fixed': boolean;
+        'sidebar-narrow': boolean;
+        'sidebar-narrow-unfoldable': boolean;
+        'sidebar-overlaid': boolean;
+        show: boolean | "toggle" | undefined;
+        hide: boolean;
+    }>;
     ngOnInit(): void;
@@ -77,7 +90,3 @@ ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "c-sidebar", ["cSidebar"], { "colorScheme": { "alias": "colorScheme"; "required": false; }; "id": { "alias": "id"; "required": false; }; "narrow": { "alias": "narrow"; "required": false; }; "overlaid": { "alias": "overlaid"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "position": { "alias": "position"; "required": false; }; "size": { "alias": "size"; "required": false; }; "unfoldable": { "alias": "unfoldable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
-    static ngAcceptInputType_narrow: unknown;
-    static ngAcceptInputType_overlaid: unknown;
-    static ngAcceptInputType_unfoldable: unknown;
-    static ngAcceptInputType_visible: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "c-sidebar", ["cSidebar"], { "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "narrowInput": { "alias": "narrow"; "required": false; "isSignal": true; }; "overlaid": { "alias": "overlaid"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "unfoldableInput": { "alias": "unfoldable"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
 }

lib/utilities/text-bg-color.directive.d.ts

@@ -10,5 +10,5 @@ import { InputSignal } from '@angular/core';
     readonly textBgColor: InputSignal<Colors>;
-    get hostClasses(): any;
+    readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBgColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TextBgColorDirective, "[cTextBgColor]", never, { "textBgColor": { "alias": "cTextBgColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

lib/utilities/text-color.directive.d.ts

@@ -10,5 +10,7 @@ import { InputSignal } from '@angular/core';
     readonly color: InputSignal<TextColors>;
-    get hostClasses(): any;
+    readonly hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TextColorDirective, "[cTextColor]", never, { "color": { "alias": "cTextColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package.json

 {
   "name": "@coreui/angular",
-  "version": "5.3.14",
+  "version": "5.3.15",
   "description": "CoreUI Components Library for Angular",
@@ -32,3 +32,3 @@ "copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
     "@coreui/coreui": "^5.2.0",
-    "@coreui/icons-angular": "~5.3.12",
+    "@coreui/icons-angular": "~5.3.15",
     "rxjs": "^7.8.1"
@@ -35,0 +35,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

1513690

increased by0.3%

Lines of code

15031

increased by0.1%

No dependency changes