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

package/fesm2022/coreui-angular-pro.mjs

@@ -2,13 +2,13 @@ import * as i0 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, DOCUMENT, NgClass, NgForOf, AsyncPipe, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, isPlatformServer, CommonModule, formatDate, I18nPluralPipe, isPlatformBrowser, JsonPipe } from '@angular/common';
+import { NgTemplateOutlet, NgIf, DOCUMENT, NgClass, NgForOf, AsyncPipe, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, isPlatformServer, isPlatformBrowser, CommonModule, formatDate, I18nPluralPipe, JsonPipe } from '@angular/common';
 import * as i1 from '@angular/animations';
 import { animate, animation, style, useAnimation, state, transition, trigger, query, group } from '@angular/animations';
-import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { takeUntilDestroyed, toObservable, 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 { RouterModule, NavigationEnd, ActivatedRoute, RouterLink } from '@angular/router';
 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';
@@ -1167,7 +1167,7 @@ class ShadowOnScrollDirective {
     #destroyRef = inject(DestroyRef);
     #document = inject(DOCUMENT);
     #elementRef = inject(ElementRef);
-    #scrolled = signal(this.#document.documentElement.scrollTop > 0);
+    #scrolled = signal(false);
     #scrollEffect = effect(() => {
         this.#elementRef.nativeElement.classList.toggle(this.#shadowClass, this.#scrolled());
     });
@@ -4090,6 +4090,151 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                     args: [DOCUMENT]
                 }] }, { type: i0.RendererFactory2 }] });
 
+class InMemoryStorageService {
+    #storage = new Map();
+    constructor() { }
+    setItem(key, data) {
+        this.#storage.set(key, JSON.stringify(data));
+    }
+    getItem(key) {
+        return this.#storage.has(key) ? JSON.parse(this.#storage.get(key) ?? 'null') : undefined;
+    }
+    removeItem(key) {
+        this.#storage.delete(key);
+    }
+    clear() {
+        this.#storage.clear();
+    }
+    get length() {
+        return this.#storage.size;
+    }
+    key(index) {
+        return Array.from(this.#storage.keys())[index];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InMemoryStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InMemoryStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: InMemoryStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class LocalStorageService {
+    constructor(platformId, document) {
+        this.platformId = platformId;
+        this.document = document;
+        this.#data$ = new BehaviorSubject(null);
+        this.data$ = this.#data$.asObservable();
+        this.localStorage = isPlatformBrowser(this.platformId) && this.document.defaultView ? this.document.defaultView?.localStorage : new InMemoryStorageService();
+    }
+    #data$;
+    setItem(key, data) {
+        this.localStorage.setItem(key, JSON.stringify(data));
+        this.#data$.next({ key, data });
+    }
+    getItem(key) {
+        const data = JSON.parse(this.localStorage.getItem(key) ?? 'null');
+        this.#data$.next({ key, data });
+        return data;
+    }
+    removeItem(key) {
+        this.localStorage.removeItem(key);
+        this.#data$.next({ key, data: null });
+    }
+    clear() {
+        this.localStorage.clear();
+        this.#data$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LocalStorageService, deps: [{ token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LocalStorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: LocalStorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: Object, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+class ColorModeService {
+    #destroyRef;
+    #document;
+    #window;
+    #activatedRoute;
+    #localStorage;
+    constructor() {
+        this.#destroyRef = inject(DestroyRef);
+        this.#document = inject(DOCUMENT);
+        this.#window = this.#document.defaultView;
+        this.#activatedRoute = inject(ActivatedRoute);
+        this.#localStorage = inject(LocalStorageService);
+        this.eventName = signal('ColorSchemeChange');
+        this.localStorageItemName = signal('coreui-angular-color-scheme');
+        this.localStorageItemName$ = toObservable(this.localStorageItemName);
+        this.colorMode = signal('light');
+        this.colorModeEffect = effect(() => {
+            if (this.colorMode()) {
+                this.setStoredTheme(this.localStorageItemName(), this.colorMode());
+                this.setTheme(this.colorMode());
+            }
+        });
+        this.#activatedRoute.queryParams
+            .pipe(takeUntilDestroyed(this.#destroyRef), tap(params => {
+            const theme = params['theme']?.match(/^[A-Za-z0-9\s]+/)[0];
+            if (theme) {
+                this.colorMode.set(theme);
+            }
+        }))
+            .subscribe();
+        this.localStorageItemName$
+            .pipe(takeUntilDestroyed(this.#destroyRef), tap(params => {
+            this.colorMode.set(this.getPreferredColorScheme(params));
+        }))
+            .subscribe();
+    }
+    getStoredTheme(localStorageItemName) {
+        return this.#localStorage.getItem(localStorageItemName);
+    }
+    setStoredTheme(localStorageItemName, colorMode) {
+        return this.#localStorage.setItem(localStorageItemName, colorMode);
+    }
+    getPreferredColorScheme(localStorageItemName) {
+        if (this.#window === undefined) {
+            return 'light';
+        }
+        const storedTheme = this.getStoredTheme(localStorageItemName);
+        if (storedTheme) {
+            return storedTheme;
+        }
+        return this.#window?.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    ;
+    setTheme(colorMode) {
+        this.#document.documentElement.dataset['coreuiTheme'] =
+            colorMode === 'auto' && this.#document.defaultView?.matchMedia('(prefers-color-scheme: dark)').matches
+                ? 'dark'
+                : colorMode;
+        const event = new Event(this.eventName());
+        this.#document.documentElement.dispatchEvent(event);
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ColorModeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ColorModeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ColorModeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 class CarouselService {
     constructor() {
         this.carouselIndex = new BehaviorSubject({});
@@ -8614,14 +8759,14 @@ class RowDirective {
         const cols = this.xs;
         const classes = {
             row: true,
-            [`row-cols-${cols}`]: !!cols,
+            [`row-cols-${cols}`]: !!cols
         };
         Object.keys(BreakpointInfix).forEach(breakpoint => {
             // @ts-ignore
             const value = this[breakpoint];
             if ((typeof value === 'number') || (typeof value === 'string')) {
-                const infix = breakpoint === 'xs' ? '' : breakpoint;
-                classes[`row-cols-${infix}-${value}`] = !!value;
+                const infix = breakpoint === 'xs' ? '' : `-${breakpoint}`;
+                classes[`row-cols${infix}-${value}`] = !!value;
             }
         });
         return classes;
@@ -13014,65 +13159,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 }]
         }] });
 
-class ProgressComponent {
-    constructor() {
-        /**
-         * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
-         * @type number
-         */
-        this.height = 0;
-        /**
-         * Displays thin progress.
-         * @type boolean
-         */
-        this.thin = false;
-        /**
-         * Change the default color to white.
-         * @type boolean
-         */
-        this.white = false;
-    }
-    get hostClasses() {
-        return {
-            progress: true,
-            'progress-thin': this.thin,
-            'progress-white': this.white
-        };
-    }
-    get hostStyle() {
-        return !!this.height ? `${this.height}px` : '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: ProgressComponent, isStandalone: true, selector: "c-progress", inputs: { height: ["height", "height", numberAttribute], thin: ["thin", "thin", booleanAttribute], white: ["white", "white", booleanAttribute] }, host: { properties: { "class": "this.hostClasses", "style.height": "this.hostStyle" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'c-progress',
-                    template: '<ng-content></ng-content>',
-                    standalone: true
-                }]
-        }], propDecorators: { height: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thin: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], white: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostStyle: [{
-                type: HostBinding,
-                args: ['style.height']
-            }] } });
-
 class ProgressBarComponent {
-    constructor(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
+    constructor() {
+        this.#renderer = inject(Renderer2);
+        this.#hostElement = inject(ElementRef);
+        this.#max = signal(100);
+        this.#min = signal(0);
+        this.#value = signal(0);
+        this.#percent = computed(() => {
+            return +((this.#value() / (this.#max() - this.#min())) * 100).toFixed(this.precision);
+        });
+        this.#valuesEffect = effect(() => {
+            const host = this.#hostElement.nativeElement;
+            this.#renderer.setStyle(host, 'width', `${this.#percent()}%`);
+            this.#renderer.setAttribute(host, 'aria-valuenow', String(this.#value()));
+            this.#renderer.setAttribute(host, 'aria-valuemin', String(this.#min()));
+            this.#renderer.setAttribute(host, 'aria-valuemax', String(this.#max()));
+        });
         /**
          * Use to animate the stripes right to left via CSS3 animations.
          * @type boolean
@@ -13080,33 +13183,42 @@ class ProgressBarComponent {
         this.animated = false;
         // TODO: check if this is necessary.
         this.precision = 0;
-        /**
-         * The percent to progress the ProgressBar.
-         * @type number
-         */
-        this.value = 0;
         /**
          * Set default html role attribute.
          * @type string
          */
         this.role = 'progressbar';
-        this.state = {
-            percent: 0,
-            min: 0,
-            max: 100
-        };
     }
-    get min() {
-        return this.state.min;
+    #renderer;
+    #hostElement;
+    #max;
+    #min;
+    #value;
+    #percent;
+    #valuesEffect;
+    /**
+     * The percent value the ProgressBar.
+     * @type number
+     * @default 0
+     */
+    set value(value) {
+        this.#value.set(value);
     }
+    /**
+     * The min value of  the ProgressBar.
+     * @type number
+     * @default 0
+     */
     set min(value) {
-        this.state.min = isNaN(value) ? 0 : value;
-    }
-    get max() {
-        return this.state.max;
+        this.#min.set(isNaN(value) || value >= this.#max() ? 0 : value);
     }
+    /**
+     * The max value of the ProgressBar.
+     * @type number
+     * @default 100
+     */
     set max(value) {
-        this.state.max = isNaN(value) || value <= 0 || value === this.min ? 100 : value;
+        this.#max.set(isNaN(value) || value <= 0 || value <= this.#min() ? 100 : value);
     }
     get hostClasses() {
         return {
@@ -13116,34 +13228,17 @@ class ProgressBarComponent {
             [`bg-${this.color}`]: !!this.color
         };
     }
-    ngOnInit() {
-        this.setValues();
-    }
-    setPercent() {
-        this.state.percent = +((this.value / (this.max - this.min)) * 100).toFixed(this.precision);
-    }
-    setValues() {
-        this.setPercent();
-        const host = this.hostElement.nativeElement;
-        this.renderer.setStyle(host, 'width', `${this.state.percent}%`);
-        this.renderer.setAttribute(host, 'aria-valuenow', String(this.value));
-        this.renderer.setAttribute(host, 'aria-valuemin', String(this.min));
-        this.renderer.setAttribute(host, 'aria-valuemax', String(this.max));
-    }
-    ngOnChanges(changes) {
-        this.setValues();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: ProgressBarComponent, isStandalone: true, selector: "c-progress-bar", inputs: { animated: ["animated", "animated", booleanAttribute], color: "color", precision: ["precision", "precision", numberAttribute], value: ["value", "value", numberAttribute], variant: "variant", role: "role", min: "min", max: "max" }, host: { properties: { "attr.role": "this.role", "class": "this.hostClasses" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.8", type: ProgressBarComponent, isStandalone: true, selector: "c-progress-bar", inputs: { animated: ["animated", "animated", booleanAttribute], color: "color", precision: ["precision", "precision", numberAttribute], value: ["value", "value", numberAttribute], variant: "variant", min: ["min", "min", numberAttribute], max: ["max", "max", numberAttribute], role: "role" }, host: { properties: { "attr.role": "this.role", "class": "this.hostClasses" } }, ngImport: i0, template: '<ng-content />', isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'c-progress-bar',
-                    template: '<ng-content></ng-content>',
+                    template: '<ng-content />',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { animated: [{
+        }], propDecorators: { animated: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], color: [{
@@ -13156,18 +13251,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 args: [{ transform: numberAttribute }]
             }], variant: [{
                 type: Input
+            }], min: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], max: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], role: [{
                 type: Input
             }, {
                 type: HostBinding,
                 args: ['attr.role']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class ProgressComponent {
+    constructor() {
+        this.#elementRef = inject(ElementRef);
+        /**
+         * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+         * @type number
+         */
+        this.height = 0;
+        /**
+         * Displays thin progress.
+         * @type boolean
+         */
+        this.thin = false;
+        /**
+         * Change the default color to white.
+         * @type boolean
+         */
+        this.white = false;
+        this.max = 100;
+        this.min = 0;
+    }
+    #elementRef;
+    get hostClasses() {
+        return {
+            progress: true,
+            'progress-thin': this.thin,
+            'progress-white': this.white
+        };
+    }
+    get hostStyle() {
+        return !!this.height ? `${this.height}px` : this.#elementRef?.nativeElement?.style?.height ?? '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.8", type: ProgressComponent, isStandalone: true, selector: "c-progress", inputs: { height: ["height", "height", numberAttribute], thin: ["thin", "thin", booleanAttribute], white: ["white", "white", booleanAttribute], value: ["value", "value", numberAttribute], max: ["max", "max", numberAttribute], min: ["min", "min", numberAttribute], animated: ["animated", "animated", booleanAttribute], color: "color", variant: "variant" }, host: { properties: { "class": "this.hostClasses", "style.height": "this.hostStyle" } }, ngImport: i0, template: "@if (value !== undefined) {\n  <c-progress-bar [value]=\"value\" [min]=\"min\" [max]=\"max\" [animated]=\"animated\" [variant]=\"variant\" [color]=\"color\">\n    <ng-container *ngTemplateOutlet=\"defaultContent\" />\n  </c-progress-bar>\n} @else {\n  <ng-container *ngTemplateOutlet=\"defaultContent\" />\n}\n\n<ng-template #defaultContent>\n  <ng-content />\n</ng-template>\n\n", dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "c-progress-bar", inputs: ["animated", "color", "precision", "value", "variant", "min", "max", "role"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c-progress', imports: [ProgressBarComponent, NgTemplateOutlet], standalone: true, template: "@if (value !== undefined) {\n  <c-progress-bar [value]=\"value\" [min]=\"min\" [max]=\"max\" [animated]=\"animated\" [variant]=\"variant\" [color]=\"color\">\n    <ng-container *ngTemplateOutlet=\"defaultContent\" />\n  </c-progress-bar>\n} @else {\n  <ng-container *ngTemplateOutlet=\"defaultContent\" />\n}\n\n<ng-template #defaultContent>\n  <ng-content />\n</ng-template>\n\n" }]
+        }], propDecorators: { height: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], thin: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], white: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], value: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], max: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }], min: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], animated: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], color: [{
                 type: Input
-            }], max: [{
+            }], variant: [{
                 type: Input
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class']
+            }], hostStyle: [{
+                type: HostBinding,
+                args: ['style.height']
             }] } });
 
 class ProgressModule {
@@ -17244,5 +17412,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, 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 };
+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, ColorModeService, 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, InMemoryStorageService, InputGroupComponent, InputGroupTextDirective, IntersectionService, ListGroupDirective, ListGroupItemDirective, ListGroupModule, ListenersService, LoadingButtonComponent, LoadingButtonModule, LocalStorageService, 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