@apexara/ng-components 1.0.6-test.7 → 1.0.6
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 +35 -0
- package/fesm2022/apexara-ng-components-button.mjs +15 -3
- package/fesm2022/apexara-ng-components-button.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-chip.mjs +1 -1
- package/fesm2022/apexara-ng-components-chip.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-datepicker.mjs +1 -1
- package/fesm2022/apexara-ng-components-datepicker.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-dialog.mjs +26 -3
- package/fesm2022/apexara-ng-components-dialog.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-drawer.mjs +26 -7
- package/fesm2022/apexara-ng-components-drawer.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-expander.mjs +5 -2
- package/fesm2022/apexara-ng-components-expander.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-filter-pill.mjs +58 -0
- package/fesm2022/apexara-ng-components-filter-pill.mjs.map +1 -0
- package/fesm2022/apexara-ng-components-image.mjs +15 -5
- package/fesm2022/apexara-ng-components-image.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-input.mjs +30 -7
- package/fesm2022/apexara-ng-components-input.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-more-options.mjs +1 -1
- package/fesm2022/apexara-ng-components-more-options.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-select.mjs +258 -9
- package/fesm2022/apexara-ng-components-select.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-services.mjs +6 -0
- package/fesm2022/apexara-ng-components-services.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-snackbar.mjs +2 -2
- package/fesm2022/apexara-ng-components-snackbar.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-table.mjs +154 -2
- package/fesm2022/apexara-ng-components-table.mjs.map +1 -1
- package/fesm2022/apexara-ng-components-textarea.mjs +10 -2
- package/fesm2022/apexara-ng-components-textarea.mjs.map +1 -1
- package/package.json +5 -1
- package/types/apexara-ng-components-button.d.ts +3 -2
- package/types/apexara-ng-components-dialog.d.ts +6 -1
- package/types/apexara-ng-components-drawer.d.ts +10 -2
- package/types/apexara-ng-components-expander.d.ts +2 -0
- package/types/apexara-ng-components-filter-pill.d.ts +30 -0
- package/types/apexara-ng-components-image.d.ts +2 -1
- package/types/apexara-ng-components-input.d.ts +14 -2
- package/types/apexara-ng-components-select.d.ts +31 -1
- package/types/apexara-ng-components-services.d.ts +1 -0
- package/types/apexara-ng-components-table.d.ts +36 -3
- package/types/apexara-ng-components-textarea.d.ts +5 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apexara/ng-components",
|
|
3
|
-
"version": "1.0.6
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/cdk": ">=19",
|
|
@@ -102,6 +102,10 @@
|
|
|
102
102
|
"types": "./types/apexara-ng-components-expander.d.ts",
|
|
103
103
|
"default": "./fesm2022/apexara-ng-components-expander.mjs"
|
|
104
104
|
},
|
|
105
|
+
"./filter-pill": {
|
|
106
|
+
"types": "./types/apexara-ng-components-filter-pill.d.ts",
|
|
107
|
+
"default": "./fesm2022/apexara-ng-components-filter-pill.mjs"
|
|
108
|
+
},
|
|
105
109
|
"./image": {
|
|
106
110
|
"types": "./types/apexara-ng-components-image.d.ts",
|
|
107
111
|
"default": "./fesm2022/apexara-ng-components-image.mjs"
|
|
@@ -10,7 +10,8 @@ declare class ApexButtonComponent {
|
|
|
10
10
|
link: string | null;
|
|
11
11
|
state: any | null;
|
|
12
12
|
options: ApexButtonOptions;
|
|
13
|
-
ariaLabel: string;
|
|
13
|
+
ariaLabel: string | null;
|
|
14
|
+
disabled: boolean;
|
|
14
15
|
focusChange: EventEmitter<FocusEvent>;
|
|
15
16
|
clickChange: EventEmitter<KeyboardEvent | PointerEvent | MouseEvent>;
|
|
16
17
|
private clickSubject;
|
|
@@ -20,7 +21,7 @@ declare class ApexButtonComponent {
|
|
|
20
21
|
onFocusChange(event: FocusEvent): void;
|
|
21
22
|
handleKeydown(event: KeyboardEvent): void;
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ApexButtonComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ApexButtonComponent, "apex-button", never, { "link": { "alias": "link"; "required": false; }; "state": { "alias": "state"; "required": false; }; "options": { "alias": "options"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "focusChange": "focusChange"; "clickChange": "clickChange"; }, never, ["*"], true, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ApexButtonComponent, "apex-button", never, { "link": { "alias": "link"; "required": false; }; "state": { "alias": "state"; "required": false; }; "options": { "alias": "options"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "focusChange": "focusChange"; "clickChange": "clickChange"; }, never, ["*"], true, never>;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
export { ApexButtonComponent };
|
|
@@ -12,13 +12,18 @@ declare class ApexDialogComponent implements OnDestroy {
|
|
|
12
12
|
actions?: TemplateRef<any>;
|
|
13
13
|
closeIconTemplate?: ElementRef;
|
|
14
14
|
closeIcon: boolean;
|
|
15
|
+
closeOnEscape: boolean;
|
|
15
16
|
closeIconClick: EventEmitter<void>;
|
|
17
|
+
private static nextA11yId;
|
|
18
|
+
readonly titleId: string;
|
|
19
|
+
readonly descriptionId: string;
|
|
20
|
+
onEscape(): void;
|
|
16
21
|
ngAfterViewInit(): void;
|
|
17
22
|
ngOnDestroy(): void;
|
|
18
23
|
onCloseIconClick(): void;
|
|
19
24
|
handleKeydown(event: KeyboardEvent): void;
|
|
20
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<ApexDialogComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ApexDialogComponent, "apex-dialog", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; }, { "closeIconClick": "closeIconClick"; }, ["title", "description", "content", "actions"], never, true, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ApexDialogComponent, "apex-dialog", never, { "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; }, { "closeIconClick": "closeIconClick"; }, ["title", "description", "content", "actions"], never, true, never>;
|
|
22
27
|
}
|
|
23
28
|
|
|
24
29
|
export { ApexDialogComponent };
|
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
+
import { AfterViewInit, OnDestroy, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
3
|
+
import { FocusTrapFactory } from '@angular/cdk/a11y';
|
|
3
4
|
import { ScrollBlockService } from '@apexara/ng-components/services';
|
|
4
5
|
|
|
5
6
|
declare class ApexDrawerComponent implements AfterViewInit, OnDestroy {
|
|
7
|
+
private elementRef;
|
|
8
|
+
private focusTrapFactory;
|
|
6
9
|
private scrollBlockService;
|
|
7
|
-
constructor(scrollBlockService: ScrollBlockService);
|
|
10
|
+
constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, scrollBlockService: ScrollBlockService);
|
|
8
11
|
isOpen: i0.WritableSignal<boolean>;
|
|
12
|
+
private static nextA11yId;
|
|
13
|
+
readonly titleId: string;
|
|
14
|
+
private focusTrap;
|
|
15
|
+
private previouslyFocused;
|
|
16
|
+
onEscape(): void;
|
|
9
17
|
closeChange: EventEmitter<void>;
|
|
10
18
|
title?: TemplateRef<any>;
|
|
11
19
|
description?: TemplateRef<any>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* A filter-bar trigger — the same inset-label chip as apex-select's Inset variant, for controls
|
|
5
|
+
* whose dropdown is a custom panel the consumer owns (a Beds & Baths popover, a More Filters panel)
|
|
6
|
+
* rather than an option list. Empty, it shows the control's name; once a value is set it stacks that
|
|
7
|
+
* name as a small caption above the value, with a clear (×) in place of the caret.
|
|
8
|
+
*
|
|
9
|
+
* It draws its border, caption, value and caret from the same `--apex-select-*` CSS variables as
|
|
10
|
+
* apex-select's Inset variant, so a bar that mixes real selects with these custom filters reads as
|
|
11
|
+
* one set of controls and there is a single visual source of truth — no lookalike CSS to drift.
|
|
12
|
+
*/
|
|
13
|
+
declare class ApexFilterPillComponent {
|
|
14
|
+
label: _angular_core.InputSignal<string>;
|
|
15
|
+
value: _angular_core.InputSignal<string | null>;
|
|
16
|
+
open: _angular_core.InputSignal<boolean>;
|
|
17
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
18
|
+
clearable: _angular_core.InputSignal<boolean>;
|
|
19
|
+
pillClick: _angular_core.OutputEmitterRef<void>;
|
|
20
|
+
clearClick: _angular_core.OutputEmitterRef<void>;
|
|
21
|
+
hasValue: _angular_core.Signal<boolean>;
|
|
22
|
+
showClear: _angular_core.Signal<boolean>;
|
|
23
|
+
showCaret: _angular_core.Signal<boolean>;
|
|
24
|
+
onClick(): void;
|
|
25
|
+
onClear(event: Event): void;
|
|
26
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexFilterPillComponent, never>;
|
|
27
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexFilterPillComponent, "apex-filter-pill", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "pillClick": "pillClick"; "clearClick": "clearClick"; }, never, never, true, never>;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { ApexFilterPillComponent };
|
|
@@ -25,6 +25,7 @@ declare class ApexImageComponent {
|
|
|
25
25
|
constructor(element: ElementRef, renderer: Renderer2, imgService: ApexImgService, document: Document);
|
|
26
26
|
src: string;
|
|
27
27
|
alt: string;
|
|
28
|
+
loading?: 'lazy' | 'eager';
|
|
28
29
|
private helper;
|
|
29
30
|
ngOnInit(): void;
|
|
30
31
|
ngOnDestroy(): void;
|
|
@@ -39,7 +40,7 @@ declare class ApexImageComponent {
|
|
|
39
40
|
private copyNgContentAttribute;
|
|
40
41
|
private setNgContentAttribute;
|
|
41
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<ApexImageComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ApexImageComponent, "apex-img", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ApexImageComponent, "apex-img", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
export { ApexImageComponent, ApexImgService };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { EventEmitter } from '@angular/core';
|
|
3
3
|
import { FormGroup } from '@angular/forms';
|
|
4
|
+
import { FormValueControl, ValidationError } from '@angular/forms/signals';
|
|
4
5
|
import { TooltipPosition } from '@apexara/ng-components/tooltip';
|
|
5
6
|
|
|
6
7
|
interface ApexInputOptions {
|
|
@@ -16,12 +17,23 @@ interface ApexInputOptions {
|
|
|
16
17
|
formGroup?: FormGroup;
|
|
17
18
|
formControlName?: string;
|
|
18
19
|
errors?: ApexControlErrors;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
suffixAriaLabel?: string;
|
|
19
22
|
}
|
|
20
23
|
interface ApexControlErrors {
|
|
21
24
|
[x: string]: string;
|
|
22
25
|
}
|
|
23
|
-
declare class ApexInputComponent {
|
|
26
|
+
declare class ApexInputComponent implements FormValueControl<string> {
|
|
27
|
+
private static nextId;
|
|
28
|
+
readonly inputId: string;
|
|
29
|
+
readonly errorId: string;
|
|
24
30
|
options: ApexInputOptions;
|
|
31
|
+
get ariaLabelValue(): string | null;
|
|
32
|
+
value: _angular_core.ModelSignal<string>;
|
|
33
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
34
|
+
invalid: _angular_core.InputSignal<boolean>;
|
|
35
|
+
errors: _angular_core.InputSignal<readonly ValidationError[]>;
|
|
36
|
+
fieldErrorMessage: _angular_core.Signal<string>;
|
|
25
37
|
inputChange: EventEmitter<string>;
|
|
26
38
|
suffixImgChange: EventEmitter<void>;
|
|
27
39
|
helperTextChange: EventEmitter<void>;
|
|
@@ -42,7 +54,7 @@ declare class ApexInputComponent {
|
|
|
42
54
|
private checkIfControlDisabled;
|
|
43
55
|
private getLabel;
|
|
44
56
|
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>;
|
|
57
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexInputComponent, "apex-input", never, { "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "inputChange": "inputChange"; "suffixImgChange": "suffixImgChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
|
|
46
58
|
}
|
|
47
59
|
|
|
48
60
|
export { ApexInputComponent };
|
|
@@ -5,8 +5,13 @@ import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
|
|
|
5
5
|
import { OSService } from '@apexara/ng-components/services';
|
|
6
6
|
import { TooltipPosition } from '@apexara/ng-components/tooltip';
|
|
7
7
|
|
|
8
|
+
declare enum ApexSelectVariant {
|
|
9
|
+
Default = "default",
|
|
10
|
+
Inset = "inset"
|
|
11
|
+
}
|
|
8
12
|
interface ApexSelectOptions {
|
|
9
13
|
label: string;
|
|
14
|
+
ariaLabel?: string;
|
|
10
15
|
tooltip?: string;
|
|
11
16
|
data: ApexSelectData[];
|
|
12
17
|
multiple?: boolean;
|
|
@@ -23,6 +28,11 @@ interface ApexSelectOptions {
|
|
|
23
28
|
maxDropdownHeightPx?: number;
|
|
24
29
|
searchInDropdown?: boolean;
|
|
25
30
|
groups?: ApexSelectGroup[];
|
|
31
|
+
dropdownWidth?: number | 'trigger';
|
|
32
|
+
dropdownAlign?: 'start' | 'end' | 'auto';
|
|
33
|
+
dropdownColumns?: number;
|
|
34
|
+
variant?: ApexSelectVariant;
|
|
35
|
+
selectAll?: boolean;
|
|
26
36
|
}
|
|
27
37
|
interface ApexSelectData {
|
|
28
38
|
label: string;
|
|
@@ -49,6 +59,14 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
49
59
|
dropdownSearch: ElementRef<HTMLInputElement> | null;
|
|
50
60
|
dropdownContainer: ElementRef<HTMLElement> | null;
|
|
51
61
|
options: ApexSelectOptions;
|
|
62
|
+
Variant: typeof ApexSelectVariant;
|
|
63
|
+
private static nextA11yId;
|
|
64
|
+
readonly selectA11yId: string;
|
|
65
|
+
readonly listboxId: string;
|
|
66
|
+
get ariaLabelValue(): string | null;
|
|
67
|
+
optionId(index: number): string;
|
|
68
|
+
flatIndexOf(data: ApexSelectData): number;
|
|
69
|
+
activeOptionId(): string | null;
|
|
52
70
|
selectChange: EventEmitter<ApexSelectData>;
|
|
53
71
|
helperTextChange: EventEmitter<void>;
|
|
54
72
|
constructor(osService: OSService, elementRef: ElementRef, iterableDiffers: IterableDiffers);
|
|
@@ -67,6 +85,7 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
67
85
|
private controlSubscription;
|
|
68
86
|
filteredData: _angular_core.WritableSignal<ApexSelectData[]>;
|
|
69
87
|
filteredGroups: _angular_core.WritableSignal<ApexSelectGroup[]>;
|
|
88
|
+
groupColumns: _angular_core.Signal<ApexSelectGroup[][]>;
|
|
70
89
|
private lastSearch;
|
|
71
90
|
private keyListener;
|
|
72
91
|
private wheelListener;
|
|
@@ -83,7 +102,14 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
83
102
|
private cloneGroups;
|
|
84
103
|
private hasGroups;
|
|
85
104
|
isSearchInDropdown(): boolean;
|
|
105
|
+
variant(): ApexSelectVariant;
|
|
106
|
+
isInsetLabel(): boolean;
|
|
107
|
+
insetValueLabel(): string;
|
|
108
|
+
hasInsetValue(): boolean;
|
|
109
|
+
clearInsetValue(event: Event): void;
|
|
86
110
|
getAllOptions(): ApexSelectData[];
|
|
111
|
+
isAllSelected(): boolean;
|
|
112
|
+
toggleSelectAll(event?: Event): void;
|
|
87
113
|
private getDropdownEl;
|
|
88
114
|
ngOnChanges(changes: SimpleChanges): void;
|
|
89
115
|
ngOnDestroy(): void;
|
|
@@ -101,6 +127,8 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
101
127
|
onFocusOut(): void;
|
|
102
128
|
toggleDropdown(): void;
|
|
103
129
|
private generateDropdownPosition;
|
|
130
|
+
private resolveDropdownLeft;
|
|
131
|
+
private adjustGroupedDropdownMaxHeight;
|
|
104
132
|
removeDropdown(): void;
|
|
105
133
|
handleKeydown(event: any): void;
|
|
106
134
|
preventFocusChange(event: MouseEvent): void;
|
|
@@ -113,6 +141,7 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
113
141
|
private isWithinBounds;
|
|
114
142
|
private handleEvents;
|
|
115
143
|
private keyup;
|
|
144
|
+
private documentHomeEndKeyup;
|
|
116
145
|
private documentEnterKeyup;
|
|
117
146
|
private documentArrowsKeyup;
|
|
118
147
|
getNavigableOptions(): ApexSelectData[];
|
|
@@ -121,6 +150,7 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
121
150
|
private removeProperty;
|
|
122
151
|
private blockArrowScroll;
|
|
123
152
|
private blockScroll;
|
|
153
|
+
private canScrollAt;
|
|
124
154
|
private isDescendant;
|
|
125
155
|
private attachGlobalScrollBlockers;
|
|
126
156
|
private detachGlobalScrollBlockers;
|
|
@@ -128,5 +158,5 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
128
158
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexSelectComponent, "apex-select", never, { "options": { "alias": "options"; "required": false; }; }, { "selectChange": "selectChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
|
|
129
159
|
}
|
|
130
160
|
|
|
131
|
-
export { ApexSelectComponent };
|
|
161
|
+
export { ApexSelectComponent, ApexSelectVariant };
|
|
132
162
|
export type { ApexSelectData, ApexSelectGroup, ApexSelectOptions, ControlErrors };
|
|
@@ -57,6 +57,7 @@ declare class OverlayService {
|
|
|
57
57
|
private document;
|
|
58
58
|
constructor(injector: Injector, focusTrapFactory: FocusTrapFactory, scrollBlockService: ScrollBlockService, document: Document);
|
|
59
59
|
private focusTrap;
|
|
60
|
+
private previouslyFocused;
|
|
60
61
|
private blockActivated;
|
|
61
62
|
private overlayElement;
|
|
62
63
|
private overlayChildren;
|
|
@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
import { ElementRef, Injector, 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
|
-
import { ApexSelectOptions } from '@apexara/ng-components/select';
|
|
5
|
+
import { ApexSelectData, ApexSelectOptions } from '@apexara/ng-components/select';
|
|
6
6
|
import { OSService, ScrollBlockService } from '@apexara/ng-components/services';
|
|
7
7
|
import { TooltipPosition } from '@apexara/ng-components/tooltip';
|
|
8
8
|
|
|
@@ -27,6 +27,8 @@ interface ApexTableColumn {
|
|
|
27
27
|
listOptions?: ApexTableListOptions;
|
|
28
28
|
cellOptions?: ApexTableCellOptions;
|
|
29
29
|
statusSteps?: ApexTableStatusStep[];
|
|
30
|
+
selectOptions?: ApexSelectData[];
|
|
31
|
+
placeholder?: string;
|
|
30
32
|
}
|
|
31
33
|
interface ApexTableStatusStep {
|
|
32
34
|
label: string;
|
|
@@ -54,6 +56,9 @@ interface ApexTableCellOptions {
|
|
|
54
56
|
chipBackgroundColor?: {
|
|
55
57
|
[key: string]: string;
|
|
56
58
|
};
|
|
59
|
+
selectColor?: {
|
|
60
|
+
[key: string]: string;
|
|
61
|
+
};
|
|
57
62
|
}
|
|
58
63
|
declare enum ApexTableColumnType {
|
|
59
64
|
Text = 0,
|
|
@@ -65,7 +70,8 @@ declare enum ApexTableColumnType {
|
|
|
65
70
|
Actions = 6,
|
|
66
71
|
Checkbox = 7,
|
|
67
72
|
List = 8,
|
|
68
|
-
Status = 9
|
|
73
|
+
Status = 9,
|
|
74
|
+
Select = 10
|
|
69
75
|
}
|
|
70
76
|
type ActionShowType = Array<{
|
|
71
77
|
property: string;
|
|
@@ -118,6 +124,7 @@ declare class ApexTableComponent {
|
|
|
118
124
|
actionCellTpl: TemplateRef<any>;
|
|
119
125
|
listCellTpl: TemplateRef<any>;
|
|
120
126
|
statusCellTpl: TemplateRef<any>;
|
|
127
|
+
selectCellTpl: TemplateRef<any>;
|
|
121
128
|
data: any[];
|
|
122
129
|
dataLength: number;
|
|
123
130
|
columns: ApexTableColumn[];
|
|
@@ -135,9 +142,18 @@ declare class ApexTableComponent {
|
|
|
135
142
|
tableMaxHeight: number;
|
|
136
143
|
stickyHeader: boolean;
|
|
137
144
|
editMode: boolean;
|
|
145
|
+
selectionPosition: 'left' | 'right';
|
|
146
|
+
selectionHeader: 'text' | 'checkbox';
|
|
138
147
|
tableChange: EventEmitter<ApexTableChange>;
|
|
139
148
|
selectionChange: EventEmitter<any[]>;
|
|
140
149
|
editModeChange: EventEmitter<boolean>;
|
|
150
|
+
rowClick: EventEmitter<any>;
|
|
151
|
+
cellChange: EventEmitter<{
|
|
152
|
+
row: any;
|
|
153
|
+
column: ApexTableColumn;
|
|
154
|
+
value: any;
|
|
155
|
+
}>;
|
|
156
|
+
selectAllAcrossChange: EventEmitter<boolean>;
|
|
141
157
|
itemSize: number;
|
|
142
158
|
tooltipPosition: typeof TooltipPosition;
|
|
143
159
|
TableColumnType: typeof ApexTableColumnType;
|
|
@@ -152,6 +168,7 @@ declare class ApexTableComponent {
|
|
|
152
168
|
isHeaderStuck: _angular_core.WritableSignal<boolean>;
|
|
153
169
|
selectedRows: _angular_core.WritableSignal<Set<any>>;
|
|
154
170
|
allSelected: _angular_core.WritableSignal<boolean>;
|
|
171
|
+
selectAllAcross: _angular_core.WritableSignal<boolean>;
|
|
155
172
|
virtualViewportHeight: _angular_core.WritableSignal<number>;
|
|
156
173
|
showViewportScroll: _angular_core.WritableSignal<boolean>;
|
|
157
174
|
private lastSelectedIndex;
|
|
@@ -169,6 +186,10 @@ declare class ApexTableComponent {
|
|
|
169
186
|
trackByIndex(index: number): number;
|
|
170
187
|
updateViewportLayout(): void;
|
|
171
188
|
getCellTemplate(column: ApexTableColumn): TemplateRef<any>;
|
|
189
|
+
private selectCellOptions;
|
|
190
|
+
getSelectCellOptions(row: any, column: ApexTableColumn): ApexSelectOptions;
|
|
191
|
+
onCellSelectChange(row: any, column: ApexTableColumn, selected: ApexSelectData | null): void;
|
|
192
|
+
getSelectCellColor(row: any, column: ApexTableColumn): string | null;
|
|
172
193
|
private refreshLayout;
|
|
173
194
|
goToPage(page: number): void;
|
|
174
195
|
goToPreviousPage(): void;
|
|
@@ -182,6 +203,15 @@ declare class ApexTableComponent {
|
|
|
182
203
|
getTextColor(row: any, column: ApexTableColumn): string | null;
|
|
183
204
|
getChipColor(row: any, column: ApexTableColumn): string | null;
|
|
184
205
|
getChipBackgroundColor(row: any, column: ApexTableColumn): string | null;
|
|
206
|
+
isChipArray(row: any, column: ApexTableColumn): boolean;
|
|
207
|
+
getChipsVisible(row: any, column: ApexTableColumn): {
|
|
208
|
+
label: any;
|
|
209
|
+
value: any;
|
|
210
|
+
}[];
|
|
211
|
+
getChipsOverflowCount(row: any, column: ApexTableColumn): number;
|
|
212
|
+
getChipsTooltip(row: any, column: ApexTableColumn): string;
|
|
213
|
+
getChipValueColor(value: any, column: ApexTableColumn): string | null;
|
|
214
|
+
getChipValueBackground(value: any, column: ApexTableColumn): string | null;
|
|
185
215
|
getCellIconColor(row: any, column: ApexTableColumn): string | null;
|
|
186
216
|
getCellIcon(row: any, column: ApexTableColumn): string | null;
|
|
187
217
|
getChangeValue(row: any, column: ApexTableColumn): number | null;
|
|
@@ -197,7 +227,10 @@ declare class ApexTableComponent {
|
|
|
197
227
|
onViewportScroll(): void;
|
|
198
228
|
toggleRowSelection(row: any, event?: MouseEvent): void;
|
|
199
229
|
toggleSelectAll(): void;
|
|
230
|
+
setSelectAllAcross(on: boolean): void;
|
|
231
|
+
private cancelSelectAllAcross;
|
|
200
232
|
isRowSelected(row: any): boolean;
|
|
233
|
+
onRowClick(row: any, event: MouseEvent | Event): void;
|
|
201
234
|
private lockScroll;
|
|
202
235
|
private unlockScroll;
|
|
203
236
|
private preprocessData;
|
|
@@ -211,7 +244,7 @@ declare class ApexTableComponent {
|
|
|
211
244
|
private subscribeToFormValueChanges;
|
|
212
245
|
private calculatePages;
|
|
213
246
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApexTableComponent, never>;
|
|
214
|
-
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>;
|
|
247
|
+
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; }; "selectionPosition": { "alias": "selectionPosition"; "required": false; }; "selectionHeader": { "alias": "selectionHeader"; "required": false; }; }, { "tableChange": "tableChange"; "selectionChange": "selectionChange"; "editModeChange": "editModeChange"; "rowClick": "rowClick"; "cellChange": "cellChange"; "selectAllAcrossChange": "selectAllAcrossChange"; }, never, never, true, never>;
|
|
215
248
|
}
|
|
216
249
|
|
|
217
250
|
export { ApexTableColumnType, ApexTableComponent };
|
|
@@ -10,9 +10,14 @@ interface ApexTextAreaOptions {
|
|
|
10
10
|
formGroup?: FormGroup;
|
|
11
11
|
formControlName?: string;
|
|
12
12
|
errors?: ApexControlErrors;
|
|
13
|
+
ariaLabel?: string;
|
|
13
14
|
}
|
|
14
15
|
declare class ApexTextAreaComponent {
|
|
16
|
+
private static nextId;
|
|
17
|
+
readonly textareaId: string;
|
|
18
|
+
readonly errorId: string;
|
|
15
19
|
options: ApexTextAreaOptions;
|
|
20
|
+
get ariaLabelValue(): string | null;
|
|
16
21
|
textAreaChange: EventEmitter<string>;
|
|
17
22
|
controlError: _angular_core.WritableSignal<string>;
|
|
18
23
|
controlInvalid: _angular_core.WritableSignal<boolean>;
|