@coreui/angular-pro 4.2.26 → 4.2.28

package/lib/backdrop/backdrop.service.d.ts

@@ -7,7 +7,8 @@ export declare class BackdropService {
     backdropClick$: import("rxjs").Observable<boolean>;
     private renderer;
     private unListen;
-    constructor(document: any, rendererFactory: RendererFactory2);
+    constructor(document: Document, rendererFactory: RendererFactory2);
+    get scrollbarWidth(): string;
     setBackdrop(type?: string): any;
     clearBackdrop(backdrop: any): any;
     onClickHandler(): void;

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

@@ -14,7 +14,9 @@ export interface ICalendarRanges {
 export declare type TCustomRange = [string, Date[]];
 /** Must be a valid date string */
 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);
@@ -40,6 +42,13 @@ export declare class DateRangePickerComponent implements OnInit, OnDestroy, Cont
     set cleaner(value: boolean);
     get cleaner(): boolean;
     private _cleaner;
+    /**
+     * Determine if the dropdown should be closed after value setting.
+     * @type boolean
+     * @default false
+     */
+    set closeOnSelect(value: boolean);
+    get closeOnSelect(): boolean;
     /**
      * Set date format.
      * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
@@ -236,5 +245,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"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "c-date-range-picker", ["cDateRangePicker"], { "dayFormat": "dayFormat"; "calendars": "calendars"; "cleaner": "cleaner"; "closeOnSelect": "closeOnSelect"; "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/dropdown/dropdown/dropdown.component.d.ts

@@ -1,8 +1,8 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { Options, Placement } from '@popperjs/core';
-import { DropdownService } from '../dropdown.service';
 import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
+import { DropdownService } from '../dropdown.service';
 import * as i0 from "@angular/core";
 export declare abstract class DropdownToken {
 }
@@ -43,7 +43,7 @@ export declare class DropdownToggleDirective implements AfterViewInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, [null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[cDropdownToggle]", ["cDropdownToggle"], { "dropdownComponent": "dropdownComponent"; "disabled": "disabled"; "caret": "caret"; "split": "split"; }, {}, never, never, false>;
 }
-export declare class DropdownComponent implements AfterContentInit, OnDestroy, OnInit {
+export declare class DropdownComponent implements AfterContentInit, OnChanges, OnDestroy, OnInit {
     private document;
     private elementRef;
     private renderer;
@@ -124,6 +124,7 @@ export declare class DropdownComponent implements AfterContentInit, OnDestroy, O
     onClick(event: any): void;
     ngAfterContentInit(): void;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     setVisibleState(value: boolean): void;
     createPopperInstance(): void;

package/lib/modal/modal/modal.component.d.ts

@@ -86,7 +86,6 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     get show(): boolean;
     set show(value: boolean);
     private _show;
-    private get scrollbarWidth();
     animateStart(event: AnimationEvent): void;
     animateDone(event: AnimationEvent): void;
     onKeyDownHandler(event: KeyboardEvent): void;

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

@@ -1,21 +1,17 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { IOption } from '../multi-select.type';
 import { MultiSelectService } from '../multi-select.service';
 import * as i0 from "@angular/core";
-export declare class MultiSelectTagComponent implements OnDestroy, OnInit {
+export declare class MultiSelectTagComponent {
     private multiSelectService;
     constructor(multiSelectService: MultiSelectService);
-    private multiselectVisibleSubscription;
-    multiselectVisible: boolean;
+    multiselectVisible$: import("rxjs").Observable<boolean>;
     option?: IOption;
     remove: EventEmitter<IOption>;
     get hostClasses(): {
         'form-multi-select-tag': boolean;
     };
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     handleRemove($event: any): void;
-    private multiselectSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTagComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTagComponent, "c-multi-select-tag", never, { "option": "option"; }, { "remove": "remove"; }, never, ["*"], false>;
 }

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

@@ -1,23 +1,27 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { OffcanvasService } from '../offcanvas.service';
+import { BreakpointObserver } from '@angular/cdk/layout';
 import { BackdropService } from '../../backdrop/backdrop.service';
+import { OffcanvasService } from '../offcanvas.service';
 import * as i0 from "@angular/core";
-export declare class OffcanvasComponent implements OnChanges, OnInit, OnDestroy {
+export declare class OffcanvasComponent implements OnInit, OnDestroy {
+    #private;
     private document;
     private platformId;
     private renderer;
     private hostElement;
     private offcanvasService;
     private backdropService;
+    private breakpointObserver;
     static ngAcceptInputType_scroll: BooleanInput;
-    constructor(document: any, platformId: any, renderer: Renderer2, hostElement: ElementRef, offcanvasService: OffcanvasService, backdropService: BackdropService);
+    constructor(document: Document, platformId: any, renderer: Renderer2, hostElement: ElementRef, offcanvasService: OffcanvasService, backdropService: BackdropService, breakpointObserver: BreakpointObserver);
     /**
      * Apply a backdrop on body while offcanvas is open.
-     * @type boolean
+     * @type boolean | 'static'
      * @default true
      */
-    backdrop: boolean;
+    backdrop: boolean | 'static';
     /**
      * Closes the offcanvas when escape key is pressed [docs]
      * @type boolean
@@ -30,13 +34,20 @@ export declare class OffcanvasComponent implements OnChanges, OnInit, OnDestroy
      * @default 'start'
      */
     placement: string | 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Responsive offcanvas property hides content outside the viewport from a specified breakpoint and down.
+     * @type boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+     * @default true
+     * @since 4.3.10
+     */
+    responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
     /**
      * Allow body scrolling while offcanvas is visible.
      * @type boolean
+     * @default false
      */
     set scroll(value: boolean);
     get scroll(): boolean;
-    private _scroll;
     id: string;
     /**
      * Default role for offcanvas. [docs]
@@ -53,30 +64,31 @@ export declare class OffcanvasComponent implements OnChanges, OnInit, OnDestroy
     /**
      * Toggle the visibility of offcanvas component.
      * @type boolean
+     * @default false
      */
     set visible(value: boolean);
     get visible(): boolean;
-    private _visible;
     /**
      * Event triggered on visible change.
      */
-    visibleChange: EventEmitter<boolean>;
-    private activeBackdrop;
-    private stateToggleSubscription;
-    private backdropClickSubscription;
+    readonly visibleChange: EventEmitter<boolean>;
     get hostClasses(): any;
     get ariaHidden(): boolean | null;
     get tabIndex(): string | null;
-    get animateType(): boolean;
+    get animateTrigger(): string;
+    get show(): boolean;
+    set show(value: boolean);
+    animateStart(event: AnimationEvent): void;
+    animateDone(event: AnimationEvent): void;
     onKeyDownHandler(event: KeyboardEvent): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     private stateToggleSubscribe;
     private backdropClickSubscribe;
     private setBackdrop;
     setFocus(): void;
-    setScroll(): void;
+    get responsiveBreakpoint(): string | false;
+    private layoutChangeSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": "backdrop"; "keyboard": "keyboard"; "placement": "placement"; "scroll": "scroll"; "id": "id"; "role": "role"; "ariaModal": "ariaModal"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": "backdrop"; "keyboard": "keyboard"; "placement": "placement"; "responsive": "responsive"; "scroll": "scroll"; "id": "id"; "role": "role"; "ariaModal": "ariaModal"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never, ["*"], false>;
 }

package/lib/tabs/tab-content/tab-content.component.d.ts

@@ -13,7 +13,7 @@ export declare class TabContentComponent implements AfterContentChecked, AfterCo
     get activeTabPaneIdx(): number;
     private _activeTabPaneIdx;
     /**
-     * Event emited on the active tab pane index change.
+     * Event emitted on the active tab pane index change.
      */
     activeTabPaneIdxChange: EventEmitter<number>;
     panes: QueryList<TabPaneComponent>;

package/package.json

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