@porscheinformatik/clr-addons 19.6.2 → 19.7.1
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/fesm2022/clr-addons.mjs +585 -76
- package/fesm2022/clr-addons.mjs.map +1 -1
- package/history/history.service.d.ts +1 -0
- package/package.json +1 -1
- package/styles/clr-addons-phs.css +58 -5
- package/styles/clr-addons-phs.css.map +1 -1
- package/styles/clr-addons-phs.min.css +1 -1
- package/styles/clr-addons-phs.min.css.map +1 -1
- package/treetable/enums/selection-type.d.ts +4 -0
- package/treetable/enums/sort-order.enum.d.ts +5 -0
- package/treetable/index.d.ts +4 -0
- package/treetable/interfaces/comparator.interface.d.ts +3 -0
- package/treetable/providers/index.d.ts +3 -0
- package/treetable/providers/items.d.ts +21 -0
- package/treetable/providers/selection.d.ts +28 -0
- package/treetable/providers/sort.d.ts +27 -0
- package/treetable/renderer/main-renderer.d.ts +6 -6
- package/treetable/treetable-column.d.ts +21 -3
- package/treetable/treetable-items.d.ts +18 -0
- package/treetable/treetable-row.d.ts +17 -4
- package/treetable/treetable.d.ts +19 -8
- package/treetable/treetable.module.d.ts +5 -3
package/treetable/index.d.ts
CHANGED
|
@@ -6,3 +6,7 @@ export * from './treetable-placeholder';
|
|
|
6
6
|
export * from './treetable-action-overflow';
|
|
7
7
|
export * from './treetable.module';
|
|
8
8
|
export * from './renderer';
|
|
9
|
+
export * from './providers';
|
|
10
|
+
export * from './treetable-items';
|
|
11
|
+
export * from './interfaces/comparator.interface';
|
|
12
|
+
export * from './enums/sort-order.enum';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class Items<T = any> {
|
|
4
|
+
private _all;
|
|
5
|
+
private _displayed;
|
|
6
|
+
private _change;
|
|
7
|
+
private readonly _sort;
|
|
8
|
+
constructor();
|
|
9
|
+
get all(): T[][];
|
|
10
|
+
addItems(items: T[]): void;
|
|
11
|
+
get displayed(): T[][];
|
|
12
|
+
get change(): Observable<T[][]>;
|
|
13
|
+
/**
|
|
14
|
+
* Checks if we don't have data to process yet, to abort early operations
|
|
15
|
+
*/
|
|
16
|
+
private get uninitialized();
|
|
17
|
+
private emitChange;
|
|
18
|
+
private sortItems;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Items<any>, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<Items<any>>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { SelectionType } from '../enums/selection-type';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class Selection<T> {
|
|
5
|
+
private _current;
|
|
6
|
+
private _change;
|
|
7
|
+
private _allSelected;
|
|
8
|
+
private _valueCollector;
|
|
9
|
+
private _selectionType;
|
|
10
|
+
private _items;
|
|
11
|
+
constructor();
|
|
12
|
+
get selectionType(): SelectionType;
|
|
13
|
+
set selectionType(value: SelectionType);
|
|
14
|
+
get current(): T[];
|
|
15
|
+
set current(value: T[]);
|
|
16
|
+
updateCurrent(value: T[], emit: boolean): void;
|
|
17
|
+
get change(): Observable<T[]>;
|
|
18
|
+
get allSelectedChange(): Observable<boolean>;
|
|
19
|
+
isSelected(item: T): boolean;
|
|
20
|
+
setSelected(item: T, selected: boolean): void;
|
|
21
|
+
isAllSelected(): boolean;
|
|
22
|
+
toggleAll(): void;
|
|
23
|
+
private selectItem;
|
|
24
|
+
private deselectItem;
|
|
25
|
+
private emitChange;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Selection<any>, never>;
|
|
27
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<Selection<any>>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { ClrTreetableComparatorInterface } from '../interfaces/comparator.interface';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class Sort<T> {
|
|
5
|
+
private _comparator;
|
|
6
|
+
private _reverse;
|
|
7
|
+
private _change;
|
|
8
|
+
constructor();
|
|
9
|
+
get comparator(): ClrTreetableComparatorInterface<T>;
|
|
10
|
+
set comparator(value: ClrTreetableComparatorInterface<T>);
|
|
11
|
+
get reverse(): boolean;
|
|
12
|
+
set reverse(value: boolean);
|
|
13
|
+
get change(): Observable<Sort<T>>;
|
|
14
|
+
/**
|
|
15
|
+
* Sets a comparator as the current one, or toggles reverse if the comparator is already used. The
|
|
16
|
+
* optional forceReverse input parameter allows to override that toggling behavior by sorting in
|
|
17
|
+
* reverse order if `true`.
|
|
18
|
+
*
|
|
19
|
+
* @memberof Sort
|
|
20
|
+
*/
|
|
21
|
+
toggle(sortBy: ClrTreetableComparatorInterface<T>, forceReverse?: boolean): void;
|
|
22
|
+
clear(): void;
|
|
23
|
+
compare(a: T, b: T): number;
|
|
24
|
+
emitChange(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Sort<any>, never>;
|
|
26
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<Sort<any>>;
|
|
27
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { AfterViewChecked, QueryList, AfterContentInit } from '@angular/core';
|
|
1
|
+
import { AfterViewChecked, QueryList, AfterContentInit, OnInit } from '@angular/core';
|
|
2
2
|
import { ClrTreetableColumn } from '../treetable-column';
|
|
3
3
|
import { TreetableHeaderRenderer } from './header-renderer';
|
|
4
4
|
import { TreetableRowRenderer } from './row-renderer';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TreetableMainRenderer implements AfterViewChecked, AfterContentInit {
|
|
6
|
+
export declare class TreetableMainRenderer<T> implements OnInit, AfterViewChecked, AfterContentInit {
|
|
7
7
|
headers: QueryList<TreetableHeaderRenderer>;
|
|
8
8
|
rows: QueryList<TreetableRowRenderer>;
|
|
9
|
-
columns: QueryList<ClrTreetableColumn
|
|
9
|
+
columns: QueryList<ClrTreetableColumn<T>>;
|
|
10
10
|
private shouldStabilizeColumn;
|
|
11
|
-
|
|
11
|
+
ngOnInit(): void;
|
|
12
12
|
ngAfterContentInit(): void;
|
|
13
13
|
ngAfterViewChecked(): void;
|
|
14
14
|
/**
|
|
@@ -17,6 +17,6 @@ export declare class TreetableMainRenderer implements AfterViewChecked, AfterCon
|
|
|
17
17
|
private applyColumnClasses;
|
|
18
18
|
private applyMaxWidth;
|
|
19
19
|
private applyMaxWidthOnEachRow;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TreetableMainRenderer
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TreetableMainRenderer
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreetableMainRenderer<any>, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreetableMainRenderer<any>, "clr-treetable", never, {}, {}, ["headers", "rows", "columns"], never, false, never>;
|
|
22
22
|
}
|
|
@@ -1,5 +1,23 @@
|
|
|
1
|
+
import { ClrTreetableComparatorInterface } from './interfaces/comparator.interface';
|
|
2
|
+
import { ClrTreetableSortOrder } from './enums/sort-order.enum';
|
|
1
3
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ClrTreetableColumn {
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
export declare class ClrTreetableColumn<T> {
|
|
5
|
+
private readonly _sort;
|
|
6
|
+
private readonly _cdr;
|
|
7
|
+
private _sortBy;
|
|
8
|
+
private _sortOrder;
|
|
9
|
+
private _sortDirection;
|
|
10
|
+
get sortBy(): ClrTreetableComparatorInterface<T>;
|
|
11
|
+
set sortBy(comparator: ClrTreetableComparatorInterface<T>);
|
|
12
|
+
get sortOrder(): ClrTreetableSortOrder;
|
|
13
|
+
set sortOrder(value: ClrTreetableSortOrder);
|
|
14
|
+
get sortDirection(): 'up' | 'down' | null;
|
|
15
|
+
sortOrderChange: import("@angular/core").OutputEmitterRef<ClrTreetableSortOrder>;
|
|
16
|
+
constructor();
|
|
17
|
+
get ariaSort(): "none" | "ascending" | "descending";
|
|
18
|
+
get sortable(): boolean;
|
|
19
|
+
sort(reverse?: boolean): void;
|
|
20
|
+
private listenForSortingChanges;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTreetableColumn<any>, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTreetableColumn<any>, "clr-tt-column", never, { "sortBy": { "alias": "clrTtSortBy"; "required": false; }; "sortOrder": { "alias": "clrTtSortOrder"; "required": false; }; }, { "sortOrderChange": "clrTtSortOrderChange"; }, never, ["*"], false, never>;
|
|
5
23
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TrackByFunction } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TreetableItemsDirective<T> {
|
|
4
|
+
private readonly _items;
|
|
5
|
+
private readonly _sort;
|
|
6
|
+
private readonly _template;
|
|
7
|
+
private readonly _differs;
|
|
8
|
+
private readonly _vcr;
|
|
9
|
+
private readonly _cdr;
|
|
10
|
+
private _iterableProxy;
|
|
11
|
+
ttItems: import("@angular/core").WritableSignal<any[]>;
|
|
12
|
+
get clrTtItems(): T[];
|
|
13
|
+
set clrTtItems(items: T[]);
|
|
14
|
+
set trackBy(value: TrackByFunction<T>);
|
|
15
|
+
constructor();
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreetableItemsDirective<any>, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TreetableItemsDirective<any>, "[clrTtItems]", never, { "clrTtItems": { "alias": "clrTtItems"; "required": false; }; "trackBy": { "alias": "clrTtItemsTrackBy"; "required": false; }; }, {}, never, never, false, never>;
|
|
18
|
+
}
|
|
@@ -1,21 +1,34 @@
|
|
|
1
1
|
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { ClrTreetableActionOverflow } from './treetable-action-overflow';
|
|
3
|
+
import { Selection } from './providers';
|
|
4
|
+
import { SelectionType } from './enums/selection-type';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ClrTreetableRow implements OnInit {
|
|
6
|
+
export declare class ClrTreetableRow<T> implements OnInit {
|
|
7
|
+
readonly selection: Selection<any>;
|
|
8
|
+
private readonly _cdr;
|
|
9
|
+
private readonly _destroyRef;
|
|
10
|
+
private _selected;
|
|
11
|
+
shouldAnimate: import("@angular/core").WritableSignal<boolean>;
|
|
5
12
|
expanded: boolean;
|
|
6
13
|
clickable: boolean;
|
|
7
14
|
expandable: boolean;
|
|
15
|
+
clrTtItem: import("@angular/core").InputSignal<T>;
|
|
8
16
|
hasActionOverflow: EventEmitter<boolean>;
|
|
9
17
|
expandedChange: EventEmitter<boolean>;
|
|
18
|
+
selectedChanged: EventEmitter<boolean>;
|
|
10
19
|
showActionOverflow: boolean;
|
|
11
20
|
showEmptyActionOverflow: boolean;
|
|
12
21
|
showClickClass: boolean;
|
|
13
22
|
set actionOverflow(actionOverflow: ClrTreetableActionOverflow);
|
|
14
|
-
constructor();
|
|
15
23
|
ngOnInit(): void;
|
|
24
|
+
onExpandCollapseClick(): void;
|
|
25
|
+
toggle(selected?: boolean): void;
|
|
16
26
|
private toggleExpand;
|
|
17
27
|
onRowClick(event: MouseEvent): void;
|
|
18
28
|
onCaretClick(): void;
|
|
19
|
-
|
|
20
|
-
|
|
29
|
+
get selected(): boolean | string;
|
|
30
|
+
set selected(value: boolean | string);
|
|
31
|
+
protected readonly SelectionType: typeof SelectionType;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTreetableRow<any>, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTreetableRow<any>, "clr-tt-row", never, { "expanded": { "alias": "clrExpanded"; "required": false; }; "clickable": { "alias": "clrClickable"; "required": false; }; "expandable": { "alias": "clrExpandable"; "required": false; }; "clrTtItem": { "alias": "clrTtItem"; "required": false; "isSignal": true; }; }, { "hasActionOverflow": "hasActionOverflow"; "expandedChange": "clrExpandedChange"; "selectedChanged": "clrTtSelectedChange"; }, ["actionOverflow"], ["clr-tt-action-overflow", "clr-tt-cell", "clr-tt-row"], false, never>;
|
|
21
34
|
}
|
package/treetable/treetable.d.ts
CHANGED
|
@@ -1,20 +1,31 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AfterViewInit, EventEmitter, QueryList } from '@angular/core';
|
|
2
2
|
import { ClrTreetableRow } from './treetable-row';
|
|
3
|
+
import { SelectionType } from './enums/selection-type';
|
|
4
|
+
import { Selection } from './providers';
|
|
5
|
+
import { TreetableItemsDirective } from './treetable-items';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ClrTreetable implements
|
|
7
|
+
export declare class ClrTreetable<T> implements AfterViewInit {
|
|
8
|
+
readonly selection: Selection<T>;
|
|
9
|
+
private readonly _items;
|
|
10
|
+
private readonly _destroyRef;
|
|
5
11
|
clrClickableRows: boolean;
|
|
6
12
|
hideHeader: boolean;
|
|
7
|
-
|
|
13
|
+
set selected(value: T[] | undefined);
|
|
14
|
+
selectedChanged: EventEmitter<T[]>;
|
|
15
|
+
ttColumns: QueryList<ClrTreetableRow<T>>;
|
|
8
16
|
empty: boolean;
|
|
9
17
|
hasActionOverflow: boolean;
|
|
10
18
|
private _ttRows;
|
|
11
|
-
|
|
12
|
-
|
|
19
|
+
set ttRows(items: QueryList<ClrTreetableRow<T>>);
|
|
20
|
+
iterator: QueryList<TreetableItemsDirective<T>>;
|
|
21
|
+
ngAfterViewInit(): void;
|
|
13
22
|
private initClickableRows;
|
|
14
23
|
private initEmpty;
|
|
15
24
|
private initActionOverflow;
|
|
16
25
|
private setActionOverflow;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
26
|
+
get allSelected(): boolean;
|
|
27
|
+
set allSelected(_: boolean);
|
|
28
|
+
protected readonly SelectionType: typeof SelectionType;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTreetable<any>, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrTreetable<any>, "clr-treetable", never, { "clrClickableRows": { "alias": "clrClickableRows"; "required": false; }; "hideHeader": { "alias": "clrHideHeader"; "required": false; }; "selected": { "alias": "clrTtSelected"; "required": false; }; }, { "selectedChanged": "clrTtSelectedChange"; }, ["ttColumns", "ttRows", "iterator"], ["clr-tt-column", "clr-tt-row", "clr-tt-placeholder"], false, never>;
|
|
20
31
|
}
|
|
@@ -9,10 +9,12 @@ import * as i7 from "./renderer/main-renderer";
|
|
|
9
9
|
import * as i8 from "./renderer/header-renderer";
|
|
10
10
|
import * as i9 from "./renderer/row-renderer";
|
|
11
11
|
import * as i10 from "./renderer/cell-renderer";
|
|
12
|
-
import * as i11 from "
|
|
13
|
-
import * as i12 from "@
|
|
12
|
+
import * as i11 from "./treetable-items";
|
|
13
|
+
import * as i12 from "@angular/common";
|
|
14
|
+
import * as i13 from "@clr/angular";
|
|
15
|
+
import * as i14 from "@angular/forms";
|
|
14
16
|
export declare class ClrTreetableModule {
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrTreetableModule, never>;
|
|
16
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTreetableModule, [typeof i1.ClrTreetable, typeof i2.ClrTreetableRow, typeof i3.ClrTreetableCell, typeof i4.ClrTreetableColumn, typeof i5.ClrTreetablePlaceholder, typeof i6.ClrTreetableActionOverflow, typeof i7.TreetableMainRenderer, typeof i8.TreetableHeaderRenderer, typeof i9.TreetableRowRenderer, typeof i10.TreetableCellRenderer], [typeof
|
|
18
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClrTreetableModule, [typeof i1.ClrTreetable, typeof i2.ClrTreetableRow, typeof i3.ClrTreetableCell, typeof i4.ClrTreetableColumn, typeof i5.ClrTreetablePlaceholder, typeof i6.ClrTreetableActionOverflow, typeof i7.TreetableMainRenderer, typeof i8.TreetableHeaderRenderer, typeof i9.TreetableRowRenderer, typeof i10.TreetableCellRenderer, typeof i11.TreetableItemsDirective], [typeof i12.CommonModule, typeof i13.ClarityModule, typeof i14.ReactiveFormsModule, typeof i14.FormsModule], [typeof i1.ClrTreetable, typeof i2.ClrTreetableRow, typeof i3.ClrTreetableCell, typeof i4.ClrTreetableColumn, typeof i5.ClrTreetablePlaceholder, typeof i6.ClrTreetableActionOverflow, typeof i7.TreetableMainRenderer, typeof i8.TreetableHeaderRenderer, typeof i9.TreetableRowRenderer, typeof i10.TreetableCellRenderer, typeof i11.TreetableItemsDirective]>;
|
|
17
19
|
static ɵinj: i0.ɵɵInjectorDeclaration<ClrTreetableModule>;
|
|
18
20
|
}
|