@coreui/angular-pro 4.7.3 → 4.7.5

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

@@ -1,7 +1,6 @@
 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, Observable } from 'rxjs';
 import { Modifier, Options } from '@popperjs/core';
@@ -14,7 +13,7 @@ interface IPluralMap {
     [k: string]: string;
 }
 export declare const observeReferenceModifier: Modifier<string, any>;
-export declare class MultiSelectComponent implements IMultiSelect, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, OnInit {
+export declare class MultiSelectComponent<T extends string | number> implements IMultiSelect<T>, ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy, OnInit {
     #private;
     private elementRef;
     private renderer;
@@ -25,22 +24,15 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private multiSelectService;
     private iterableDiffers;
     constructor(elementRef: ElementRef, renderer: Renderer2, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewContainerRef: ViewContainerRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService, iterableDiffers: IterableDiffers);
-    private destroyRef;
     private readonly differ;
-    static ngAcceptInputType_allowCreateOptions: BooleanInput;
-    static ngAcceptInputType_clearSearchOnSelect: BooleanInput;
-    static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_loading: BooleanInput;
-    static ngAcceptInputType_multiple: BooleanInput;
-    static ngAcceptInputType_virtualScroller: BooleanInput;
     readonly optionsArray$: Observable<IOption[]>;
     readonly userOptionsArray$: BehaviorSubject<IOption[]>;
     readonly optionsSelected$: BehaviorSubject<IOption[]>;
     readonly optionsSelected: Map<any, IOption>;
-    readonly value$: BehaviorSubject<string[]>;
+    readonly value$: BehaviorSubject<T[]>;
     onChange: (value: any) => void;
     onTouched: () => void;
-    writeValue(value: (string | string[])): void;
+    writeValue(value: T | T[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -50,22 +42,20 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default false
      * @since 4.5.11
      */
-    set allowCreateOptions(value: boolean);
-    get allowCreateOptions(): boolean;
+    allowCreateOptions: boolean;
     /**
      * Enables selection cleaner element
      * @type boolean
-     * @default true
+     * @default true | 'active'
      */
-    cleaner: boolean;
+    cleaner: boolean | 'active';
     /**
      * Clear current search on selecting an item
      * @type boolean
      * @default false
      * @since 4.5.11
      */
-    set clearSearchOnSelect(value: boolean);
-    get clearSearchOnSelect(): boolean;
+    clearSearchOnSelect: boolean;
     /**
      * Disables multi-select component
      * @type boolean
@@ -195,15 +185,15 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     size?: 'sm' | 'lg';
     /**
      * Initial value of multi-select
-     * @type string | string[]
+     * @type T | T[]
      */
-    set value(value: string | string[]);
-    get value(): string | string[];
+    set value(value: T | T[]);
+    get value(): T | T[];
     /**
      * Emits valueChange
-     * @type string | string[]
+     * @type T | T[]
      */
-    readonly valueChange: EventEmitter<string | string[]>;
+    readonly valueChange: EventEmitter<T | T[]>;
     /**
      * Toggle visual validation feedback.
      * @type boolean | undefined
@@ -261,6 +251,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     get selectedOptionsText(): string;
     get counterText(): string;
     get counterTextType(): string;
+    get counterPlaceholderText(): string | null;
     private focusMonitorSubscription;
     multiSelectOptionsContent: QueryList<MultiSelectOptionComponent>;
     multiSelectOptionsView: QueryList<MultiSelectOptionComponent>;
@@ -280,10 +271,11 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         disabled: boolean;
     };
     get multiselectClasses(): {
-        [x: string]: boolean;
+        [x: string]: boolean | "text" | "active" | "counter" | "tags";
         'form-multi-select': boolean;
         'form-multi-select-selection-tags': boolean;
-        'form-multi-select-with-cleaner': boolean;
+        'form-multi-select-with-cleaner': boolean | "active";
+        multiple: boolean;
         show: boolean;
         disabled: boolean;
         'is-valid': boolean;
@@ -325,7 +317,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     private setFocusMonitor;
     activeOption: (FocusableOption & MultiSelectOptionComponent) | null;
     handleScrolledIndexChange(scrolledIndex: number, scrollViewport: CdkVirtualScrollViewport): void;
-    trackByFn(index: number, option: IOption): string;
+    trackByFn(index: number, option: IOption): string | number;
     handleSearchValueChange(searchValue: string): void;
     private setVirtualScroller;
     private setListKeyManager;
@@ -333,8 +325,16 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     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"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
+    updateActiveItem<TItem extends (MultiSelectOptionComponent & FocusableOption)>(item: TItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperjsOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;
+    static ngAcceptInputType_allowCreateOptions: unknown;
+    static ngAcceptInputType_clearSearchOnSelect: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_virtualScroller: unknown;
+    static ngAcceptInputType_visibleItems: unknown;
+    static ngAcceptInputType_visible: unknown;
 }
 export {};

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

@@ -54,11 +54,11 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     readonly selectedChange: EventEmitter<boolean>;
     /**
      * Option value.
-     * @type string
+     * @type string | number
      * @default undefined
      */
-    set value(value: string);
-    get value(): string;
+    set value(value: string | number);
+    get value(): string | number;
     private contentDiv?;
     hasContent: WritableSignal<boolean>;
     set active(value: (boolean));
@@ -87,7 +87,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     getLabel(): string;
     focus(origin?: FocusOrigin): void;
     private setSubscriptions;
-    isSelected(value?: string): boolean;
+    isSelected(value?: string | number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptionComponent, "c-multi-select-option", ["cMultiSelectOption"], { "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "text": { "alias": "text"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "active": { "alias": "active"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "selectedChange": "selectedChange"; "focusChange": "focusChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_visible: unknown;

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

@@ -1,11 +1,9 @@
 import { EventEmitter } from '@angular/core';
-import { MultiSelectService } from '../multi-select.service';
 import { IOption } from '../multi-select.type';
 import * as i0 from "@angular/core";
 export declare class MultiSelectTagComponent {
-    private multiSelectService;
-    constructor(multiSelectService: MultiSelectService);
-    multiselectVisible$: import("rxjs").Observable<boolean>;
+    #private;
+    multiselectVisible: import("@angular/core").Signal<boolean | undefined>;
     option?: IOption;
     disabled: boolean;
     label?: string;

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

@@ -1,7 +1,7 @@
 import type { EventEmitter } from '@angular/core';
 export type SearchFn = ((option: IOption, searchValue: string) => boolean);
-export interface IMultiSelect {
-    cleaner?: boolean;
+export interface IMultiSelect<T> {
+    cleaner?: boolean | 'active';
     multiple?: boolean;
     options?: IOption[];
     optionsMaxHeight?: (number | string | 'auto');
@@ -15,8 +15,8 @@ export interface IMultiSelect {
     selectAllLabel?: string;
     selectionType?: ('counter' | 'tags' | 'text');
     selectionTypeCounterText?: string;
-    value?: string | string[];
-    valueChange?: EventEmitter<string | string[]>;
+    value: T | T[];
+    valueChange: EventEmitter<T | T[]>;
     virtualScroller?: boolean;
     visibleItems?: number;
     visible?: boolean;
@@ -31,7 +31,7 @@ export interface IOption {
     order?: number;
     selected?: boolean;
     text?: string;
-    value: string;
+    value: string | number;
     visible?: boolean;
     custom?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.7.3",
+  "version": "4.7.5",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",