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

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,12 @@ 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/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/modal/modal/modal.component.d.ts

@@ -1,17 +1,15 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ModalService } from '../modal.service';
 import { BackdropService } from '../../backdrop/backdrop.service';
 import * as i0 from "@angular/core";
-export declare class ModalComponent implements OnInit, OnDestroy {
+export declare class ModalComponent implements OnInit, OnDestroy, AfterViewInit {
+    #private;
     private document;
     private renderer;
     private hostElement;
     private modalService;
     private backdropService;
-    static ngAcceptInputType_scrollable: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, modalService: ModalService, backdropService: BackdropService);
     /**
      * Align the modal in the center or top of the screen.
@@ -55,30 +53,27 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     /**
      * Set aria-modal html attr for modal. [docs]
      * @type boolean
-     * @default true
+     * @default null
      */
-    ariaModal: boolean;
+    set ariaModal(value: boolean | null);
+    get ariaModal(): boolean | null;
     /**
      * Create a scrollable modal that allows scrolling the modal body.
      * @type boolean
      */
-    set scrollable(value: boolean);
-    get scrollable(): boolean;
-    private _scrollable;
+    scrollable: boolean;
     /**
      * Toggle the visibility of modal component.
      * @type boolean
      */
     set visible(value: boolean);
     get visible(): boolean;
-    private _visible;
     /**
      * Event triggered on modal dismiss.
      */
     visibleChange: EventEmitter<boolean>;
     modalContent: ElementRef;
-    private activeBackdrop;
-    private stateToggleSubscription;
+    modalContentRef: ElementRef;
     get hostClasses(): any;
     get ariaHidden(): boolean | null;
     get tabIndex(): string | null;
@@ -93,6 +88,7 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     onMouseDownHandler($event: MouseEvent): void;
     onClickHandler($event: MouseEvent): void;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private stateToggleSubscribe;
     private setBackdrop;
@@ -100,4 +96,8 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     private setStaticBackdrop;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "c-modal", ["cModal"], { "alignment": { "alias": "alignment"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "id": { "alias": "id"; "required": false; }; "size": { "alias": "size"; "required": false; }; "transition": { "alias": "transition"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaModal": { "alias": "ariaModal"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_keyboard: unknown;
+    static ngAcceptInputType_transition: unknown;
+    static ngAcceptInputType_scrollable: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

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

@@ -1,5 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, WritableSignal } from '@angular/core';
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { MultiSelectService } from '../multi-select.service';
 import * as i0 from "@angular/core";
@@ -10,9 +9,6 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     private readonly focusMonitor;
     private readonly multiSelectService;
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_selected: BooleanInput;
-    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Option style
      * @type ('checkbox' | 'text')
@@ -43,8 +39,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
      * @type boolean
      * @default false
      */
-    set disabled(value: boolean);
-    get disabled(): boolean;
+    disabled: boolean;
     /**
      * Option selected.
      * @type boolean
@@ -65,9 +60,9 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     set value(value: string);
     get value(): string;
     private contentDiv?;
-    hasContent: boolean;
-    set active(value: (boolean | undefined));
-    get active(): (boolean | undefined);
+    hasContent: WritableSignal<boolean>;
+    set active(value: (boolean));
+    get active(): (boolean);
     readonly focusChange: EventEmitter<MultiSelectOptionComponent>;
     private get role();
     get hostClasses(): {
@@ -95,4 +90,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     isSelected(value?: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "text": { "alias": "text"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "active": { "alias": "active"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_visible: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_active: unknown;
 }