@coreui/angular-pro 4.7.3 → 5.0.0-alpha.1

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/intersection.service';
 import { ListenersService } from '../../services/listeners.service';
+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 config;
     private hostElement;
@@ -13,6 +14,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
@@ -23,11 +25,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'}
@@ -67,26 +64,25 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
      * @type number
      */
     itemChange: EventEmitter<number>;
-    get hostClasses(): any;
     private carouselIndexSubscription?;
     private timerId;
     private intersectingSubscription?;
     private activeItemInterval;
     private swipeSubscription?;
-    constructor(config: CarouselConfig, hostElement: ElementRef, carouselService: CarouselService, carouselState: CarouselState, intersectionService: IntersectionService, listenersService: ListenersService);
+    get hostClasses(): any;
+    private _visible;
+    get visible(): boolean;
+    set visible(value: boolean);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
-    private setListeners;
-    private clearListeners;
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
     setTimer(): void;
     resetTimer(): void;
+    private setListeners;
+    private clearListeners;
     private carouselStateSubscribe;
     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/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",
@@ -13,7 +16,7 @@ export type Sizes = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
 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/date-picker/date-picker.component.d.ts

@@ -6,8 +6,8 @@ export declare class DatePickerComponent extends DateRangePickerComponent {
     constructor(breakpointObserver: BreakpointObserver);
     placeholder: string;
     startDateChange: EventEmitter<Date | null>;
-    get range(): boolean;
-    get calendars(): number;
+    readonly range = false;
+    readonly calendars = 1;
     get endDate(): null;
     get date(): Date | null | undefined;
     set date(value: Date | null | undefined);

package/lib/date-range-picker/date-range-picker/date-range-picker.component.d.ts

@@ -1,6 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs';
 import { Options } from '@popperjs/core';
@@ -16,9 +15,6 @@ export type TCustomRange = [string, Date[]];
 export declare class DateRangePickerComponent implements OnInit, OnDestroy, ControlValueAccessor, AfterViewInit, OnChanges {
     #private;
     private breakpointObserver;
-    static ngAcceptInputType_closeOnSelect: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_navYearFirst: BooleanInput;
     constructor(breakpointObserver: BreakpointObserver);
     /**
      * Set the format of day name.
@@ -31,24 +27,19 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type number
      * @default 2
      */
-    set calendars(value: number);
-    get calendars(): number;
-    private _calendars;
+    calendars: number;
     /**
      * Toggle visibility or set the content of the cleaner button.
      * @type boolean
      * @default true
      */
-    set cleaner(value: boolean);
-    get cleaner(): boolean;
-    private _cleaner;
+    cleaner: boolean;
     /**
      * Determine if the dropdown should be closed after value setting.
      * @type boolean
      * @default false
      */
-    set closeOnSelect(value: boolean);
-    get closeOnSelect(): boolean;
+    closeOnSelect: boolean;
     /**
      * Set date format.
      * We use Angular formatDate() function, see:
@@ -61,9 +52,17 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type boolean
      * @default true
      */
-    set indicator(value: boolean);
-    get indicator(): boolean;
-    private _indicator;
+    indicator: boolean;
+    /**
+     * Custom function to format the selected date into a string according to a custom format.
+     * @since v5.0.0
+     */
+    inputDateFormat?: (date: Date) => string;
+    /**
+     * Custom function to parse the input value into a valid Date object.
+     * @since v5.0.0
+     */
+    inputDateParse?: (date: string | Date) => Date;
     /**
      * Toggle the readonly state for the component.
      * @type boolean
@@ -71,15 +70,12 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      */
     set inputReadOnly(value: boolean);
     get inputReadOnly(): boolean;
-    private _inputReadOnly;
     /**
      * Reorder year-month navigation, and render year first.
      * @type boolean
      * @default false
      */
-    set navYearFirst(value: boolean);
-    get navYearFirst(): boolean;
-    private _navYearFirst;
+    navYearFirst: boolean;
     /**
      * Specifies short hints that are visible in start date and end date inputs.
      * type string
@@ -89,7 +85,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * Predefined date ranges the user can select from.
      * @type ICalendarRanges
      */
-    ranges?: object;
+    ranges?: ICalendarRanges;
     /**
      * Sets the color context of the cancel button to one of CoreUI’s themed colors.
      * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
@@ -111,9 +107,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type boolean
      * @default true
      */
-    set separator(value: boolean);
-    get separator(): boolean;
-    private _separator;
+    separator: boolean;
     /**
      * Size the component small or large.
      * @type 'sm' | 'lg' | undefined
@@ -127,7 +121,6 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      */
     set timepicker(value: boolean);
     get timepicker(): boolean;
-    private _timepicker;
     /**
      * Toggle visual validation feedback.
      * @type boolean | undefined
@@ -139,9 +132,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @type boolean
      * @default false
      */
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
+    visible: boolean;
     set startDate(value: Date | null | undefined);
     get startDate(): Date | null | undefined;
     private _startDate?;
@@ -150,27 +141,30 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     private _endDate?;
     calendarDate: Date;
     disabledDates: Date[] | Date[][];
-    set firstDayOfWeek(value: number);
-    get firstDayOfWeek(): number;
-    private _firstDayOfWeek;
+    /**
+     * Set first day of week.
+     * @type number
+     * @default 1 (Monday)
+     */
+    firstDayOfWeek: number;
     locale: string;
     maxDate: Date | null;
     minDate: Date | null;
-    set navigation(value: boolean);
-    get navigation(): boolean;
-    private _navigation;
+    /**
+     * Show calendar navigation.
+     * @type boolean
+     * @default true
+     */
+    navigation: boolean;
     /**
      * Allow range selection.
      * @type boolean
      * @default false
      */
-    set range(value: boolean);
-    get range(): boolean;
-    private _range;
+    range: boolean;
     dateFilter?: DateFilterType;
     set disabled(value: boolean);
     get disabled(): boolean;
-    private _disabled;
     set value(value: any);
     get value(): any;
     private _value;
@@ -191,8 +185,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @default false
      * @since 4.4.10
      */
-    set selectAdjacentDays(value: boolean);
-    get selectAdjacentDays(): boolean;
+    selectAdjacentDays: boolean;
     /**
      * Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
      * @type boolean
@@ -200,6 +193,27 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @since 4.4.10
      */
     showAdjacentDays: boolean;
+    /**
+     * Specify the type of date selection as day, week, month, or year.
+     * @type 'day' | 'week' | 'month' | 'year'
+     * @default 'day'
+     * @since 5.0.0
+     */
+    selectionType: 'day' | 'week' | 'month' | 'year';
+    /**
+     * Set whether to display week numbers in the calendar.
+     * @type boolean
+     * @default false
+     * @since 5.0.0
+     */
+    showWeekNumber: boolean;
+    /**
+     * Label displayed over week numbers in the calendar.
+     * @type string
+     * @default undefined
+     * @since 5.0.0
+     */
+    weekNumbersLabel?: string;
     readonly valueChange: EventEmitter<Date | Date[] | undefined>;
     calendarCellHover: EventEmitter<Date | null>;
     calendarDateChange: EventEmitter<Date>;
@@ -234,6 +248,9 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     get inputEndHoverValue(): Date | null;
     private _inputEndHoverValue;
     get datePickerClasses(): {
+        [x: string]: boolean | "sm" | "lg" | undefined;
+        'date-picker': boolean;
+        disabled: boolean;
         'is-valid': boolean;
         'is-invalid': boolean;
     };
@@ -242,7 +259,8 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    convertValueToDate(value: Date | string | number | undefined | null): Date | null | undefined;
+    convertValueToDate(value: Date | string | number | undefined | null): Date | null;
+    inputParse(date: string): Date | undefined;
     getCustomRangeKey(customRange: any): any;
     setCustomRange(customRange: any): void;
     handleCalendarCellHover($event: Date | null): void;
@@ -263,5 +281,21 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleStartTimeChange(time: Date | undefined): void;
     handleEndTimeChange(time: Date | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": { "alias": "dayFormat"; "required": false; }; "calendars": { "alias": "calendars"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "rangesButtonsColor": { "alias": "rangesButtonsColor"; "required": false; }; "rangesButtonsSize": { "alias": "rangesButtonsSize"; "required": false; }; "rangesButtonsVariant": { "alias": "rangesButtonsVariant"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "timepicker": { "alias": "timepicker"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "range": { "alias": "range"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": { "alias": "dayFormat"; "required": false; }; "calendars": { "alias": "calendars"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "inputDateFormat": { "alias": "inputDateFormat"; "required": false; }; "inputDateParse": { "alias": "inputDateParse"; "required": false; }; "inputReadOnly": { "alias": "inputReadOnly"; "required": false; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "rangesButtonsColor": { "alias": "rangesButtonsColor"; "required": false; }; "rangesButtonsSize": { "alias": "rangesButtonsSize"; "required": false; }; "rangesButtonsVariant": { "alias": "rangesButtonsVariant"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "timepicker": { "alias": "timepicker"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; "calendarDate": { "alias": "calendarDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "range": { "alias": "range"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; }; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], true, never>;
+    static ngAcceptInputType_calendars: unknown;
+    static ngAcceptInputType_cleaner: unknown;
+    static ngAcceptInputType_closeOnSelect: unknown;
+    static ngAcceptInputType_indicator: unknown;
+    static ngAcceptInputType_inputReadOnly: unknown;
+    static ngAcceptInputType_navYearFirst: unknown;
+    static ngAcceptInputType_separator: unknown;
+    static ngAcceptInputType_timepicker: unknown;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_firstDayOfWeek: unknown;
+    static ngAcceptInputType_navigation: unknown;
+    static ngAcceptInputType_range: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selectAdjacentDays: unknown;
+    static ngAcceptInputType_showAdjacentDays: unknown;
+    static ngAcceptInputType_showWeekNumber: unknown;
 }

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

@@ -4,6 +4,7 @@ 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 {
@@ -59,14 +60,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'
@@ -132,5 +125,5 @@ 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: {}; }]>;
 }

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/multi-select/multi-select/multi-select.component.d.ts

@@ -282,8 +282,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get multiselectClasses(): {
         [x: string]: boolean;
         'form-multi-select': boolean;
-        'form-multi-select-selection-tags': boolean;
-        'form-multi-select-with-cleaner': boolean;
         show: boolean;
         disabled: boolean;
         'is-valid': boolean;
@@ -334,6 +332,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private setFirstItemActive;
     updateActiveItem(index: number): void;
     updateActiveItem<T extends (MultiSelectOptionComponent & FocusableOption)>(item: T): void;
+    handleIndicatorClick($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
 }

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' | 'underline';
+    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;

package/lib/shared/public_api.d.ts

@@ -1,3 +1,4 @@
 export { SharedModule } from './shared.module';
 export { HtmlAttributesDirective } from './html-attr.directive';
 export { TemplateIdDirective } from './template-id.directive';
+export { ThemeDirective } from './theme.directive';

package/lib/shared/shared.module.d.ts

@@ -2,9 +2,10 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./html-attr.directive";
 import * as i2 from "./template-id.directive";
+import * as i3 from "./theme.directive";
 export declare class SharedModule {
     static forRoot(): ModuleWithProviders<SharedModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective], [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, never, [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective, typeof i3.ThemeDirective], [typeof i1.HtmlAttributesDirective, typeof i2.TemplateIdDirective, typeof i3.ThemeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/lib/shared/theme.directive.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class ThemeDirective {
+    #private;
+    /**
+     * Add dark theme attribute.
+     * @type 'dark' | 'light' | undefined
+     */
+    set colorScheme(scheme: 'dark' | 'light' | undefined);
+    /**
+     * Add dark theme attribute.
+     * @type boolean
+     */
+    set dark(darkTheme: boolean);
+    setTheme(theme?: string): void;
+    unsetTheme(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ThemeDirective, "[cTheme]", never, { "colorScheme": { "alias": "colorScheme"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_dark: unknown;
+}

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

@@ -18,6 +18,7 @@ export declare class SidebarNavGroupComponent implements OnInit, OnDestroy {
     item: any;
     dropdownMode: 'path' | 'none' | 'close';
     show?: boolean;
+    compact?: boolean;
     get hostClasses(): any;
     sidebarNav: ElementRef;
     navigationEndObservable: Observable<NavigationEnd>;
@@ -34,7 +35,8 @@ export declare class SidebarNavGroupComponent implements OnInit, OnDestroy {
     onAnimationStart($event: AnimationEvent): void;
     onAnimationDone($event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarNavGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarNavGroupComponent, "c-sidebar-nav-group", never, { "item": { "alias": "item"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarNavGroupComponent, "c-sidebar-nav-group", never, { "item": { "alias": "item"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "show": { "alias": "show"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_compact: unknown;
 }
 export declare class SidebarNavComponent implements OnChanges {
     sidebar: SidebarComponent;
@@ -49,11 +51,12 @@ export declare class SidebarNavComponent implements OnChanges {
     groupItems?: boolean;
     compact?: boolean;
     get hostClasses(): any;
-    get sidebarNavGroupItemsClass(): boolean;
     role: string;
     navItemsArray: INavData[];
     ngOnChanges(changes: SimpleChanges): void;
     hideMobile(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarNavComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidebarNavComponent, "c-sidebar-nav", never, { "navItems": { "alias": "navItems"; "required": false; }; "dropdownMode": { "alias": "dropdownMode"; "required": false; }; "groupItems": { "alias": "groupItems"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_groupItems: unknown;
+    static ngAcceptInputType_compact: unknown;
 }

package/lib/sidebar/sidebar-toggler/sidebar-toggler.component.d.ts

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 export declare class SidebarTogglerComponent {
     role: string;
     sidebarTogglerClass: boolean;
+    get getStyles(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarTogglerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidebarTogglerComponent, "c-sidebar-toggler", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, never, true, never>;
 }