@coreui/angular-pro 4.5.8 → 4.5.11

package/lib/accordion/accordion-item/accordion-item.component.d.ts

@@ -1,33 +1,30 @@
 import { AfterContentInit, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { TemplateIdDirective } from '../../shared';
 import { AccordionService } from '../accordion.service';
 import * as i0 from "@angular/core";
 export declare class AccordionItemComponent implements OnInit, OnDestroy, AfterContentInit {
     private accordionService;
     constructor(accordionService: AccordionService);
-    static ngAcceptInputType_visible: BooleanInput;
-    contentId: string;
-    itemContext: {
-        $implicit: boolean;
-    };
-    templates: any;
-    contentTemplates: QueryList<TemplateIdDirective>;
-    private _visible;
-    get visible(): boolean;
     /**
      * Toggle an accordion item programmatically
      * @type boolean
      * @default false
      */
-    set visible(value: boolean);
-    get open(): boolean;
+    visible: string | boolean;
     set open(value: boolean);
+    get open(): boolean;
     get hostClasses(): any;
+    contentId: string;
+    itemContext: {
+        $implicit: boolean;
+    };
+    templates: any;
+    contentTemplates: QueryList<TemplateIdDirective>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleItem(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "c-accordion-item", ["cAccordionItem"], { "visible": { "alias": "visible"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, ["contentTemplates"], ["*", "*"], true, never>;
+    static ngAcceptInputType_visible: unknown;
 }

package/lib/button/button-close.directive.d.ts

@@ -1,16 +1,13 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ButtonDirective } from './button.directive';
 import * as i0 from "@angular/core";
 export declare class ButtonCloseDirective extends ButtonDirective {
-    static ngAcceptInputType_white: BooleanInput;
-    private _white;
     /**
      * Change the default color to white.
      * @type boolean
      */
-    get white(): boolean;
-    set white(value: boolean);
+    white: string | boolean;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_white: unknown;
 }

package/lib/button/button.directive.d.ts

@@ -1,18 +1,11 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ButtonType, Colors, Shapes } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class ButtonDirective {
-    constructor();
-    static ngAcceptInputType_active: BooleanInput;
-    private _active;
-    static ngAcceptInputType_disabled: BooleanInput;
-    private _disabled;
     /**
      * Toggle the active state for the component. [docs]
      * @type boolean
      */
-    get active(): boolean;
-    set active(value: boolean);
+    active: string | boolean;
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
      * @type Colors
@@ -22,8 +15,7 @@ export declare class ButtonDirective {
      * Toggle the disabled state for the component.
      * @type boolean
      */
-    get disabled(): boolean;
-    set disabled(value: boolean);
+    disabled: string | boolean;
     /**
      * Select the shape of the component.
      * @type { 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string }
@@ -45,10 +37,12 @@ export declare class ButtonDirective {
      */
     variant?: 'ghost' | 'outline';
     get hostClasses(): any;
-    get ariaDisabled(): true | null;
+    get ariaDisabled(): string | true | null;
     get isActive(): boolean | null;
     get attrDisabled(): "" | null;
     get tabIndex(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "[cButton]", ["cButton"], { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/dropdown/dropdown-menu/dropdown-menu.directive.d.ts

@@ -1,11 +1,9 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { DropdownService } from '../dropdown.service';
 import * as i0 from "@angular/core";
 export declare class DropdownMenuDirective implements OnInit, OnDestroy {
     elementRef: ElementRef;
     private dropdownService;
-    static ngAcceptInputType_dark: BooleanInput;
     constructor(elementRef: ElementRef, dropdownService: DropdownService);
     /**
      * Set alignment of dropdown menu.
@@ -18,10 +16,9 @@ export declare class DropdownMenuDirective implements OnInit, OnDestroy {
     visible: boolean;
     /**
      * Sets a darker color scheme to match a dark navbar.
+     * @type boolean
      */
-    get dark(): boolean;
-    set dark(value: boolean);
-    private _dark;
+    dark: string | boolean;
     private dropdownStateSubscription;
     get hostClasses(): any;
     get hostStyles(): {
@@ -33,4 +30,5 @@ export declare class DropdownMenuDirective implements OnInit, OnDestroy {
     private dropdownStateSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuDirective, "[cDropdownMenu]", ["cDropdownMenu"], { "alignment": { "alias": "alignment"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_dark: unknown;
 }

package/lib/form/form/form.directive.d.ts

@@ -1,17 +1,13 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class FormDirective {
-    static ngAcceptInputType_validated: BooleanInput;
-    private _validated;
     /**
      * Mark a form as validated. If you set it `true`, all validation styles will be applied to the form. [docs]
      * @type boolean
      * @default false
      */
-    set validated(value: boolean);
-    get validated(): boolean;
+    validated: string | boolean;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormDirective, "form[cForm]", never, { "validated": { "alias": "validated"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_validated: unknown;
 }

package/lib/form/form-check/form-check.component.d.ts

@@ -1,28 +1,21 @@
 import { AfterContentInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { FormCheckLabelDirective } from './form-check-label.directive';
 import * as i0 from "@angular/core";
 export declare class FormCheckComponent implements AfterContentInit {
-    static ngAcceptInputType_inline: BooleanInput;
-    static ngAcceptInputType_reverse: BooleanInput;
-    static ngAcceptInputType_switch: BooleanInput;
+    #private;
     /**
      * Group checkboxes or radios on the same horizontal row.
      * @type boolean
      * @default false
      */
-    set inline(value: boolean);
-    get inline(): boolean;
-    private _inline;
+    inline: string | boolean;
     /**
      * Put checkboxes or radios on the opposite side.
      * @type boolean
      * @default false
      * @since 4.4.7
      */
-    set reverse(value: boolean);
-    get reverse(): boolean;
-    private _reverse;
+    reverse: string | boolean;
     /**
      * Size the component large or extra large. Works only with `[switch]="true"` [docs]
      * @type {'lg' | 'xl' | ''}
@@ -33,14 +26,14 @@ export declare class FormCheckComponent implements AfterContentInit {
      * @type boolean
      * @default false
      */
-    set switch(value: boolean);
-    get switch(): boolean;
-    private _switch;
+    switch: string | boolean;
     get hostClasses(): any;
     formCheckLabel: FormCheckLabelDirective;
-    private _formCheckClass;
     get formCheckClass(): boolean;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckComponent, "c-form-check", ["cFormCheck"], { "inline": { "alias": "inline"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "sizing": { "alias": "sizing"; "required": false; }; "switch": { "alias": "switch"; "required": false; }; }, {}, ["formCheckLabel"], ["*"], true, never>;
+    static ngAcceptInputType_inline: unknown;
+    static ngAcceptInputType_reverse: unknown;
+    static ngAcceptInputType_switch: unknown;
 }

package/lib/form/form-control/form-control.directive.d.ts

@@ -1,10 +1,9 @@
 import { ElementRef, OnInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { InputType } from '../../coreui.types';
 import * as i0 from "@angular/core";
 export declare class FormControlDirective implements OnInit {
     private hostElement;
-    static ngAcceptInputType_plaintext: BooleanInput;
+    constructor(hostElement: ElementRef);
     /**
      * Size the component small or large.
      * @type {'sm' | 'lg'}
@@ -22,13 +21,11 @@ export declare class FormControlDirective implements OnInit {
     /**
      * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongside `readonly` [docs]
      */
-    set plaintext(value: boolean);
-    get plaintext(): boolean;
-    private _plaintext;
-    constructor(hostElement: ElementRef);
+    plaintext: string | boolean;
     get hostClasses(): any;
     get hostTag(): string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormControlDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormControlDirective, "input[cFormControl], textarea[cFormControl]", never, { "sizing": { "alias": "sizing"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "type": { "alias": "type"; "required": false; }; "plaintext": { "alias": "plaintext"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_plaintext: unknown;
 }

package/lib/form/form-feedback/form-feedback.component.d.ts

@@ -1,18 +1,17 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class FormFeedbackComponent {
-    static ngAcceptInputType_tooltip: BooleanInput;
     /**
      * If your form layout allows it, you can display validation feedback in a styled tooltip.
+     * @type boolean
      */
-    private _tooltip;
-    set tooltip(value: boolean);
-    get tooltip(): boolean;
+    tooltip: string | boolean;
     /**
      * Set component validation state to valid.
+     * @type boolean
      */
     valid?: boolean;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFeedbackComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormFeedbackComponent, "c-form-feedback", never, { "tooltip": { "alias": "tooltip"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_tooltip: unknown;
 }

package/lib/form/form-floating/form-floating.directive.d.ts

@@ -1,16 +1,12 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class FormFloatingDirective {
-    static ngAcceptInputType_floating: BooleanInput;
     /**
      * Enable floating labels
      * @type boolean
      */
-    get floating(): boolean;
-    set floating(value: boolean);
-    private _floating;
+    floating: string | boolean;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFloatingDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FormFloatingDirective, "[cFormFloating]", never, { "floating": { "alias": "cFormFloating"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_floating: unknown;
 }

package/lib/grid/container.component.d.ts

@@ -1,20 +1,18 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { IContainer } from './container.type';
 import { Breakpoints } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class ContainerComponent implements IContainer {
-    static ngAcceptInputType_fluid: BooleanInput;
     /**
      * Set container 100% wide until a breakpoint.
      */
     breakpoint: Exclude<Breakpoints, 'xs'>;
     /**
      * Set container 100% wide, spanning the entire width of the viewport.
+     * @type boolean | string
      */
-    set fluid(value: boolean);
-    get fluid(): boolean;
-    private _fluid;
+    fluid: string | boolean;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "c-container, [cContainer]", never, { "breakpoint": { "alias": "breakpoint"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_fluid: unknown;
 }

package/lib/grid/container.type.d.ts

@@ -1,5 +1,5 @@
 import { Breakpoints } from '../coreui.types';
 export interface IContainer {
-    fluid?: boolean;
+    fluid?: string | boolean;
     breakpoint?: Exclude<Breakpoints, 'xs'>;
 }

package/lib/image/img.directive.d.ts

@@ -1,9 +1,5 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class ImgDirective {
-    static ngAcceptInputType_fluid: BooleanInput;
-    static ngAcceptInputType_rounded: BooleanInput;
-    static ngAcceptInputType_thumbnail: BooleanInput;
     /**
      * Set the horizontal aligment.
      * @type {'' | 'start' | 'end' | 'center'}
@@ -13,30 +9,26 @@ export declare class ImgDirective {
      * Make image responsive.
      * @type boolean
      */
-    set fluid(value: boolean);
-    get fluid(): boolean;
-    private _fluid;
+    fluid: string | boolean;
     /**
      * Make image rounded.
      * @type boolean
      */
-    set rounded(value: boolean);
-    get rounded(): boolean;
-    private _rounded;
+    rounded: string | boolean;
     /**
      * Give an image a rounded 1px border appearance.
      * @type boolean
      */
-    set thumbnail(value: boolean);
-    get thumbnail(): boolean;
-    private _thumbnail;
+    thumbnail: string | boolean;
     /**
      * Color for image placeholder.
      */
     placeholderColor: string;
     get getStyles(): any;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ImgDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ImgDirective, "[cImg]", never, { "align": { "alias": "align"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "thumbnail": { "alias": "thumbnail"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_fluid: unknown;
+    static ngAcceptInputType_rounded: unknown;
+    static ngAcceptInputType_thumbnail: unknown;
 }

package/lib/list-group/list-group-item.directive.d.ts

@@ -1,10 +1,9 @@
 import { ElementRef } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { Colors } from '../coreui.types';
 import * as i0 from "@angular/core";
 export declare class ListGroupItemDirective {
     private hostElement;
-    static ngAcceptInputType_disabled: BooleanInput;
+    constructor(hostElement: ElementRef);
     /**
      * Toggle the active state for the component.
      * @type boolean
@@ -19,15 +18,13 @@ export declare class ListGroupItemDirective {
      * Set disabled attr for the host element. [docs]
      * @type boolean
      */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
+    disabled: string | boolean;
     get isDisabled(): boolean | null;
     get attrDisabled(): "" | null;
     get getTabindex(): string | null;
     get ariaCurrent(): boolean;
     get hostClasses(): any;
-    constructor(hostElement: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupItemDirective, "[cListGroupItem], c-list-group-item", ["cListGroupItem"], { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }

package/lib/list-group/list-group.directive.d.ts

@@ -1,21 +1,17 @@
 import { Sizes } from '../coreui.types';
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class ListGroupDirective {
-    static ngAcceptInputType_flush: BooleanInput;
     /**
      * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`).
      * @type boolean
      */
-    set flush(value: boolean);
-    get flush(): boolean;
-    private _flush;
+    flush: string | boolean;
     /**
      * Specify horizontal layout type.
      */
     horizontal?: boolean | Sizes;
     get hostClasses(): any;
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ListGroupDirective, "[cListGroup]", never, { "flush": { "alias": "flush"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_flush: unknown;
 }

package/lib/loading-button/loading-button.animations.d.ts

@@ -0,0 +1,2 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare const loadingButtonAnimation: AnimationTriggerMetadata;

package/lib/loading-button/loading-button.component.d.ts

@@ -30,12 +30,12 @@ export declare class LoadingButtonComponent extends ButtonDirective implements O
     loadingChange: EventEmitter<boolean>;
     constructor();
     get hostClasses(): {
-        [x: string]: boolean;
+        [x: string]: string | boolean;
         'btn-loading': boolean;
         'is-loading': boolean;
         disabled: boolean;
         btn: boolean;
-        active: boolean;
+        active: string | boolean;
     };
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingButtonComponent, never>;

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

@@ -3,7 +3,7 @@ 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 } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { Modifier, Options } from '@popperjs/core';
 import { TemplateIdDirective } from '../../shared';
 import { IMultiSelect, IOption, SearchFn } from '../multi-select.type';
@@ -28,11 +28,13 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     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$: BehaviorSubject<IOption[]>;
+    readonly optionsArray$: Observable<IOption[]>;
+    readonly userOptionsArray$: BehaviorSubject<IOption[]>;
     readonly optionsSelected$: BehaviorSubject<IOption[]>;
     readonly optionsSelected: Map<any, IOption>;
     readonly value$: BehaviorSubject<string[]>;
@@ -46,7 +48,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * Allow users to create options if they are not in the list of options.
      * @type boolean
      * @default false
-     * @since 4.5.2
+     * @since 4.5.11
      */
     set allowCreateOptions(value: boolean);
     get allowCreateOptions(): boolean;
@@ -56,6 +58,14 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @default true
      */
     cleaner: boolean;
+    /**
+     * Clear current search on selecting an item
+     * @type boolean
+     * @default false
+     * @since 4.5.11
+     */
+    set clearSearchOnSelect(value: boolean);
+    get clearSearchOnSelect(): boolean;
     /**
      * Disables multi-select component
      * @type boolean
@@ -71,7 +81,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
      * @since 4.5.2
      */
     set loading(value: boolean);
-    get loading(): boolean;
+    isLoading: import("@angular/core").WritableSignal<boolean>;
     /**
      * Specifies that multiple options can be selected at once
      * @type boolean
@@ -261,7 +271,7 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
         [id: string]: TemplateRef<any>;
     };
     contentTemplates: QueryList<TemplateIdDirective>;
-    private listKeyManager;
+    private focusKeyManager;
     inputElement: ElementRef;
     dropdownMenu: ElementRef;
     dropdown: ElementRef;
@@ -297,6 +307,9 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     makeOptions(options: IOption[]): void;
+    userOptions: import("@angular/core").Signal<IOption[]>;
+    addUserOption(): void;
+    removeAllUserOptions(): void;
     ngAfterViewInit(): void;
     private tabTarget;
     private multiselectSubscribe;
@@ -316,11 +329,12 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     handleSearchValueChange(searchValue: string): void;
     private setVirtualScroller;
     private setListKeyManager;
+    setFocusKeyManager(focusableOptions: (QueryList<MultiSelectOptionComponent> | MultiSelectOptionComponent[])): void;
     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; }; "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 ɵ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>;
 }
 export {};

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

@@ -1,8 +1,13 @@
 import { AfterContentInit, OnChanges, QueryList, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
+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 MultiSelectOptgroupComponent implements AfterContentInit, OnChanges {
+    #private;
+    private multiSelectService;
+    constructor(multiSelectService: MultiSelectService);
+    readonly visible: import("@angular/core").WritableSignal<boolean>;
     static ngAcceptInputType_disabled: BooleanInput;
     label?: string;
     set disabled(value: boolean);
@@ -11,10 +16,12 @@ export declare class MultiSelectOptgroupComponent implements AfterContentInit, O
     multiSelectOptions: QueryList<MultiSelectOptionComponent>;
     get hostClasses(): {
         'form-multi-select-options': boolean;
+        'd-none': boolean;
     };
     ngAfterContentInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateMultiSelectOptions;
+    private watchOptGroupContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectOptgroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectOptgroupComponent, "c-multi-select-optgroup", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["multiSelectOptions"], ["*"], true, never>;
 }

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

@@ -12,6 +12,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, focusMonitor: FocusMonitor, multiSelectService: MultiSelectService);
     static ngAcceptInputType_disabled: BooleanInput;
     static ngAcceptInputType_selected: BooleanInput;
+    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Option style
      * @type ('checkbox' | 'text')
@@ -35,7 +36,8 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
      * @type boolean
      * @default true
      */
-    visible: boolean;
+    set visible(value: boolean);
+    get visible(): boolean;
     /**
      * Option disabled.
      * @type boolean
@@ -65,6 +67,7 @@ export declare class MultiSelectOptionComponent implements AfterViewInit, Focusa
     private contentDiv?;
     hasContent: boolean;
     set active(value: (boolean | undefined));
+    get active(): (boolean | undefined);
     readonly focusChange: EventEmitter<MultiSelectOptionComponent>;
     private get role();
     get hostClasses(): {

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

@@ -1,5 +1,6 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { MultiSelectOptionComponent } from './multi-select-option/multi-select-option.component';
+import { IOption } from './multi-select.type';
 import * as i0 from "@angular/core";
 export declare class MultiSelectService {
     optionsStyle: 'checkbox' | 'text';
@@ -11,6 +12,15 @@ export declare class MultiSelectService {
     private readonly multiSelectFocus;
     readonly multiSelectFocus$: import("rxjs").Observable<MultiSelectOptionComponent>;
     focusChange(option: MultiSelectOptionComponent): void;
+    readonly userOptionsSignal: import("@angular/core").WritableSignal<IOption[]>;
+    getUserOptions(): import("@angular/core").Signal<IOption[]>;
+    addUserOption(option: IOption): void;
+    removeUserOption(value: string): void;
+    removeAllUserOptions(): void;
+    private readonly optionsArray;
+    readonly optionsArray$: import("rxjs").Observable<IOption[]>;
+    getOptionsArray(): import("rxjs").Observable<IOption[]>;
+    updateOptionsArray(options: IOption[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MultiSelectService>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import type { EventEmitter } from '@angular/core';
 export type SearchFn = ((option: IOption, searchValue: string) => boolean);
 export interface IMultiSelect {
     cleaner?: boolean;
@@ -33,6 +33,7 @@ export interface IOption {
     text?: string;
     value: string;
     visible?: boolean;
+    custom?: boolean;
 }
 export interface IMultiSelectOptions {
     handleOptionClick?: (option: IOption) => void;
@@ -41,3 +42,4 @@ export interface IMultiSelectOptions {
     optionsStyle?: 'checkbox' | 'text';
     searchNoResultsLabel?: string;
 }
+export type OptionsMap<T> = Map<T, IOption>;