@coreui/angular-pro 4.2.38 → 4.2.40
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/calendar/calendar.utils.mjs +12 -4
- package/esm2020/lib/form/form-check/form-check-input.directive.mjs +19 -6
- package/esm2020/lib/form/form-check/form-check.component.mjs +23 -7
- package/esm2020/lib/multi-select/multi-select/multi-select.component.mjs +3 -3
- package/esm2020/lib/popover/popover.directive.mjs +28 -6
- package/esm2020/lib/shared/html-attr.directive.mjs +1 -1
- package/esm2020/lib/smart-table/smart-table/smart-table.component.mjs +31 -17
- package/esm2020/lib/smart-table/smart-table-head/smart-table-head.component.mjs +35 -3
- package/esm2020/lib/smart-table/smart-table-items-per-page-selector/smart-table-items-per-page-selector.component.mjs +2 -2
- package/esm2020/lib/smart-table/smart-table.type.mjs +1 -1
- package/fesm2015/coreui-angular-pro.mjs +169 -69
- package/fesm2015/coreui-angular-pro.mjs.map +1 -1
- package/fesm2020/coreui-angular-pro.mjs +165 -67
- package/fesm2020/coreui-angular-pro.mjs.map +1 -1
- package/lib/form/form-check/form-check-input.directive.d.ts +3 -1
- package/lib/form/form-check/form-check.component.d.ts +16 -6
- package/lib/popover/popover.directive.d.ts +8 -3
- package/lib/shared/html-attr.directive.d.ts +1 -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 +12 -6
- package/lib/smart-table/smart-table.type.d.ts +6 -0
- package/package.json +5 -2
|
@@ -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, false>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FormCheckInputDirective, "input[cFormCheckInput]", never, { "type": "type"; "indeterminate": "indeterminate"; "valid": "valid"; "checked": "checked"; }, {}, never, never, false>;
|
|
31
33
|
}
|
|
@@ -4,8 +4,8 @@ import { FormCheckLabelDirective } from './form-check-label.directive';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class FormCheckComponent implements AfterContentInit {
|
|
6
6
|
static ngAcceptInputType_inline: BooleanInput;
|
|
7
|
+
static ngAcceptInputType_reverse: BooleanInput;
|
|
7
8
|
static ngAcceptInputType_switch: BooleanInput;
|
|
8
|
-
private _inline;
|
|
9
9
|
/**
|
|
10
10
|
* Group checkboxes or radios on the same horizontal row.
|
|
11
11
|
* @type boolean
|
|
@@ -13,16 +13,26 @@ export declare class FormCheckComponent implements AfterContentInit {
|
|
|
13
13
|
*/
|
|
14
14
|
set inline(value: boolean);
|
|
15
15
|
get inline(): boolean;
|
|
16
|
+
private _inline;
|
|
17
|
+
/**
|
|
18
|
+
* Put checkboxes or radios on the opposite side.
|
|
19
|
+
* @type boolean
|
|
20
|
+
* @default false
|
|
21
|
+
* @since 4.4.7
|
|
22
|
+
*/
|
|
23
|
+
set reverse(value: boolean);
|
|
24
|
+
get reverse(): boolean;
|
|
25
|
+
private _reverse;
|
|
16
26
|
/**
|
|
17
27
|
* Size the component large or extra large. Works only with `[switch]="true"` [docs]
|
|
18
28
|
* @type {'lg' | 'xl' | ''}
|
|
19
29
|
*/
|
|
20
30
|
sizing?: 'lg' | 'xl' | '';
|
|
21
31
|
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
32
|
+
* Render a toggle switch on for checkbox.
|
|
33
|
+
* @type boolean
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
26
36
|
set switch(value: boolean);
|
|
27
37
|
get switch(): boolean;
|
|
28
38
|
private _switch;
|
|
@@ -32,5 +42,5 @@ export declare class FormCheckComponent implements AfterContentInit {
|
|
|
32
42
|
get formCheckClass(): boolean;
|
|
33
43
|
ngAfterContentInit(): void;
|
|
34
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckComponent, "c-form-check", ["cFormCheck"], { "inline": "inline"; "sizing": "sizing"; "switch": "switch"; }, {}, ["formCheckLabel"], ["*"], false>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckComponent, "c-form-check", ["cFormCheck"], { "inline": "inline"; "reverse": "reverse"; "sizing": "sizing"; "switch": "switch"; }, {}, ["formCheckLabel"], ["*"], false>;
|
|
36
46
|
}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { Options } from '@popperjs/core';
|
|
3
3
|
import { Triggers } from '../coreui.types';
|
|
4
4
|
import { ListenersService } from '../services/listeners.service';
|
|
5
|
+
import { IntersectionService } from '../services';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit {
|
|
7
|
+
export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
|
|
7
8
|
private document;
|
|
8
9
|
private renderer;
|
|
9
10
|
private hostElement;
|
|
10
11
|
private viewContainerRef;
|
|
11
12
|
private listenersService;
|
|
12
13
|
private changeDetectorRef;
|
|
14
|
+
private intersectionService;
|
|
13
15
|
/**
|
|
14
16
|
* Content of popover
|
|
15
17
|
* @type {string | TemplateRef}
|
|
@@ -42,12 +44,15 @@ export declare class PopoverDirective implements OnChanges, OnDestroy, OnInit {
|
|
|
42
44
|
private popoverRef;
|
|
43
45
|
private popperInstance;
|
|
44
46
|
private _popperOptions;
|
|
45
|
-
|
|
47
|
+
private intersectingSubscription?;
|
|
48
|
+
constructor(document: Document, renderer: Renderer2, hostElement: ElementRef, viewContainerRef: ViewContainerRef, listenersService: ListenersService, changeDetectorRef: ChangeDetectorRef, intersectionService: IntersectionService);
|
|
49
|
+
ngAfterViewInit(): void;
|
|
46
50
|
ngOnChanges(changes: SimpleChanges): void;
|
|
47
51
|
ngOnDestroy(): void;
|
|
48
52
|
ngOnInit(): void;
|
|
49
53
|
private setListeners;
|
|
50
54
|
private clearListeners;
|
|
55
|
+
private intersectionServiceSubscribe;
|
|
51
56
|
private getUID;
|
|
52
57
|
private createPopoverElement;
|
|
53
58
|
private destroyPopoverElement;
|
|
@@ -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]"], false>;
|
|
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]"], false>;
|
|
147
150
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
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 * as i0 from "@angular/core";
|
|
4
5
|
export declare class SmartTableHeadComponent implements OnInit {
|
|
6
|
+
#private;
|
|
5
7
|
constructor();
|
|
6
8
|
columnFilter?: boolean | IColumnFilter;
|
|
7
9
|
columnFilterState: IColumnFilterValue;
|
|
@@ -9,14 +11,18 @@ export declare class SmartTableHeadComponent implements OnInit {
|
|
|
9
11
|
component?: string;
|
|
10
12
|
columns?: (IColumn | string)[];
|
|
11
13
|
selectable?: boolean;
|
|
12
|
-
selectAll
|
|
14
|
+
set selectAll(value: boolean);
|
|
15
|
+
get selectAll(): boolean;
|
|
16
|
+
set selectedAll(value: boolean | 'indeterminate');
|
|
17
|
+
get selectedAll(): boolean | 'indeterminate';
|
|
13
18
|
sorterValue?: ISorterValue;
|
|
14
19
|
set columnFilterTemplates(value: any);
|
|
15
20
|
get columnFilterTemplates(): any;
|
|
16
21
|
_columnFilterTemplates?: any;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
indeterminate: BehaviorSubject<boolean>;
|
|
23
|
+
readonly columnFilterStateChange: EventEmitter<any>;
|
|
24
|
+
readonly sorterStateChange: EventEmitter<any>;
|
|
25
|
+
readonly selectAllChange: EventEmitter<boolean>;
|
|
20
26
|
get hostClasses(): {
|
|
21
27
|
thead: boolean;
|
|
22
28
|
tfoot: boolean;
|
|
@@ -25,7 +31,7 @@ export declare class SmartTableHeadComponent implements OnInit {
|
|
|
25
31
|
tableHeaderCellProps(column: IColumn | string): {
|
|
26
32
|
[key: string]: any;
|
|
27
33
|
};
|
|
28
|
-
tableHeaderCellColor(column: IColumn | string): string
|
|
34
|
+
tableHeaderCellColor(column: IColumn | string): string;
|
|
29
35
|
tableHeaderCellStyles(column: IColumn | string): any;
|
|
30
36
|
columnLabel(column: IColumn | string): string;
|
|
31
37
|
columnKey(column: IColumn | string): string;
|
|
@@ -43,5 +49,5 @@ export declare class SmartTableHeadComponent implements OnInit {
|
|
|
43
49
|
getColumnFilter(column: IColumn | string): string;
|
|
44
50
|
get columnFilterEvent(): 'change' | 'input';
|
|
45
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
|
|
46
|
-
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, false>;
|
|
52
|
+
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, false>;
|
|
47
53
|
}
|
|
@@ -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,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coreui/angular-pro",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.40",
|
|
4
4
|
"description": "CoreUI Pro Components Library for Angular",
|
|
5
|
+
"copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
|
|
5
6
|
"homepage": "https://coreui.io/angular",
|
|
6
7
|
"author": {
|
|
7
8
|
"name": "creativeLabs Łukasz Holeczek",
|
|
@@ -21,11 +22,13 @@
|
|
|
21
22
|
"tslib": "^2.3.0"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
25
|
+
"@angular/animations": "^14.0.0",
|
|
24
26
|
"@angular/cdk": "^14.0.0",
|
|
25
27
|
"@angular/common": "^14.0.0",
|
|
26
28
|
"@angular/core": "^14.0.0",
|
|
29
|
+
"@angular/forms": "^14.0.0",
|
|
27
30
|
"@angular/router": "^14.0.0",
|
|
28
|
-
"@coreui/coreui-pro": "
|
|
31
|
+
"@coreui/coreui-pro": "~4.4.3"
|
|
29
32
|
},
|
|
30
33
|
"repository": {
|
|
31
34
|
"type": "git",
|