@coreui/angular-pro 4.0.0-alpha.4 → 4.0.0-alpha.8

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;
@@ -31,7 +34,6 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private _multiple;
     nativeName: string;
     nativeId: string;
-    options: never[];
     optionsMaxHeight: string;
     optionsStyle: 'checkbox' | 'text';
     placeholder: string;
@@ -41,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;
@@ -50,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;
@@ -66,17 +71,18 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         'form-multi-select': boolean;
         'form-multi-select-selection-tags': boolean;
         show: boolean;
+        disabled: boolean;
     };
     private get tabIndex();
     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;
@@ -86,16 +92,19 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    handleInputClick($event: MouseEvent): void;
     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"; "options": "options"; "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-native-select/multi-select-native-select.component.d.ts

@@ -7,7 +7,8 @@ export declare class MultiSelectNativeSelectComponent {
     multiple?: boolean;
     name?: string;
     options?: any;
+    disabled?: boolean;
     constructor(changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectNativeSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectNativeSelectComponent, "c-multi-select-native-select", never, { "form": "form"; "id": "id"; "multiple": "multiple"; "name": "name"; "options": "options"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectNativeSelectComponent, "c-multi-select-native-select", never, { "form": "form"; "id": "id"; "multiple": "multiple"; "name": "name"; "options": "options"; "disabled": "disabled"; }, {}, never, never>;
 }

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,21 +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;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    private _disabled;
-    set selected(value: boolean);
-    get selected(): boolean;
-    private _selected;
+    static ngAcceptInputType_selected: BooleanInput;
     optionsStyle: ('checkbox' | 'text');
     label?: string;
     value?: string;
@@ -23,23 +19,31 @@ 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;
+        [x: string]: boolean | undefined;
         'form-multi-select-option': boolean;
-        'form-multi-selected': boolean;
+        'form-multi-selected': boolean | undefined;
         disabled: boolean;
         'd-none': boolean;
     };
     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.4",
+  "version": "4.0.0-alpha.8",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/pro/angular",
   "author": {