@elderbyte/ngx-starter 19.1.27 → 19.2.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/elderbyte-ngx-starter.mjs +2167 -1822
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/lib/components/data-view/base/elder-data-view-base.d.ts +22 -42
- package/lib/components/data-view/base/elder-data-view.d.ts +7 -3
- package/lib/components/data-view/common/activation/data-view-activation-controller.service.d.ts +69 -0
- package/lib/components/data-view/common/activation/elder-activation-options.d.ts +16 -0
- package/lib/components/data-view/common/activation/model/activation-model.d.ts +49 -0
- package/lib/components/data-view/common/activation/public_api.d.ts +6 -0
- package/lib/components/data-view/common/elder-data-common.module.d.ts +0 -9
- package/lib/components/data-view/common/public_api.d.ts +11 -0
- package/lib/components/data-view/common/selection/data-context-selection.directive.d.ts +2 -2
- package/lib/components/data-view/common/selection/elder-selection-master-checkbox/elder-selection-master-checkbox.component.d.ts +5 -9
- package/lib/components/data-view/grid/activation/elder-grid-activation.directive.d.ts +46 -0
- package/lib/components/data-view/grid/elder-grid/elder-grid.component.d.ts +9 -11
- package/lib/components/data-view/grid/elder-grid.module.d.ts +20 -17
- package/lib/components/data-view/grid/elder-tile/elder-tile.component.d.ts +54 -0
- package/lib/components/data-view/master-detail/elder-master-activation.directive.d.ts +9 -7
- package/lib/components/data-view/master-detail/elder-master-detail.module.d.ts +2 -2
- package/lib/components/data-view/master-detail/elder-master-detail.service.d.ts +1 -1
- package/lib/components/data-view/master-detail/{elder-master-detail.component.d.ts → master-detail/elder-master-detail.component.d.ts} +8 -15
- package/lib/components/data-view/master-detail/master-detail-activation-event.d.ts +1 -1
- package/lib/components/data-view/public_api.d.ts +1 -1
- package/lib/components/data-view/table/activation/elder-delete-active.directive.d.ts +9 -11
- package/lib/components/data-view/table/activation/elder-table-activation.directive.d.ts +13 -50
- package/lib/components/data-view/table/activation/public_api.d.ts +0 -5
- package/lib/components/data-view/table/elder-table/elder-table.component.d.ts +16 -15
- package/lib/components/data-view/table/elder-table-row.directive.d.ts +10 -8
- package/lib/components/i18n/entities/elder-localized-input-table/elder-localized-input-table.component.d.ts +6 -0
- package/lib/components/select-chip-list/chip-list-select/elder-chip-list-select.component.d.ts +18 -10
- package/package.json +1 -1
- package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +9 -80
- package/src/lib/components/data-view/grid/elder-tile/elder-tile.component.scss +110 -0
- package/theming/abstracts/_elder-design-tokens.scss +13 -1
- package/lib/components/data-view/table/activation/elder-activation-context.d.ts +0 -7
- package/lib/components/data-view/table/activation/elder-table-activation-options.d.ts +0 -16
- /package/lib/components/data-view/{table/activation → common/activation/model}/activation-event-source.d.ts +0 -0
- /package/lib/components/data-view/{table/activation → common/activation/model}/item-activation-event.d.ts +0 -0
- /package/lib/components/data-view/{table/activation → common/activation/model}/item-activation-options.d.ts +0 -0
- /package/src/lib/components/data-view/master-detail/{elder-master-detail.component.scss → master-detail/elder-master-detail.component.scss} +0 -0
|
@@ -1,31 +1,32 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DestroyRef, OnInit } from '@angular/core';
|
|
2
2
|
import { ElderMasterDetailService } from './elder-master-detail.service';
|
|
3
3
|
import { ElderToastService } from '../../toasts/elder-toast.service';
|
|
4
|
-
import {
|
|
4
|
+
import { DataViewActivationController } from '../common/activation/data-view-activation-controller.service';
|
|
5
|
+
import { ActivationModel } from '../common/activation/model/activation-model';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ElderMasterActivationDirective<T> implements OnInit
|
|
7
|
+
export declare class ElderMasterActivationDirective<T> implements OnInit {
|
|
8
|
+
private destroyRef;
|
|
7
9
|
private toastService;
|
|
8
|
-
private
|
|
10
|
+
private activationModel;
|
|
11
|
+
private activationController;
|
|
9
12
|
private masterDetailService;
|
|
10
13
|
/***************************************************************************
|
|
11
14
|
* *
|
|
12
15
|
* Fields *
|
|
13
16
|
* *
|
|
14
17
|
**************************************************************************/
|
|
15
|
-
private readonly destroy$;
|
|
16
18
|
private readonly log;
|
|
17
19
|
/***************************************************************************
|
|
18
20
|
* *
|
|
19
21
|
* Constructor *
|
|
20
22
|
* *
|
|
21
23
|
**************************************************************************/
|
|
22
|
-
constructor(toastService: ElderToastService,
|
|
24
|
+
constructor(destroyRef: DestroyRef, toastService: ElderToastService, activationModel: ActivationModel<T>, activationController: DataViewActivationController<T>, masterDetailService: ElderMasterDetailService<T>);
|
|
23
25
|
/***************************************************************************
|
|
24
26
|
* *
|
|
25
27
|
* Life Cycle *
|
|
26
28
|
* *
|
|
27
29
|
**************************************************************************/
|
|
28
|
-
ngOnDestroy(): void;
|
|
29
30
|
ngOnInit(): void;
|
|
30
31
|
/***************************************************************************
|
|
31
32
|
* *
|
|
@@ -33,6 +34,7 @@ export declare class ElderMasterActivationDirective<T> implements OnInit, OnDest
|
|
|
33
34
|
* *
|
|
34
35
|
**************************************************************************/
|
|
35
36
|
private onModeChange;
|
|
37
|
+
private activationOptions;
|
|
36
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<ElderMasterActivationDirective<any>, never>;
|
|
37
39
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMasterActivationDirective<any>, "[elderMasterActivation]", never, {}, {}, never, never, true, never>;
|
|
38
40
|
}
|
|
@@ -16,7 +16,7 @@ import * as i14 from "../../forms/directives/elder-forms-directives.module";
|
|
|
16
16
|
import * as i15 from "../../navigation/toolbar/elder-toolbar.module";
|
|
17
17
|
import * as i16 from "@angular/material/toolbar";
|
|
18
18
|
import * as i17 from "@angular/material/slide-toggle";
|
|
19
|
-
import * as i18 from "./elder-master-detail.component";
|
|
19
|
+
import * as i18 from "./master-detail/elder-master-detail.component";
|
|
20
20
|
import * as i19 from "./elder-detail.directive";
|
|
21
21
|
import * as i20 from "./elder-master.directive";
|
|
22
22
|
import * as i21 from "./elder-master-activation.directive";
|
|
@@ -28,7 +28,7 @@ export * from './elder-master-detail-mode';
|
|
|
28
28
|
export * from './elder-master-detail.service';
|
|
29
29
|
export * from './master-detail-activation-event';
|
|
30
30
|
export * from './elder-detail-dialog/elder-detail-dialog.component';
|
|
31
|
-
export * from './elder-master-detail.component';
|
|
31
|
+
export * from './master-detail/elder-master-detail.component';
|
|
32
32
|
export declare class ElderMasterDetailModule {
|
|
33
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<ElderMasterDetailModule, never>;
|
|
34
34
|
static ɵmod: i0.ɵɵNgModuleDeclaration<ElderMasterDetailModule, never, [typeof i1.CommonModule, typeof i2.MatIconModule, typeof i3.MatTableModule, typeof i4.ElderTableModule, typeof i5.ElderMeasuresModule, typeof i6.MatSortModule, typeof i7.FormsModule, typeof i8.MatInputModule, typeof i9.ElderCardModule, typeof i10.MatButtonModule, typeof i11.MatBadgeModule, typeof i12.MatTooltipModule, typeof i13.ElderSelectModule, typeof i14.ElderFormsDirectivesModule, typeof i15.ElderToolbarModule, typeof i16.MatToolbarModule, typeof i17.MatSlideToggleModule, typeof i18.ElderMasterDetailComponent, typeof i19.ElderDetailDirective, typeof i20.ElderMasterDirective, typeof i21.ElderMasterActivationDirective, typeof i22.ElderDetailDialogComponent], [typeof i18.ElderMasterDetailComponent, typeof i19.ElderDetailDirective, typeof i20.ElderMasterDirective, typeof i21.ElderMasterActivationDirective, typeof i22.ElderDetailDialogComponent]>;
|
|
@@ -2,7 +2,7 @@ import { OnDestroy } from '@angular/core';
|
|
|
2
2
|
import { BehaviorSubject, Observable, Subject } from 'rxjs';
|
|
3
3
|
import { ElderMasterDetailMode } from './elder-master-detail-mode';
|
|
4
4
|
import { MasterDetailActivationEvent } from './master-detail-activation-event';
|
|
5
|
-
import { ActivationEventSource } from '../
|
|
5
|
+
import { ActivationEventSource } from '../common/activation/model/activation-event-source';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export interface IMasterDetailActivationOptions {
|
|
8
8
|
source: ActivationEventSource;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ElderMasterDetailService } from '
|
|
3
|
-
import { BehaviorSubject } from 'rxjs';
|
|
1
|
+
import { Signal, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { ElderMasterDetailService } from '../elder-master-detail.service';
|
|
4
3
|
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
|
|
5
|
-
import { ElderDetailDialogComponent } from '
|
|
6
|
-
import { ElderMasterDetailMode } from '
|
|
4
|
+
import { ElderDetailDialogComponent } from '../elder-detail-dialog/elder-detail-dialog.component';
|
|
5
|
+
import { ElderMasterDetailMode } from '../elder-master-detail-mode';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare class ElderMasterDetailComponent<T>
|
|
7
|
+
export declare class ElderMasterDetailComponent<T> {
|
|
9
8
|
private masterDetailService;
|
|
10
9
|
dialog: MatDialog;
|
|
11
10
|
private viewContainerRef;
|
|
@@ -15,24 +14,17 @@ export declare class ElderMasterDetailComponent<T> implements OnDestroy {
|
|
|
15
14
|
* *
|
|
16
15
|
**************************************************************************/
|
|
17
16
|
private readonly log;
|
|
18
|
-
private readonly destroy$;
|
|
19
17
|
master: TemplateRef<any>;
|
|
20
18
|
detail: TemplateRef<any>;
|
|
21
|
-
readonly mode$: BehaviorSubject<ElderMasterDetailMode>;
|
|
22
19
|
dialogRef: MatDialogRef<ElderDetailDialogComponent>;
|
|
23
|
-
currentActive
|
|
20
|
+
readonly currentActive: Signal<T>;
|
|
21
|
+
readonly modeSig: Signal<ElderMasterDetailMode>;
|
|
24
22
|
/***************************************************************************
|
|
25
23
|
* *
|
|
26
24
|
* Constructor *
|
|
27
25
|
* *
|
|
28
26
|
**************************************************************************/
|
|
29
27
|
constructor(masterDetailService: ElderMasterDetailService<T>, dialog: MatDialog, viewContainerRef: ViewContainerRef);
|
|
30
|
-
/***************************************************************************
|
|
31
|
-
* *
|
|
32
|
-
* Life Cycle *
|
|
33
|
-
* *
|
|
34
|
-
**************************************************************************/
|
|
35
|
-
ngOnDestroy(): void;
|
|
36
28
|
/***************************************************************************
|
|
37
29
|
* *
|
|
38
30
|
* Properties *
|
|
@@ -46,6 +38,7 @@ export declare class ElderMasterDetailComponent<T> implements OnDestroy {
|
|
|
46
38
|
* *
|
|
47
39
|
**************************************************************************/
|
|
48
40
|
private openDetailDialog;
|
|
41
|
+
private onCurrentItemChange;
|
|
49
42
|
private closeDialog;
|
|
50
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<ElderMasterDetailComponent<any>, never>;
|
|
51
44
|
static ɵcmp: i0.ɵɵComponentDeclaration<ElderMasterDetailComponent<any>, "elder-master-detail", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, ["master", "detail"], never, true, never>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ActivationEventSource } from '../
|
|
1
|
+
import { ActivationEventSource } from '../common/activation/model/activation-event-source';
|
|
2
2
|
export declare class MasterDetailActivationEvent<T> {
|
|
3
3
|
readonly item: T;
|
|
4
4
|
readonly creating: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from './base/public_api';
|
|
2
|
-
export * from './common/
|
|
2
|
+
export * from './common/public_api';
|
|
3
3
|
export * from './table/elder-table.module';
|
|
4
4
|
export * from './simple/elder-simple-selection-view/elder-simple-selection-view.module';
|
|
5
5
|
export * from './grid/elder-grid.module';
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ElderTableActivationDirective } from './elder-table-activation.directive';
|
|
1
|
+
import { DestroyRef, EventEmitter, OnInit } from '@angular/core';
|
|
3
2
|
import { ElderDialogService } from '../../../dialogs/elder-dialog.service';
|
|
3
|
+
import { DataViewActivationController } from '../../common/activation/data-view-activation-controller.service';
|
|
4
|
+
import { ElderTableComponent } from '../elder-table/elder-table.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ElderDeleteActiveDirective<T = any> implements OnInit
|
|
6
|
-
private readonly
|
|
6
|
+
export declare class ElderDeleteActiveDirective<T = any> implements OnInit {
|
|
7
|
+
private readonly elderTable;
|
|
8
|
+
private readonly destroyRef;
|
|
9
|
+
private readonly activationController;
|
|
7
10
|
private readonly elderDialog;
|
|
8
11
|
/***************************************************************************
|
|
9
12
|
* *
|
|
@@ -12,11 +15,7 @@ export declare class ElderDeleteActiveDirective<T = any> implements OnInit, OnDe
|
|
|
12
15
|
**************************************************************************/
|
|
13
16
|
private readonly logger;
|
|
14
17
|
private latestDeleteRequest;
|
|
15
|
-
private readonly
|
|
16
|
-
/**
|
|
17
|
-
* Emits when the active item should be deleted.
|
|
18
|
-
*/
|
|
19
|
-
readonly requestDelete: EventEmitter<T>;
|
|
18
|
+
private readonly requestDelete;
|
|
20
19
|
/**
|
|
21
20
|
* Emits when the active item should be deleted.
|
|
22
21
|
*/
|
|
@@ -27,14 +26,13 @@ export declare class ElderDeleteActiveDirective<T = any> implements OnInit, OnDe
|
|
|
27
26
|
* Constructor *
|
|
28
27
|
* *
|
|
29
28
|
**************************************************************************/
|
|
30
|
-
constructor(
|
|
29
|
+
constructor(elderTable: ElderTableComponent, destroyRef: DestroyRef, activationController: DataViewActivationController<T>, elderDialog: ElderDialogService);
|
|
31
30
|
/***************************************************************************
|
|
32
31
|
* *
|
|
33
32
|
* Life Cycle *
|
|
34
33
|
* *
|
|
35
34
|
**************************************************************************/
|
|
36
35
|
ngOnInit(): void;
|
|
37
|
-
ngOnDestroy(): void;
|
|
38
36
|
/***************************************************************************
|
|
39
37
|
* *.
|
|
40
38
|
* Host Listeners *
|
|
@@ -1,40 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { BehaviorSubject, Observable } from 'rxjs';
|
|
1
|
+
import { DestroyRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
4
3
|
import { ElderTableComponent } from '../elder-table/elder-table.component';
|
|
5
|
-
import {
|
|
6
|
-
import { ItemActivationOptions } from '
|
|
7
|
-
import { ItemActivationEvent } from '
|
|
8
|
-
import { ElderActivationContext } from './elder-activation-context';
|
|
4
|
+
import { ElderActivationOptions } from '../../common/activation/elder-activation-options';
|
|
5
|
+
import { ItemActivationOptions } from '../../common/activation/model/item-activation-options';
|
|
6
|
+
import { ItemActivationEvent } from '../../common/activation/model/item-activation-event';
|
|
9
7
|
import { NoInputArgs } from '../../../../common/utils/input-utils';
|
|
8
|
+
import { ActivationModel } from '../../common/activation/model/activation-model';
|
|
9
|
+
import { DataViewActivationController } from '../../common/activation/data-view-activation-controller.service';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
-
export declare class ElderTableActivationDirective<T>
|
|
11
|
+
export declare class ElderTableActivationDirective<T> {
|
|
12
12
|
private readonly elderTable;
|
|
13
|
+
private readonly destroyRef;
|
|
14
|
+
private readonly activationModel;
|
|
15
|
+
readonly controller: DataViewActivationController<T>;
|
|
13
16
|
/***************************************************************************
|
|
14
17
|
* *
|
|
15
18
|
* Fields *
|
|
16
19
|
* *
|
|
17
20
|
**************************************************************************/
|
|
18
21
|
private readonly logger;
|
|
19
|
-
private readonly destroy$;
|
|
20
|
-
private readonly itemActivationEventSubject;
|
|
21
|
-
private _data;
|
|
22
|
-
readonly activeItem$: BehaviorSubject<T>;
|
|
23
|
-
readonly rows$: BehaviorSubject<ElderTableRowDirective<T>[]>;
|
|
24
|
-
private _activationOptions;
|
|
25
22
|
/***************************************************************************
|
|
26
23
|
* *
|
|
27
24
|
* Constructor *
|
|
28
25
|
* *
|
|
29
26
|
**************************************************************************/
|
|
30
|
-
constructor(elderTable: ElderTableComponent);
|
|
31
|
-
/***************************************************************************
|
|
32
|
-
* *
|
|
33
|
-
* Life Cycle *
|
|
34
|
-
* *
|
|
35
|
-
**************************************************************************/
|
|
36
|
-
ngAfterViewInit(): void;
|
|
37
|
-
ngOnDestroy(): void;
|
|
27
|
+
constructor(elderTable: ElderTableComponent, destroyRef: DestroyRef, activationModel: ActivationModel<T>, controller: DataViewActivationController<T>);
|
|
38
28
|
/***************************************************************************
|
|
39
29
|
* *.
|
|
40
30
|
* Host Listeners *
|
|
@@ -46,8 +36,7 @@ export declare class ElderTableActivationDirective<T> implements ElderActivation
|
|
|
46
36
|
* Properties *
|
|
47
37
|
* *
|
|
48
38
|
**************************************************************************/
|
|
49
|
-
set activationOptions(options:
|
|
50
|
-
get activationOptions(): ElderTableActivationOptions;
|
|
39
|
+
set activationOptions(options: ElderActivationOptions | NoInputArgs);
|
|
51
40
|
get activeItemEventChange(): Observable<ItemActivationEvent<T>>;
|
|
52
41
|
get activeItemChange(): Observable<T>;
|
|
53
42
|
get activeItem(): T;
|
|
@@ -59,32 +48,6 @@ export declare class ElderTableActivationDirective<T> implements ElderActivation
|
|
|
59
48
|
**************************************************************************/
|
|
60
49
|
activate(item: T, options: ItemActivationOptions): void;
|
|
61
50
|
activateAndFocus(item: T): void;
|
|
62
|
-
isItemActive(item: T): boolean;
|
|
63
|
-
hasItemFocus(item: T): boolean;
|
|
64
|
-
nextCloseTo(active: T): T;
|
|
65
|
-
/***************************************************************************
|
|
66
|
-
* *
|
|
67
|
-
* Private methods *
|
|
68
|
-
* *
|
|
69
|
-
**************************************************************************/
|
|
70
|
-
private updateActiveItem;
|
|
71
|
-
private updateRowsActivation;
|
|
72
|
-
private updateRowActivation;
|
|
73
|
-
private rowDataUpdated;
|
|
74
|
-
private deactivateById;
|
|
75
|
-
private getRowForItem;
|
|
76
|
-
private handleAutoActivations;
|
|
77
|
-
private get hasActiveItem();
|
|
78
|
-
private activateFirst;
|
|
79
|
-
private activateLast;
|
|
80
|
-
private previousRowItem;
|
|
81
|
-
private nextRowItem;
|
|
82
|
-
private getCurrentIndex;
|
|
83
|
-
private getItemAtIndex;
|
|
84
|
-
private findItemIndex;
|
|
85
|
-
private itemEquals;
|
|
86
|
-
private itemEqualsId;
|
|
87
|
-
private getId;
|
|
88
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableActivationDirective<any>, never>;
|
|
89
52
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTableActivationDirective<any>, "elder-table[elderTableActivation]", ["elderTableActivation"], { "activationOptions": { "alias": "elderTableActivation"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "activeItemEventChange": "activeItemEventChange"; "activeItemChange": "activeItemChange"; }, never, never, true, never>;
|
|
90
53
|
}
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
export * from './activation-event-source';
|
|
2
|
-
export * from './item-activation-event';
|
|
3
|
-
export * from './elder-activation-context';
|
|
4
1
|
export * from './elder-delete-active.directive';
|
|
5
2
|
export * from './elder-table-activation.directive';
|
|
6
|
-
export * from './elder-table-activation-options';
|
|
7
|
-
export * from './item-activation-options';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, NgZone, OnInit, QueryList, TemplateRef, TrackByFunction } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, NgZone, OnInit, QueryList, Signal, TemplateRef, TrackByFunction } from '@angular/core';
|
|
2
2
|
import { MatPaginator } from '@angular/material/paginator';
|
|
3
3
|
import { MatSort } from '@angular/material/sort';
|
|
4
4
|
import { IDataContext } from '../../../../common/data/data-context/data-context';
|
|
5
5
|
import { SelectionModel } from '../../../../common/selection/selection-model';
|
|
6
|
-
import { BehaviorSubject
|
|
6
|
+
import { BehaviorSubject } from 'rxjs';
|
|
7
7
|
import { CdkColumnDef, CdkRowDef, CdkTable } from '@angular/cdk/table';
|
|
8
8
|
import { ElderTableRowDirective } from '../elder-table-row.directive';
|
|
9
9
|
import { IDataSource } from '../../../../common/data/datasource/data-source';
|
|
@@ -13,7 +13,7 @@ import { ElderTableExtensionDirective } from '../elder-table-extension.directive
|
|
|
13
13
|
import { ElderTableColumnDirective } from '../elder-table-column.directive';
|
|
14
14
|
import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options-provider';
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
|
-
export declare class ElderTableComponent extends ElderDataViewBaseComponent implements OnInit, AfterContentInit, AfterViewInit {
|
|
16
|
+
export declare class ElderTableComponent<T = any> extends ElderDataViewBaseComponent<T> implements OnInit, AfterContentInit, AfterViewInit {
|
|
17
17
|
readonly tableModel: ElderTableModel;
|
|
18
18
|
private readonly parentExtension;
|
|
19
19
|
private cdr;
|
|
@@ -23,7 +23,7 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
|
|
|
23
23
|
* Fields *
|
|
24
24
|
* *
|
|
25
25
|
**************************************************************************/
|
|
26
|
-
private readonly
|
|
26
|
+
private readonly log;
|
|
27
27
|
/**
|
|
28
28
|
* Load next chunk after current is done
|
|
29
29
|
*/
|
|
@@ -61,13 +61,11 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
|
|
|
61
61
|
keepSelection: boolean;
|
|
62
62
|
showFooter: boolean;
|
|
63
63
|
denseHorizontal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
64
|
-
canLoadMore$: Observable<boolean>;
|
|
65
|
-
total$: Observable<string>;
|
|
66
64
|
/**
|
|
67
65
|
* The table toolbar
|
|
68
66
|
*/
|
|
69
67
|
toolbarRowTemplateQuery: QueryList<TemplateRef<any>>;
|
|
70
|
-
readonly toolbarRowTemplates
|
|
68
|
+
readonly toolbarRowTemplates: import("@angular/core").WritableSignal<TemplateRef<any>[]>;
|
|
71
69
|
/**
|
|
72
70
|
* Selection model life cycle
|
|
73
71
|
*/
|
|
@@ -76,18 +74,19 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
|
|
|
76
74
|
/**
|
|
77
75
|
* Gets the current rows of this table.
|
|
78
76
|
*/
|
|
79
|
-
readonly rows$: BehaviorSubject<ElderTableRowDirective<
|
|
77
|
+
readonly rows$: BehaviorSubject<ElderTableRowDirective<T>[]>;
|
|
80
78
|
/**
|
|
81
79
|
* The index of this table group extension
|
|
82
80
|
* @private
|
|
83
81
|
*/
|
|
84
82
|
private readonly _extensionGroupIndex;
|
|
83
|
+
readonly displayedColumnsInner: Signal<string[] | undefined>;
|
|
85
84
|
/***************************************************************************
|
|
86
85
|
* *
|
|
87
86
|
* Constructor *
|
|
88
87
|
* *
|
|
89
88
|
**************************************************************************/
|
|
90
|
-
constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<
|
|
89
|
+
constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<T>, dataViewOptionsProvider: ElderDataViewOptionsProvider, matSort: MatSort, parentExtension: ElderTableExtensionDirective, cdr: ChangeDetectorRef, zone: NgZone);
|
|
91
90
|
/***************************************************************************
|
|
92
91
|
* *
|
|
93
92
|
* Life Cycle *
|
|
@@ -105,8 +104,8 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
|
|
|
105
104
|
* @deprecated
|
|
106
105
|
*/
|
|
107
106
|
set toolbarTemplate(template: TemplateRef<any>);
|
|
108
|
-
set data(data: Array<
|
|
109
|
-
protected onDataContextSet(data: IDataContext<
|
|
107
|
+
set data(data: Array<T> | IDataSource<T> | IDataContext<T>);
|
|
108
|
+
protected onDataContextSet(data: IDataContext<T>): void;
|
|
110
109
|
set displayedColumns(displayedColumns: string[]);
|
|
111
110
|
get displayedColumns(): string[];
|
|
112
111
|
/** Indicates if selection column is shown. */
|
|
@@ -118,14 +117,16 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
|
|
|
118
117
|
* *
|
|
119
118
|
**************************************************************************/
|
|
120
119
|
requestMoreDataZoned(event: unknown): void;
|
|
121
|
-
get trackByFn(): TrackByFunction<
|
|
122
|
-
isDataValid(data:
|
|
120
|
+
get trackByFn(): TrackByFunction<T>;
|
|
121
|
+
isDataValid(data: T[]): boolean;
|
|
122
|
+
hasItemFocus(item: T): boolean;
|
|
123
123
|
/***************************************************************************
|
|
124
124
|
* *
|
|
125
125
|
* Private Methods *
|
|
126
126
|
* *
|
|
127
127
|
**************************************************************************/
|
|
128
128
|
private setupSelectionLifeCycle;
|
|
129
|
-
|
|
130
|
-
static
|
|
129
|
+
private getRowForItem;
|
|
130
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableComponent<any>, [null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null, null]>;
|
|
131
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent<any>, "elder-table", never, { "idField": { "alias": "idField"; "required": false; }; "removingField": { "alias": "removingField"; "required": false; }; "hiddenField": { "alias": "hiddenField"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "denseHorizontal": { "alias": "denseHorizontal"; "required": false; "isSignal": true; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selectionVisible": { "alias": "selectionVisible"; "required": false; }; }, {}, ["columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, true, never>;
|
|
131
132
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { ActivationModel } from '../common/activation/model/activation-model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ElderTableRowDirective<T> {
|
|
5
5
|
private readonly rowRef;
|
|
6
6
|
private readonly renderer;
|
|
7
|
+
private readonly activationModel;
|
|
7
8
|
/***************************************************************************
|
|
8
9
|
* *
|
|
9
10
|
* Fields *
|
|
@@ -12,14 +13,16 @@ export declare class ElderTableRowDirective<T> {
|
|
|
12
13
|
private readonly logger;
|
|
13
14
|
private _activated;
|
|
14
15
|
private _model;
|
|
15
|
-
private readonly
|
|
16
|
-
private readonly focused$;
|
|
16
|
+
private readonly _focused;
|
|
17
17
|
/***************************************************************************
|
|
18
18
|
* *
|
|
19
19
|
* Constructor *
|
|
20
20
|
* *
|
|
21
21
|
**************************************************************************/
|
|
22
|
-
constructor(rowRef: ElementRef<HTMLTableRowElement>, renderer: Renderer2);
|
|
22
|
+
constructor(rowRef: ElementRef<HTMLTableRowElement>, renderer: Renderer2, activationModel: ActivationModel);
|
|
23
|
+
private handleActivationEvent;
|
|
24
|
+
private isItemActive;
|
|
25
|
+
private updateRowActivation;
|
|
23
26
|
/***************************************************************************
|
|
24
27
|
* *
|
|
25
28
|
* Host Listener *
|
|
@@ -33,8 +36,8 @@ export declare class ElderTableRowDirective<T> {
|
|
|
33
36
|
* Host Bindings *
|
|
34
37
|
* *
|
|
35
38
|
**************************************************************************/
|
|
36
|
-
get activated()
|
|
37
|
-
set activated(value
|
|
39
|
+
private get activated();
|
|
40
|
+
private set activated(value);
|
|
38
41
|
/***************************************************************************
|
|
39
42
|
* *
|
|
40
43
|
* Properties *
|
|
@@ -48,7 +51,6 @@ export declare class ElderTableRowDirective<T> {
|
|
|
48
51
|
* Public API *
|
|
49
52
|
* *
|
|
50
53
|
**************************************************************************/
|
|
51
|
-
bindTableActivation(activationDir: ElderActivationContext<T>): void;
|
|
52
54
|
bringToView(): void;
|
|
53
55
|
focus(): void;
|
|
54
56
|
/***************************************************************************
|
|
@@ -58,6 +60,6 @@ export declare class ElderTableRowDirective<T> {
|
|
|
58
60
|
**************************************************************************/
|
|
59
61
|
private enableRowFocus;
|
|
60
62
|
private activatedClassEnabled;
|
|
61
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableRowDirective<any>,
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableRowDirective<any>, [null, null, { optional: true; }]>;
|
|
62
64
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTableRowDirective<any>, "tr[elderTableRow]", ["elderTableRow"], { "model": { "alias": "elderTableRow"; "required": false; }; }, {}, never, never, true, never>;
|
|
63
65
|
}
|
|
@@ -23,7 +23,13 @@ export declare class ElderLocalizedInputTableComponent<T extends Localized> exte
|
|
|
23
23
|
readonly textColumns$: BehaviorSubject<ElderLocalizedTextColumnDirective[]>;
|
|
24
24
|
readonly defaultLanguageTags$: BehaviorSubject<string[]>;
|
|
25
25
|
dense: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated No longer supported
|
|
28
|
+
*/
|
|
26
29
|
float: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated No longer supported
|
|
32
|
+
*/
|
|
27
33
|
embedded: boolean;
|
|
28
34
|
private readonly destroy$;
|
|
29
35
|
/***************************************************************************
|
package/lib/components/select-chip-list/chip-list-select/elder-chip-list-select.component.d.ts
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { SelectionModel } from '../../../common/selection/selection-model';
|
|
3
|
-
import {
|
|
3
|
+
import { IElderDataView } from '../../data-view/base/elder-data-view';
|
|
4
|
+
import { Observable } from 'rxjs';
|
|
4
5
|
import { ThemePalette } from '@angular/material/core';
|
|
6
|
+
import { IDataContext } from '../../../common/data/data-context/data-context';
|
|
7
|
+
import { IDataSource } from '../../../common/data/datasource/data-source';
|
|
5
8
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ElderChipListSelectComponent {
|
|
7
|
-
selectionModel: SelectionModel<
|
|
9
|
+
export declare class ElderChipListSelectComponent<T = any> implements IElderDataView {
|
|
10
|
+
selectionModel: SelectionModel<T>;
|
|
8
11
|
/***************************************************************************
|
|
9
12
|
* *
|
|
10
13
|
* Fields *
|
|
11
14
|
* *
|
|
12
15
|
**************************************************************************/
|
|
13
16
|
private readonly log;
|
|
14
|
-
|
|
17
|
+
private readonly _dataSource$;
|
|
18
|
+
private readonly _dataContext$;
|
|
15
19
|
/**
|
|
16
20
|
* The property used to compare two values.
|
|
17
21
|
* Useful if the values are entities with an id property.
|
|
@@ -30,20 +34,24 @@ export declare class ElderChipListSelectComponent {
|
|
|
30
34
|
*/
|
|
31
35
|
stacked: false;
|
|
32
36
|
itemClick: EventEmitter<any>;
|
|
37
|
+
readonly data$: Observable<T[]>;
|
|
33
38
|
/***************************************************************************
|
|
34
39
|
* *
|
|
35
40
|
* Constructor *
|
|
36
41
|
* *
|
|
37
42
|
**************************************************************************/
|
|
38
|
-
constructor(selectionModel: SelectionModel<
|
|
43
|
+
constructor(selectionModel: SelectionModel<T>);
|
|
44
|
+
hasItemFocus(item: any): boolean;
|
|
39
45
|
/***************************************************************************
|
|
40
46
|
* *
|
|
41
47
|
* Properties *
|
|
42
48
|
* *
|
|
43
49
|
**************************************************************************/
|
|
44
|
-
set data(data:
|
|
45
|
-
set
|
|
46
|
-
get
|
|
50
|
+
set data(data: T[]);
|
|
51
|
+
set dataSource(dataSource: IDataSource<T>);
|
|
52
|
+
get dataContext$(): Observable<IDataContext<T>>;
|
|
53
|
+
set selection(selection: T[]);
|
|
54
|
+
get selectionChange(): Observable<T[]>;
|
|
47
55
|
get selectionSingleChange(): Observable<any>;
|
|
48
56
|
set selectionMultiEnabled(enableMultiSelection: boolean);
|
|
49
57
|
/***************************************************************************
|
|
@@ -68,6 +76,6 @@ export declare class ElderChipListSelectComponent {
|
|
|
68
76
|
* *
|
|
69
77
|
**************************************************************************/
|
|
70
78
|
private getId;
|
|
71
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipListSelectComponent
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ElderChipListSelectComponent
|
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipListSelectComponent<any>, [{ optional: true; }]>;
|
|
80
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ElderChipListSelectComponent<any>, " elder-chip-list-select", never, { "idField": { "alias": "idField"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "color": { "alias": "color"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "data": { "alias": "data"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMultiEnabled": { "alias": "selectionMultiEnabled"; "required": false; }; }, { "itemClick": "itemClick"; "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; }, never, never, true, never>;
|
|
73
81
|
}
|