@coreui/angular-pro 4.4.13 → 4.4.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/form/form-check/form-check-input.directive.mjs +19 -6
- package/esm2020/lib/smart-table/smart-table/smart-table.component.mjs +33 -18
- package/esm2020/lib/smart-table/smart-table-head/smart-table-head.component.mjs +37 -4
- package/esm2020/lib/smart-table/smart-table.type.mjs +1 -1
- package/fesm2015/coreui-angular-pro.mjs +81 -23
- package/fesm2015/coreui-angular-pro.mjs.map +1 -1
- package/fesm2020/coreui-angular-pro.mjs +80 -23
- package/fesm2020/coreui-angular-pro.mjs.map +1 -1
- package/lib/form/form-check/form-check-input.directive.d.ts +3 -1
- package/lib/smart-table/smart-table/smart-table.component.d.ts +14 -11
- package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts +11 -5
- package/lib/smart-table/smart-table.type.d.ts +6 -0
- package/package.json +3 -1
|
@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class FormCheckInputDirective {
|
|
5
5
|
private renderer;
|
|
6
6
|
private hostElement;
|
|
7
|
+
static ngAcceptInputType_checked: BooleanInput;
|
|
7
8
|
static ngAcceptInputType_indeterminate: BooleanInput;
|
|
8
9
|
/**
|
|
9
10
|
* Specifies the type of component.
|
|
@@ -24,8 +25,9 @@ export declare class FormCheckInputDirective {
|
|
|
24
25
|
*/
|
|
25
26
|
valid?: boolean;
|
|
26
27
|
get hostClasses(): any;
|
|
28
|
+
set checked(value: boolean);
|
|
27
29
|
get checked(): boolean;
|
|
28
30
|
constructor(renderer: Renderer2, hostElement: ElementRef);
|
|
29
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckInputDirective, never>;
|
|
30
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": "type"; "indeterminate": "indeterminate"; "valid": "valid"; }, {}, never, never, true, never>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": "type"; "indeterminate": "indeterminate"; "valid": "valid"; "checked": "checked"; }, {}, never, never, true, never>;
|
|
31
33
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterContentInit, EventEmitter, IterableDiffers, KeyValueDiffers, OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
3
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
4
|
import { ITable } from '../../table/table.type';
|
|
4
5
|
import { IColumn, IColumnFilter, IColumnFilterValue, IItem, IItemInternal, ISmartTable, ISorter, ISorterValue, ITableFilter, ITableGroupProps, ItemsPerPageSelect } from '../smart-table.type';
|
|
5
6
|
import { TemplateIdDirective } from '../../shared';
|
|
@@ -16,6 +17,7 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
|
|
|
16
17
|
static ngAcceptInputType_pagination: BooleanInput;
|
|
17
18
|
static ngAcceptInputType_selectable: BooleanInput;
|
|
18
19
|
constructor(iterableDiffers: IterableDiffers, keyValueDiffers: KeyValueDiffers);
|
|
20
|
+
readonly selectedAllSubject: BehaviorSubject<boolean | "indeterminate">;
|
|
19
21
|
private readonly itemsDiffer;
|
|
20
22
|
private readonly itemsFilteredDiffer;
|
|
21
23
|
private readonly columFilterValueDiffer;
|
|
@@ -60,6 +62,9 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
|
|
|
60
62
|
set selectable(value: boolean);
|
|
61
63
|
get selectable(): boolean;
|
|
62
64
|
private _selectable;
|
|
65
|
+
set selectAll(value: boolean);
|
|
66
|
+
get selectAll(): boolean;
|
|
67
|
+
private _selectAll;
|
|
63
68
|
set sorterValue(value: ISorterValue);
|
|
64
69
|
get sorterValue(): ISorterValue;
|
|
65
70
|
private _sorterValue;
|
|
@@ -75,14 +80,14 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
|
|
|
75
80
|
tableFootProps?: ITableGroupProps;
|
|
76
81
|
tableHeadProps?: ITableGroupProps;
|
|
77
82
|
tableProps?: ITable;
|
|
78
|
-
selectedItemsChange: EventEmitter<
|
|
79
|
-
sorterValueChange: EventEmitter<
|
|
80
|
-
activePageChange: EventEmitter<
|
|
81
|
-
itemsPerPageChange: EventEmitter<
|
|
82
|
-
rowClick: EventEmitter<any>;
|
|
83
|
-
columnFilterValueChange: EventEmitter<
|
|
84
|
-
filteredItemsChange: EventEmitter<
|
|
85
|
-
tableFilterValueChange: EventEmitter<
|
|
83
|
+
readonly selectedItemsChange: EventEmitter<IItem[]>;
|
|
84
|
+
readonly sorterValueChange: EventEmitter<ISorterValue>;
|
|
85
|
+
readonly activePageChange: EventEmitter<number>;
|
|
86
|
+
readonly itemsPerPageChange: EventEmitter<number>;
|
|
87
|
+
readonly rowClick: EventEmitter<any>;
|
|
88
|
+
readonly columnFilterValueChange: EventEmitter<IColumnFilterValue>;
|
|
89
|
+
readonly filteredItemsChange: EventEmitter<IItemInternal[]>;
|
|
90
|
+
readonly tableFilterValueChange: EventEmitter<string>;
|
|
86
91
|
columnTemplates: QueryList<TemplateIdDirective>;
|
|
87
92
|
templates: {
|
|
88
93
|
[key: string]: (TemplateRef<any> | null);
|
|
@@ -92,8 +97,6 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
|
|
|
92
97
|
};
|
|
93
98
|
ngAfterContentInit(): void;
|
|
94
99
|
get selectedAll(): boolean | "indeterminate";
|
|
95
|
-
set selectedAll(value: string | boolean);
|
|
96
|
-
private _selectedAll;
|
|
97
100
|
get tableFilterState(): string;
|
|
98
101
|
get columnFilterState(): IColumnFilterValue;
|
|
99
102
|
get numberOfPages(): number;
|
|
@@ -143,5 +146,5 @@ export declare class SmartTableComponent implements ISmartTable, AfterContentIni
|
|
|
143
146
|
}): void;
|
|
144
147
|
ngOnChanges(changes: SimpleChanges): void;
|
|
145
148
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableComponent, never>;
|
|
146
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "c-smart-table", ["cSmartTable"], { "activePage": "activePage"; "cleaner": "cleaner"; "clickableRows": "clickableRows"; "columns": "columns"; "columnFilter": "columnFilter"; "columnFilterValue": "columnFilterValue"; "columnSorter": "columnSorter"; "footer": "footer"; "header": "header"; "items": "items"; "itemsPerPage": "itemsPerPage"; "itemsPerPageLabel": "itemsPerPageLabel"; "itemsPerPageOptions": "itemsPerPageOptions"; "itemsPerPageSelect": "itemsPerPageSelect"; "loading": "loading"; "noItemsLabel": "noItemsLabel"; "pagination": "pagination"; "selectable": "selectable"; "sorterValue": "sorterValue"; "tableFilter": "tableFilter"; "tableFilterLabel": "tableFilterLabel"; "tableFilterPlaceholder": "tableFilterPlaceholder"; "tableFilterValue": "tableFilterValue"; "tableBodyProps": "tableBodyProps"; "tableFootProps": "tableFootProps"; "tableHeadProps": "tableHeadProps"; "tableProps": "tableProps"; }, { "selectedItemsChange": "selectedItemsChange"; "sorterValueChange": "sorterValueChange"; "activePageChange": "activePageChange"; "itemsPerPageChange": "itemsPerPageChange"; "rowClick": "rowClick"; "columnFilterValueChange": "columnFilterValueChange"; "filteredItemsChange": "filteredItemsChange"; "tableFilterValueChange": "tableFilterValueChange"; }, ["columnTemplates"], ["[customHeader]"], true, never>;
|
|
149
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableComponent, "c-smart-table", ["cSmartTable"], { "activePage": "activePage"; "cleaner": "cleaner"; "clickableRows": "clickableRows"; "columns": "columns"; "columnFilter": "columnFilter"; "columnFilterValue": "columnFilterValue"; "columnSorter": "columnSorter"; "footer": "footer"; "header": "header"; "items": "items"; "itemsPerPage": "itemsPerPage"; "itemsPerPageLabel": "itemsPerPageLabel"; "itemsPerPageOptions": "itemsPerPageOptions"; "itemsPerPageSelect": "itemsPerPageSelect"; "loading": "loading"; "noItemsLabel": "noItemsLabel"; "pagination": "pagination"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; "tableFilter": "tableFilter"; "tableFilterLabel": "tableFilterLabel"; "tableFilterPlaceholder": "tableFilterPlaceholder"; "tableFilterValue": "tableFilterValue"; "tableBodyProps": "tableBodyProps"; "tableFootProps": "tableFootProps"; "tableHeadProps": "tableHeadProps"; "tableProps": "tableProps"; }, { "selectedItemsChange": "selectedItemsChange"; "sorterValueChange": "sorterValueChange"; "activePageChange": "activePageChange"; "itemsPerPageChange": "itemsPerPageChange"; "rowClick": "rowClick"; "columnFilterValueChange": "columnFilterValueChange"; "filteredItemsChange": "filteredItemsChange"; "tableFilterValueChange": "tableFilterValueChange"; }, ["columnTemplates"], ["[customHeader]"], true, never>;
|
|
147
150
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
2
3
|
import { IColumn, IColumnFilter, IColumnFilterValue, ISorter, ISorterValue } from '../smart-table.type';
|
|
3
4
|
import { Colors } from '../../coreui.types';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class SmartTableHeadComponent implements OnInit {
|
|
7
|
+
#private;
|
|
6
8
|
constructor();
|
|
7
9
|
columnFilter?: boolean | IColumnFilter;
|
|
8
10
|
columnFilterState: IColumnFilterValue;
|
|
@@ -10,14 +12,18 @@ export declare class SmartTableHeadComponent implements OnInit {
|
|
|
10
12
|
component?: string;
|
|
11
13
|
columns?: (IColumn | string)[];
|
|
12
14
|
selectable?: boolean;
|
|
13
|
-
selectAll
|
|
15
|
+
set selectAll(value: boolean);
|
|
16
|
+
get selectAll(): boolean;
|
|
17
|
+
set selectedAll(value: boolean | 'indeterminate');
|
|
18
|
+
get selectedAll(): boolean | 'indeterminate';
|
|
14
19
|
sorterValue?: ISorterValue;
|
|
15
20
|
set columnFilterTemplates(value: any);
|
|
16
21
|
get columnFilterTemplates(): any;
|
|
17
22
|
_columnFilterTemplates?: any;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
23
|
+
indeterminate: BehaviorSubject<boolean>;
|
|
24
|
+
readonly columnFilterStateChange: EventEmitter<any>;
|
|
25
|
+
readonly sorterStateChange: EventEmitter<any>;
|
|
26
|
+
readonly selectAllChange: EventEmitter<boolean>;
|
|
21
27
|
get hostClasses(): {
|
|
22
28
|
thead: boolean;
|
|
23
29
|
tfoot: boolean;
|
|
@@ -44,5 +50,5 @@ export declare class SmartTableHeadComponent implements OnInit {
|
|
|
44
50
|
getColumnFilter(column: IColumn | string): string;
|
|
45
51
|
get columnFilterEvent(): 'change' | 'input';
|
|
46
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; "columnFilterTemplates": "columnFilterTemplates"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, true, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "selectedAll": "selectedAll"; "sorterValue": "sorterValue"; "columnFilterTemplates": "columnFilterTemplates"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never, true, never>;
|
|
48
54
|
}
|
|
@@ -138,6 +138,11 @@ export interface ISmartTable {
|
|
|
138
138
|
* @type boolean
|
|
139
139
|
*/
|
|
140
140
|
selectable?: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Enables select all checkbox displayed in the header of the table.
|
|
143
|
+
* @type boolean
|
|
144
|
+
*/
|
|
145
|
+
selectAll?: boolean;
|
|
141
146
|
/**
|
|
142
147
|
* State of the sorter. Name key is column name, direction can be 'asc' or 'desc'.
|
|
143
148
|
* @type ISorterValue
|
|
@@ -241,6 +246,7 @@ export interface IItem {
|
|
|
241
246
|
_props?: ITableRowCellProps;
|
|
242
247
|
_cellProps?: ITableCellProps;
|
|
243
248
|
_selected?: boolean;
|
|
249
|
+
_selectable?: boolean;
|
|
244
250
|
[key: string]: number | string | any;
|
|
245
251
|
}
|
|
246
252
|
export interface ITableCellProps {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/angular-pro",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.14",
|
|
4
4
|
"description": "CoreUI Pro Components Library for Angular",
|
|
5
5
|
"copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
|
|
6
6
|
"homepage": "https://coreui.io/angular",
|
|
@@ -22,9 +22,11 @@
|
|
|
22
22
|
"tslib": "^2.3.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
+
"@angular/animations": "^15.0.0",
|
|
25
26
|
"@angular/cdk": "^15.0.0",
|
|
26
27
|
"@angular/common": "^15.0.0",
|
|
27
28
|
"@angular/core": "^15.0.0",
|
|
29
|
+
"@angular/forms": "^15.0.0",
|
|
28
30
|
"@angular/router": "^15.0.0",
|
|
29
31
|
"@coreui/coreui-pro": "~4.5.0"
|
|
30
32
|
},
|