@coreui/angular-pro 4.7.2 → 4.7.4

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

@@ -1,16 +1,13 @@
-import { RendererFactory2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BackdropService {
-    private document;
-    private rendererFactory;
-    private backdropClick;
-    backdropClick$: import("rxjs").Observable<boolean>;
-    private renderer;
-    private unListen;
-    constructor(document: Document, rendererFactory: RendererFactory2);
-    get scrollbarWidth(): string;
+    #private;
+    readonly backdropClick$: import("rxjs").Observable<boolean>;
+    activeBackdrop: any;
+    scrollbarWidth: string;
     setBackdrop(type?: string): any;
-    clearBackdrop(backdrop: any): any;
+    clearBackdrop(backdropElement: any): any;
+    hideScrollbar(): void;
+    resetScrollbar(): void;
     onClickHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BackdropService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BackdropService>;

package/lib/backdrop/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/backdrop/public_api.d.ts

@@ -0,0 +1 @@
+export { BackdropService } from './backdrop.service';

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

@@ -1,7 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffers, NgZone, OnChanges, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { Modifier, Options } from '@popperjs/core';
@@ -25,14 +24,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private multiSelectService;
     private iterableDiffers;
     constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService, iterableDiffers: IterableDiffers);
-    private destroyRef;
     private readonly differ;
-    static ngAcceptInputType_allowCreateOptions: BooleanInput;
-    static ngAcceptInputType_clearSearchOnSelect: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_loading: BooleanInput;
-    static ngAcceptInputType_multiple: BooleanInput;
-    static ngAcceptInputType_virtualScroller: BooleanInput;
     readonly optionsArray$: Observable<IOption[]>;
     readonly userOptionsArray$: BehaviorSubject<IOption[]>;
     readonly optionsSelected$: BehaviorSubject<IOption[]>;
@@ -50,22 +42,20 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default false
      * @since 4.5.11
      */
-    set allowCreateOptions(value: boolean);
-    get allowCreateOptions(): boolean;
+    allowCreateOptions: boolean;
     /**
      * Enables selection cleaner element
      * @type boolean
-     * @default true
+     * @default true | 'active'
      */
-    cleaner: boolean;
+    cleaner: boolean | 'active';
     /**
      * Clear current search on selecting an item
      * @type boolean
      * @default false
      * @since 4.5.11
      */
-    set clearSearchOnSelect(value: boolean);
-    get clearSearchOnSelect(): boolean;
+    clearSearchOnSelect: boolean;
     /**
      * Disables multi-select component
      * @type boolean
@@ -261,6 +251,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get selectedOptionsText(): string;
     get counterText(): string;
     get counterTextType(): string;
+    get counterPlaceholderText(): string | null;
     private focusMonitorSubscription;
     multiSelectOptionsContent: QueryList<MultiSelectOptionComponent>;
     multiSelectOptionsView: QueryList<MultiSelectOptionComponent>;
@@ -280,10 +271,11 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         disabled: boolean;
     };
     get multiselectClasses(): {
-        [x: string]: boolean;
+        [x: string]: boolean | "text" | "active" | "counter" | "tags";
         'form-multi-select': boolean;
         'form-multi-select-selection-tags': boolean;
-        'form-multi-select-with-cleaner': boolean;
+        'form-multi-select-with-cleaner': boolean | "active";
+        multiple: boolean;
         show: boolean;
         disabled: boolean;
         'is-valid': boolean;
@@ -336,5 +328,13 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     updateActiveItem<T extends (MultiSelectOptionComponent & FocusableOption)>(item: T): 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>;
+    static ngAcceptInputType_allowCreateOptions: unknown;
+    static ngAcceptInputType_clearSearchOnSelect: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_virtualScroller: unknown;
+    static ngAcceptInputType_visibleItems: unknown;
+    static ngAcceptInputType_visible: unknown;
 }
 export {};

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;
 }

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

@@ -1,7 +1,7 @@
 import type { EventEmitter } from '@angular/core';
 export type SearchFn = ((option: IOption, searchValue: string) => boolean);
 export interface IMultiSelect {
-    cleaner?: boolean;
+    cleaner?: boolean | 'active';
     multiple?: boolean;
     options?: IOption[];
     optionsMaxHeight?: (number | string | 'auto');

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

@@ -1,6 +1,5 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { BackdropService } from '../../backdrop/backdrop.service';
 import { OffcanvasService } from '../offcanvas.service';
@@ -15,7 +14,6 @@ export declare class OffcanvasComponent implements OnInit, OnDestroy {
     private backdropService;
     private breakpointObserver;
     constructor(document: Document, platformId: any, renderer: Renderer2, hostElement: ElementRef, offcanvasService: OffcanvasService, backdropService: BackdropService, breakpointObserver: BreakpointObserver);
-    static ngAcceptInputType_scroll: BooleanInput;
     /**
      * Apply a backdrop on body while offcanvas is open.
      * @type boolean | 'static'
@@ -54,24 +52,24 @@ export declare class OffcanvasComponent implements OnInit, OnDestroy {
      * @default true
      */
     ariaModal: boolean;
-    /**
-     * Event triggered on visible change.
-     */
-    readonly visibleChange: EventEmitter<boolean>;
-    get scroll(): boolean;
     /**
      * Allow body scrolling while offcanvas is visible.
      * @type boolean
      * @default false
      */
-    set scroll(value: boolean);
-    get visible(): boolean;
+    scroll: boolean;
     /**
      * Toggle the visibility of offcanvas component.
      * @type boolean
      * @default false
      */
     set visible(value: boolean);
+    get visible(): boolean;
+    /**
+     * Event triggered on visible change.
+     * @type EventEmitter<boolean>
+     */
+    readonly visibleChange: EventEmitter<boolean>;
     get hostClasses(): any;
     get ariaHidden(): boolean | null;
     get tabIndex(): string | null;
@@ -91,4 +89,8 @@ export declare class OffcanvasComponent implements OnInit, OnDestroy {
     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 ngAcceptInputType_keyboard: unknown;
+    static ngAcceptInputType_ariaModal: unknown;
+    static ngAcceptInputType_scroll: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.7.2",
+  "version": "4.7.4",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",

package/public-api.d.ts

@@ -4,6 +4,7 @@ export * from './lib/accordion';
 export * from './lib/alert';
 export * from './lib/avatar';
 export * from './lib/badge';
+export * from './lib/backdrop';
 export * from './lib/breadcrumb';
 export * from './lib/button';
 export * from './lib/button-group';