@coreui/angular-pro 4.2.23 → 4.2.25

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

@@ -118,7 +118,13 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     get timepicker(): boolean;
     private _timepicker;
     /**
-     * Toggle the visibility of the component.
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of the dropdown date-picker component.
      * @type boolean
      * @default false
      */
@@ -200,6 +206,10 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set inputEndHoverValue(value: Date | null);
     get inputEndHoverValue(): Date | null;
     private _inputEndHoverValue;
+    get datePickerClasses(): {
+        'is-valid': boolean;
+        'is-invalid': boolean;
+    };
     formatDate(date: Date): string;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -226,5 +236,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"; "popperjsOptions": "popperOptions"; }, { "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"; "valid": "valid"; "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

@@ -60,6 +60,17 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get value(): string | string[];
     private _value;
     readonly valueChange: EventEmitter<string | string[]>;
+    /**
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of the dropdown select component.
+     * @type boolean
+     * @default false
+     */
     set visible(value: boolean);
     get visible(): boolean;
     private _visible;
@@ -96,6 +107,8 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         'form-multi-select-with-cleaner': boolean;
         show: boolean;
         disabled: boolean;
+        'is-valid': boolean;
+        'is-invalid': boolean;
     };
     private get tabIndex();
     private set tabIndex(value);
@@ -132,6 +145,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     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"; "popperjsOptions": "popperOptions"; }, { "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"; "valid": "valid"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
 }
 export {};

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

@@ -1,8 +1,8 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from "@angular/core";
-import { BooleanInput } from "@angular/cdk/coercion";
-import { BreakpointObserver } from "@angular/cdk/layout";
-import { ISidebarAction, SidebarService } from "../sidebar.service";
-import { SidebarBackdropService } from "../sidebar-backdrop/sidebar-backdrop.service";
+import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { ISidebarAction, SidebarService } from '../sidebar.service';
+import { SidebarBackdropService } from '../sidebar-backdrop/sidebar-backdrop.service';
 import * as i0 from "@angular/core";
 export declare class SidebarComponent implements OnChanges, OnDestroy, OnInit {
     #private;

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

@@ -104,6 +104,7 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     get rawColumnNames(): any[];
     get itemsDataColumns(): any[];
     get sortedItems(): IItemInternal[];
+    get tableFilterEvent(): 'change' | 'input';
     private _columnFiltered;
     get columnFiltered(): IItemInternal[];
     get tableFiltered(): IItemInternal[];
@@ -117,7 +118,10 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     handleSorterChange(column: string, index: number): void;
     setActivePage($event: number): void;
     handleColumnFilterChange($event: any): void;
-    handleTableFilterChange($event: any): void;
+    handleTableFilterChange($event: {
+        value: string;
+        type: string;
+    }): void;
     clean($event: MouseEvent): void;
     handleItemsPerPageChange(value: number): void;
     handleRowChecked($event: Event, item: IItemInternal): void;

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

@@ -0,0 +1,11 @@
+import { IColumn } from '../smart-table.type';
+import * as i0 from "@angular/core";
+export declare class SmartTableColumnFilterComponent {
+    #private;
+    constructor();
+    readonly value$: import("rxjs").BehaviorSubject<string>;
+    set column(value: string | IColumn);
+    sizing?: 'sm' | 'lg';
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableColumnFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableColumnFilterComponent, "c-smart-table-column-filter", never, { "column": "column"; "sizing": "sizing"; }, {}, never, never, false>;
+}

package/lib/smart-table/smart-table-filter/filter-input.directive.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { IColumn } from '../smart-table.type';
+import * as i0 from "@angular/core";
+export declare class FilterInputDirective implements AfterViewInit, OnDestroy {
+    #private;
+    private readonly elementRef;
+    constructor(elementRef: ElementRef);
+    readonly value$: BehaviorSubject<string>;
+    emitObject: {
+        value: string;
+        type?: string;
+        column?: (string | IColumn);
+    };
+    delay: number;
+    onEvent: 'change' | 'input';
+    set value(value: string);
+    readonly valueChange: EventEmitter<any>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setSubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterInputDirective, "[cFilterInput]", ["cFilterInput"], { "delay": "delay"; "onEvent": "onEvent"; "value": "value"; }, { "valueChange": "valueChange"; }, never, never, false>;
+}

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

@@ -1,21 +1,16 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { ITableFilter } from '../smart-table.type';
 import * as i0 from "@angular/core";
-export declare class SmartTableFilterComponent implements AfterViewInit, OnDestroy {
+export declare class SmartTableFilterComponent {
     #private;
     constructor();
-    readonly value$: BehaviorSubject<string>;
+    readonly value$: import("rxjs").BehaviorSubject<string>;
     filterLabel: string;
     filterPlaceholder: string;
-    set tableFilter(value: boolean | ITableFilter);
-    set value(value: string);
-    readonly valueChange: EventEmitter<any>;
-    filterInput: ElementRef;
+    sizing?: 'sm' | 'lg';
     get hostClasses(): any;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private setSubscription;
+    get labelClasses(): {
+        [x: string]: boolean;
+        'col-form-label': boolean;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": "filterLabel"; "filterPlaceholder": "filterPlaceholder"; "tableFilter": "tableFilter"; "value": "value"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": "filterLabel"; "filterPlaceholder": "filterPlaceholder"; "sizing": "sizing"; }, {}, never, never, false>;
 }

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

@@ -32,9 +32,14 @@ export declare class SmartTableHeadComponent implements OnInit {
     handleSortClick(column: IColumn | string, i: number): void;
     columnFilterEnabled(column: IColumn | string): boolean;
     columnSorterEnabled(column: IColumn | string): boolean;
-    handleColumnFilterValueChange($event: Event, column: IColumn | string): void;
+    handleColumnFilterValueChange($event: {
+        value: string;
+        type?: string;
+        column: (IColumn | string);
+    }): void;
     handleSelectAllChecked($event: Event): void;
     getColumnFilter(column: IColumn | string): string;
+    get columnFilterEvent(): 'change' | 'input';
     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"; "columnFilterTemplates": "columnFilterTemplates"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, false>;
 }

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

@@ -3,18 +3,20 @@ import * as i1 from "./smart-table/smart-table.component";
 import * as i2 from "./smart-table-filter/smart-table-filter.component";
 import * as i3 from "./smart-table-items-per-page-selector/smart-table-items-per-page-selector.component";
 import * as i4 from "./smart-table-head/smart-table-head.component";
-import * as i5 from "@angular/common";
-import * as i6 from "../element-cover/element-cover.module";
-import * as i7 from "../table/table.module";
-import * as i8 from "../pagination/pagination.module";
-import * as i9 from "../smart-pagination/smart-pagination.module";
-import * as i10 from "../form/form.module";
-import * as i11 from "@angular/forms";
-import * as i12 from "../button/button.module";
-import * as i13 from "../shared/shared.module";
-import * as i14 from "../utilities/utilities.module";
+import * as i5 from "./smart-table-filter/filter-input.directive";
+import * as i6 from "./smart-table-column-filter/smart-table-column-filter.component";
+import * as i7 from "@angular/common";
+import * as i8 from "../element-cover/element-cover.module";
+import * as i9 from "../table/table.module";
+import * as i10 from "../pagination/pagination.module";
+import * as i11 from "../smart-pagination/smart-pagination.module";
+import * as i12 from "../form/form.module";
+import * as i13 from "@angular/forms";
+import * as i14 from "../button/button.module";
+import * as i15 from "../shared/shared.module";
+import * as i16 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, typeof i2.SmartTableFilterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartTableModule, [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent, typeof i3.SmartTableItemsPerPageSelectorComponent, typeof i4.SmartTableHeadComponent, typeof i5.FilterInputDirective, typeof i6.SmartTableColumnFilterComponent], [typeof i7.CommonModule, typeof i8.ElementCoverModule, typeof i9.TableModule, typeof i10.PaginationModule, typeof i11.SmartPaginationModule, typeof i12.FormModule, typeof i13.FormsModule, typeof i14.ButtonModule, typeof i15.SharedModule, typeof i13.ReactiveFormsModule, typeof i16.UtilitiesModule], [typeof i1.SmartTableComponent, typeof i2.SmartTableFilterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartTableModule>;
 }

package/lib/time-picker/time-picker.component.d.ts

@@ -111,7 +111,13 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
      */
     variant: 'roll' | 'select';
     /**
-     * Toggle the visibility of dropdown menu component.
+     * Toggle visual validation feedback.
+     * @type boolean | undefined
+     * @default undefined
+     */
+    valid?: boolean;
+    /**
+     * Toggle the visibility of dropdown timepicker menu component.
      * @type boolean
      * @default false
      */
@@ -120,7 +126,7 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     private _visible;
     timeChange: EventEmitter<Date | undefined>;
     onBlur(): void;
-    dropdown?: ElementRef;
+    dropdownRef: ElementRef;
     templates: any;
     contentTemplates: QueryList<TemplateIdDirective>;
     listOfHours: ITimeValue[];
@@ -135,11 +141,16 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     set timeInputValue(value: string);
     get timeInputValue(): string;
     private _timeInputValue;
+    get timePickerClasses(): {
+        'form-control': boolean;
+        'is-valid': boolean;
+        'is-invalid': boolean;
+    };
     selectTime: FormGroup<{
         selectHours: FormControl<number | null>;
         selectMinutes: FormControl<number | null>;
-        selectSeconds: FormControl<number | null>;
-        selectDayPeriod: FormControl<DayPeriod | null>;
+        selectSeconds?: FormControl<number | null> | undefined;
+        selectDayPeriod?: FormControl<"am" | "pm" | null> | undefined;
     }>;
     timeInput: FormControl<string | null>;
     set hour(value: number);
@@ -178,6 +189,8 @@ export declare class TimePickerComponent implements OnChanges, OnInit, ControlVa
     setDisabledState(isDisabled: boolean): void;
     handleTimeInputChange($event: any): void;
     handleClear($event: MouseEvent): void;
+    handleBlur($event: FocusEvent): void;
+    handleFocus($event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": "cleaner"; "dateTimeFormatOptions": "dateTimeFormatOptions"; "disabled": "disabled"; "filterHours": "filterHours"; "filterMinutes": "filterMinutes"; "filterSeconds": "filterSeconds"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "locale": "locale"; "placeholder": "placeholder"; "seconds": "seconds"; "size": "size"; "time": "time"; "variant": "variant"; "visible": "visible"; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "c-time-picker", ["cTimePicker"], { "cleaner": "cleaner"; "dateTimeFormatOptions": "dateTimeFormatOptions"; "disabled": "disabled"; "filterHours": "filterHours"; "filterMinutes": "filterMinutes"; "filterSeconds": "filterSeconds"; "indicator": "indicator"; "inputReadOnly": "inputReadOnly"; "locale": "locale"; "placeholder": "placeholder"; "seconds": "seconds"; "size": "size"; "time": "time"; "variant": "variant"; "valid": "valid"; "visible": "visible"; }, { "timeChange": "timeChange"; }, ["contentTemplates"], never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.2.23",
+  "version": "4.2.25",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/angular",
   "author": {