@coreui/angular-pro 5.7.20 → 5.7.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.7.20",
+  "version": "5.7.21",
   "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.1.0",
     "@angular/router": "^22.1.0",
     "@coreui/coreui-pro": "^5.27.1",
-    "@coreui/icons-angular": "~5.7.20",
+    "@coreui/icons-angular": "~5.7.21",
     "rxjs": "^7.8.2"
   },
   "repository": {

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

@@ -3929,6 +3929,13 @@ declare class OffcanvasComponent implements OnInit, OnDestroy {
      * @default true
      */
     readonly backdrop: _angular_core.InputSignal<boolean | "static">;
+    /**
+     * Appends the offcanvas to a specific element. You can pass an HTML element or function that returns a single element. By default, `document.body`.
+     * @since 5.7.21
+     * @returns Element | (() => Element | null) | null
+     * @default document.body
+     */
+    readonly container: _angular_core.InputSignal<Element | (() => Element | null) | null>;
     /**
      * Closes the offcanvas when the escape key is pressed
      * @returns boolean
@@ -3941,6 +3948,13 @@ declare class OffcanvasComponent implements OnInit, OnDestroy {
      * @default 'start'
      */
     readonly placement: _angular_core.InputSignal<string>;
+    /**
+     * Generates offcanvas using a portal
+     * @since 5.7.21
+     * @returns boolean
+     * @default false
+     */
+    readonly portal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Responsive offcanvas property hides content outside the viewport from a specified breakpoint and down.
      * @returns boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -3978,6 +3992,9 @@ declare class OffcanvasComponent implements OnInit, OnDestroy {
      */
     readonly visibleInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly visible: _angular_core.WritableSignal<boolean>;
+    protected readonly domPortal: DomPortal<any>;
+    protected domPortalOutlet: DomPortalOutlet;
+    protected domPortalCleanup: () => void;
     readonly visibleEffect: _angular_core.EffectRef;
     /**
      * Event triggered on visible change.
@@ -4000,7 +4017,7 @@ declare class OffcanvasComponent implements OnInit, OnDestroy {
     protected setBackdrop(setBackdrop: boolean | 'static'): void;
     private layoutChangeSubscribe;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OffcanvasComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "ariaModal"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, [{ directive: typeof ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "keyboard": { "alias": "keyboard"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "portal": { "alias": "portal"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaModal": { "alias": "ariaModal"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, [{ directive: typeof ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
 }
 
 declare class OffcanvasBodyComponent {