@apexara/ng-components 1.0.6-test.6 → 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 +103 -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 +440 -48
- 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 +50 -2
- 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;
|
|
@@ -21,6 +26,13 @@ interface ApexSelectOptions {
|
|
|
21
26
|
formControlName?: string;
|
|
22
27
|
errors?: ControlErrors;
|
|
23
28
|
maxDropdownHeightPx?: number;
|
|
29
|
+
searchInDropdown?: boolean;
|
|
30
|
+
groups?: ApexSelectGroup[];
|
|
31
|
+
dropdownWidth?: number | 'trigger';
|
|
32
|
+
dropdownAlign?: 'start' | 'end' | 'auto';
|
|
33
|
+
dropdownColumns?: number;
|
|
34
|
+
variant?: ApexSelectVariant;
|
|
35
|
+
selectAll?: boolean;
|
|
24
36
|
}
|
|
25
37
|
interface ApexSelectData {
|
|
26
38
|
label: string;
|
|
@@ -29,6 +41,10 @@ interface ApexSelectData {
|
|
|
29
41
|
isHover?: boolean;
|
|
30
42
|
icon?: string;
|
|
31
43
|
}
|
|
44
|
+
interface ApexSelectGroup {
|
|
45
|
+
label: string;
|
|
46
|
+
data: ApexSelectData[];
|
|
47
|
+
}
|
|
32
48
|
interface ControlErrors {
|
|
33
49
|
[x: string]: string;
|
|
34
50
|
}
|
|
@@ -40,7 +56,17 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
40
56
|
label: ElementRef<HTMLLabelElement> | null;
|
|
41
57
|
dropdown: CdkVirtualScrollViewport | null;
|
|
42
58
|
inputWrapper: ElementRef<HTMLInputElement> | null;
|
|
59
|
+
dropdownSearch: ElementRef<HTMLInputElement> | null;
|
|
60
|
+
dropdownContainer: ElementRef<HTMLElement> | null;
|
|
43
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;
|
|
44
70
|
selectChange: EventEmitter<ApexSelectData>;
|
|
45
71
|
helperTextChange: EventEmitter<void>;
|
|
46
72
|
constructor(osService: OSService, elementRef: ElementRef, iterableDiffers: IterableDiffers);
|
|
@@ -55,8 +81,11 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
55
81
|
private documentKeyupValueResetTime;
|
|
56
82
|
private documentKeyUpSubscription;
|
|
57
83
|
private dataDiffer;
|
|
84
|
+
private groupsDiffer;
|
|
58
85
|
private controlSubscription;
|
|
59
86
|
filteredData: _angular_core.WritableSignal<ApexSelectData[]>;
|
|
87
|
+
filteredGroups: _angular_core.WritableSignal<ApexSelectGroup[]>;
|
|
88
|
+
groupColumns: _angular_core.Signal<ApexSelectGroup[][]>;
|
|
60
89
|
private lastSearch;
|
|
61
90
|
private keyListener;
|
|
62
91
|
private wheelListener;
|
|
@@ -70,6 +99,18 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
70
99
|
ngOnInit(): void;
|
|
71
100
|
ngDoCheck(): void;
|
|
72
101
|
ngAfterViewInit(): void;
|
|
102
|
+
private cloneGroups;
|
|
103
|
+
private hasGroups;
|
|
104
|
+
isSearchInDropdown(): boolean;
|
|
105
|
+
variant(): ApexSelectVariant;
|
|
106
|
+
isInsetLabel(): boolean;
|
|
107
|
+
insetValueLabel(): string;
|
|
108
|
+
hasInsetValue(): boolean;
|
|
109
|
+
clearInsetValue(event: Event): void;
|
|
110
|
+
getAllOptions(): ApexSelectData[];
|
|
111
|
+
isAllSelected(): boolean;
|
|
112
|
+
toggleSelectAll(event?: Event): void;
|
|
113
|
+
private getDropdownEl;
|
|
73
114
|
ngOnChanges(changes: SimpleChanges): void;
|
|
74
115
|
ngOnDestroy(): void;
|
|
75
116
|
onHelperText(): void;
|
|
@@ -86,10 +127,13 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
86
127
|
onFocusOut(): void;
|
|
87
128
|
toggleDropdown(): void;
|
|
88
129
|
private generateDropdownPosition;
|
|
130
|
+
private resolveDropdownLeft;
|
|
131
|
+
private adjustGroupedDropdownMaxHeight;
|
|
89
132
|
removeDropdown(): void;
|
|
90
133
|
handleKeydown(event: any): void;
|
|
91
134
|
preventFocusChange(event: MouseEvent): void;
|
|
92
135
|
onSearch(value: string, shouldResetHover?: boolean): void;
|
|
136
|
+
private filterGroups;
|
|
93
137
|
getPlaceholder(): string;
|
|
94
138
|
checkIfControlInvalid(): boolean;
|
|
95
139
|
checkIfControlDisabled(): boolean;
|
|
@@ -97,12 +141,16 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
97
141
|
private isWithinBounds;
|
|
98
142
|
private handleEvents;
|
|
99
143
|
private keyup;
|
|
144
|
+
private documentHomeEndKeyup;
|
|
100
145
|
private documentEnterKeyup;
|
|
101
146
|
private documentArrowsKeyup;
|
|
147
|
+
getNavigableOptions(): ApexSelectData[];
|
|
148
|
+
private scrollGroupedOptionIntoView;
|
|
102
149
|
private documentKeyup;
|
|
103
150
|
private removeProperty;
|
|
104
151
|
private blockArrowScroll;
|
|
105
152
|
private blockScroll;
|
|
153
|
+
private canScrollAt;
|
|
106
154
|
private isDescendant;
|
|
107
155
|
private attachGlobalScrollBlockers;
|
|
108
156
|
private detachGlobalScrollBlockers;
|
|
@@ -110,5 +158,5 @@ declare class ApexSelectComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
|
110
158
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApexSelectComponent, "apex-select", never, { "options": { "alias": "options"; "required": false; }; }, { "selectChange": "selectChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
|
|
111
159
|
}
|
|
112
160
|
|
|
113
|
-
export { ApexSelectComponent };
|
|
114
|
-
export type { ApexSelectData, ApexSelectOptions, ControlErrors };
|
|
161
|
+
export { ApexSelectComponent, ApexSelectVariant };
|
|
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>;
|