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

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

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

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

@@ -0,0 +1,101 @@
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, ViewContainerRef } from '@angular/core';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+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";
+export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterContentInit, AfterViewInit, OnDestroy, OnInit {
+    private elementRef;
+    private renderer;
+    private ngZone;
+    private changeDetectorRef;
+    private viewContainerRef;
+    private focusMonitor;
+    private multiSelectService;
+    constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
+    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;
+    private _disabled;
+    set multiple(value: boolean);
+    get multiple(): boolean;
+    private _multiple;
+    nativeName: string;
+    nativeId: string;
+    options: never[];
+    optionsMaxHeight: string;
+    optionsStyle: 'checkbox' | 'text';
+    placeholder: string;
+    search: boolean;
+    searchNoResultsLabel: string;
+    selectAll: boolean;
+    selectAllLabel: string;
+    selectionType: 'counter' | 'tags' | 'text';
+    selectionTypeCounterText: string;
+    set value(value: string | string[]);
+    get value(): string | string[];
+    private _value;
+    readonly valueChange: EventEmitter<string | string[]>;
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    readonly visibleChange: EventEmitter<boolean>;
+    isDropdownVisible: boolean;
+    get selectedOptions(): any[];
+    private _selectedOptions;
+    get selectedOptionsText(): string;
+    get counterText(): string;
+    private multiselectStateSubscription;
+    private multiselectVisibleSubscription;
+    private multiSelectOptionsSubscription;
+    private focusMonitorSubscription;
+    multiSelectOptions: QueryList<MultiSelectOptionComponent>;
+    private listKeyManager;
+    inputElement: ElementRef;
+    dropdownElement: ElementRef;
+    get hostClasses(): {
+        'form-multi-select': boolean;
+        'form-multi-select-selection-tags': boolean;
+        show: boolean;
+    };
+    private get tabIndex();
+    private set tabIndex(value);
+    private _tabIndex;
+    onKeyUp($event: KeyboardEvent): void;
+    manage($event: KeyboardEvent): void;
+    onClick($event: MouseEvent): void;
+    visibleOptions: number;
+    set inputValue(value: string);
+    get inputValue(): string;
+    private _inputValue;
+    get subtreeFocused(): boolean;
+    set subtreeFocused(value: boolean);
+    private _subtreeFocused;
+    private nativeSelectRef;
+    focusOrigin(origin: FocusOrigin): boolean;
+    ngOnInit(): void;
+    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;
+    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"], ["*"]>;
+}

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

@@ -0,0 +1,13 @@
+import { ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MultiSelectNativeSelectComponent {
+    changeDetectorRef: ChangeDetectorRef;
+    form?: string;
+    id?: string;
+    multiple?: boolean;
+    name?: string;
+    options?: any;
+    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>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class MultiSelectOptgroupLabelComponent {
+    constructor();
+    get hostClasses(): {
+        'form-multi-select-optgroup-label': boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptgroupLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupLabelComponent, "c-multi-select-optgroup-label", never, {}, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class MultiSelectOptgroupComponent {
+    label?: string;
+    disabled?: boolean;
+    get hostClasses(): {
+        'form-multi-select-options': boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptgroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupComponent, "c-multi-select-optgroup", never, { "label": "label"; "disabled": "disabled"; }, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,45 @@
+import { AfterContentInit, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FocusableOption, FocusMonitor, FocusOrigin, Highlightable } from '@angular/cdk/a11y';
+import { MultiSelectService } from '../multi-select.service';
+import * as i0 from "@angular/core";
+export declare class MultiSelectOptionComponent implements AfterContentInit, FocusableOption, Highlightable {
+    private elementRef;
+    private renderer;
+    private focusMonitor;
+    private multiSelectService;
+    constructor(elementRef: ElementRef, renderer: Renderer2, 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;
+    optionsStyle: ('checkbox' | 'text');
+    label?: string;
+    value?: string;
+    visible: boolean;
+    selectedChange: EventEmitter<boolean>;
+    content?: ElementRef;
+    hasContent: boolean;
+    get hostClasses(): {
+        [x: string]: boolean;
+        'form-multi-select-option': boolean;
+        'form-multi-selected': boolean;
+        disabled: boolean;
+        'd-none': boolean;
+    };
+    private get tabIndex();
+    private get ariaDisabled();
+    private get ariaSelected();
+    onKeyUp($event: KeyboardEvent): void;
+    onClick(): void;
+    ngAfterContentInit(): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    focus(origin?: FocusOrigin): 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, ["*"]>;
+}

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

@@ -0,0 +1,21 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IOption } from '../multi-select.type';
+import { MultiSelectService } from '../multi-select.service';
+import * as i0 from "@angular/core";
+export declare class MultiSelectTagComponent implements OnDestroy, OnInit {
+    private multiSelectService;
+    constructor(multiSelectService: MultiSelectService);
+    private multiselectVisibleSubscription;
+    multiselectVisible: boolean;
+    option?: IOption;
+    remove: EventEmitter<IOption>;
+    get hostClasses(): {
+        'form-multi-select-tag': boolean;
+    };
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleRemove($event: any): void;
+    private multiselectSubscribe;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTagComponent, "c-multi-select-tag", never, { "option": "option"; }, { "remove": "remove"; }, never, ["*"]>;
+}

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

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

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

@@ -0,0 +1,12 @@
+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;
+    toggleVisible(visible: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MultiSelectService>;
+}

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

@@ -0,0 +1,34 @@
+import { EventEmitter } from '@angular/core';
+export interface IMultiSelect {
+    cleaner?: boolean;
+    multiple?: boolean;
+    options?: any[];
+    optionsMaxHeight?: (number | string | 'auto');
+    optionsStyle?: (string | 'checkbox' | 'text');
+    placeholder?: string;
+    search?: boolean;
+    searchNoResultsLabel?: string;
+    selectAll?: boolean;
+    selectAllLabel?: string;
+    selectionType?: ('counter' | 'tags' | 'text');
+    selectionTypeCounterText?: string;
+    visible?: boolean;
+    visibleChange?: EventEmitter<boolean>;
+}
+export declare type TOptions = IOption[];
+export interface IOption {
+    disabled?: boolean;
+    label?: string;
+    options?: TOptions;
+    order?: number;
+    selected?: boolean;
+    text?: string;
+    value?: number | string;
+}
+export interface IMultiSelectOptions {
+    handleOptionClick?: (option: IOption) => void;
+    options?: IOption[];
+    optionsMaxHeight?: number | string;
+    optionsStyle?: 'checkbox' | 'text';
+    searchNoResultsLabel?: string;
+}

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

@@ -0,0 +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';

package/package.json

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

package/public-api.d.ts

@@ -19,6 +19,7 @@ export * from './lib/header';
 export * from './lib/image';
 export * from './lib/list-group';
 export * from './lib/loading-button';
+export * from './lib/multi-select';
 export * from './lib/nav';
 export * from './lib/navbar';
 export * from './lib/modal';