@coreui/angular-pro 4.0.0-alpha.5 → 4.0.0-alpha.6

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

@@ -6,6 +6,9 @@ import { IMultiSelect, IOption } 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";
+interface IPluralMap {
+    [k: string]: string;
+}
 export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnDestroy, OnInit {
     private elementRef;
     private renderer;
@@ -15,13 +18,13 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private focusMonitor;
     private multiSelectService;
     constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
+    static ngAcceptInputType_multiple: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
     onChange: any;
     writeValue(value: (string | string[])): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ngAcceptInputType_multiple: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
     cleaner: boolean;
     set disabled(value: boolean);
     get disabled(): boolean;
@@ -40,6 +43,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     selectAllLabel: string;
     selectionType: 'counter' | 'tags' | 'text';
     selectionTypeCounterText: string;
+    selectionTypeCounterTextPluralMap?: IPluralMap;
     set value(value: string | string[]);
     get value(): string | string[];
     private _value;
@@ -49,10 +53,12 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private _visible;
     readonly visibleChange: EventEmitter<boolean>;
     isDropdownVisible: boolean;
+    set selectedOptions(value: any[]);
     get selectedOptions(): any[];
     private _selectedOptions;
     get selectedOptionsText(): string;
     get counterText(): string;
+    get counterTextType(): string;
     private multiselectStateSubscription;
     private multiselectVisibleSubscription;
     private multiSelectOptionsSubscription;
@@ -71,12 +77,12 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private set tabIndex(value);
     private _tabIndex;
     onKeyUp($event: KeyboardEvent): void;
-    manage($event: KeyboardEvent): void;
+    onKeyDown($event: KeyboardEvent): void;
     onClick($event: MouseEvent): void;
     visibleOptions: number;
-    set inputValue(value: string);
-    get inputValue(): string;
-    private _inputValue;
+    set searchValue(value: string);
+    get searchValue(): string;
+    private _searchValue;
     get subtreeFocused(): boolean;
     set subtreeFocused(value: boolean);
     private _subtreeFocused;
@@ -89,12 +95,16 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private multiselectSubscribe;
     clearAllOptions($event: MouseEvent): void;
     selectAllOptions(): void;
-    private clearListeners;
     handleTagRemove($event: IOption): void;
     setFocus(): void;
     filterOptions(value: string): void;
     createNativeSelect(): void;
     updateNativeSelect(): void;
+    inputElementSize(): void;
+    handleSearchKeyDown($event: KeyboardEvent): void;
+    private selectOption;
+    private selectedOptionsUpdate;
     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"; "value": "value"; "visible": "visible"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"]>;
+    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"; "value": "value"; "visible": "visible"; }, { "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptions"], ["*"]>;
 }
+export {};

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

@@ -1,10 +1,20 @@
+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 * as i0 from "@angular/core";
-export declare class MultiSelectOptgroupComponent {
+export declare class MultiSelectOptgroupComponent implements AfterContentInit, OnChanges {
+    static ngAcceptInputType_disabled: BooleanInput;
     label?: string;
-    disabled?: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    multiSelectOptions: QueryList<MultiSelectOptionComponent>;
     get hostClasses(): {
         'form-multi-select-options': boolean;
     };
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateMultiSelectOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptgroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupComponent, "c-multi-select-optgroup", never, { "label": "label"; "disabled": "disabled"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupComponent, "c-multi-select-optgroup", never, { "label": "label"; "disabled": "disabled"; }, {}, ["multiSelectOptions"], ["*"]>;
 }

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

@@ -1,22 +1,17 @@
-import { AfterContentInit, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { FocusableOption, FocusMonitor, FocusOrigin, Highlightable } from '@angular/cdk/a11y';
+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, Highlightable {
+export declare class MultiSelectOptionComponent implements AfterContentInit, FocusableOption, OnInit, OnDestroy {
     private elementRef;
     private renderer;
+    private changeDetectorRef;
     private focusMonitor;
     private multiSelectService;
-    constructor(elementRef: ElementRef, renderer: Renderer2, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
+    constructor(elementRef: ElementRef, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_selected: BooleanInput;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
-    set selected(value: (boolean | undefined));
-    get selected(): (boolean | undefined);
-    private _selected;
     optionsStyle: ('checkbox' | 'text');
     label?: string;
     value?: string;
@@ -24,6 +19,14 @@ export declare class MultiSelectOptionComponent implements AfterContentInit, Foc
     selectedChange: EventEmitter<boolean>;
     content?: ElementRef;
     hasContent: boolean;
+    private multiselectVisibleSubscription;
+    private dropdownVisible;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    set selected(value: (boolean | undefined));
+    get selected(): (boolean | undefined);
+    private _selected;
     get hostClasses(): {
         [x: string]: boolean | undefined;
         'form-multi-select-option': boolean;
@@ -34,13 +37,13 @@ export declare class MultiSelectOptionComponent implements AfterContentInit, Foc
     private get tabIndex();
     private get ariaDisabled();
     private get ariaSelected();
-    onKeyUp($event: KeyboardEvent): void;
-    onClick(): void;
+    onKeyDown($event: KeyboardEvent): void;
+    private onClick;
     ngAfterContentInit(): void;
-    setActiveStyles(): void;
-    setInactiveStyles(): void;
     getLabel(): string;
     focus(origin?: FocusOrigin): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", never, { "disabled": "disabled"; "selected": "selected"; "optionsStyle": "optionsStyle"; "label": "label"; "value": "value"; "visible": "visible"; }, { "selectedChange": "selectedChange"; }, 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, ["*"]>;
 }

package/package.json

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