@coreui/angular-pro 4.4.0-next.0 → 4.4.0

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

@@ -1,9 +1,12 @@
-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 { 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 } from 'rxjs';
 import { Modifier, Options } from '@popperjs/core';
-import { IMultiSelect, IOption } from '../multi-select.type';
+import { TemplateIdDirective } from '../../shared';
+import { IMultiSelect, IOption, SearchFn } from '../multi-select.type';
 import { MultiSelectService } from '../multi-select.service';
 import { MultiSelectOptionComponent } from '../multi-select-option/multi-select-option.component';
 import * as i0 from "@angular/core";
@@ -11,7 +14,8 @@ interface IPluralMap {
     [k: string]: string;
 }
 export declare const observeReferenceModifier: Modifier<string, any>;
-export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnChanges, OnDestroy, OnInit {
+export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, OnInit {
+    #private;
     private elementRef;
     private renderer;
     private ngZone;
@@ -24,29 +28,136 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private readonly differ;
     static ngAcceptInputType_multiple: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
-    onChange: any;
+    static ngAcceptInputType_virtualScroller: BooleanInput;
+    readonly optionsArray$: BehaviorSubject<IOption[]>;
+    readonly optionsSelected$: BehaviorSubject<IOption[]>;
+    readonly optionsSelected: Map<any, IOption>;
+    readonly value$: BehaviorSubject<string[]>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
     writeValue(value: (string | string[])): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    /**
+     * Enables selection cleaner element
+     * @type boolean
+     * @default true
+     */
     cleaner: boolean;
+    /**
+     * Disables multi-select component
+     * @type boolean
+     * @default false
+     */
     set disabled(value: boolean);
     get disabled(): boolean;
     private _disabled;
+    /**
+     * Specifies that multiple options can be selected at once
+     * @type boolean
+     * @default false
+     */
     set multiple(value: boolean);
     get multiple(): boolean;
     private _multiple;
-    nativeName: string;
+    /**
+     * Hidden native select form
+     * @type string
+     * @default ''
+     */
+    nativeFormId: string;
+    /**
+     * Hidden native select id
+     * @type string
+     * @default ''
+     */
     nativeId: string;
+    /**
+     * Hidden native select name
+     * @type string
+     * @default ''
+     */
+    nativeName: string;
+    /**
+     * List of option elements
+     * @type IOption[]
+     * @default []
+     */
+    set options(options: IOption[]);
+    get options(): IOption[];
+    /**
+     * Sets maxHeight of options list in px
+     * @type (string | number)
+     * @default 'auto'
+     */
     optionsMaxHeight: string;
-    optionsStyle: 'checkbox' | 'text';
+    /**
+     * Sets option style
+     * @type 'checkbox' | 'text'
+     * @default 'checkbox'
+     */
+    set optionsStyle(value: 'checkbox' | 'text');
+    /**
+     * Specifies a short hint that is visible in the search input
+     * @type string
+     * @default 'Select...'
+     */
     placeholder: string;
-    search: boolean;
+    /**
+     * Enables search input element
+     * @type boolean | SearchFn | 'external'
+     * @default true
+     */
+    search: (boolean | 'external' | SearchFn);
+    /**
+     * Sets the label for no results when filtering
+     * @type string
+     * @default 'no items'
+     */
     searchNoResultsLabel: string;
+    /**
+     * Sets initial search string
+     * @type string
+     * @default ''
+     */
+    set searchValue(value: string);
+    get searchValue(): string;
+    private _searchValue;
+    /**
+     * Emits searchValue string for external filtering
+     * @type string
+     */
+    readonly searchValueChange: EventEmitter<string>;
+    /**
+     * Enables select all button
+     * @type boolean
+     * @default true
+     */
     selectAll: boolean;
+    /**
+     * Sets the select all button label
+     * @type string
+     * @default 'Select all options'
+     */
     selectAllLabel: string;
+    /**
+     * Selection type
+     * @type 'counter' | 'tags' | 'text'
+     * @default 'tags'
+     */
     selectionType: 'counter' | 'tags' | 'text';
+    /**
+     * Counter selection label value
+     * @type string
+     * @default 'item(s) selected'
+     */
     selectionTypeCounterText: string;
+    /**
+     * Counter selection label plural map for I18nPluralPipe
+     * @type IPluralMap
+     * @default { '=1': 'item selected', 'other': 'items selected' }
+     */
     selectionTypeCounterTextPluralMap?: IPluralMap;
     /**
      * Size the component small or large.
@@ -55,10 +166,14 @@ 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[];
-    private _value;
+    /**
+     * Emits valueChange
+     * @type string | string[]
+     */
     readonly valueChange: EventEmitter<string | string[]>;
     /**
      * Toggle visual validation feedback.
@@ -66,6 +181,34 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default undefined
      */
     valid?: boolean;
+    /**
+     * Enable virtual scroller for options list.
+     * @type boolean
+     * @default false
+     */
+    set virtualScroller(value: boolean);
+    get virtualScroller(): boolean;
+    private _virtualScroller;
+    /**
+     * Amount of visible options, if set - overwrites optionsMaxHeight
+     * @type number
+     * @default 8
+     */
+    set visibleItems(value: number);
+    get visibleItems(): number;
+    private _visibleItems;
+    /**
+     * The size of the option item in the list (in pixels).
+     * @type number
+     * @default 40
+     */
+    itemSize: number;
+    /**
+     * Min width of the options list (in pixels).
+     * @type number
+     * @default 196
+     */
+    itemMinWidth: number;
     /**
      * Toggle the visibility of the dropdown select component.
      * @type boolean
@@ -74,6 +217,10 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     set visible(value: boolean);
     get visible(): boolean;
     private _visible;
+    /**
+     * Emits visibleChange
+     * @type boolean
+     */
     readonly visibleChange: EventEmitter<boolean>;
     /**
      * Optional popper Options object
@@ -81,22 +228,25 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      */
     popperjsOptions: Partial<Options>;
     isDropdownVisible: boolean;
-    set selectedOptions(value: any[]);
-    get selectedOptions(): any[];
-    private _selectedOptions;
+    get selectedOptions(): IOption[];
     get selectedOptionsText(): string;
     get counterText(): string;
     get counterTextType(): string;
-    private multiselectStateSubscription;
-    private multiselectVisibleSubscription;
-    private multiSelectOptionsSubscription;
     private focusMonitorSubscription;
-    multiSelectOptions: QueryList<MultiSelectOptionComponent>;
+    multiSelectOptionsContent: QueryList<MultiSelectOptionComponent>;
+    multiSelectOptionsView: QueryList<MultiSelectOptionComponent>;
+    scrollViewportView: QueryList<CdkVirtualScrollViewport>;
+    optionsElementRef: ElementRef;
+    protected scrollViewport: CdkVirtualScrollViewport;
+    protected templates: {
+        [id: string]: TemplateRef<any>;
+    };
+    contentTemplates: QueryList<TemplateIdDirective>;
     private listKeyManager;
     inputElement: ElementRef;
     dropdownMenu: ElementRef;
-    dropdownToggle: ElementRef;
     dropdown: ElementRef;
+    dropdownToggle: ElementRef;
     get hostClasses(): {
         disabled: boolean;
     };
@@ -110,6 +260,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,34 +268,39 @@ 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);
+    set subtreeFocused(focused: boolean);
     private _subtreeFocused;
     private nativeSelectRef;
     focusOrigin(origin: FocusOrigin): boolean;
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    ngAfterContentInit(): void;
+    makeOptions(options: IOption[]): void;
     ngAfterViewInit(): void;
+    private tabTarget;
     private multiselectSubscribe;
-    selectOptions(): void;
     clearAllOptions($event?: MouseEvent): void;
     selectAllOptions(): void;
-    handleTagRemove($event: IOption): void;
+    handleTagRemove(value: any): void;
     setFocus(origin?: FocusOrigin, methodName?: string): void;
     filterOptions(value: string): void;
     createNativeSelect(): void;
     updateNativeSelect(): void;
     inputElementSize(): void;
     handleSearchKeyDown($event: KeyboardEvent): void;
-    private selectOption;
-    private selectedOptionsUpdate;
     private setFocusMonitor;
+    activeOption: (FocusableOption & MultiSelectOptionComponent) | null;
+    handleScrolledIndexChange(scrolledIndex: number, scrollViewport: CdkVirtualScrollViewport): void;
+    trackByFn(index: number, option: IOption): string;
+    handleSearchValueChange(searchValue: string): void;
+    private setVirtualScroller;
+    private setListKeyManager;
+    get firstFocusableItem(): MultiSelectOptionComponent | undefined;
+    private setFirstItemActive;
+    updateActiveItem(index: number): void;
+    updateActiveItem<T extends (MultiSelectOptionComponent & FocusableOption)>(item: T): void;
     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"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "c-multi-select", ["cMultiSelect"], { "cleaner": "cleaner"; "disabled": "disabled"; "multiple": "multiple"; "nativeFormId": "nativeFormId"; "nativeId": "nativeId"; "nativeName": "nativeName"; "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"; "itemSize": "itemSize"; "itemMinWidth": "itemMinWidth"; "visible": "visible"; "popperjsOptions": "popperOptions"; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
 }
 export {};

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

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class MultiSelectOptgroupLabelComponent {
+    constructor();
     get hostClasses(): {
         'form-multi-select-optgroup-label': boolean;
     };

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

@@ -1,49 +1,98 @@
-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;
+    readonly elementRef: 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;
+    /**
+     * Option style
+     * @type ('checkbox' | 'text')
+     * @default 'checkbox'
+     */
     optionsStyle: ('checkbox' | 'text');
+    /**
+     * Option label
+     * @type string
+     * @default undefined
+     */
     label?: string;
-    value?: string;
+    /**
+     * Option inner text
+     * @type string
+     * @default undefined
+     */
+    text?: string;
+    /**
+     * Option visible.
+     * @type boolean
+     * @default true
+     */
     visible: boolean;
-    selectedChange: EventEmitter<boolean>;
-    content?: ElementRef;
-    hasContent: boolean;
-    private multiselectVisibleSubscription;
-    private dropdownVisible;
+    /**
+     * Option disabled.
+     * @type boolean
+     * @default false
+     */
     set disabled(value: boolean);
     get disabled(): boolean;
-    private _disabled;
+    /**
+     * Option selected.
+     * @type boolean
+     * @default false
+     */
     set selected(value: (boolean | undefined));
     get selected(): (boolean | undefined);
-    private _selected;
+    /**
+     * Emits option selected change
+     * @type boolean
+     */
+    readonly selectedChange: EventEmitter<boolean>;
+    /**
+     * Option value.
+     * @type string
+     * @default undefined
+     */
+    set value(value: string);
+    get value(): string;
+    private contentDiv?;
+    hasContent: boolean;
+    set active(value: (boolean | undefined));
+    get active(): (boolean | undefined);
+    readonly focusChange: EventEmitter<MultiSelectOptionComponent>;
+    private get role();
     get hostClasses(): {
         [x: string]: boolean | undefined;
         'form-multi-select-option': boolean;
         'form-multi-selected': boolean | undefined;
         disabled: boolean;
         'd-none': boolean;
+        active: boolean | undefined;
+        focused: boolean;
     };
     private get tabIndex();
+    private set tabIndex(value);
     private get ariaDisabled();
     private get ariaSelected();
-    onKeyUp($event: KeyboardEvent): void;
+    private set ariaSelected(value);
+    onKeyDown($event: KeyboardEvent): void;
+    private onBlur;
+    private onFocus;
+    private onKeyUp;
     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, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": "optionsStyle"; "label": "label"; "text": "text"; "visible": "visible"; "disabled": "disabled"; "selected": "selected"; "value": "value"; "active": "active"; "role": "role"; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
 }

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

@@ -7,11 +7,14 @@ export declare class MultiSelectTagComponent {
     constructor(multiSelectService: MultiSelectService);
     multiselectVisible$: import("rxjs").Observable<boolean>;
     option?: IOption;
+    disabled: boolean;
+    label?: string;
+    value?: any;
     remove: EventEmitter<IOption>;
     get hostClasses(): {
         'form-multi-select-tag': boolean;
     };
-    handleRemove($event: any): void;
+    handleRemove($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTagComponent, "c-multi-select-tag", never, { "option": "option"; }, { "remove": "remove"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTagComponent, "c-multi-select-tag", never, { "option": "option"; "disabled": "disabled"; "label": "label"; "value": "value"; }, { "remove": "remove"; }, never, never, true, never>;
 }

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

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

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

@@ -1,12 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { MultiSelectOptionComponent } from './multi-select-option/multi-select-option.component';
 import * as i0 from "@angular/core";
-export declare class MultiSelectService {
-    constructor();
-    private multiSelectState;
-    multiSelectState$: import("rxjs").Observable<any>;
-    private multiSelectVisible;
-    multiSelectVisible$: import("rxjs").Observable<boolean>;
-    toggleOption(option: any): void;
+export declare class MultiSelectService implements OnDestroy {
+    #private;
+    ngOnDestroy(): void;
+    optionsStyle: 'checkbox' | 'text';
+    selectionModel: SelectionModel<any>;
+    setSelectionModel(multiple?: boolean, initiallySelectedValues?: string[]): void;
+    private readonly multiSelectVisible;
+    readonly multiSelectVisible$: import("rxjs").Observable<boolean>;
     toggleVisible(visible: boolean): void;
+    private readonly multiSelectFocus;
+    readonly multiSelectFocus$: import("rxjs").Observable<MultiSelectOptionComponent>;
+    focusChange(option: MultiSelectOptionComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MultiSelectService>;
 }

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

@@ -1,29 +1,38 @@
 import { EventEmitter } from '@angular/core';
+export type SearchFn = ((option: IOption, searchValue: string) => boolean);
 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' | SearchFn;
+    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 type TOptions = IOption[];
 export interface IOption {
     disabled?: boolean;
+    id?: string;
     label?: string;
     options?: TOptions;
     order?: number;
     selected?: boolean;
     text?: string;
-    value?: number | string;
+    value: string;
+    visible?: boolean;
 }
 export interface IMultiSelectOptions {
     handleOptionClick?: (option: IOption) => void;

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

@@ -1,6 +1,6 @@
 export { MultiSelectOptgroupLabelComponent } from './multi-select-optgroup/multi-select-optgroup-label.component';
 export { MultiSelectOptgroupComponent } from './multi-select-optgroup/multi-select-optgroup.component';
 export { MultiSelectOptionComponent } from './multi-select-option/multi-select-option.component';
-export { MultiSelectTagComponent } from './multi-select-tag/multi-select-tag.component';
 export { MultiSelectComponent } from './multi-select/multi-select.component';
 export { MultiSelectModule } from './multi-select.module';
+export { IOption, SearchFn } from './multi-select.type';

package/lib/nav/nav.module.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./nav.component";
-import * as i3 from "./nav-item.component";
-import * as i4 from "./nav-link.directive";
+import * as i1 from "./nav.component";
+import * as i2 from "./nav-item.component";
+import * as i3 from "./nav-link.directive";
 export declare class NavModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof i1.CommonModule, typeof i2.NavComponent, typeof i3.NavItemComponent, typeof i4.NavLinkDirective], [typeof i2.NavComponent, typeof i3.NavItemComponent, typeof i4.NavLinkDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof i1.NavComponent, typeof i2.NavItemComponent, typeof i3.NavLinkDirective], [typeof i1.NavComponent, typeof i2.NavItemComponent, typeof i3.NavLinkDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavModule>;
 }

package/lib/navbar/navbar.module.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./navbar-brand/navbar-brand.directive";
-import * as i3 from "./navbar.component";
-import * as i4 from "./navbar-nav/navbar-nav.component";
-import * as i5 from "./navbar-text/navbar-text.component";
-import * as i6 from "./navbar-toggler/navbar-toggler.directive";
-import * as i7 from "@angular/router";
+import * as i1 from "./navbar-brand/navbar-brand.directive";
+import * as i2 from "./navbar.component";
+import * as i3 from "./navbar-nav/navbar-nav.component";
+import * as i4 from "./navbar-text/navbar-text.component";
+import * as i5 from "./navbar-toggler/navbar-toggler.directive";
 export declare class NavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarModule, never, [typeof i1.CommonModule, typeof i2.NavbarBrandDirective, typeof i3.NavbarComponent, typeof i4.NavbarNavComponent, typeof i5.NavbarTextComponent, typeof i6.NavbarTogglerDirective, typeof i7.RouterModule], [typeof i2.NavbarBrandDirective, typeof i3.NavbarComponent, typeof i4.NavbarNavComponent, typeof i5.NavbarTextComponent, typeof i6.NavbarTogglerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarModule, never, [typeof i1.NavbarBrandDirective, typeof i2.NavbarComponent, typeof i3.NavbarNavComponent, typeof i4.NavbarTextComponent, typeof i5.NavbarTogglerDirective], [typeof i1.NavbarBrandDirective, typeof i2.NavbarComponent, typeof i3.NavbarNavComponent, typeof i4.NavbarTextComponent, typeof i5.NavbarTogglerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavbarModule>;
 }

package/lib/offcanvas/offcanvas.module.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/a11y";
-import * as i3 from "./offcanvas-body/offcanvas-body.component";
-import * as i4 from "./offcanvas/offcanvas.component";
-import * as i5 from "./offcanvas-header/offcanvas-header.component";
-import * as i6 from "./offcanvas-title/offcanvas-title.directive";
-import * as i7 from "./offcanvas-toggle/offcanvas-toggle.directive";
+import * as i1 from "./offcanvas-body/offcanvas-body.component";
+import * as i2 from "./offcanvas/offcanvas.component";
+import * as i3 from "./offcanvas-header/offcanvas-header.component";
+import * as i4 from "./offcanvas-title/offcanvas-title.directive";
+import * as i5 from "./offcanvas-toggle/offcanvas-toggle.directive";
 export declare class OffcanvasModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OffcanvasModule, never, [typeof i1.CommonModule, typeof i2.A11yModule, typeof i3.OffcanvasBodyComponent, typeof i4.OffcanvasComponent, typeof i5.OffcanvasHeaderComponent, typeof i6.OffcanvasTitleDirective, typeof i7.OffcanvasToggleDirective], [typeof i3.OffcanvasBodyComponent, typeof i4.OffcanvasComponent, typeof i5.OffcanvasHeaderComponent, typeof i6.OffcanvasTitleDirective, typeof i7.OffcanvasToggleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OffcanvasModule, never, [typeof i1.OffcanvasBodyComponent, typeof i2.OffcanvasComponent, typeof i3.OffcanvasHeaderComponent, typeof i4.OffcanvasTitleDirective, typeof i5.OffcanvasToggleDirective], [typeof i1.OffcanvasBodyComponent, typeof i2.OffcanvasComponent, typeof i3.OffcanvasHeaderComponent, typeof i4.OffcanvasTitleDirective, typeof i5.OffcanvasToggleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OffcanvasModule>;
 }

package/lib/pagination/pagination.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./page-item/page-item.component";
-import * as i3 from "./page-item/page-item.directive";
-import * as i4 from "./page-link/page-link.directive";
-import * as i5 from "./pagination/pagination.component";
+import * as i1 from "./page-item/page-item.component";
+import * as i2 from "./page-item/page-item.directive";
+import * as i3 from "./page-link/page-link.directive";
+import * as i4 from "./pagination/pagination.component";
 export declare class PaginationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, never, [typeof i1.CommonModule, typeof i2.PageItemComponent, typeof i3.PageItemDirective, typeof i4.PageLinkDirective, typeof i5.PaginationComponent], [typeof i2.PageItemComponent, typeof i3.PageItemDirective, typeof i4.PageLinkDirective, typeof i5.PaginationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, never, [typeof i1.PageItemComponent, typeof i2.PageItemDirective, typeof i3.PageLinkDirective, typeof i4.PaginationComponent], [typeof i1.PageItemComponent, typeof i2.PageItemDirective, typeof i3.PageLinkDirective, typeof i4.PaginationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
 }