@apexara/ng-components 1.0.5 → 1.0.6-test.2
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/README.md +298 -25
- package/fesm2022/apexara-ng-components-checkbox.mjs +53 -11
- package/fesm2022/apexara-ng-components-checkbox.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-chip.mjs +5 -2
- package/fesm2022/apexara-ng-components-chip.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-datepicker.mjs +65 -70
- package/fesm2022/apexara-ng-components-datepicker.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-dialog.mjs +2 -2
- package/fesm2022/apexara-ng-components-dialog.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-drawer.mjs +12 -22
- package/fesm2022/apexara-ng-components-drawer.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-expander.mjs +3 -15
- package/fesm2022/apexara-ng-components-expander.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-image.mjs +3 -5
- package/fesm2022/apexara-ng-components-image.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-input.mjs +19 -19
- package/fesm2022/apexara-ng-components-input.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-listbox.mjs +41 -33
- package/fesm2022/apexara-ng-components-listbox.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-more-options.mjs +132 -0
- package/fesm2022/apexara-ng-components-more-options.mjs.map +1 -0
- package/fesm2022/apexara-ng-components-radiobutton.mjs +2 -2
- package/fesm2022/apexara-ng-components-radiobutton.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-select.mjs +96 -79
- package/fesm2022/apexara-ng-components-select.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-snackbar.mjs +2 -44
- package/fesm2022/apexara-ng-components-snackbar.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-table.mjs +175 -102
- package/fesm2022/apexara-ng-components-table.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-textarea.mjs +20 -17
- package/fesm2022/apexara-ng-components-textarea.mjs.map +1 -1
- package/package.json +5 -2
- package/types/apexara-ng-components-checkbox.d.ts +17 -8
- package/types/apexara-ng-components-chip.d.ts +7 -1
- package/types/apexara-ng-components-datepicker.d.ts +4 -6
- package/types/apexara-ng-components-drawer.d.ts +3 -4
- package/types/apexara-ng-components-image.d.ts +2 -3
- package/types/apexara-ng-components-input.d.ts +6 -8
- package/types/apexara-ng-components-listbox.d.ts +7 -8
- package/types/apexara-ng-components-more-options.d.ts +34 -0
- package/types/apexara-ng-components-select.d.ts +13 -10
- package/types/apexara-ng-components-snackbar.d.ts +0 -3
- package/types/apexara-ng-components-table.d.ts +46 -23
- package/types/apexara-ng-components-textarea.d.ts +6 -8
|
@@ -1,29 +1,38 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
3
|
import { FormGroup } from '@angular/forms';
|
|
4
4
|
import { TooltipPosition } from '@apexara/ng-components/tooltip';
|
|
5
5
|
|
|
6
6
|
interface ApexCheckboxOptions {
|
|
7
7
|
formGroup?: FormGroup;
|
|
8
8
|
formControlName?: string;
|
|
9
|
+
errors?: ApexCheckboxErrors;
|
|
10
|
+
}
|
|
11
|
+
interface ApexCheckboxErrors {
|
|
12
|
+
[x: string]: string;
|
|
9
13
|
}
|
|
10
14
|
declare class ApexCheckboxComponent {
|
|
11
|
-
private changeDetectorRef;
|
|
12
|
-
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
13
15
|
checked: boolean;
|
|
14
16
|
disabled: boolean;
|
|
15
17
|
tooltip: string | null;
|
|
16
18
|
options: ApexCheckboxOptions | null;
|
|
17
19
|
clickChange: EventEmitter<boolean>;
|
|
18
20
|
tooltipPosition: typeof TooltipPosition;
|
|
21
|
+
controlInvalid: _angular_core.WritableSignal<boolean>;
|
|
22
|
+
errorLabel: _angular_core.WritableSignal<string>;
|
|
19
23
|
private controlSubscription;
|
|
24
|
+
private control;
|
|
20
25
|
ngAfterViewInit(): void;
|
|
21
26
|
ngOnDestroy(): void;
|
|
27
|
+
onFocusOut(): void;
|
|
22
28
|
onChange(): void;
|
|
23
|
-
private
|
|
24
|
-
|
|
25
|
-
|
|
29
|
+
private setControl;
|
|
30
|
+
private initChange;
|
|
31
|
+
private checkIfControlInvalid;
|
|
32
|
+
private getErrorLabel;
|
|
33
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexCheckboxComponent, never>;
|
|
34
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexCheckboxComponent, "apex-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "clickChange": "clickChange"; }, never, ["*"], true, never>;
|
|
26
35
|
}
|
|
27
36
|
|
|
28
37
|
export { ApexCheckboxComponent };
|
|
29
|
-
export type { ApexCheckboxOptions };
|
|
38
|
+
export type { ApexCheckboxErrors, ApexCheckboxOptions };
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter } from '@angular/core';
|
|
3
3
|
|
|
4
|
+
interface ApexChipOptions {
|
|
5
|
+
iconLeft?: string;
|
|
6
|
+
iconRight?: string;
|
|
7
|
+
}
|
|
4
8
|
declare class ApexChipComponent {
|
|
5
9
|
closeIcon: boolean;
|
|
10
|
+
options: ApexChipOptions;
|
|
6
11
|
closeChange: EventEmitter<void>;
|
|
7
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<ApexChipComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ApexChipComponent, "apex-chip", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "closeChange": "closeChange"; }, never, ["*"], true, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ApexChipComponent, "apex-chip", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "closeChange": "closeChange"; }, never, ["*"], true, never>;
|
|
9
14
|
}
|
|
10
15
|
|
|
11
16
|
export { ApexChipComponent };
|
|
17
|
+
export type { ApexChipOptions };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { NgZone, ElementRef
|
|
2
|
+
import { NgZone, ElementRef } from '@angular/core';
|
|
3
3
|
import { ValidatorFn, FormGroup } from '@angular/forms';
|
|
4
4
|
import { ControlErrors } from '@apexara/ng-components/select';
|
|
5
5
|
import { OSService, OverlayService } from '@apexara/ng-components/services';
|
|
@@ -121,10 +121,9 @@ declare class ApexDatepickerComponent {
|
|
|
121
121
|
private osService;
|
|
122
122
|
private elementRef;
|
|
123
123
|
private overlayService;
|
|
124
|
-
private changeDetectorRef;
|
|
125
124
|
private datepickerService;
|
|
126
125
|
private rangeSelectionStrategy;
|
|
127
|
-
constructor(ngZone: NgZone, osService: OSService, elementRef: ElementRef, overlayService: OverlayService,
|
|
126
|
+
constructor(ngZone: NgZone, osService: OSService, elementRef: ElementRef, overlayService: OverlayService, datepickerService: ApexDatepickerService, rangeSelectionStrategy: DefaultCalendarRangeStrategy);
|
|
128
127
|
datepicker: ElementRef<HTMLElement> | null;
|
|
129
128
|
calendar: ElementRef<HTMLElement> | null;
|
|
130
129
|
options: ApexDatepickerOptions;
|
|
@@ -136,9 +135,9 @@ declare class ApexDatepickerComponent {
|
|
|
136
135
|
set maxDate(value: Date | null);
|
|
137
136
|
get selectedDate(): DateRange | Date | null;
|
|
138
137
|
set selectedDate(value: DateRange | Date | null);
|
|
139
|
-
shouldShowCalendar: boolean
|
|
138
|
+
shouldShowCalendar: i0.WritableSignal<boolean>;
|
|
140
139
|
closeButtonFocused: boolean;
|
|
141
|
-
formErrorMessage: string | null
|
|
140
|
+
formErrorMessage: i0.WritableSignal<string | null>;
|
|
142
141
|
private errors;
|
|
143
142
|
private _activeDate;
|
|
144
143
|
private _selected;
|
|
@@ -151,7 +150,6 @@ declare class ApexDatepickerComponent {
|
|
|
151
150
|
activateControl(): void;
|
|
152
151
|
onClick(event: PointerEvent): void;
|
|
153
152
|
getDisplayValue(): string;
|
|
154
|
-
getformErrorMessage(): string | null;
|
|
155
153
|
onCloseClick(): void;
|
|
156
154
|
onCloseKeyDown(event: KeyboardEvent): void;
|
|
157
155
|
handleDragAndDropEnd(event: any): void;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { AfterViewInit, OnDestroy,
|
|
2
|
+
import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/core';
|
|
3
3
|
import { ScrollBlockService } from '@apexara/ng-components/services';
|
|
4
4
|
|
|
5
5
|
declare class ApexDrawerComponent implements AfterViewInit, OnDestroy {
|
|
6
6
|
private scrollBlockService;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
isOpen: boolean;
|
|
7
|
+
constructor(scrollBlockService: ScrollBlockService);
|
|
8
|
+
isOpen: i0.WritableSignal<boolean>;
|
|
10
9
|
closeChange: EventEmitter<void>;
|
|
11
10
|
title?: TemplateRef<any>;
|
|
12
11
|
description?: TemplateRef<any>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, Renderer2,
|
|
2
|
+
import { ElementRef, Renderer2, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { HttpClient } from '@angular/common/http';
|
|
4
4
|
import { Observable } from 'rxjs';
|
|
5
5
|
|
|
@@ -22,8 +22,7 @@ declare class ApexImageComponent {
|
|
|
22
22
|
private renderer;
|
|
23
23
|
private imgService;
|
|
24
24
|
private document;
|
|
25
|
-
|
|
26
|
-
constructor(element: ElementRef, renderer: Renderer2, imgService: ApexImgService, document: Document, changeDetectorRef: ChangeDetectorRef);
|
|
25
|
+
constructor(element: ElementRef, renderer: Renderer2, imgService: ApexImgService, document: Document);
|
|
27
26
|
src: string;
|
|
28
27
|
alt: string;
|
|
29
28
|
private helper;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
3
|
import { FormGroup } from '@angular/forms';
|
|
4
4
|
import { TooltipPosition } from '@apexara/ng-components/tooltip';
|
|
5
5
|
|
|
@@ -21,14 +21,12 @@ interface ApexControlErrors {
|
|
|
21
21
|
[x: string]: string;
|
|
22
22
|
}
|
|
23
23
|
declare class ApexInputComponent {
|
|
24
|
-
private changeDetectorRef;
|
|
25
|
-
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
26
24
|
options: ApexInputOptions;
|
|
27
25
|
inputChange: EventEmitter<string>;
|
|
28
26
|
suffixImgChange: EventEmitter<void>;
|
|
29
27
|
helperTextChange: EventEmitter<void>;
|
|
30
|
-
label: string
|
|
31
|
-
controlInvalid: boolean
|
|
28
|
+
label: _angular_core.WritableSignal<string>;
|
|
29
|
+
controlInvalid: _angular_core.WritableSignal<boolean>;
|
|
32
30
|
tooltipPosition: typeof TooltipPosition;
|
|
33
31
|
private controlSubscription;
|
|
34
32
|
private control;
|
|
@@ -43,8 +41,8 @@ declare class ApexInputComponent {
|
|
|
43
41
|
private checkIfControlInvalid;
|
|
44
42
|
private checkIfControlDisabled;
|
|
45
43
|
private getLabel;
|
|
46
|
-
static ɵfac:
|
|
47
|
-
static ɵcmp:
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexInputComponent, never>;
|
|
45
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexInputComponent, "apex-input", never, { "options": { "alias": "options"; "required": false; }; }, { "inputChange": "inputChange"; "suffixImgChange": "suffixImgChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
|
|
48
46
|
}
|
|
49
47
|
|
|
50
48
|
export { ApexInputComponent };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ElementRef,
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
4
4
|
import { FormGroup, AbstractControl } from '@angular/forms';
|
|
5
5
|
import { Subscription } from 'rxjs';
|
|
@@ -17,8 +17,7 @@ interface ApexListBoxOptions {
|
|
|
17
17
|
}
|
|
18
18
|
declare class ApexListboxComponent {
|
|
19
19
|
private elementRef;
|
|
20
|
-
|
|
21
|
-
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
|
|
20
|
+
constructor(elementRef: ElementRef);
|
|
22
21
|
listbox: ElementRef<HTMLDivElement> | null;
|
|
23
22
|
cdkViewport?: CdkVirtualScrollViewport;
|
|
24
23
|
options: ApexListBoxOptions;
|
|
@@ -26,8 +25,8 @@ declare class ApexListboxComponent {
|
|
|
26
25
|
itemSize: number;
|
|
27
26
|
selectChange: EventEmitter<ApexSelectData[]>;
|
|
28
27
|
tooltipPosition: typeof TooltipPosition;
|
|
29
|
-
controlError: string
|
|
30
|
-
controlInvalid: boolean
|
|
28
|
+
controlError: _angular_core.WritableSignal<string>;
|
|
29
|
+
controlInvalid: _angular_core.WritableSignal<boolean>;
|
|
31
30
|
control: AbstractControl | null;
|
|
32
31
|
controlSubscription: Subscription | null;
|
|
33
32
|
private documentKeyupValue;
|
|
@@ -62,8 +61,8 @@ declare class ApexListboxComponent {
|
|
|
62
61
|
private getControl;
|
|
63
62
|
private checkIfControlInvalid;
|
|
64
63
|
private getControlError;
|
|
65
|
-
static ɵfac:
|
|
66
|
-
static ɵcmp:
|
|
64
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexListboxComponent, never>;
|
|
65
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexListboxComponent, "apex-listbox", never, { "options": { "alias": "options"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; }, { "selectChange": "selectChange"; }, never, never, true, never>;
|
|
67
66
|
}
|
|
68
67
|
|
|
69
68
|
export { ApexListboxComponent };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, Injector } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
interface ApexMoreOptionsItem {
|
|
5
|
+
icon?: string;
|
|
6
|
+
label: string;
|
|
7
|
+
execute?: () => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare class ApexMoreOptionsComponent {
|
|
11
|
+
private elementRef;
|
|
12
|
+
private injector;
|
|
13
|
+
constructor(elementRef: ElementRef, injector: Injector);
|
|
14
|
+
items: _angular_core.InputSignal<ApexMoreOptionsItem[]>;
|
|
15
|
+
vertical: _angular_core.InputSignal<boolean>;
|
|
16
|
+
itemClick: _angular_core.OutputEmitterRef<ApexMoreOptionsItem>;
|
|
17
|
+
dropdownRef: _angular_core.Signal<ElementRef<any> | undefined>;
|
|
18
|
+
isOpen: _angular_core.WritableSignal<boolean>;
|
|
19
|
+
private scrollBlockersAttached;
|
|
20
|
+
private wheelListener;
|
|
21
|
+
ngOnDestroy(): void;
|
|
22
|
+
toggle(event: MouseEvent): void;
|
|
23
|
+
onItemClick(item: ApexMoreOptionsItem, event: MouseEvent): void;
|
|
24
|
+
onDocumentClick(event: Event): void;
|
|
25
|
+
private positionDropdown;
|
|
26
|
+
private blockScroll;
|
|
27
|
+
private attachScrollBlockers;
|
|
28
|
+
private detachScrollBlockers;
|
|
29
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexMoreOptionsComponent, never>;
|
|
30
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexMoreOptionsComponent, "apex-more-options", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { ApexMoreOptionsComponent };
|
|
34
|
+
export type { ApexMoreOptionsItem };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { OnInit, AfterViewInit, OnDestroy, ElementRef, EventEmitter, IterableDiffers,
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnInit, AfterViewInit, OnDestroy, ElementRef, EventEmitter, IterableDiffers, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { FormGroup, AbstractControl } from '@angular/forms';
|
|
4
4
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
5
5
|
import { OSService } from '@apexara/ng-components/services';
|
|
@@ -27,6 +27,7 @@ interface ApexSelectData {
|
|
|
27
27
|
value: any;
|
|
28
28
|
description?: string;
|
|
29
29
|
isHover?: boolean;
|
|
30
|
+
icon?: string;
|
|
30
31
|
}
|
|
31
32
|
interface ControlErrors {
|
|
32
33
|
[x: string]: string;
|
|
@@ -35,7 +36,6 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
35
36
|
private osService;
|
|
36
37
|
private elementRef;
|
|
37
38
|
private iterableDiffers;
|
|
38
|
-
private changeDetectorRef;
|
|
39
39
|
input: ElementRef<HTMLInputElement> | null;
|
|
40
40
|
label: ElementRef<HTMLLabelElement> | null;
|
|
41
41
|
dropdown: CdkVirtualScrollViewport | null;
|
|
@@ -43,9 +43,9 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
43
43
|
options: ApexSelectOptions;
|
|
44
44
|
selectChange: EventEmitter<ApexSelectData>;
|
|
45
45
|
helperTextChange: EventEmitter<void>;
|
|
46
|
-
constructor(osService: OSService, elementRef: ElementRef, iterableDiffers: IterableDiffers
|
|
47
|
-
firstDropdown: number
|
|
48
|
-
isDropdown: boolean
|
|
46
|
+
constructor(osService: OSService, elementRef: ElementRef, iterableDiffers: IterableDiffers);
|
|
47
|
+
firstDropdown: _angular_core.WritableSignal<number>;
|
|
48
|
+
isDropdown: _angular_core.WritableSignal<boolean>;
|
|
49
49
|
control: AbstractControl;
|
|
50
50
|
tooltipPosition: typeof TooltipPosition;
|
|
51
51
|
private platformId;
|
|
@@ -56,14 +56,17 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
56
56
|
private documentKeyUpSubscription;
|
|
57
57
|
private dataDiffer;
|
|
58
58
|
private controlSubscription;
|
|
59
|
-
filteredData: ApexSelectData[]
|
|
59
|
+
filteredData: _angular_core.WritableSignal<ApexSelectData[]>;
|
|
60
60
|
private lastSearch;
|
|
61
61
|
private keyListener;
|
|
62
62
|
private wheelListener;
|
|
63
63
|
private scrollBlockersAttached;
|
|
64
64
|
optionItemSizePx: number;
|
|
65
65
|
maxVisibleOptions: number;
|
|
66
|
-
dropdownHeightPx: number
|
|
66
|
+
dropdownHeightPx: _angular_core.WritableSignal<number>;
|
|
67
|
+
controlInvalid: _angular_core.WritableSignal<boolean>;
|
|
68
|
+
controlValue: _angular_core.WritableSignal<any>;
|
|
69
|
+
controlDisabled: _angular_core.WritableSignal<boolean>;
|
|
67
70
|
ngOnInit(): void;
|
|
68
71
|
ngDoCheck(): void;
|
|
69
72
|
ngAfterViewInit(): void;
|
|
@@ -103,8 +106,8 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
103
106
|
private isDescendant;
|
|
104
107
|
private attachGlobalScrollBlockers;
|
|
105
108
|
private detachGlobalScrollBlockers;
|
|
106
|
-
static ɵfac:
|
|
107
|
-
static ɵcmp:
|
|
109
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexSelectComponent, never>;
|
|
110
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexSelectComponent, "apex-select", never, { "options": { "alias": "options"; "required": false; }; }, { "selectChange": "selectChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
|
|
108
111
|
}
|
|
109
112
|
|
|
110
113
|
export { ApexSelectComponent };
|
|
@@ -38,9 +38,6 @@ declare class ApexSnackbarComponent {
|
|
|
38
38
|
closing: boolean;
|
|
39
39
|
closed: EventEmitter<void>;
|
|
40
40
|
ngAfterViewInit(): void;
|
|
41
|
-
getAnimationParams(): {
|
|
42
|
-
duration: number;
|
|
43
|
-
};
|
|
44
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<ApexSnackbarComponent, never>;
|
|
45
42
|
static ɵcmp: i0.ɵɵComponentDeclaration<ApexSnackbarComponent, "apex-snackbar", never, { "message": { "alias": "message"; "required": false; }; "options": { "alias": "options"; "required": false; }; "positionOptions": { "alias": "positionOptions"; "required": false; }; "closing": { "alias": "closing"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
|
|
46
43
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ElementRef,
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, QueryList, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
|
|
3
3
|
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
4
4
|
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
|
|
5
5
|
import { ApexSelectOptions } from '@apexara/ng-components/select';
|
|
@@ -23,6 +23,22 @@ interface ApexTableColumn {
|
|
|
23
23
|
class?: string | {
|
|
24
24
|
[key: string]: string;
|
|
25
25
|
};
|
|
26
|
+
change?: string;
|
|
27
|
+
listOptions?: ApexTableListOptions;
|
|
28
|
+
cellOptions?: ApexTableCellOptions;
|
|
29
|
+
}
|
|
30
|
+
interface ApexTableListOptions {
|
|
31
|
+
label?: string;
|
|
32
|
+
max?: number;
|
|
33
|
+
}
|
|
34
|
+
interface ApexTableCellOptions {
|
|
35
|
+
icon?: string | {
|
|
36
|
+
[key: string]: string;
|
|
37
|
+
};
|
|
38
|
+
iconPosition?: 'left' | 'right';
|
|
39
|
+
color?: {
|
|
40
|
+
[key: string]: string;
|
|
41
|
+
};
|
|
26
42
|
}
|
|
27
43
|
declare enum ApexTableColumnType {
|
|
28
44
|
Text = 0,
|
|
@@ -32,7 +48,8 @@ declare enum ApexTableColumnType {
|
|
|
32
48
|
Number = 4,
|
|
33
49
|
NumberMath = 5,
|
|
34
50
|
Actions = 6,
|
|
35
|
-
Checkbox = 7
|
|
51
|
+
Checkbox = 7,
|
|
52
|
+
List = 8
|
|
36
53
|
}
|
|
37
54
|
type ActionShowType = Array<{
|
|
38
55
|
property: string;
|
|
@@ -68,9 +85,8 @@ declare class ApexTableComponent {
|
|
|
68
85
|
private elementRef;
|
|
69
86
|
private osService;
|
|
70
87
|
private formBuilder;
|
|
71
|
-
private changeDetectorRef;
|
|
72
88
|
private scrollBlockService;
|
|
73
|
-
constructor(elementRef: ElementRef, osService: OSService, formBuilder: FormBuilder,
|
|
89
|
+
constructor(elementRef: ElementRef, osService: OSService, formBuilder: FormBuilder, scrollBlockService: ScrollBlockService);
|
|
74
90
|
theadRef?: ElementRef<HTMLElement>;
|
|
75
91
|
moreActionsList: QueryList<ElementRef>;
|
|
76
92
|
cdkViewport?: CdkVirtualScrollViewport;
|
|
@@ -83,6 +99,7 @@ declare class ApexTableComponent {
|
|
|
83
99
|
chipCellTpl: TemplateRef<any>;
|
|
84
100
|
checkboxCellTpl: TemplateRef<any>;
|
|
85
101
|
actionCellTpl: TemplateRef<any>;
|
|
102
|
+
listCellTpl: TemplateRef<any>;
|
|
86
103
|
data: any[];
|
|
87
104
|
dataLength: number;
|
|
88
105
|
columns: ApexTableColumn[];
|
|
@@ -106,16 +123,19 @@ declare class ApexTableComponent {
|
|
|
106
123
|
itemSize: number;
|
|
107
124
|
tooltipPosition: typeof TooltipPosition;
|
|
108
125
|
TableColumnType: typeof ApexTableColumnType;
|
|
109
|
-
totalPages: number
|
|
110
|
-
visibleRange: string
|
|
111
|
-
filteredData: any[]
|
|
126
|
+
totalPages: _angular_core.WritableSignal<number>;
|
|
127
|
+
visibleRange: _angular_core.WritableSignal<string>;
|
|
128
|
+
filteredData: _angular_core.WritableSignal<any[]>;
|
|
129
|
+
pageData: _angular_core.WritableSignal<any[]>;
|
|
112
130
|
pageSizeSelectOptions: ApexSelectOptions;
|
|
113
|
-
currentActiveRow: any
|
|
114
|
-
currentActiveColumn: ApexTableColumn | null
|
|
115
|
-
isDropdown: boolean
|
|
116
|
-
isHeaderStuck: boolean
|
|
117
|
-
selectedRows: Set<any
|
|
118
|
-
allSelected: boolean
|
|
131
|
+
currentActiveRow: _angular_core.WritableSignal<any>;
|
|
132
|
+
currentActiveColumn: _angular_core.WritableSignal<ApexTableColumn | null>;
|
|
133
|
+
isDropdown: _angular_core.WritableSignal<boolean>;
|
|
134
|
+
isHeaderStuck: _angular_core.WritableSignal<boolean>;
|
|
135
|
+
selectedRows: _angular_core.WritableSignal<Set<any>>;
|
|
136
|
+
allSelected: _angular_core.WritableSignal<boolean>;
|
|
137
|
+
virtualViewportHeight: _angular_core.WritableSignal<number>;
|
|
138
|
+
showViewportScroll: _angular_core.WritableSignal<boolean>;
|
|
119
139
|
private lastSelectedIndex;
|
|
120
140
|
formGroup: FormGroup<PageFormControls>;
|
|
121
141
|
private _dataLength;
|
|
@@ -125,12 +145,11 @@ declare class ApexTableComponent {
|
|
|
125
145
|
ngOnInit(): void;
|
|
126
146
|
ngAfterViewInit(): void;
|
|
127
147
|
ngOnChanges(changes: SimpleChanges): void;
|
|
128
|
-
|
|
148
|
+
updatePageData(): void;
|
|
129
149
|
updateVisibleRange(start: number, end: number): void;
|
|
130
150
|
calculateTotalPages(): void;
|
|
131
151
|
trackByIndex(index: number): number;
|
|
132
|
-
|
|
133
|
-
shouldShowViewportScroll(): boolean;
|
|
152
|
+
updateViewportLayout(): void;
|
|
134
153
|
getCellTemplate(column: ApexTableColumn): TemplateRef<any>;
|
|
135
154
|
private refreshLayout;
|
|
136
155
|
goToPage(page: number): void;
|
|
@@ -140,10 +159,14 @@ declare class ApexTableComponent {
|
|
|
140
159
|
goToLastPage(): void;
|
|
141
160
|
cellEdit(event: KeyboardEvent, column: string, currentPageRowIndex: number): void;
|
|
142
161
|
formatDate(dateAsString: string | null | undefined, formatDateOptions?: ApexDateFormatOptions): string;
|
|
143
|
-
getClass(row: any, column: ApexTableColumn):
|
|
144
|
-
[key: string]: boolean;
|
|
145
|
-
} | string;
|
|
162
|
+
getClass(row: any, column: ApexTableColumn): string;
|
|
146
163
|
getDescendantProp(row: any, column: ApexTableColumn): any;
|
|
164
|
+
getCellColor(row: any, column: ApexTableColumn): string | null;
|
|
165
|
+
getCellIcon(row: any, column: ApexTableColumn): string | null;
|
|
166
|
+
getChangeValue(row: any, column: ApexTableColumn): number | null;
|
|
167
|
+
getListDisplayText(row: any, column: ApexTableColumn): string;
|
|
168
|
+
getListOverflowCount(row: any, column: ApexTableColumn): number;
|
|
169
|
+
getListTooltipContent(row: any, column: ApexTableColumn): string;
|
|
147
170
|
getChipLabel(row: any, column: ApexTableColumn): string;
|
|
148
171
|
getCheckboxState(row: any, column: ApexTableColumn): boolean;
|
|
149
172
|
handleActionShow(action: Action, row: any, column?: ApexTableColumn): boolean;
|
|
@@ -165,9 +188,9 @@ declare class ApexTableComponent {
|
|
|
165
188
|
private buildPaginationSelectDependecies;
|
|
166
189
|
private subscribeToFormValueChanges;
|
|
167
190
|
private calculatePages;
|
|
168
|
-
static ɵfac:
|
|
169
|
-
static ɵcmp:
|
|
191
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexTableComponent, never>;
|
|
192
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexTableComponent, "apex-table", never, { "data": { "alias": "data"; "required": false; }; "dataLength": { "alias": "dataLength"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "serverSide": { "alias": "serverSide"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "sortIndex": { "alias": "sortIndex"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "tableMaxHeight": { "alias": "tableMaxHeight"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; }, { "tableChange": "tableChange"; "selectionChange": "selectionChange"; "editModeChange": "editModeChange"; }, never, never, true, never>;
|
|
170
193
|
}
|
|
171
194
|
|
|
172
195
|
export { ApexTableColumnType, ApexTableComponent };
|
|
173
|
-
export type { Action, ActionShowType, ApexDateFormatOptions, ApexTableChange, ApexTableColumn };
|
|
196
|
+
export type { Action, ActionShowType, ApexDateFormatOptions, ApexTableCellOptions, ApexTableChange, ApexTableColumn, ApexTableListOptions };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
3
|
import { FormGroup, AbstractControl } from '@angular/forms';
|
|
4
4
|
import { ApexControlErrors } from '@apexara/ng-components/input';
|
|
5
5
|
|
|
@@ -12,12 +12,10 @@ interface ApexTextAreaOptions {
|
|
|
12
12
|
errors?: ApexControlErrors;
|
|
13
13
|
}
|
|
14
14
|
declare class ApexTextAreaComponent {
|
|
15
|
-
private changeDetectorRef;
|
|
16
|
-
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
17
15
|
options: ApexTextAreaOptions;
|
|
18
16
|
textAreaChange: EventEmitter<string>;
|
|
19
|
-
controlError: string
|
|
20
|
-
controlInvalid: boolean
|
|
17
|
+
controlError: _angular_core.WritableSignal<string>;
|
|
18
|
+
controlInvalid: _angular_core.WritableSignal<boolean>;
|
|
21
19
|
control: AbstractControl;
|
|
22
20
|
private controlSubscription;
|
|
23
21
|
ngOnInit(): void;
|
|
@@ -26,8 +24,8 @@ declare class ApexTextAreaComponent {
|
|
|
26
24
|
private setControl;
|
|
27
25
|
private setControlInvalid;
|
|
28
26
|
private getErrors;
|
|
29
|
-
static ɵfac:
|
|
30
|
-
static ɵcmp:
|
|
27
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexTextAreaComponent, never>;
|
|
28
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexTextAreaComponent, "apex-textarea", never, { "options": { "alias": "options"; "required": false; }; }, { "textAreaChange": "textAreaChange"; }, never, never, true, never>;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
31
|
export { ApexTextAreaComponent };
|