@coreui/angular-pro 5.0.0-alpha.3 → 5.0.0-alpha.5

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

@@ -13,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;
@@ -29,10 +29,10 @@ export declare class MultiSelectComponent implements IMultiSelect, ControlValueA
     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;
@@ -185,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
@@ -314,7 +314,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;
@@ -322,10 +322,10 @@ 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;
+    updateActiveItem<TItem extends (MultiSelectOptionComponent & FocusableOption)>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): 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>;
+    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;

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,6 +1,6 @@
 import type { EventEmitter } from '@angular/core';
 export type SearchFn = ((option: IOption, searchValue: string) => boolean);
-export interface IMultiSelect {
+export interface IMultiSelect<T> {
     cleaner?: boolean | 'active';
     multiple?: boolean;
     options?: IOption[];
@@ -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/lib/smart-table/smart-table/smart-table.component.d.ts

@@ -83,6 +83,9 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
     columnFilterTemplates: {
         [key: string]: (TemplateRef<any> | null);
     };
+    columnLabelTemplates: {
+        [key: string]: (TemplateRef<any> | null);
+    };
     summaryRowTemplate: TemplateRef<unknown> | null;
     ngAfterContentInit(): void;
     get selectedAll(): boolean | "indeterminate";

package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts

@@ -29,6 +29,8 @@ export declare class SmartTableHeadComponent implements OnInit {
     sorterValue?: ISorterValue;
     set columnFilterTemplates(value: any);
     get columnFilterTemplates(): any;
+    set columnLabelTemplates(value: any);
+    get columnLabelTemplates(): any;
     set summaryRowTemplate(value: TemplateRef<unknown> | null);
     get summaryRowTemplate(): TemplateRef<unknown> | null;
     readonly indeterminate$: BehaviorSubject<boolean>;
@@ -54,10 +56,11 @@ export declare class SmartTableHeadComponent implements OnInit {
     }): void;
     handleSelectAllChecked($event: Event): void;
     getColumnFilter(column: IColumn | string): string;
+    getColumnLabel(column: IColumn | string): string;
     get columnFilterEvent(): 'change' | 'input';
     getAriaSort(column: IColumn | string): "ascending" | "descending" | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": { "alias": "columnFilter"; "required": false; }; "columnFilterState": { "alias": "columnFilterState"; "required": false; }; "columnSorter": { "alias": "columnSorter"; "required": false; }; "component": { "alias": "component"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnGroups": { "alias": "columnGroups"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectedAll": { "alias": "selectedAll"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "sorterValue": { "alias": "sorterValue"; "required": false; }; "columnFilterTemplates": { "alias": "columnFilterTemplates"; "required": false; }; "summaryRowTemplate": { "alias": "summaryRowTemplate"; "required": false; }; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": { "alias": "columnFilter"; "required": false; }; "columnFilterState": { "alias": "columnFilterState"; "required": false; }; "columnSorter": { "alias": "columnSorter"; "required": false; }; "component": { "alias": "component"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnGroups": { "alias": "columnGroups"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectedAll": { "alias": "selectedAll"; "required": false; }; "showGroups": { "alias": "showGroups"; "required": false; }; "sorterValue": { "alias": "sorterValue"; "required": false; }; "columnFilterTemplates": { "alias": "columnFilterTemplates"; "required": false; }; "columnLabelTemplates": { "alias": "columnLabelTemplates"; "required": false; }; "summaryRowTemplate": { "alias": "summaryRowTemplate"; "required": false; }; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, true, never>;
     static ngAcceptInputType_selectAll: unknown;
     static ngAcceptInputType_showGroups: unknown;
 }

package/lib/smart-table/smart-table.type.d.ts

@@ -234,6 +234,8 @@ export interface IColumn {
     _colStyle?: Partial<CSSStyleDeclaration>;
     _colProps?: ITableRowCellProps;
     _colClass?: NgCssClass;
+    _labelTemplateId?: string;
+    _data?: any;
 }
 export interface IGroup {
     children?: IGroup[] | IColumn[];

package/package.json

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