@coreui/angular-pro 4.2.16 → 4.2.18

package/lib/calendar/calendar/calendar.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { CalendarService, DateFilterType, DayFormatType, WeekdayFormatType } from '../calendar.service';
 import { CalendarMonthComponent } from '../calendar-month/calendar-month.component';
+import { CalendarService, DateFilterType, DayFormatType, WeekdayFormatType } from '../calendar.service';
 import * as i0 from "@angular/core";
 export declare class CalendarComponent implements OnInit, OnDestroy {
     private calendarService;
@@ -13,7 +13,7 @@ export declare class CalendarComponent implements OnInit, OnDestroy {
      * Default date of the component
      * @type  (Date | string)
      */
-    set calendarDate(value: Date | string | number | undefined);
+    set calendarDate(value: Date | string | number);
     get calendarDate(): Date;
     private _calendarDate;
     /**

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

@@ -3,6 +3,7 @@ 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';
 import { Colors } from '../../coreui.types';
 import { DateFilterType, DayFormatType, WeekdayFormatType } from '../../calendar/calendar.service';
 import { TemplateIdDirective } from '../../shared';
@@ -130,7 +131,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set endDate(value: Date | null | undefined);
     get endDate(): Date | null | undefined;
     private _endDate?;
-    calendarDate?: Date;
+    calendarDate: Date;
     disabledDates: Date[] | Date[][];
     set firstDayOfWeek(value: number);
     get firstDayOfWeek(): number;
@@ -162,6 +163,11 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
      * @default 'short'
      */
     weekdayFormat: WeekdayFormatType;
+    /**
+     * Optional popper Options object
+     * @type Partial<Options>
+     */
+    popperjsOptions: Partial<Options>;
     readonly valueChange: EventEmitter<Date | Date[] | undefined>;
     calendarCellHover: EventEmitter<Date | null>;
     calendarDateChange: EventEmitter<Date>;
@@ -206,7 +212,7 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     handleCalendarDateChange($event: Date): void;
     handleStartDateChange(date: Date | null): void;
     handleEndDateChange(date: Date | null): void;
-    handleClear($event: MouseEvent): void;
+    handleClear($event?: MouseEvent): void;
     handleStartDateInputChange($event: any): void;
     handleEndDateInputChange($event: any): void;
     forbiddenDate(date: Date): boolean;
@@ -220,5 +226,5 @@ 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": "dayFormat"; "calendars": "calendars"; "cleaner": "cleaner"; "format": "format"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "navYearFirst": "navYearFirst"; "placeholder": "placeholder"; "ranges": "ranges"; "rangesButtonsColor": "rangesButtonsColor"; "rangesButtonsSize": "rangesButtonsSize"; "rangesButtonsVariant": "rangesButtonsVariant"; "separator": "separator"; "size": "size"; "timepicker": "timepicker"; "visible": "visible"; "startDate": "startDate"; "endDate": "endDate"; "calendarDate": "calendarDate"; "disabledDates": "disabledDates"; "firstDayOfWeek": "firstDayOfWeek"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "navigation": "navigation"; "range": "range"; "dateFilter": "dateFilter"; "disabled": "disabled"; "value": "value"; "weekdayFormat": "weekdayFormat"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": "dayFormat"; "calendars": "calendars"; "cleaner": "cleaner"; "format": "format"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "navYearFirst": "navYearFirst"; "placeholder": "placeholder"; "ranges": "ranges"; "rangesButtonsColor": "rangesButtonsColor"; "rangesButtonsSize": "rangesButtonsSize"; "rangesButtonsVariant": "rangesButtonsVariant"; "separator": "separator"; "size": "size"; "timepicker": "timepicker"; "visible": "visible"; "startDate": "startDate"; "endDate": "endDate"; "calendarDate": "calendarDate"; "disabledDates": "disabledDates"; "firstDayOfWeek": "firstDayOfWeek"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "navigation": "navigation"; "range": "range"; "dateFilter": "dateFilter"; "disabled": "disabled"; "value": "value"; "weekdayFormat": "weekdayFormat"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "calendarCellHover": "calendarCellHover"; "calendarDateChange": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; }, ["contentTemplates"], ["*"], false>;
 }

package/lib/multi-select/multi-select/multi-select.component.d.ts

@@ -1,7 +1,8 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffers, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
+import { Modifier, Options } from '@popperjs/core';
 import { IMultiSelect, IOption } from '../multi-select.type';
 import { MultiSelectService } from '../multi-select.service';
 import { MultiSelectOptionComponent } from '../multi-select-option/multi-select-option.component';
@@ -9,7 +10,8 @@ import * as i0 from "@angular/core";
 interface IPluralMap {
     [k: string]: string;
 }
-export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnDestroy, OnInit {
+export declare const observeReferenceModifier: Modifier<string, any>;
+export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnChanges, OnDestroy, OnInit {
     private elementRef;
     private renderer;
     private ngZone;
@@ -17,7 +19,9 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private viewContainerRef;
     private focusMonitor;
     private multiSelectService;
-    constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
+    private iterableDiffers;
+    constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService, iterableDiffers: IterableDiffers);
+    private readonly differ;
     static ngAcceptInputType_multiple: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
     onChange: any;
@@ -46,8 +50,12 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     selectionTypeCounterTextPluralMap?: IPluralMap;
     /**
      * Size the component small or large.
+     * @type 'sm' | 'lg' | undefined
      */
     size?: 'sm' | 'lg';
+    /**
+     * Initial value of multi-select
+     */
     set value(value: string | string[]);
     get value(): string | string[];
     private _value;
@@ -56,6 +64,11 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get visible(): boolean;
     private _visible;
     readonly visibleChange: EventEmitter<boolean>;
+    /**
+     * Optional popper Options object
+     * @type Partial<Options>
+     */
+    popperjsOptions: Partial<Options>;
     isDropdownVisible: boolean;
     set selectedOptions(value: any[]);
     get selectedOptions(): any[];
@@ -70,8 +83,13 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     multiSelectOptions: QueryList<MultiSelectOptionComponent>;
     private listKeyManager;
     inputElement: ElementRef;
-    dropdownElement: ElementRef;
+    dropdownMenu: ElementRef;
+    dropdownToggle: ElementRef;
+    dropdown: ElementRef;
     get hostClasses(): {
+        disabled: boolean;
+    };
+    get multiselectClasses(): {
         [x: string]: boolean;
         'form-multi-select': boolean;
         'form-multi-select-selection-tags': boolean;
@@ -96,10 +114,12 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     focusOrigin(origin: FocusOrigin): boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     private multiselectSubscribe;
-    clearAllOptions($event: MouseEvent): void;
+    selectOptions(): void;
+    clearAllOptions($event?: MouseEvent): void;
     selectAllOptions(): void;
     handleTagRemove($event: IOption): void;
     setFocus(): void;
@@ -110,7 +130,8 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     handleSearchKeyDown($event: KeyboardEvent): void;
     private selectOption;
     private selectedOptionsUpdate;
+    private setFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "cleaner": "cleaner"; "disabled": "disabled"; "multiple": "multiple"; "nativeName": "nativeName"; "nativeId": "nativeId"; "optionsMaxHeight": "optionsMaxHeight"; "optionsStyle": "optionsStyle"; "placeholder": "placeholder"; "search": "search"; "searchNoResultsLabel": "searchNoResultsLabel"; "selectAll": "selectAll"; "selectAllLabel": "selectAllLabel"; "selectionType": "selectionType"; "selectionTypeCounterText": "selectionTypeCounterText"; "selectionTypeCounterTextPluralMap": "selectionTypeCounterTextPluralMap"; "size": "size"; "value": "value"; "visible": "visible"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "cleaner": "cleaner"; "disabled": "disabled"; "multiple": "multiple"; "nativeName": "nativeName"; "nativeId": "nativeId"; "optionsMaxHeight": "optionsMaxHeight"; "optionsStyle": "optionsStyle"; "placeholder": "placeholder"; "search": "search"; "searchNoResultsLabel": "searchNoResultsLabel"; "selectAll": "selectAll"; "selectAllLabel": "selectAllLabel"; "selectionType": "selectionType"; "selectionTypeCounterText": "selectionTypeCounterText"; "selectionTypeCounterTextPluralMap": "selectionTypeCounterTextPluralMap"; "size": "size"; "value": "value"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
 }
 export {};

package/lib/multi-select/multi-select-option/multi-select-option.component.d.ts

@@ -37,7 +37,7 @@ export declare class MultiSelectOptionComponent implements AfterContentInit, Foc
     private get tabIndex();
     private get ariaDisabled();
     private get ariaSelected();
-    onKeyDown($event: KeyboardEvent): void;
+    onKeyUp($event: KeyboardEvent): void;
     private onClick;
     ngAfterContentInit(): void;
     getLabel(): string;

package/lib/multi-select/multi-select.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "@angular/common";
 import * as i8 from "@angular/cdk/a11y";
 import * as i9 from "../button/button.module";
 import * as i10 from "@angular/forms";
+import * as i11 from "../dropdown/dropdown.module";
 export declare class MultiSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof i1.MultiSelectComponent, typeof i2.MultiSelectOptionComponent, typeof i3.MultiSelectOptgroupComponent, typeof i4.MultiSelectOptgroupLabelComponent, typeof i5.MultiSelectTagComponent, typeof i6.MultiSelectNativeSelectComponent], [typeof i7.CommonModule, typeof i8.A11yModule, typeof i9.ButtonModule, typeof i10.FormsModule], [typeof i1.MultiSelectComponent, typeof i2.MultiSelectOptionComponent, typeof i3.MultiSelectOptgroupComponent, typeof i4.MultiSelectOptgroupLabelComponent, typeof i5.MultiSelectTagComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MultiSelectModule, [typeof i1.MultiSelectComponent, typeof i2.MultiSelectOptionComponent, typeof i3.MultiSelectOptgroupComponent, typeof i4.MultiSelectOptgroupLabelComponent, typeof i5.MultiSelectTagComponent, typeof i6.MultiSelectNativeSelectComponent], [typeof i7.CommonModule, typeof i8.A11yModule, typeof i9.ButtonModule, typeof i10.FormsModule, typeof i11.DropdownModule], [typeof i1.MultiSelectComponent, typeof i2.MultiSelectOptionComponent, typeof i3.MultiSelectOptgroupComponent, typeof i4.MultiSelectOptgroupLabelComponent, typeof i5.MultiSelectTagComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MultiSelectModule>;
 }

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

@@ -1,11 +1,11 @@
 import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
 import { NavigationEnd, Router } from '@angular/router';
-import { INavData } from './sidebar-nav';
-import { SidebarNavHelper } from './sidebar-nav.service';
+import { Observable, Subscription } from 'rxjs';
 import { SidebarService } from '../sidebar.service';
 import { SidebarComponent } from '../sidebar/sidebar.component';
-import { Observable, Subscription } from 'rxjs';
-import { AnimationEvent } from '@angular/animations';
+import { INavData } from './sidebar-nav';
+import { SidebarNavHelper } from './sidebar-nav.service';
 import { SidebarNavGroupService } from './sidebar-nav-group.service';
 import * as i0 from "@angular/core";
 export declare class SidebarNavComponent implements OnChanges {

package/lib/smart-table/public_api.d.ts

@@ -1,2 +1,3 @@
+export { SmartTableFilterComponent } from './smart-table-filter/smart-table-filter.component';
 export { SmartTableComponent } from './smart-table/smart-table.component';
 export { SmartTableModule } from './smart-table.module';

package/lib/smart-table/smart-table/smart-table.component.d.ts

@@ -16,9 +16,9 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     static ngAcceptInputType_pagination: BooleanInput;
     static ngAcceptInputType_selectable: BooleanInput;
     constructor(iterableDiffers: IterableDiffers, keyValueDiffers: KeyValueDiffers);
-    private itemsDiffer;
-    private itemsFilteredDiffer;
-    private columFilterValueDiffer;
+    private readonly itemsDiffer;
+    private readonly itemsFilteredDiffer;
+    private readonly columFilterValueDiffer;
     set activePage(value: number);
     get activePage(): number;
     private _activePage;
@@ -86,6 +86,9 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     templates: {
         [key: string]: (TemplateRef<any> | null);
     };
+    columnFilterTemplates: {
+        [key: string]: (TemplateRef<any> | null);
+    };
     ngAfterContentInit(): void;
     get selectedAll(): boolean | "indeterminate";
     set selectedAll(value: string | boolean);

package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts

@@ -11,6 +11,9 @@ export declare class SmartTableHeadComponent implements OnInit {
     selectable?: boolean;
     selectAll?: boolean | string;
     sorterValue?: ISorterValue;
+    set columnFilterTemplates(value: any);
+    get columnFilterTemplates(): any;
+    _columnFilterTemplates?: any;
     columnFilterStateChange: EventEmitter<any>;
     sorterStateChange: EventEmitter<any>;
     selectAllChange: EventEmitter<any>;
@@ -31,6 +34,7 @@ export declare class SmartTableHeadComponent implements OnInit {
     columnSorterEnabled(column: IColumn | string): boolean;
     handleColumnFilterValueChange($event: Event, column: IColumn | string): void;
     handleSelectAllChecked($event: Event): void;
+    getColumnFilter(column: IColumn | string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; "columnFilterTemplates": "columnFilterTemplates"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, false>;
 }

package/lib/smart-table/smart-table.module.d.ts

@@ -15,6 +15,6 @@ import * as i13 from "../shared/shared.module";
 import * as i14 from "../utilities/utilities.module";
 export declare class SmartTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent, typeof i3.SmartTableItemsPerPageSelectorComponent, typeof i4.SmartTableHeadComponent], [typeof i5.CommonModule, typeof i6.ElementCoverModule, typeof i7.TableModule, typeof i8.PaginationModule, typeof i9.SmartPaginationModule, typeof i10.FormModule, typeof i11.FormsModule, typeof i12.ButtonModule, typeof i13.SharedModule, typeof i11.ReactiveFormsModule, typeof i14.UtilitiesModule], [typeof i1.SmartTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent, typeof i3.SmartTableItemsPerPageSelectorComponent, typeof i4.SmartTableHeadComponent], [typeof i5.CommonModule, typeof i6.ElementCoverModule, typeof i7.TableModule, typeof i8.PaginationModule, typeof i9.SmartPaginationModule, typeof i10.FormModule, typeof i11.FormsModule, typeof i12.ButtonModule, typeof i13.SharedModule, typeof i11.ReactiveFormsModule, typeof i14.UtilitiesModule], [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.2.16",
+  "version": "4.2.18",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/angular",
   "author": {
@@ -16,15 +16,16 @@
     }
   ],
   "dependencies": {
+    "@coreui/coreui-pro": "^4.4.1",
     "@popperjs/core": "~2.11.6",
+    "date-fns": "^2.29.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
     "@angular/cdk": "^14.0.0",
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
-    "@angular/router": "^14.0.0",
-    "date-fns": "^2.28.0"
+    "@angular/router": "^14.0.0"
   },
   "repository": {
     "type": "git",