@coreui/angular-pro 5.0.0-alpha.5 → 5.0.0-alpha.7

package/fesm2022/coreui-angular-pro.mjs

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, ElementRef, inject, Renderer2, booleanAttribute, NgModule, HostBinding, Injectable, Component, EventEmitter, Output, ContentChildren, HostListener, RendererFactory2, DestroyRef, Pipe, signal, computed, numberAttribute, ViewChildren, Inject, ViewChild, forwardRef, Optional, ContentChild, ChangeDetectionStrategy, NgZone, effect, PLATFORM_ID, TemplateRef, ViewContainerRef } from '@angular/core';
+import { Directive, Input, ElementRef, inject, Renderer2, booleanAttribute, NgModule, HostBinding, Injectable, Component, EventEmitter, Output, ContentChildren, HostListener, DestroyRef, signal, effect, RendererFactory2, Pipe, computed, numberAttribute, ViewChildren, PLATFORM_ID, Inject, ViewChild, forwardRef, Optional, ContentChild, ChangeDetectionStrategy, NgZone, TemplateRef, ViewContainerRef } from '@angular/core';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i3 from '@angular/common';
-import { NgTemplateOutlet, NgIf, NgClass, DOCUMENT, NgForOf, AsyncPipe, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, CommonModule, formatDate, I18nPluralPipe, isPlatformBrowser, JsonPipe } from '@angular/common';
+import { NgTemplateOutlet, NgIf, DOCUMENT, NgClass, NgForOf, AsyncPipe, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, isPlatformServer, CommonModule, formatDate, I18nPluralPipe, isPlatformBrowser, JsonPipe } from '@angular/common';
 import * as i1 from '@angular/animations';
 import { animate, animation, style, useAnimation, state, transition, trigger, query, group } from '@angular/animations';
-import { Subject, BehaviorSubject, Observable, fromEvent, withLatestFrom, zipWith, skip, distinctUntilChanged as distinctUntilChanged$1, map as map$1, debounceTime as debounceTime$1 } from 'rxjs';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { fromEvent, Subject, BehaviorSubject, Observable, skip, distinctUntilChanged as distinctUntilChanged$1, map as map$1, debounceTime as debounceTime$1 } from 'rxjs';
 import * as i1$1 from '@angular/router';
 import { RouterModule, NavigationEnd, RouterLink } from '@angular/router';
-import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { filter, tap, distinctUntilChanged, take, debounceTime, map, delay, combineLatestWith } from 'rxjs/operators';
+import { filter, tap, distinctUntilChanged, take, finalize, withLatestFrom, zipWith, debounceTime, map, delay, combineLatestWith } from 'rxjs/operators';
 import * as i1$2 from '@angular/cdk/a11y';
 import { FocusMonitor, A11yModule, FocusKeyManager } from '@angular/cdk/a11y';
 import * as i1$3 from '@angular/forms';
@@ -979,6 +979,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 }]
         }] });
 
+class AlignDirective {
+    get hostClasses() {
+        return {
+            [`align-${this.align}`]: !!this.align,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AlignDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: AlignDirective, isStandalone: true, selector: "[cAlign]", inputs: { align: ["cAlign", "align"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AlignDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cAlign]',
+                    standalone: true
+                }]
+        }], propDecorators: { align: [{
+                type: Input,
+                args: ['cAlign']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class BgColorDirective {
     get hostClasses() {
         return {
@@ -1076,37 +1099,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: ['class']
             }] } });
 
-class TextColorDirective {
-    get hostClasses() {
-        const color = this.color;
-        return {
-            [`text-${color}`]: !!color
-        };
-    }
-    constructor() {
-        /**
-         * Set text-color of element
-         * @type TextColors
-         */
-        this.color = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: TextColorDirective, isStandalone: true, selector: "[cTextColor]", inputs: { color: ["cTextColor", "color"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextColorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[cTextColor]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { color: [{
-                type: Input,
-                args: ['cTextColor']
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
 class RoundedDirective {
     constructor() {
         /**
@@ -1171,59 +1163,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: ['class']
             }] } });
 
-class AlignDirective {
+class ShadowOnScrollDirective {
+    #destroyRef = inject(DestroyRef);
+    #document = inject(DOCUMENT);
+    #elementRef = inject(ElementRef);
+    #scrolled = signal(this.#document.documentElement.scrollTop > 0);
+    #scrollEffect = effect(() => {
+        this.#elementRef.nativeElement.classList.toggle(this.#shadowClass, this.#scrolled());
+    });
+    #observable;
+    #shadowClass = 'shadow-sm';
+    constructor() {
+        this.#destroyRef.onDestroy(() => {
+            this.#scrollEffect?.destroy();
+        });
+    }
+    set cShadowOnScroll(value) {
+        this.#scrolled.set(false);
+        if (value) {
+            this.#shadowClass = value === true ? 'shadow' : `shadow-${value}`;
+            this.#observable = fromEvent(this.#document, 'scroll')
+                .pipe(takeUntilDestroyed(this.#destroyRef))
+                .subscribe(scrolled => {
+                this.#scrolled.set(this.#document.documentElement.scrollTop > 0);
+            });
+        }
+        else {
+            this.#observable?.unsubscribe();
+        }
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ShadowOnScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: ShadowOnScrollDirective, isStandalone: true, selector: "[cShadowOnScroll]", inputs: { cShadowOnScroll: "cShadowOnScroll" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ShadowOnScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cShadowOnScroll]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { cShadowOnScroll: [{
+                type: Input
+            }] } });
+
+class TextColorDirective {
     get hostClasses() {
+        const color = this.color;
         return {
-            [`align-${this.align}`]: !!this.align,
+            [`text-${color}`]: !!color
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AlignDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: AlignDirective, isStandalone: true, selector: "[cAlign]", inputs: { align: ["cAlign", "align"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+    constructor() {
+        /**
+         * Set text-color of element
+         * @type TextColors
+         */
+        this.color = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: TextColorDirective, isStandalone: true, selector: "[cTextColor]", inputs: { color: ["cTextColor", "color"] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AlignDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: TextColorDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[cAlign]',
+                    selector: '[cTextColor]',
                     standalone: true
                 }]
-        }], propDecorators: { align: [{
+        }], ctorParameters: () => [], propDecorators: { color: [{
                 type: Input,
-                args: ['cAlign']
+                args: ['cTextColor']
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
 
+const UTILITY_DIRECTIVES = [AlignDirective, BgColorDirective, BorderDirective, RoundedDirective, ShadowOnScrollDirective, TextColorDirective];
 class UtilitiesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilitiesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: UtilitiesModule, imports: [BgColorDirective,
-            BorderDirective,
-            RoundedDirective,
-            TextColorDirective,
-            AlignDirective], exports: [BgColorDirective,
-            BorderDirective,
-            RoundedDirective,
-            TextColorDirective,
-            AlignDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.8", ngImport: i0, type: UtilitiesModule, imports: [AlignDirective, BgColorDirective, BorderDirective, RoundedDirective, ShadowOnScrollDirective, TextColorDirective], exports: [AlignDirective, BgColorDirective, BorderDirective, RoundedDirective, ShadowOnScrollDirective, TextColorDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilitiesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UtilitiesModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        BgColorDirective,
-                        BorderDirective,
-                        RoundedDirective,
-                        TextColorDirective,
-                        AlignDirective
-                    ],
-                    exports: [
-                        BgColorDirective,
-                        BorderDirective,
-                        RoundedDirective,
-                        TextColorDirective,
-                        AlignDirective
-                    ]
+                    imports: [...UTILITY_DIRECTIVES], exports: [...UTILITY_DIRECTIVES]
                 }]
         }] });
 
@@ -1250,17 +1273,16 @@ class AvatarComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: AvatarComponent, isStandalone: true, selector: "c-avatar", inputs: { color: "color", shape: "shape", size: "size", src: "src", status: "status", textColor: "textColor" }, host: { properties: { "class": "this.hostClasses" } }, hostDirectives: [{ directive: TextColorDirective, inputs: ["cTextColor", "textColor"] }], ngImport: i0, template: "<ng-container>\n  <ng-container *ngTemplateOutlet=\"defaultImageTemplate\"></ng-container>\n  <span *ngIf=\"!!status\" [ngClass]=\"statusClass\"></span>\n</ng-container>\n\n<ng-template #defaultImageTemplate>\n  <img *ngIf=\"!!src; else imageContent\" [src]=\"src\" class=\"avatar-img\" />\n  <ng-template #imageContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: AvatarComponent, isStandalone: true, selector: "c-avatar", inputs: { color: "color", shape: "shape", size: "size", src: "src", status: "status", textColor: "textColor" }, host: { properties: { "class": "this.hostClasses" } }, hostDirectives: [{ directive: TextColorDirective, inputs: ["cTextColor", "textColor"] }], ngImport: i0, template: "<ng-container>\n  <ng-container *ngTemplateOutlet=\"defaultImageTemplate\"></ng-container>\n  @if (!!status) {\n    <span [ngClass]=\"statusClass\"></span>\n  }\n</ng-container>\n\n<ng-template #defaultImageTemplate>\n  @if (!!src) {\n    <img [src]=\"src\" class=\"avatar-img\" />\n  } @else {\n    <ng-content></ng-content>\n  }\n  <ng-template #imageContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c-avatar', standalone: true, imports: [
                         NgTemplateOutlet,
-                        NgClass,
-                        NgIf
+                        NgClass
                     ], hostDirectives: [{
                             directive: TextColorDirective, inputs: ['cTextColor: textColor']
-                        }], template: "<ng-container>\n  <ng-container *ngTemplateOutlet=\"defaultImageTemplate\"></ng-container>\n  <span *ngIf=\"!!status\" [ngClass]=\"statusClass\"></span>\n</ng-container>\n\n<ng-template #defaultImageTemplate>\n  <img *ngIf=\"!!src; else imageContent\" [src]=\"src\" class=\"avatar-img\" />\n  <ng-template #imageContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n" }]
+                        }], template: "<ng-container>\n  <ng-container *ngTemplateOutlet=\"defaultImageTemplate\"></ng-container>\n  @if (!!status) {\n    <span [ngClass]=\"statusClass\"></span>\n  }\n</ng-container>\n\n<ng-template #defaultImageTemplate>\n  @if (!!src) {\n    <img [src]=\"src\" class=\"avatar-img\" />\n  } @else {\n    <ng-content></ng-content>\n  }\n  <ng-template #imageContent>\n    <ng-content></ng-content>\n  </ng-template>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { color: [{
                 type: Input
             }], shape: [{
@@ -1376,7 +1398,7 @@ class BackdropService {
     get #scrollbarWidth() {
         // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
         const documentWidth = this.#document.documentElement.clientWidth;
-        const scrollbarWidth = Math.abs((window?.innerWidth ?? documentWidth) - documentWidth);
+        const scrollbarWidth = Math.abs((this.#document.defaultView?.innerWidth ?? documentWidth) - documentWidth);
         return `${scrollbarWidth}px`;
     }
     setBackdrop(type = 'modal') {
@@ -3957,34 +3979,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
 
 class IntersectionService {
     constructor() {
-        this.intersecting = new BehaviorSubject(false);
-        this.intersecting$ = this.intersecting.asObservable();
+        this.platformId = inject(PLATFORM_ID);
+        this.#intersecting = new BehaviorSubject({ isIntersecting: false });
+        this.intersecting$ = this.#intersecting.asObservable();
         this.defaultObserverOptions = {
             root: null,
             rootMargin: '0px',
             threshold: 0.2
         };
+        this.hostElementRefs = new Map();
     }
+    #intersecting;
     createIntersectionObserver(hostElement, observerOptions = this.defaultObserverOptions) {
+        if (isPlatformServer(this.platformId)) {
+            this.#intersecting.next({ isIntersecting: true, hostElement });
+            return;
+        }
         const options = { ...this.defaultObserverOptions, ...observerOptions };
-        this.hostElement = hostElement;
         const handleIntersect = (entries, observer) => {
             entries.forEach((entry) => {
-                this.intersecting.next(entry.isIntersecting);
+                this.#intersecting.next({ isIntersecting: entry.isIntersecting, hostElement });
             });
         };
-        this.intersectionObserver = new IntersectionObserver(handleIntersect, options);
-        this.intersectionObserver.observe(hostElement.nativeElement);
+        this.hostElementRefs.set(hostElement, new IntersectionObserver(handleIntersect, options));
+        this.hostElementRefs.get(hostElement)?.observe(hostElement.nativeElement);
+    }
+    unobserve(elementRef) {
+        this.hostElementRefs.get(elementRef)?.unobserve(elementRef.nativeElement);
+        this.hostElementRefs.set(elementRef, null);
+        this.hostElementRefs.delete(elementRef);
     }
     ngOnDestroy() {
-        this.intersectionObserver?.unobserve(this.hostElement?.nativeElement);
+        this.hostElementRefs.forEach((observer, elementRef) => {
+            observer?.unobserve(elementRef.nativeElement);
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IntersectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IntersectionService }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IntersectionService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: IntersectionService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 class ListenersService {
     constructor(renderer) {
@@ -4025,6 +4063,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Renderer2 }] });
 
+class ClassToggleService {
+    constructor(document, rendererFactory) {
+        this.document = document;
+        this.rendererFactory = rendererFactory;
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    toggle(selector, className) {
+        const element = document.querySelector(selector);
+        if (element) {
+            element.classList.contains(className) ?
+                this.renderer.removeClass(element, className) :
+                this.renderer.addClass(element, className);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.RendererFactory2 }] });
+
 class CarouselService {
     constructor() {
         this.carouselIndex = new BehaviorSubject({});
@@ -4192,6 +4257,7 @@ class CarouselComponent {
          */
         this.itemChange = new EventEmitter();
         this.activeItemInterval = 0;
+        this.#destroyRef = inject(DestroyRef);
         this._visible = true;
         Object.assign(this, config);
     }
@@ -4202,41 +4268,21 @@ class CarouselComponent {
             'carousel-fade': this.transition === 'crossfade'
         };
     }
-    get visible() {
-        return this._visible;
-    }
-    set visible(value) {
-        this._visible = value;
-    }
+    #destroyRef;
     ngOnInit() {
         this.carouselStateSubscribe();
     }
     ngOnDestroy() {
+        this.resetTimer();
         this.clearListeners();
-        this.carouselStateSubscribe(false);
-        this.intersectionServiceSubscribe(false);
         this.swipeSubscribe(false);
     }
     ngAfterContentInit() {
-        this.intersectionService.createIntersectionObserver(this.hostElement);
         this.intersectionServiceSubscribe();
         this.carouselState.state = { activeItemIndex: this.activeIndex, animate: this.animate };
         this.setListeners();
         this.swipeSubscribe();
     }
-    setTimer() {
-        const interval = this.activeItemInterval || 0;
-        this.resetTimer();
-        if (interval > 0) {
-            this.timerId = setTimeout(() => {
-                const nextIndex = this.carouselState.direction(this.direction);
-                this.carouselState.state = { activeItemIndex: nextIndex };
-            }, interval);
-        }
-    }
-    resetTimer() {
-        clearTimeout(this.timerId);
-    }
     setListeners() {
         const config = {
             hostElement: this.hostElement,
@@ -4253,39 +4299,56 @@ class CarouselComponent {
     clearListeners() {
         this.listenersService.clearListeners();
     }
-    carouselStateSubscribe(subscribe = true) {
-        if (subscribe) {
-            this.carouselIndexSubscription = this.carouselService.carouselIndex$.subscribe((nextItem) => {
-                if ('active' in nextItem) {
-                    this.itemChange.emit(nextItem.active);
-                }
-                this.activeItemInterval = typeof nextItem.interval === 'number' && nextItem.interval > -1 ? nextItem.interval : this.interval;
-                const isLastItem = ((nextItem.active === nextItem.lastItemIndex) && this.direction === 'next') || ((nextItem.active === 0) && this.direction === 'prev');
-                !this.wrap && isLastItem ? this.resetTimer() : this.setTimer();
-            });
-        }
-        else {
-            this.carouselIndexSubscription?.unsubscribe();
-        }
+    set visible(value) {
+        this._visible = value;
     }
-    intersectionServiceSubscribe(subscribe = true) {
-        if (subscribe) {
-            this.intersectingSubscription = this.intersectionService.intersecting$.subscribe(isIntersecting => {
-                this.visible = isIntersecting;
-                isIntersecting ? this.setTimer() : this.resetTimer();
-            });
-        }
-        else {
-            this.intersectingSubscription?.unsubscribe();
+    get visible() {
+        return this._visible;
+    }
+    setTimer() {
+        const interval = this.activeItemInterval || 0;
+        this.resetTimer();
+        if (interval > 0) {
+            this.timerId = setTimeout(() => {
+                const nextIndex = this.carouselState.direction(this.direction);
+                this.carouselState.state = { activeItemIndex: nextIndex };
+            }, interval);
         }
     }
+    resetTimer() {
+        clearTimeout(this.timerId);
+        this.timerId = undefined;
+    }
+    carouselStateSubscribe() {
+        this.carouselService.carouselIndex$
+            .pipe(takeUntilDestroyed(this.#destroyRef))
+            .subscribe((nextItem) => {
+            if ('active' in nextItem) {
+                this.itemChange.emit(nextItem.active);
+            }
+            this.activeItemInterval = typeof nextItem.interval === 'number' && nextItem.interval > -1 ? nextItem.interval : this.interval;
+            const isLastItem = ((nextItem.active === nextItem.lastItemIndex) && this.direction === 'next') || ((nextItem.active === 0) && this.direction === 'prev');
+            !this.wrap && isLastItem ? this.resetTimer() : this.setTimer();
+        });
+    }
+    intersectionServiceSubscribe() {
+        this.intersectionService.createIntersectionObserver(this.hostElement);
+        this.intersectionService.intersecting$
+            .pipe(filter(next => next.hostElement === this.hostElement), finalize(() => {
+            this.intersectionService.unobserve(this.hostElement);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(next => {
+            this.visible = next.isIntersecting;
+            next.isIntersecting ? this.setTimer() : this.resetTimer();
+        });
+    }
     swipeSubscribe(subscribe = true) {
         if (this.touch && subscribe) {
             const carouselElement = this.hostElement.nativeElement;
             const touchStart$ = fromEvent(carouselElement, 'touchstart');
             const touchEnd$ = fromEvent(carouselElement, 'touchend');
             const touchMove$ = fromEvent(carouselElement, 'touchmove');
-            this.swipeSubscription = touchStart$.pipe(zipWith(touchEnd$.pipe(withLatestFrom(touchMove$))))
+            this.swipeSubscription = touchStart$.pipe(zipWith(touchEnd$.pipe(withLatestFrom(touchMove$))), takeUntilDestroyed(this.#destroyRef))
                 .subscribe(([touchstart, [touchend, touchmove]]) => {
                 touchstart.stopPropagation();
                 touchmove.stopPropagation();
@@ -4301,11 +4364,11 @@ class CarouselComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CarouselComponent, deps: [{ token: CarouselConfig }, { token: i0.ElementRef }, { token: CarouselService }, { token: CarouselState }, { token: IntersectionService }, { token: ListenersService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: CarouselComponent, isStandalone: true, selector: "c-carousel", inputs: { activeIndex: "activeIndex", animate: "animate", direction: "direction", interval: "interval", pause: "pause", touch: "touch", transition: "transition", wrap: "wrap" }, outputs: { itemChange: "itemChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [CarouselService, CarouselState, CarouselConfig, IntersectionService, ListenersService], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: CarouselComponent, isStandalone: true, selector: "c-carousel", inputs: { activeIndex: "activeIndex", animate: "animate", direction: "direction", interval: "interval", pause: "pause", touch: "touch", transition: "transition", wrap: "wrap" }, outputs: { itemChange: "itemChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [CarouselService, CarouselState, CarouselConfig, ListenersService], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c-carousel', template: '<ng-content></ng-content>', providers: [CarouselService, CarouselState, CarouselConfig, IntersectionService, ListenersService], standalone: true, hostDirectives: [
+            args: [{ selector: 'c-carousel', template: '<ng-content></ng-content>', providers: [CarouselService, CarouselState, CarouselConfig, ListenersService], standalone: true, hostDirectives: [
                         { directive: ThemeDirective, inputs: ['dark'] }
                     ], styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: CarouselConfig, decorators: [{
@@ -7897,7 +7960,7 @@ class DateRangePickerComponent {
         this.endDate = time ?? this.endDate;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DateRangePickerComponent, deps: [{ token: i1$4.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: DateRangePickerComponent, isStandalone: true, selector: "c-date-range-picker", inputs: { dayFormat: "dayFormat", calendars: ["calendars", "calendars", numberAttribute], cleaner: ["cleaner", "cleaner", booleanAttribute], closeOnSelect: ["closeOnSelect", "closeOnSelect", booleanAttribute], format: "format", indicator: ["indicator", "indicator", booleanAttribute], inputDateFormat: "inputDateFormat", inputDateParse: "inputDateParse", inputReadOnly: ["inputReadOnly", "inputReadOnly", booleanAttribute], navYearFirst: ["navYearFirst", "navYearFirst", booleanAttribute], placeholder: "placeholder", ranges: "ranges", rangesButtonsColor: "rangesButtonsColor", rangesButtonsSize: "rangesButtonsSize", rangesButtonsVariant: "rangesButtonsVariant", separator: ["separator", "separator", booleanAttribute], size: "size", timepicker: ["timepicker", "timepicker", booleanAttribute], valid: "valid", visible: ["visible", "visible", booleanAttribute], startDate: "startDate", endDate: "endDate", calendarDate: "calendarDate", disabledDates: "disabledDates", firstDayOfWeek: ["firstDayOfWeek", "firstDayOfWeek", numberAttribute], locale: "locale", maxDate: "maxDate", minDate: "minDate", navigation: ["navigation", "navigation", booleanAttribute], range: ["range", "range", booleanAttribute], dateFilter: "dateFilter", disabled: ["disabled", "disabled", booleanAttribute], value: "value", weekdayFormat: "weekdayFormat", popperjsOptions: ["popperOptions", "popperjsOptions"], selectAdjacentDays: ["selectAdjacentDays", "selectAdjacentDays", booleanAttribute], showAdjacentDays: ["showAdjacentDays", "showAdjacentDays", booleanAttribute], selectionType: "selectionType", showWeekNumber: ["showWeekNumber", "showWeekNumber", booleanAttribute], weekNumbersLabel: "weekNumbersLabel" }, outputs: { valueChange: "valueChange", calendarCellHover: "calendarCellHover", calendarDateChange: "calendarDateChange", endDateChange: "endDateChange", startDateChange: "startDateChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: DateRangePickerComponent, isStandalone: true, selector: "c-date-range-picker", inputs: { dayFormat: "dayFormat", calendars: ["calendars", "calendars", numberAttribute], cleaner: ["cleaner", "cleaner", booleanAttribute], closeOnSelect: ["closeOnSelect", "closeOnSelect", booleanAttribute], format: "format", indicator: ["indicator", "indicator", booleanAttribute], inputDateFormat: "inputDateFormat", inputDateParse: "inputDateParse", inputReadOnly: ["inputReadOnly", "inputReadOnly", booleanAttribute], navYearFirst: ["navYearFirst", "navYearFirst", booleanAttribute], placeholder: "placeholder", ranges: "ranges", rangesButtonsColor: "rangesButtonsColor", rangesButtonsSize: "rangesButtonsSize", rangesButtonsVariant: "rangesButtonsVariant", separator: ["separator", "separator", booleanAttribute], size: "size", timepicker: ["timepicker", "timepicker", booleanAttribute], valid: "valid", visible: ["visible", "visible", booleanAttribute], startDate: "startDate", endDate: "endDate", calendarDate: "calendarDate", disabledDates: "disabledDates", firstDayOfWeek: ["firstDayOfWeek", "firstDayOfWeek", numberAttribute], locale: "locale", maxDate: "maxDate", minDate: "minDate", navigation: ["navigation", "navigation", booleanAttribute], range: ["range", "range", booleanAttribute], dateFilter: "dateFilter", disabled: ["disabled", "disabled", booleanAttribute], value: "value", weekdayFormat: "weekdayFormat", popperjsOptions: ["popperOptions", "popperjsOptions"], selectAdjacentDays: ["selectAdjacentDays", "selectAdjacentDays", booleanAttribute], showAdjacentDays: ["showAdjacentDays", "showAdjacentDays", booleanAttribute], selectionType: "selectionType", showWeekNumber: ["showWeekNumber", "showWeekNumber", booleanAttribute], weekNumbersLabel: "weekNumbersLabel" }, outputs: { valueChange: "valueChange", calendarCellHover: "calendarCellHover", calendarDateChange: "calendarDateChange", endDateChange: "endDateChange", startDateChange: "startDateChange" }, host: { listeners: { "focusout": "onBlur()" }, properties: { "class": "this.datePickerClasses" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateRangePickerComponent),
@@ -8048,7 +8111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: [TemplateIdDirective, { descendants: true }]
             }], onBlur: [{
                 type: HostListener,
-                args: ['blur']
+                args: ['focusout']
+            }], datePickerClasses: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
 class DateRangePickerModule {
@@ -8715,11 +8781,11 @@ class HeaderComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: HeaderComponent, isStandalone: true, selector: "c-header, [c-header]", inputs: { container: "container", position: "position", role: "role" }, host: { properties: { "attr.role": "this.role", "class": "this.getClasses" } }, ngImport: i0, template: "<div [ngClass]=\"headerClasses\" *ngIf=\"!!container; else elseBlock\">\n  <ng-content></ng-content>\n</div>\n<ng-template #elseBlock>\n  <ng-content></ng-content>\n</ng-template>\n\n\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: HeaderComponent, isStandalone: true, selector: "c-header, [c-header]", inputs: { container: "container", position: "position", role: "role" }, host: { properties: { "attr.role": "this.role", "class": "this.getClasses" } }, ngImport: i0, template: "@if (!!container) {\n  <div [ngClass]=\"headerClasses\">\n    <ng-content />\n  </div>\n} @else {\n  <ng-content />\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c-header, [c-header]', standalone: true, imports: [NgClass, NgIf], template: "<div [ngClass]=\"headerClasses\" *ngIf=\"!!container; else elseBlock\">\n  <ng-content></ng-content>\n</div>\n<ng-template #elseBlock>\n  <ng-content></ng-content>\n</ng-template>\n\n\n" }]
+            args: [{ selector: 'c-header, [c-header]', standalone: true, imports: [NgClass], template: "@if (!!container) {\n  <div [ngClass]=\"headerClasses\">\n    <ng-content />\n  </div>\n} @else {\n  <ng-content />\n}\n" }]
         }], propDecorators: { container: [{
                 type: Input
             }], position: [{
@@ -9787,10 +9853,10 @@ const observeReferenceModifier = {
             instance.update();
         });
         // @ts-ignore
-        reference[RO_PROP].observe(reference);
+        reference[RO_PROP]?.observe(reference);
         return () => {
             // @ts-ignore
-            reference[RO_PROP].disconnect();
+            reference[RO_PROP]?.disconnect();
             // @ts-ignore
             delete reference[RO_PROP];
         };
@@ -9924,7 +9990,7 @@ class MultiSelectComponent {
         this.#value = [];
         /**
          * Emits valueChange
-         * @type T | T[]
+         * @type TValue | TValue[]
          */
         this.valueChange = new EventEmitter();
         this._virtualScroller = false;
@@ -10066,7 +10132,7 @@ class MultiSelectComponent {
     }
     /**
      * Initial value of multi-select
-     * @type T | T[]
+     * @type TValue | TValue[]
      */
     set value(value) {
         const newValue = Array.isArray(value) ? [...value] : [value];
@@ -10082,7 +10148,7 @@ class MultiSelectComponent {
     }
     get value() {
         const value = this.multiSelectService.selectionModel?.selected ?? [...this.#value];
-        return this.multiple ? [...value] : value;
+        return this.multiple ? [...value] : value[0];
     }
     #value;
     /**
@@ -10729,8 +10795,8 @@ class MultiSelectComponent {
                 this.scrollViewport = scrollViewport;
                 const cdkVirtualScrollContentWrapper = this.scrollViewport.getElementRef().nativeElement?.firstElementChild;
                 if (cdkVirtualScrollContentWrapper) {
-                    const style = getComputedStyle(cdkVirtualScrollContentWrapper, null);
-                    const padding = parseInt(style.getPropertyValue('padding-left') ?? '12px') * 3;
+                    const style = getComputedStyle(cdkVirtualScrollContentWrapper, null) ?? undefined;
+                    const padding = parseInt(style?.getPropertyValue('padding-left') ?? '12px') * 3;
                     const observer = new MutationObserver((mutationRecords) => {
                         mutationRecords.forEach(child => {
                             child.addedNodes.forEach(node => {
@@ -10743,9 +10809,9 @@ class MultiSelectComponent {
                             });
                         });
                     });
-                    observer.observe(cdkVirtualScrollContentWrapper, { childList: true });
+                    observer?.observe(cdkVirtualScrollContentWrapper, { childList: true });
                     this.#destroy$.subscribe(() => {
-                        observer.disconnect();
+                        observer?.disconnect();
                     });
                 }
             }
@@ -11170,7 +11236,7 @@ class NavbarComponent {
     }
     get breakpoint() {
         if (typeof this.expand === 'string') {
-            return getComputedStyle(this.hostElement.nativeElement).getPropertyValue(`--cui-breakpoint-${this.expand}`);
+            return getComputedStyle(this.hostElement.nativeElement)?.getPropertyValue(`--cui-breakpoint-${this.expand}`) ?? false;
         }
         return false;
     }
@@ -12067,7 +12133,7 @@ class OffcanvasComponent {
         }
         const element = this.document.documentElement;
         const responsiveBreakpoint = this.responsive;
-        const breakpointValue = getComputedStyle(element).getPropertyValue(`--cui-breakpoint-${responsiveBreakpoint.trim()}`) || false;
+        const breakpointValue = getComputedStyle(element)?.getPropertyValue(`--cui-breakpoint-${responsiveBreakpoint.trim()}`) ?? false;
         return breakpointValue ? `${parseFloat(breakpointValue.trim()) - 0.02}px` : false;
     }
     animateStart(event) {
@@ -12166,7 +12232,7 @@ class OffcanvasComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: OffcanvasComponent, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: OffcanvasService }, { token: BackdropService }, { token: i1$4.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: "backdrop", keyboard: ["keyboard", "keyboard", booleanAttribute], placement: "placement", responsive: "responsive", id: "id", role: "role", ariaModal: ["ariaModal", "ariaModal", booleanAttribute], scroll: ["scroll", "scroll", booleanAttribute], visible: ["visible", "visible", booleanAttribute] }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "@showHide.start": "animateStart($event)", "@showHide.done": "animateDone($event)", "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.role": "this.role", "attr.aria-modal": "this.ariaModal", "class": "this.hostClasses", "attr.aria-hidden": "this.ariaHidden", "attr.tabindex": "this.tabIndex", "@showHide": "this.animateTrigger" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content></ng-content>\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: "backdrop", keyboard: ["keyboard", "keyboard", booleanAttribute], placement: "placement", responsive: "responsive", id: "id", role: "role", ariaModal: ["ariaModal", "ariaModal", booleanAttribute], scroll: ["scroll", "scroll", booleanAttribute], visible: ["visible", "visible", booleanAttribute] }, outputs: { visibleChange: "visibleChange" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "@showHide.start": "animateStart($event)", "@showHide.done": "animateDone($event)", "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.role": "this.role", "attr.aria-modal": "this.ariaModal", "class": "this.hostClasses", "attr.aria-hidden": "this.ariaHidden", "attr.tabindex": "this.tabIndex", "@showHide": "this.animateTrigger" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content></ng-content>\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
             trigger('showHide', [
                 state('visible', style({
                 // visibility: 'visible'
@@ -12192,7 +12258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                         ])
                     ], exportAs: 'cOffcanvas', standalone: true, imports: [A11yModule], hostDirectives: [
                         { directive: ThemeDirective, inputs: ['dark'] }
-                    ], template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content></ng-content>\n</div>\n\n", styles: [":host{display:none}\n"] }]
+                    ], host: { ngSkipHydration: 'true' }, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content></ng-content>\n</div>\n\n", styles: [":host{display:none}\n"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -12720,33 +12786,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: ['class']
             }] } });
 
-class ClassToggleService {
-    constructor(document, rendererFactory) {
-        this.document = document;
-        this.rendererFactory = rendererFactory;
-        this.renderer = rendererFactory.createRenderer(null, null);
-    }
-    toggle(selector, className) {
-        const element = document.querySelector(selector);
-        if (element) {
-            element.classList.contains(className) ?
-                this.renderer.removeClass(element, className) :
-                this.renderer.addClass(element, className);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, deps: [{ token: DOCUMENT }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ClassToggleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.RendererFactory2 }] });
-
 class PopoverDirective {
     /**
      * Optional popper Options object, takes precedence over cPopoverPlacement prop
@@ -12771,6 +12810,7 @@ class PopoverDirective {
     get ariaDescribedBy() {
         return this.popoverId ? this.popoverId : null;
     }
+    #destroyRef;
     constructor(document, renderer, hostElement, viewContainerRef, listenersService, changeDetectorRef, intersectionService) {
         this.document = document;
         this.renderer = renderer;
@@ -12804,9 +12844,9 @@ class PopoverDirective {
                 }
             ]
         };
+        this.#destroyRef = inject(DestroyRef);
     }
     ngAfterViewInit() {
-        this.intersectionService.createIntersectionObserver(this.hostElement);
         this.intersectionServiceSubscribe();
     }
     ngOnChanges(changes) {
@@ -12817,7 +12857,6 @@ class PopoverDirective {
     ngOnDestroy() {
         this.clearListeners();
         this.destroyPopoverElement();
-        this.intersectionServiceSubscribe(false);
     }
     ngOnInit() {
         this.setListeners();
@@ -12844,18 +12883,16 @@ class PopoverDirective {
     clearListeners() {
         this.listenersService.clearListeners();
     }
-    intersectionServiceSubscribe(subscribe = true) {
-        if (subscribe) {
-            this.intersectingSubscription = this.intersectionService.intersecting$
-                .pipe(debounceTime(100))
-                .subscribe(isIntersecting => {
-                this.visible = isIntersecting ? this.visible : false;
-                !this.visible && this.removePopoverElement();
-            });
-        }
-        else {
-            this.intersectingSubscription?.unsubscribe();
-        }
+    intersectionServiceSubscribe() {
+        this.intersectionService.createIntersectionObserver(this.hostElement);
+        this.intersectionService.intersecting$
+            .pipe(filter(next => next.hostElement === this.hostElement), debounceTime(100), finalize(() => {
+            this.intersectionService.unobserve(this.hostElement);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(next => {
+            this.visible = next.isIntersecting ? this.visible : false;
+            !this.visible && this.removePopoverElement();
+        });
     }
     getUID(prefix) {
         let uid = prefix ?? 'random-id';
@@ -12919,18 +12956,18 @@ class PopoverDirective {
         this.popoverRef.instance.id = undefined;
         this.changeDetectorRef.markForCheck();
         setTimeout(() => {
-            this.viewContainerRef.detach();
+            this.viewContainerRef?.detach();
         }, 300);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PopoverDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: ListenersService }, { token: i0.ChangeDetectorRef }, { token: IntersectionService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: PopoverDirective, isStandalone: true, selector: "[cPopover]", inputs: { content: ["cPopover", "content"], popperOptions: ["cPopoverOptions", "popperOptions"], placement: ["cPopoverPlacement", "placement"], trigger: ["cPopoverTrigger", "trigger"], visible: ["cPopoverVisible", "visible"] }, host: { properties: { "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [ListenersService, IntersectionService], exportAs: ["cPopover"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: PopoverDirective, isStandalone: true, selector: "[cPopover]", inputs: { content: ["cPopover", "content"], popperOptions: ["cPopoverOptions", "popperOptions"], placement: ["cPopoverPlacement", "placement"], trigger: ["cPopoverTrigger", "trigger"], visible: ["cPopoverVisible", "visible"] }, host: { properties: { "attr.aria-describedby": "this.ariaDescribedBy" } }, providers: [ListenersService], exportAs: ["cPopover"], usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cPopover]',
                     exportAs: 'cPopover',
-                    providers: [ListenersService, IntersectionService],
+                    providers: [ListenersService],
                     standalone: true
                 }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
@@ -13296,7 +13333,7 @@ class SidebarComponent {
         }
         this.state = {
             ...this.state,
-            ...newState,
+            ...newState
         };
         this.state.mobile && this.state.visible
             ? this.backdropService.setBackdrop(this)
@@ -13307,9 +13344,8 @@ class SidebarComponent {
     }
     get getMobileBreakpoint() {
         const element = this.document.documentElement;
-        const mobileBreakpoint = getComputedStyle(element).getPropertyValue('--cui-mobile-breakpoint') ||
-            'md';
-        const breakpointValue = getComputedStyle(element).getPropertyValue(`--cui-breakpoint-${mobileBreakpoint.trim()}`) || '768px';
+        const mobileBreakpoint = this.document.defaultView?.getComputedStyle(element)?.getPropertyValue('--cui-mobile-breakpoint') ?? 'md';
+        const breakpointValue = this.document.defaultView?.getComputedStyle(element)?.getPropertyValue(`--cui-breakpoint-${mobileBreakpoint.trim()}`) ?? '768px';
         return `${parseFloat(breakpointValue.trim()) - 0.02}px` || '767.98px';
     }
     constructor(document, renderer, breakpointObserver, sidebarService, backdropService) {
@@ -13324,12 +13360,12 @@ class SidebarComponent {
         this.#visible = false;
         this.#onMobile = false;
         this.state = {
-            sidebar: this,
+            sidebar: this
         };
         this.#stateInitial = {
             narrow: false,
             visible: false,
-            unfoldable: false,
+            unfoldable: false
         };
         /**
          * Place sidebar in non-static positions. [docs]
@@ -13356,7 +13392,7 @@ class SidebarComponent {
             [`sidebar-${this.size}`]: !!this.size,
             show: visible,
             // show: visible && this.#onMobile, //todo: check
-            hide: !visible,
+            hide: !visible
         };
     }
     ngOnInit() {
@@ -13392,11 +13428,11 @@ class SidebarComponent {
         this.#stateInitial = {
             narrow: this.narrow,
             visible: this.visible,
-            unfoldable: this.unfoldable,
+            unfoldable: this.unfoldable
         };
         this.sidebarService.toggle({
             ...this.#stateInitial,
-            sidebar: this,
+            sidebar: this
         });
     }
     stateToggleSubscribe(subscribe = true) {
@@ -13425,7 +13461,7 @@ class SidebarComponent {
                         mobile: isOnMobile,
                         unfoldable: isUnfoldable,
                         visible: isOnMobile ? !isOnMobile : this.#stateInitial.visible,
-                        sidebar: this,
+                        sidebar: this
                     });
                 }
             });
@@ -13536,7 +13572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
-class SidebarTogglerComponent {
+class SidebarTogglerDirective {
     constructor() {
         this.role = 'button';
         this.sidebarTogglerClass = true;
@@ -13545,17 +13581,18 @@ class SidebarTogglerComponent {
         return {
             appearance: 'button',
             'align-items': 'flex-start',
+            cursor: 'pointer'
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SidebarTogglerComponent, isStandalone: true, selector: "c-sidebar-toggler", inputs: { role: "role" }, host: { properties: { "attr.role": "this.role", "class.sidebar-toggler": "this.sidebarTogglerClass", "style": "this.getStyles" } }, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: SidebarTogglerDirective, isStandalone: true, selector: "[cSidebarToggler]", inputs: { role: "role" }, host: { properties: { "attr.role": "this.role", "class.sidebar-toggler": "this.sidebarTogglerClass", "style": "this.getStyles" } }, hostDirectives: [{ directive: SidebarToggleDirective, inputs: ["cSidebarToggle", "cSidebarToggler", "toggle", "toggle"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SidebarTogglerDirective, decorators: [{
+            type: Directive,
             args: [{
-                    selector: 'c-sidebar-toggler',
-                    template: ``,
-                    standalone: true
+                    selector: '[cSidebarToggler]',
+                    standalone: true,
+                    hostDirectives: [{ directive: SidebarToggleDirective, inputs: ['cSidebarToggle: cSidebarToggler', 'toggle'] }]
                 }]
         }], propDecorators: { role: [{
                 type: HostBinding,
@@ -14218,9 +14255,9 @@ class SidebarModule {
             SidebarNavLinkPipe,
             SidebarNavTitleComponent,
             SidebarToggleDirective,
-            SidebarTogglerComponent], exports: [SidebarComponent,
+            SidebarTogglerDirective], exports: [SidebarComponent,
             SidebarToggleDirective,
-            SidebarTogglerComponent,
+            SidebarTogglerDirective,
             SidebarBrandComponent,
             SidebarNavComponent,
             SidebarHeaderComponent,
@@ -14253,12 +14290,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                         SidebarNavLinkPipe,
                         SidebarNavTitleComponent,
                         SidebarToggleDirective,
-                        SidebarTogglerComponent
+                        SidebarTogglerDirective
                     ],
                     exports: [
                         SidebarComponent,
                         SidebarToggleDirective,
-                        SidebarTogglerComponent,
+                        SidebarTogglerDirective,
                         SidebarBrandComponent,
                         SidebarNavComponent,
                         SidebarHeaderComponent,
@@ -16143,7 +16180,7 @@ class ToastComponent {
         this._visible = false;
         /**
          * Event emitted on visibility change. [docs]
-         * @type boolean
+         * @type EventEmitter<boolean>
          */
         this.visibleChange = new EventEmitter();
         /**
@@ -16213,14 +16250,14 @@ class ToastComponent {
     setTimer() {
         this.clearTimer();
         if (this.autohide && this.visible) {
-            this.timerId = this.delay > 0 ? setTimeout(() => this.onClose(), this.delay) : null;
+            this.timerId = this.delay > 0 ? setTimeout(() => this.onClose(), this.delay) : undefined;
             this.setClock();
         }
     }
     clearTimer() {
         this.clearClock();
         clearTimeout(this.timerId);
-        this.timerId = null;
+        this.timerId = undefined;
     }
     onClose() {
         this.clearTimer();
@@ -16244,7 +16281,7 @@ class ToastComponent {
     clearClock() {
         clearTimeout(this.clockTimerId);
         clearInterval(this.clockId);
-        this.clockId = null;
+        this.clockId = undefined;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ToasterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ToastComponent, isStandalone: true, selector: "c-toast", inputs: { autohide: "autohide", color: "color", delay: "delay", fade: "fade", visible: "visible", index: "index" }, outputs: { visibleChange: "visibleChange", timer: "timer" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" }, properties: { "@.disabled": "this.animationDisabled", "@fadeInOut": "this.animateType", "class": "this.hostClasses" } }, exportAs: ["cToast"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block;overflow:hidden}\n"], animations: [
@@ -16676,6 +16713,7 @@ class TooltipDirective {
     get ariaDescribedBy() {
         return this.tooltipId ? this.tooltipId : null;
     }
+    #destroyRef;
     constructor(document, renderer, hostElement, viewContainerRef, listenersService, changeDetectorRef, intersectionService) {
         this.document = document;
         this.renderer = renderer;
@@ -16709,9 +16747,9 @@ class TooltipDirective {
                 }
             ]
         };
+        this.#destroyRef = inject(DestroyRef);
     }
     ngAfterViewInit() {
-        this.intersectionService.createIntersectionObserver(this.hostElement);
         this.intersectionServiceSubscribe();
     }
     ngOnChanges(changes) {
@@ -16722,7 +16760,6 @@ class TooltipDirective {
     ngOnDestroy() {
         this.clearListeners();
         this.destroyTooltipElement();
-        this.intersectionServiceSubscribe(false);
     }
     ngOnInit() {
         this.setListeners();
@@ -16749,18 +16786,16 @@ class TooltipDirective {
     clearListeners() {
         this.listenersService.clearListeners();
     }
-    intersectionServiceSubscribe(subscribe = true) {
-        if (subscribe) {
-            this.intersectingSubscription = this.intersectionService.intersecting$
-                .pipe(debounceTime(100))
-                .subscribe(isIntersecting => {
-                this.visible = isIntersecting ? this.visible : false;
-                !this.visible && this.removeTooltipElement();
-            });
-        }
-        else {
-            this.intersectingSubscription?.unsubscribe();
-        }
+    intersectionServiceSubscribe() {
+        this.intersectionService.createIntersectionObserver(this.hostElement);
+        this.intersectionService.intersecting$
+            .pipe(filter(next => next.hostElement === this.hostElement), debounceTime(100), finalize(() => {
+            this.intersectionService.unobserve(this.hostElement);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe(next => {
+            this.visible = next.isIntersecting ? this.visible : false;
+            !this.visible && this.removeTooltipElement();
+        });
     }
     getUID(prefix) {
         let uid = prefix ?? 'random-id';
@@ -17209,5 +17244,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionButtonDirective, AccordionComponent, AccordionItemComponent, AccordionModule, AlertComponent, AlertHeadingDirective, AlertLinkDirective, AlertModule, AlignDirective, AvatarComponent, AvatarModule, BackdropService, BadgeComponent, BadgeModule, BgColorDirective, BorderDirective, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbRouterComponent, BreadcrumbRouterService, BreakpointInfix, ButtonCloseDirective, ButtonDirective, ButtonGroupComponent, ButtonGroupModule, ButtonModule, ButtonToolbarComponent, CalendarComponent, CalendarModule, CalendarMonthComponent, CalendarNavigationComponent, CalloutComponent, CalloutModule, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderActionsComponent, CardHeaderComponent, CardImgDirective, CardImgOverlayComponent, CardLinkDirective, CardModule, CardSubtitleDirective, CardTextDirective, CardTitleDirective, CarouselCaptionComponent, CarouselComponent, CarouselConfig, CarouselControlComponent, CarouselIndicatorsComponent, CarouselInnerComponent, CarouselItemComponent, CarouselModule, ClassToggleService, ColComponent, ColDirective, CollapseDirective, CollapseModule, ContainerComponent, DatePickerComponent, DatePickerModule, DateRangePickerComponent, DateRangePickerModule, DropdownCloseDirective, DropdownComponent, DropdownDividerDirective, DropdownHeaderDirective, DropdownItemDirective, DropdownItemPlainDirective, DropdownMenuDirective, DropdownModule, DropdownService, DropdownToggleDirective, ElementCoverComponent, ElementCoverModule, FooterComponent, FooterModule, FormCheckComponent, FormCheckInputDirective, FormCheckLabelDirective, FormControlDirective, FormDirective, FormFeedbackComponent, FormFloatingDirective, FormLabelDirective, FormModule, FormSelectDirective, FormTextDirective, GridModule, GutterDirective, HeaderBrandComponent, HeaderComponent, HeaderDividerComponent, HeaderModule, HeaderNavComponent, HeaderTextComponent, HeaderTogglerDirective, HtmlAttributesDirective, ImgDirective, ImgModule, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ListenersService, LoadingButtonComponent, LoadingButtonModule, ModalBodyComponent, ModalComponent, ModalContentComponent, ModalDialogComponent, ModalFooterComponent, ModalHeaderComponent, ModalModule, ModalService, ModalTitleDirective, ModalToggleDirective, MultiSelectComponent, MultiSelectModule, MultiSelectOptgroupComponent, MultiSelectOptgroupLabelComponent, MultiSelectOptionComponent, NavComponent, NavItemComponent, NavLinkDirective, NavModule, NavbarBrandDirective, NavbarComponent, NavbarModule, NavbarNavComponent, NavbarTextComponent, NavbarTogglerDirective, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasModule, OffcanvasService, OffcanvasTitleDirective, OffcanvasToggleDirective, PageItemComponent, PageItemDirective, PageLinkDirective, PaginationComponent, PaginationModule, PlaceholderAnimationDirective, PlaceholderDirective, PlaceholderModule, PopoverComponent, PopoverDirective, PopoverModule, ProgressBarComponent, ProgressComponent, ProgressModule, RoundedDirective, RowComponent, RowDirective, SharedModule, SidebarBrandComponent, SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule, SidebarNavComponent, SidebarService, SidebarToggleDirective, SidebarTogglerComponent, SmartPaginationComponent, SmartPaginationModule, SmartTableComponent, SmartTableFilterComponent, SmartTableModule, SpinnerComponent, SpinnerModule, TabContentComponent, TabContentRefDirective, TabPaneComponent, TabService, TableActiveDirective, TableColorDirective, TableDirective, TableModule, TabsModule, TemplateIdDirective, TextColorDirective, ThemeDirective, TimePickerComponent, TimePickerModule, ToastBodyComponent, ToastCloseDirective, ToastComponent, ToastHeaderComponent, ToastModule, ToasterComponent, ToasterHostDirective, ToasterPlacement, ToasterService, TooltipComponent, TooltipDirective, TooltipModule, UtilitiesModule, WidgetModule, WidgetStatAComponent, WidgetStatBComponent, WidgetStatCComponent, WidgetStatDComponent, WidgetStatEComponent, WidgetStatFComponent };
+export { AccordionButtonDirective, AccordionComponent, AccordionItemComponent, AccordionModule, AlertComponent, AlertHeadingDirective, AlertLinkDirective, AlertModule, AlignDirective, AvatarComponent, AvatarModule, BackdropService, BadgeComponent, BadgeModule, BgColorDirective, BorderDirective, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbRouterComponent, BreadcrumbRouterService, BreakpointInfix, ButtonCloseDirective, ButtonDirective, ButtonGroupComponent, ButtonGroupModule, ButtonModule, ButtonToolbarComponent, CalendarComponent, CalendarModule, CalendarMonthComponent, CalendarNavigationComponent, CalloutComponent, CalloutModule, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderActionsComponent, CardHeaderComponent, CardImgDirective, CardImgOverlayComponent, CardLinkDirective, CardModule, CardSubtitleDirective, CardTextDirective, CardTitleDirective, CarouselCaptionComponent, CarouselComponent, CarouselConfig, CarouselControlComponent, CarouselIndicatorsComponent, CarouselInnerComponent, CarouselItemComponent, CarouselModule, ClassToggleService, ColComponent, ColDirective, CollapseDirective, CollapseModule, ContainerComponent, DatePickerComponent, DatePickerModule, DateRangePickerComponent, DateRangePickerModule, DropdownCloseDirective, DropdownComponent, DropdownDividerDirective, DropdownHeaderDirective, DropdownItemDirective, DropdownItemPlainDirective, DropdownMenuDirective, DropdownModule, DropdownService, DropdownToggleDirective, ElementCoverComponent, ElementCoverModule, FooterComponent, FooterModule, FormCheckComponent, FormCheckInputDirective, FormCheckLabelDirective, FormControlDirective, FormDirective, FormFeedbackComponent, FormFloatingDirective, FormLabelDirective, FormModule, FormSelectDirective, FormTextDirective, GridModule, GutterDirective, HeaderBrandComponent, HeaderComponent, HeaderDividerComponent, HeaderModule, HeaderNavComponent, HeaderTextComponent, HeaderTogglerDirective, HtmlAttributesDirective, ImgDirective, ImgModule, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ListenersService, LoadingButtonComponent, LoadingButtonModule, ModalBodyComponent, ModalComponent, ModalContentComponent, ModalDialogComponent, ModalFooterComponent, ModalHeaderComponent, ModalModule, ModalService, ModalTitleDirective, ModalToggleDirective, MultiSelectComponent, MultiSelectModule, MultiSelectOptgroupComponent, MultiSelectOptgroupLabelComponent, MultiSelectOptionComponent, NavComponent, NavItemComponent, NavLinkDirective, NavModule, NavbarBrandDirective, NavbarComponent, NavbarModule, NavbarNavComponent, NavbarTextComponent, NavbarTogglerDirective, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasModule, OffcanvasService, OffcanvasTitleDirective, OffcanvasToggleDirective, PageItemComponent, PageItemDirective, PageLinkDirective, PaginationComponent, PaginationModule, PlaceholderAnimationDirective, PlaceholderDirective, PlaceholderModule, PopoverComponent, PopoverDirective, PopoverModule, ProgressBarComponent, ProgressComponent, ProgressModule, RoundedDirective, RowComponent, RowDirective, ShadowOnScrollDirective, SharedModule, SidebarBrandComponent, SidebarComponent, SidebarFooterComponent, SidebarHeaderComponent, SidebarModule, SidebarNavComponent, SidebarNavHelper, SidebarService, SidebarToggleDirective, SidebarTogglerDirective, SmartPaginationComponent, SmartPaginationModule, SmartTableComponent, SmartTableFilterComponent, SmartTableModule, SpinnerComponent, SpinnerModule, TabContentComponent, TabContentRefDirective, TabPaneComponent, TabService, TableActiveDirective, TableColorDirective, TableDirective, TableModule, TabsModule, TemplateIdDirective, TextColorDirective, ThemeDirective, TimePickerComponent, TimePickerModule, ToastBodyComponent, ToastCloseDirective, ToastComponent, ToastHeaderComponent, ToastModule, ToasterComponent, ToasterHostDirective, ToasterPlacement, ToasterService, TooltipComponent, TooltipDirective, TooltipModule, UtilitiesModule, WidgetModule, WidgetStatAComponent, WidgetStatBComponent, WidgetStatCComponent, WidgetStatDComponent, WidgetStatEComponent, WidgetStatFComponent };
 //# sourceMappingURL=coreui-angular-pro.mjs.map