@coreui/angular-pro 4.2.31 → 4.2.33

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

@@ -12,6 +12,7 @@ interface IPluralMap {
 }
 export declare const observeReferenceModifier: Modifier<string, any>;
 export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnChanges, OnDestroy, OnInit {
+    #private;
     private elementRef;
     private renderer;
     private ngZone;
@@ -24,7 +25,9 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private readonly differ;
     static ngAcceptInputType_multiple: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
-    onChange: any;
+    static ngAcceptInputType_virtualScroller: BooleanInput;
+    onChange: (value: any) => void;
+    onTouched: () => void;
     writeValue(value: (string | string[])): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -38,11 +41,16 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private _multiple;
     nativeName: string;
     nativeId: string;
+    options: IOption[];
     optionsMaxHeight: string;
     optionsStyle: 'checkbox' | 'text';
     placeholder: string;
-    search: boolean;
+    search: boolean | 'external';
     searchNoResultsLabel: string;
+    set searchValue(value: string);
+    get searchValue(): string;
+    private _searchValue;
+    readonly searchValueChange: EventEmitter<string>;
     selectAll: boolean;
     selectAllLabel: string;
     selectionType: 'counter' | 'tags' | 'text';
@@ -55,6 +63,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     size?: 'sm' | 'lg';
     /**
      * Initial value of multi-select
+     * @type string | string[]
      */
     set value(value: string | string[]);
     get value(): string | string[];
@@ -66,6 +75,23 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default undefined
      */
     valid?: boolean;
+    /**
+     * Enable virtual scroller for the options list.
+     * @type boolean
+     * @default false
+     * todo: virtual scroller implementation
+     */
+    set virtualScroller(value: boolean);
+    get virtualScroller(): boolean;
+    private _virtualScroller;
+    /**
+     * Amount of visible options, if set - overwrites optionsMaxHeight
+     * @type number
+     * @default 10
+     */
+    set visibleItems(value: number);
+    get visibleItems(): number;
+    private _visibleItems;
     /**
      * Toggle the visibility of the dropdown select component.
      * @type boolean
@@ -89,7 +115,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get counterTextType(): string;
     private multiselectStateSubscription;
     private multiselectVisibleSubscription;
-    private multiSelectOptionsSubscription;
     private focusMonitorSubscription;
     multiSelectOptions: QueryList<MultiSelectOptionComponent>;
     private listKeyManager;
@@ -110,6 +135,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         'is-valid': boolean;
         'is-invalid': boolean;
     };
+    private get ariaMultiSelectable();
     private get tabIndex();
     private set tabIndex(value);
     private _tabIndex;
@@ -117,9 +143,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     onKeyDown($event: KeyboardEvent): void;
     onClick($event: MouseEvent): void;
     visibleOptions: number;
-    set searchValue(value: string);
-    get searchValue(): string;
-    private _searchValue;
     get subtreeFocused(): boolean;
     set subtreeFocused(value: boolean);
     private _subtreeFocused;
@@ -145,6 +168,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"; "valid": "valid"; "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"; "options": "options"; "optionsMaxHeight": "optionsMaxHeight"; "optionsStyle": "optionsStyle"; "placeholder": "placeholder"; "search": "search"; "searchNoResultsLabel": "searchNoResultsLabel"; "searchValue": "searchValue"; "selectAll": "selectAll"; "selectAllLabel": "selectAllLabel"; "selectionType": "selectionType"; "selectionTypeCounterText": "selectionTypeCounterText"; "selectionTypeCounterTextPluralMap": "selectionTypeCounterTextPluralMap"; "size": "size"; "value": "value"; "valid": "valid"; "virtualScroller": "virtualScroller"; "visibleItems": "visibleItems"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"], false>;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import { AfterContentInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
-import { MultiSelectOptionComponent } from '../multi-select-option/multi-select-option.component';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { MultiSelectOptionComponent } from '../multi-select-option/multi-select-option.component';
 import * as i0 from "@angular/core";
 export declare class MultiSelectOptgroupComponent implements AfterContentInit, OnChanges {
     static ngAcceptInputType_disabled: BooleanInput;

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

@@ -1,15 +1,15 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { MultiSelectService } from '../multi-select.service';
 import * as i0 from "@angular/core";
-export declare class MultiSelectOptionComponent implements AfterContentInit, FocusableOption, OnInit, OnDestroy {
-    private elementRef;
-    private renderer;
-    private changeDetectorRef;
-    private focusMonitor;
-    private multiSelectService;
-    constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
+export declare class MultiSelectOptionComponent implements AfterViewInit, FocusableOption, OnDestroy {
+    #private;
+    private readonly elementRef;
+    private readonly changeDetectorRef;
+    private readonly focusMonitor;
+    private readonly multiSelectService;
+    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_selected: BooleanInput;
     optionsStyle: ('checkbox' | 'text');
@@ -17,10 +17,14 @@ export declare class MultiSelectOptionComponent implements AfterContentInit, Foc
     value?: string;
     visible: boolean;
     selectedChange: EventEmitter<boolean>;
-    content?: ElementRef;
+    contentDiv?: ElementRef;
     hasContent: boolean;
-    private multiselectVisibleSubscription;
     private dropdownVisible;
+    private _generatedId;
+    /** The id of the option element. */
+    get id(): string;
+    set id(value: string);
+    private _id;
     set disabled(value: boolean);
     get disabled(): boolean;
     private _disabled;
@@ -34,16 +38,19 @@ export declare class MultiSelectOptionComponent implements AfterContentInit, Foc
         disabled: boolean;
         'd-none': boolean;
     };
+    private get role();
     private get tabIndex();
     private get ariaDisabled();
     private get ariaSelected();
+    onKeyDown($event: KeyboardEvent): void;
     onKeyUp($event: KeyboardEvent): void;
     private onClick;
-    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    /** Get the label for this element which is required by the FocusableOption interface. */
     getLabel(): string;
     focus(origin?: FocusOrigin): void;
     ngOnDestroy(): void;
-    ngOnInit(): void;
+    private setSubscriptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", never, { "optionsStyle": "optionsStyle"; "label": "label"; "value": "value"; "visible": "visible"; "disabled": "disabled"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": "optionsStyle"; "label": "label"; "value": "value"; "visible": "visible"; "id": "id"; "disabled": "disabled"; "selected": "selected"; "role": "role"; }, { "selectedChange": "selectedChange"; }, never, ["*"], false>;
 }

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

@@ -2,22 +2,29 @@ import { EventEmitter } from '@angular/core';
 export interface IMultiSelect {
     cleaner?: boolean;
     multiple?: boolean;
-    options?: any[];
+    options?: IOption[];
     optionsMaxHeight?: (number | string | 'auto');
     optionsStyle?: (string | 'checkbox' | 'text');
     placeholder?: string;
-    search?: boolean;
+    search?: boolean | 'external';
+    searchValue?: string;
+    searchValueChange?: EventEmitter<string>;
     searchNoResultsLabel?: string;
     selectAll?: boolean;
     selectAllLabel?: string;
     selectionType?: ('counter' | 'tags' | 'text');
     selectionTypeCounterText?: string;
+    value?: string | string[];
+    valueChange?: EventEmitter<string | string[]>;
+    virtualScroller?: boolean;
+    visibleItems?: number;
     visible?: boolean;
     visibleChange?: EventEmitter<boolean>;
 }
 export declare type TOptions = IOption[];
 export interface IOption {
     disabled?: boolean;
+    id?: string;
     label?: string;
     options?: TOptions;
     order?: number;

package/package.json

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