@coreui/angular 4.7.17 → 5.0.0-rc.0

package/lib/accordion/accordion/accordion.component.d.ts

@@ -1,14 +1,11 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import { AccordionService } from '../accordion.service';
 import * as i0 from "@angular/core";
 export declare class AccordionComponent {
-    private accordionService;
-    static ngAcceptInputType_alwaysOpen: BooleanInput;
+    #private;
     /**
      * Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
      * @type boolean
      */
-    flush?: boolean;
+    flush: boolean;
     /**
      * Make accordion items stay open when another item is opened
      * @type boolean
@@ -16,7 +13,8 @@ export declare class AccordionComponent {
     set alwaysOpen(value: boolean);
     get alwaysOpen(): boolean;
     get hostClasses(): any;
-    constructor(accordionService: AccordionService);
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "c-accordion", ["cAccordionItem"], { "flush": { "alias": "flush"; "required": false; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_flush: unknown;
+    static ngAcceptInputType_alwaysOpen: unknown;
 }

package/lib/alert/alert.component.d.ts

@@ -1,14 +1,11 @@
 import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Colors } from '../coreui.types';
 import { TemplateIdDirective } from '../shared';
 import * as i0 from "@angular/core";
 type AnimateType = ('hide' | 'show');
 export declare class AlertComponent implements AfterContentInit {
-    static ngAcceptInputType_dismissible: BooleanInput;
-    static ngAcceptInputType_fade: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
+    #private;
     hide: boolean;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -34,27 +31,23 @@ export declare class AlertComponent implements AfterContentInit {
     visibleChange: EventEmitter<boolean>;
     templates: any;
     contentTemplates: QueryList<TemplateIdDirective>;
-    private _dismissible;
     /**
      * Optionally adds a close button to alert and allow it to self dismiss.
      * @type boolean
+     * @default false
      */
-    get dismissible(): boolean;
-    set dismissible(value: boolean);
-    private _fade;
+    dismissible: boolean;
     /**
      * Adds animation for dismissible alert.
      * @type boolean
      */
-    get fade(): boolean;
-    set fade(value: boolean);
-    private _visible;
-    get visible(): boolean;
+    fade: boolean;
     /**
      * Toggle the visibility of alert component.
      * @type boolean
      */
     set visible(value: boolean);
+    get visible(): boolean;
     get animationDisabled(): boolean;
     get animateType(): AnimateType;
     get hostClasses(): any;
@@ -64,5 +57,8 @@ export declare class AlertComponent implements AfterContentInit {
     onAnimationEvent(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": { "alias": "color"; "required": false; }; "role": { "alias": "role"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"], true, never>;
+    static ngAcceptInputType_dismissible: unknown;
+    static ngAcceptInputType_fade: unknown;
+    static ngAcceptInputType_visible: unknown;
 }
 export {};

package/lib/avatar/avatar.component.d.ts

@@ -1,5 +1,6 @@
 import { Colors, Shapes, Sizes, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
+import * as i1 from "../utilities/text-color.directive";
 export declare class AvatarComponent {
     /**
      * Sets the background color context of the component to one of CoreUI’s themed colors.
@@ -28,13 +29,13 @@ export declare class AvatarComponent {
     status?: Colors;
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
-     *
-     * @values 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
+     * via TextColorDirective
+     * @type TextColors
      */
     textColor?: TextColors;
     constructor();
     get statusClass(): any;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "status": { "alias": "status"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*", "*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
 }

package/lib/badge/badge.component.d.ts

@@ -1,5 +1,6 @@
-import { BadgePositions, Colors, Shapes } from '../coreui.types';
+import { BadgePositions, Colors, Shapes, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
+import * as i1 from "../utilities/text-color.directive";
 export declare class BadgeComponent {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -22,11 +23,12 @@ export declare class BadgeComponent {
     size?: 'sm';
     /**
      * Sets the text color of the component to one of CoreUI’s themed colors.
+     * via TextColorDirective
      * @type TextColors
      */
-    textColor?: string;
+    textColor?: TextColors;
     constructor();
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "c-badge", never, { "color": { "alias": "color"; "required": false; }; "position": { "alias": "position"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "c-badge", never, { "color": { "alias": "color"; "required": false; }; "position": { "alias": "position"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
 }

package/lib/breadcrumb/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -25,4 +25,5 @@ export declare class BreadcrumbItemComponent {
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "c-breadcrumb-item", never, { "active": { "alias": "active"; "required": false; }; "url": { "alias": "url"; "required": false; }; "attributes": { "alias": "attributes"; "required": false; }; "linkProps": { "alias": "linkProps"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
 }

package/lib/breadcrumb/breadcrumb-router/breadcrumb-router.service.d.ts

@@ -3,11 +3,11 @@ import { Observable } from 'rxjs';
 import { IBreadcrumbItem } from '../breadcrumb-item/breadcrumb-item';
 import * as i0 from "@angular/core";
 export declare class BreadcrumbRouterService {
+    #private;
     private router;
     private route;
     outlet: string;
     breadcrumbs$: Observable<IBreadcrumbItem[]>;
-    private breadcrumbsBehaviorSubject;
     constructor(router: Router, route: ActivatedRoute);
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbRouterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbRouterService>;

package/lib/button/button-close.directive.d.ts

@@ -1,13 +1,15 @@
 import { ButtonDirective } from './button.directive';
 import * as i0 from "@angular/core";
+import * as i1 from "../shared/theme.directive";
 export declare class ButtonCloseDirective extends ButtonDirective {
     /**
      * Change the default color to white.
      * @type boolean
+     * @deprecated 5.0.0. Use `cButtonClose.dark` instead.
      */
     white: string | boolean;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonCloseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
     static ngAcceptInputType_white: unknown;
 }

package/lib/card/card.component.d.ts

@@ -1,5 +1,6 @@
 import { Colors, TextColors } from '../coreui.types';
 import * as i0 from "@angular/core";
+import * as i1 from "../utilities/text-color.directive";
 export declare class CardComponent {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -8,11 +9,11 @@ export declare class CardComponent {
     color?: Colors;
     /**
      * Sets the text color context of the component to one of CoreUI’s themed colors.
+     * via TextColorDirective
      * @type TextColors
      */
     textColor?: TextColors;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "c-card, [c-card]", never, { "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "c-card, [c-card]", never, { "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
 }

package/lib/carousel/carousel/carousel.component.d.ts

@@ -1,11 +1,12 @@
 import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { IntersectionService } from '../../services';
 import { ListenersService } from '../../services';
+import { Triggers } from '../../coreui.types';
 import { CarouselState } from '../carousel-state';
 import { CarouselService } from '../carousel.service';
 import { CarouselConfig } from '../carousel.config';
-import { Triggers } from '../../coreui.types';
 import * as i0 from "@angular/core";
+import * as i1 from "../../shared/theme.directive";
 export declare class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
     #private;
     private config;
@@ -14,6 +15,7 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     private carouselState;
     private intersectionService;
     private listenersService;
+    constructor(config: CarouselConfig, hostElement: ElementRef, carouselService: CarouselService, carouselState: CarouselState, intersectionService: IntersectionService, listenersService: ListenersService);
     /**
      * Index of the active item.
      * @type number
@@ -24,11 +26,6 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
      * @type boolean
      */
     animate: boolean;
-    /**
-     * Add darker controls, indicators, and captions.
-     * @type boolean
-     */
-    dark?: boolean;
     /**
      * Carousel direction. [docs]
      * @type {'next' | 'prev'}
@@ -72,7 +69,6 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     private timerId;
     private activeItemInterval;
     private swipeSubscription?;
-    constructor(config: CarouselConfig, hostElement: ElementRef, carouselService: CarouselService, carouselState: CarouselState, intersectionService: IntersectionService, listenersService: ListenersService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
@@ -87,5 +83,5 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     private intersectionServiceSubscribe;
     private swipeSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "c-carousel", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "pause": { "alias": "pause"; "required": false; }; "touch": { "alias": "touch"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "itemChange": "itemChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "c-carousel", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "pause": { "alias": "pause"; "required": false; }; "touch": { "alias": "touch"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "itemChange": "itemChange"; }, never, ["*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
 }

package/lib/carousel/carousel-item/carousel-item.component.d.ts

@@ -1,11 +1,9 @@
 import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { CarouselService } from '../carousel.service';
 import * as i0 from "@angular/core";
 export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
     private carouselService;
     private changeDetectorRef;
-    static ngAcceptInputType_active: BooleanInput;
     index?: number;
     private carouselIndexSubscription?;
     /**
@@ -27,4 +25,5 @@ export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
     private carouselStateSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "c-carousel-item", never, { "active": { "alias": "active"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_active: unknown;
 }

package/lib/collapse/collapse.directive.d.ts

@@ -1,38 +1,34 @@
 import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { AnimationBuilder } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck, AfterViewInit {
     private hostElement;
     private renderer;
     private animationBuilder;
-    static ngAcceptInputType_horizontal: BooleanInput;
-    static ngAcceptInputType_navbar: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     /**
      * @ignore
      */
-    set animate(value: boolean);
-    get animate(): boolean;
-    private _animate;
+    animate: boolean;
     /**
      * Set horizontal collapsing to transition the width instead of height.
+     * @type boolean
+     * @default false
      */
-    set horizontal(value: boolean);
-    get horizontal(): boolean;
-    private _horizontal;
+    horizontal: boolean;
     /**
      * Toggle the visibility of collapsible element.
+     * @type boolean
+     * @default false
      */
     set visible(value: boolean);
     get visible(): boolean;
     private _visible;
     /**
      * Add `navbar` prop for grouping and hiding navbar contents by a parent breakpoint.
+     * @type boolean
+     * @default false
      */
-    set navbar(value: boolean);
-    get navbar(): boolean;
-    private _navbar;
+    navbar: boolean;
     /**
      * @ignore
      */
@@ -62,4 +58,8 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck,
     setMaxSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[cCollapse]", ["cCollapse"], { "animate": { "alias": "animate"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "navbar": { "alias": "navbar"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; }, { "collapseChange": "collapseChange"; }, never, never, true, never>;
+    static ngAcceptInputType_animate: unknown;
+    static ngAcceptInputType_horizontal: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_navbar: unknown;
 }

package/lib/coreui.types.d.ts

@@ -1,4 +1,7 @@
 import { IsActiveMatchOptions } from '@angular/router';
+export type NgCssClass = string | string[] | Set<string> | {
+    [klass: string]: any;
+};
 export declare enum BreakpointInfix {
     xs = "xs",
     sm = "sm",
@@ -10,11 +13,10 @@ export declare enum BreakpointInfix {
 export type BreakpointInfixStrings = keyof typeof BreakpointInfix;
 export type Breakpoints = BreakpointInfixStrings | string;
 export type Sizes = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
-export type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string;
-export type ColorsGradient = `${Colors}-gradient`;
+export type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string;
 export type BackgroundColors = Colors | 'body' | 'white' | 'transparent';
 export type Directions = 'down' | 'up' | 'start' | 'end' | '';
-export type TextColors = Colors | 'body' | 'white' | 'muted' | 'black-50' | 'white-50' | 'high-emphasis' | 'medium-emphasis' | 'disabled' | 'high-emphasis-inverse' | 'medium-emphasis-inverse' | 'disabled-inverse';
+export type TextColors = Colors | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string;
 export type Alignment = 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom';
 export type BadgePositions = 'top-start' | 'top-end' | 'bottom-end' | 'bottom-start' | string | undefined;
 export type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;

package/lib/dropdown/dropdown/dropdown.component.d.ts

@@ -1,17 +1,15 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Options, Placement } from '@popperjs/core';
 import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
 import { DropdownService } from '../dropdown.service';
 import * as i0 from "@angular/core";
+import * as i1 from "../../shared/theme.directive";
 export declare abstract class DropdownToken {
 }
 export declare class DropdownToggleDirective implements AfterViewInit {
     elementRef: ElementRef;
     private dropdownService;
     dropdown?: DropdownToken | undefined;
-    static ngAcceptInputType_split: BooleanInput;
-    static ngAcceptInputType_popper: BooleanInput;
     constructor(elementRef: ElementRef, dropdownService: DropdownService, dropdown?: DropdownToken | undefined);
     /**
      * Toggle the disabled state for the toggler.
@@ -24,7 +22,7 @@ export declare class DropdownToggleDirective implements AfterViewInit {
      * @type boolean
      * @default false
      */
-    disabled?: boolean;
+    disabled: boolean;
     /**
      * Enables pseudo element caret on toggler.
      * @type boolean
@@ -33,15 +31,16 @@ export declare class DropdownToggleDirective implements AfterViewInit {
     /**
      * Create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret.
      * @type boolean
+     * @default false
      */
-    set split(value: boolean);
-    get split(): boolean;
-    private _split;
+    split: boolean;
     get hostClasses(): any;
     onClick($event: MouseEvent): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[cDropdownToggle]", ["cDropdownToggle"], { "dropdownComponent": { "alias": "dropdownComponent"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "caret": { "alias": "caret"; "required": false; }; "split": { "alias": "split"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_split: unknown;
 }
 export declare class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
     private document;
@@ -50,8 +49,6 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
     private ngZone;
     private changeDetectorRef;
     dropdownService: DropdownService;
-    static ngAcceptInputType_dark: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     constructor(document: Document, elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, dropdownService: DropdownService);
     /**
      * Set alignment of dropdown menu.
@@ -59,14 +56,6 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
      */
     alignment?: string;
     autoClose: boolean | 'inside' | 'outside';
-    /**
-     * Sets a darker color scheme to match a dark navbar.
-     * @type boolean
-     * @default false
-     */
-    set dark(value: boolean);
-    get dark(): boolean;
-    private _dark;
     /**
      * Sets a specified  direction and location of the dropdown menu.
      * @type 'dropup' | 'dropend' | 'dropstart'
@@ -82,9 +71,7 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
      * @type boolean
      * @default true
      */
-    set popper(value: boolean);
-    get popper(): boolean;
-    private _popper;
+    popper: boolean;
     /**
      * Optional popper Options object, placement prop takes precedence over
      * @type Partial<Options>
@@ -132,5 +119,7 @@ export declare class DropdownComponent implements AfterContentInit, OnChanges, O
     private setListeners;
     private clearListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "c-dropdown", ["cDropdown"], { "alignment": { "alias": "alignment"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popper": { "alias": "popper"; "required": false; }; "popperOptions": { "alias": "popperOptions"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["_toggler", "_menu", "_menuElementRef"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "c-dropdown", ["cDropdown"], { "alignment": { "alias": "alignment"; "required": false; }; "autoClose": { "alias": "autoClose"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "popper": { "alias": "popper"; "required": false; }; "popperOptions": { "alias": "popperOptions"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["_toggler", "_menu", "_menuElementRef"], ["*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
+    static ngAcceptInputType_popper: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

package/lib/dropdown/dropdown-item/dropdown-item.directive.d.ts

@@ -1,7 +1,9 @@
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
 import { DropdownService } from '../dropdown.service';
 import { DropdownComponent } from '../dropdown/dropdown.component';
 import * as i0 from "@angular/core";
-export declare class DropdownItemDirective {
+export declare class DropdownItemDirective implements FocusableOption {
+    #private;
     private dropdownService;
     dropdown?: DropdownComponent | undefined;
     /**
@@ -23,6 +25,8 @@ export declare class DropdownItemDirective {
      */
     disabled?: boolean;
     constructor(dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
+    focus(origin?: FocusOrigin | undefined): void;
+    getLabel?(): string;
     get ariaCurrent(): string | null;
     get hostClasses(): any;
     set tabIndex(value: string | number | null);

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

@@ -1,10 +1,10 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { DropdownService } from '../dropdown.service';
+import { AfterContentInit, ElementRef, OnInit, QueryList } from '@angular/core';
+import { DropdownItemDirective } from '../dropdown-item/dropdown-item.directive';
 import * as i0 from "@angular/core";
-export declare class DropdownMenuDirective implements OnInit, OnDestroy {
-    elementRef: ElementRef;
-    private dropdownService;
-    constructor(elementRef: ElementRef, dropdownService: DropdownService);
+import * as i1 from "../../shared/theme.directive";
+export declare class DropdownMenuDirective implements OnInit, AfterContentInit {
+    #private;
+    readonly elementRef: ElementRef;
     /**
      * Set alignment of dropdown menu.
      * @type {'start' | 'end' }
@@ -12,23 +12,20 @@ export declare class DropdownMenuDirective implements OnInit, OnDestroy {
     alignment?: 'start' | 'end' | string;
     /**
      * Toggle the visibility of dropdown menu component.
-     */
-    visible: boolean;
-    /**
-     * Sets a darker color scheme to match a dark navbar.
      * @type boolean
      */
-    dark: string | boolean;
-    private dropdownStateSubscription;
+    visible: boolean;
     get hostClasses(): any;
     get hostStyles(): {
         visibility: string | null;
         display: string | null;
     };
+    onKeyDown($event: KeyboardEvent): void;
+    onKeyUp($event: KeyboardEvent): void;
+    dropdownItemsContent: QueryList<DropdownItemDirective>;
+    ngAfterContentInit(): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    private dropdownStateSubscribe;
+    private focusKeyManagerInit;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuDirective, "[cDropdownMenu]", ["cDropdownMenu"], { "alignment": { "alias": "alignment"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_dark: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuDirective, "[cDropdownMenu]", ["cDropdownMenu"], { "alignment": { "alias": "alignment"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, ["dropdownItemsContent"], never, true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
 }

package/lib/dropdown/dropdown.service.d.ts

@@ -6,7 +6,6 @@ export interface IDropdownState {
 export declare class DropdownService {
     private dropdownState;
     dropdownState$: import("rxjs").Observable<any>;
-    constructor();
     toggle(state: IDropdownState): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DropdownService>;

package/lib/form/form-check/form-check-input.directive.d.ts

@@ -1,11 +1,8 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class FormCheckInputDirective {
     private renderer;
     private hostElement;
-    static ngAcceptInputType_checked: BooleanInput;
-    static ngAcceptInputType_indeterminate: BooleanInput;
     /**
      * Specifies the type of component.
      * @type {'checkbox' | 'radio'}
@@ -15,6 +12,7 @@ export declare class FormCheckInputDirective {
     /**
      * Set component indeterminate state.
      * @type boolean
+     * @default false
      */
     set indeterminate(value: boolean);
     get indeterminate(): boolean;
@@ -22,6 +20,7 @@ export declare class FormCheckInputDirective {
     /**
      * Set component validation state to valid.
      * @type boolean
+     * @default undefined
      */
     valid?: boolean;
     get hostClasses(): any;
@@ -30,4 +29,6 @@ export declare class FormCheckInputDirective {
     constructor(renderer: Renderer2, hostElement: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": { "alias": "type"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_indeterminate: unknown;
+    static ngAcceptInputType_checked: unknown;
 }

package/lib/nav/nav.component.d.ts

@@ -7,9 +7,9 @@ export declare class NavComponent {
     layout?: 'fill' | 'justified';
     /**
      * Set the nav variant to tabs or pills.
-     * @type {'tabs' | 'pills' | 'underline'}
+     * @type 'tabs' | 'pills' | 'underline' | 'underline-border'
      */
-    variant?: '' | 'tabs' | 'pills';
+    variant?: '' | 'tabs' | 'pills' | 'underline' | 'underline-border';
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavComponent, "c-nav", never, { "layout": { "alias": "layout"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/navbar/navbar.component.d.ts

@@ -3,6 +3,7 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import { CollapseDirective } from '../collapse';
 import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
+import * as i1 from "../shared/theme.directive";
 export declare class NavbarComponent implements AfterContentInit {
     private hostElement;
     private breakpointObserver;
@@ -11,10 +12,6 @@ export declare class NavbarComponent implements AfterContentInit {
      * @type Colors
      */
     color?: Colors;
-    /**
-     * Sets if the color of text should be colored for a light or dark dark background.
-     */
-    colorScheme?: 'dark' | 'light';
     /**
      * Defines optional container wrapping children elements.
      */
@@ -35,5 +32,5 @@ export declare class NavbarComponent implements AfterContentInit {
     get breakpoint(): string | boolean;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": { "alias": "color"; "required": false; }; "colorScheme": { "alias": "colorScheme"; "required": false; }; "container": { "alias": "container"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, ["collapse"], ["*", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": { "alias": "color"; "required": false; }; "container": { "alias": "container"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, ["collapse"], ["*", "*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "colorScheme": "colorScheme"; }; outputs: {}; }]>;
 }

package/lib/offcanvas/offcanvas/offcanvas.component.d.ts

@@ -4,6 +4,7 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import { BackdropService } from '../../backdrop/backdrop.service';
 import { OffcanvasService } from '../offcanvas.service';
 import * as i0 from "@angular/core";
+import * as i1 from "../../shared/theme.directive";
 export declare class OffcanvasComponent implements OnInit, OnDestroy {
     #private;
     private document;
@@ -88,7 +89,7 @@ export declare class OffcanvasComponent implements OnInit, OnDestroy {
     private setBackdrop;
     private layoutChangeSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": { "alias": "backdrop"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaModal": { "alias": "ariaModal"; "required": false; }; "scroll": { "alias": "scroll"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": { "alias": "backdrop"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaModal": { "alias": "ariaModal"; "required": false; }; "scroll": { "alias": "scroll"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, [{ directive: typeof i1.ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
     static ngAcceptInputType_keyboard: unknown;
     static ngAcceptInputType_ariaModal: unknown;
     static ngAcceptInputType_scroll: unknown;