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

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,110 @@
+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";
+interface IPluralMap {
+    [k: string]: string;
+}
+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);
+    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;
+    cleaner: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    set multiple(value: boolean);
+    get multiple(): boolean;
+    private _multiple;
+    nativeName: string;
+    nativeId: string;
+    optionsMaxHeight: string;
+    optionsStyle: 'checkbox' | 'text';
+    placeholder: string;
+    search: boolean;
+    searchNoResultsLabel: string;
+    selectAll: boolean;
+    selectAllLabel: string;
+    selectionType: 'counter' | 'tags' | 'text';
+    selectionTypeCounterText: string;
+    selectionTypeCounterTextPluralMap?: IPluralMap;
+    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;
+    set selectedOptions(value: any[]);
+    get selectedOptions(): any[];
+    private _selectedOptions;
+    get selectedOptionsText(): string;
+    get counterText(): string;
+    get counterTextType(): 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;
+        disabled: boolean;
+    };
+    private get tabIndex();
+    private set tabIndex(value);
+    private _tabIndex;
+    onKeyUp($event: KeyboardEvent): void;
+    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;
+    private nativeSelectRef;
+    focusOrigin(origin: FocusOrigin): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    private multiselectSubscribe;
+    clearAllOptions($event: MouseEvent): void;
+    selectAllOptions(): void;
+    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"; "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

@@ -0,0 +1,14 @@
+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;
+    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"; "disabled": "disabled"; }, {}, 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,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 implements AfterContentInit, OnChanges {
+    static ngAcceptInputType_disabled: BooleanInput;
+    label?: string;
+    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"; }, {}, ["multiSelectOptions"], ["*"]>;
+}

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

@@ -0,0 +1,49 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } 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);
+    static ngAcceptInputType_disabled: BooleanInput;
+    static ngAcceptInputType_selected: BooleanInput;
+    optionsStyle: ('checkbox' | 'text');
+    label?: string;
+    value?: string;
+    visible: boolean;
+    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;
+        'form-multi-selected': boolean | undefined;
+        disabled: boolean;
+        'd-none': boolean;
+    };
+    private get tabIndex();
+    private get ariaDisabled();
+    private get ariaSelected();
+    onKeyDown($event: KeyboardEvent): void;
+    private onClick;
+    ngAfterContentInit(): 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, { "optionsStyle": "optionsStyle"; "label": "label"; "value": "value"; "visible": "visible"; "disabled": "disabled"; "selected": "selected"; }, { "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/lib/nav/nav-link.directive.d.ts

@@ -27,6 +27,7 @@ export declare class NavLinkDirective {
     get isDisabled(): boolean | null;
     get attrDisabled(): "" | null;
     get getTabindex(): string | null;
+    get getCursorStyle(): string | null;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavLinkDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[cNavLink]", never, { "cNavLink": "cNavLink"; "active": "active"; "disabled": "disabled"; }, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.6",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/pro/angular",
   "author": {
@@ -16,14 +16,14 @@
     }
   ],
   "dependencies": {
-    "@popperjs/core": "^2.10.2",
+    "@popperjs/core": "^2.11.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/cdk": "^12.2.0",
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@angular/router": "^12.2.0"
+    "@angular/cdk": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/router": "^13.0.0"
   },
   "repository": {
     "type": "git",
@@ -42,11 +42,25 @@
     "component",
     "components"
   ],
-  "main": "bundles/coreui-angular-pro.umd.js",
-  "module": "fesm2015/coreui-angular-pro.js",
-  "es2015": "fesm2015/coreui-angular-pro.js",
-  "esm2015": "esm2015/coreui-angular-pro.js",
-  "fesm2015": "fesm2015/coreui-angular-pro.js",
+  "eslintConfig": {},
+  "module": "fesm2015/coreui-angular-pro.mjs",
+  "es2020": "fesm2020/coreui-angular-pro.mjs",
+  "esm2020": "esm2020/coreui-angular-pro.mjs",
+  "fesm2020": "fesm2020/coreui-angular-pro.mjs",
+  "fesm2015": "fesm2015/coreui-angular-pro.mjs",
   "typings": "coreui-angular-pro.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./coreui-angular-pro.d.ts",
+      "esm2020": "./esm2020/coreui-angular-pro.mjs",
+      "es2020": "./fesm2020/coreui-angular-pro.mjs",
+      "es2015": "./fesm2015/coreui-angular-pro.mjs",
+      "node": "./fesm2015/coreui-angular-pro.mjs",
+      "default": "./fesm2020/coreui-angular-pro.mjs"
+    }
+  },
   "sideEffects": false
 }

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';