@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.
Files changed (44) hide show
  1. package/README.md +298 -25
  2. package/fesm2022/apexara-ng-components-checkbox.mjs +53 -11
  3. package/fesm2022/apexara-ng-components-checkbox.mjs.map +1 -1
  4. package/fesm2022/apexara-ng-components-chip.mjs +5 -2
  5. package/fesm2022/apexara-ng-components-chip.mjs.map +1 -1
  6. package/fesm2022/apexara-ng-components-datepicker.mjs +65 -70
  7. package/fesm2022/apexara-ng-components-datepicker.mjs.map +1 -1
  8. package/fesm2022/apexara-ng-components-dialog.mjs +2 -2
  9. package/fesm2022/apexara-ng-components-dialog.mjs.map +1 -1
  10. package/fesm2022/apexara-ng-components-drawer.mjs +12 -22
  11. package/fesm2022/apexara-ng-components-drawer.mjs.map +1 -1
  12. package/fesm2022/apexara-ng-components-expander.mjs +3 -15
  13. package/fesm2022/apexara-ng-components-expander.mjs.map +1 -1
  14. package/fesm2022/apexara-ng-components-image.mjs +3 -5
  15. package/fesm2022/apexara-ng-components-image.mjs.map +1 -1
  16. package/fesm2022/apexara-ng-components-input.mjs +19 -19
  17. package/fesm2022/apexara-ng-components-input.mjs.map +1 -1
  18. package/fesm2022/apexara-ng-components-listbox.mjs +41 -33
  19. package/fesm2022/apexara-ng-components-listbox.mjs.map +1 -1
  20. package/fesm2022/apexara-ng-components-more-options.mjs +132 -0
  21. package/fesm2022/apexara-ng-components-more-options.mjs.map +1 -0
  22. package/fesm2022/apexara-ng-components-radiobutton.mjs +2 -2
  23. package/fesm2022/apexara-ng-components-radiobutton.mjs.map +1 -1
  24. package/fesm2022/apexara-ng-components-select.mjs +96 -79
  25. package/fesm2022/apexara-ng-components-select.mjs.map +1 -1
  26. package/fesm2022/apexara-ng-components-snackbar.mjs +2 -44
  27. package/fesm2022/apexara-ng-components-snackbar.mjs.map +1 -1
  28. package/fesm2022/apexara-ng-components-table.mjs +175 -102
  29. package/fesm2022/apexara-ng-components-table.mjs.map +1 -1
  30. package/fesm2022/apexara-ng-components-textarea.mjs +20 -17
  31. package/fesm2022/apexara-ng-components-textarea.mjs.map +1 -1
  32. package/package.json +5 -2
  33. package/types/apexara-ng-components-checkbox.d.ts +17 -8
  34. package/types/apexara-ng-components-chip.d.ts +7 -1
  35. package/types/apexara-ng-components-datepicker.d.ts +4 -6
  36. package/types/apexara-ng-components-drawer.d.ts +3 -4
  37. package/types/apexara-ng-components-image.d.ts +2 -3
  38. package/types/apexara-ng-components-input.d.ts +6 -8
  39. package/types/apexara-ng-components-listbox.d.ts +7 -8
  40. package/types/apexara-ng-components-more-options.d.ts +34 -0
  41. package/types/apexara-ng-components-select.d.ts +13 -10
  42. package/types/apexara-ng-components-snackbar.d.ts +0 -3
  43. package/types/apexara-ng-components-table.d.ts +46 -23
  44. package/types/apexara-ng-components-textarea.d.ts +6 -8
@@ -1,29 +1,38 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectorRef, EventEmitter } from '@angular/core';
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 checkIfControlDisabled;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<ApexCheckboxComponent, never>;
25
- static ɵcmp: i0.ɵɵ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>;
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, ChangeDetectorRef } from '@angular/core';
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, changeDetectorRef: ChangeDetectorRef, datepickerService: ApexDatepickerService, rangeSelectionStrategy: DefaultCalendarRangeStrategy);
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, ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
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
- private changeDetector;
8
- constructor(scrollBlockService: ScrollBlockService, changeDetector: ChangeDetectorRef);
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, ChangeDetectorRef, SimpleChanges } from '@angular/core';
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
- private changeDetectorRef;
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 i0 from '@angular/core';
2
- import { ChangeDetectorRef, EventEmitter } from '@angular/core';
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: i0.ɵɵFactoryDeclaration<ApexInputComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<ApexInputComponent, "apex-input", never, { "options": { "alias": "options"; "required": false; }; }, { "inputChange": "inputChange"; "suffixImgChange": "suffixImgChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
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 i0 from '@angular/core';
2
- import { ElementRef, ChangeDetectorRef, EventEmitter, SimpleChanges } from '@angular/core';
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
- private changeDetectorRef;
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: i0.ɵɵFactoryDeclaration<ApexListboxComponent, never>;
66
- static ɵcmp: i0.ɵɵ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>;
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 i0 from '@angular/core';
2
- import { OnInit, AfterViewInit, OnDestroy, ElementRef, EventEmitter, IterableDiffers, ChangeDetectorRef, SimpleChanges } from '@angular/core';
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, changeDetectorRef: ChangeDetectorRef);
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: i0.ɵɵFactoryDeclaration<ApexSelectComponent, never>;
107
- static ɵcmp: i0.ɵɵComponentDeclaration<ApexSelectComponent, "apex-select", never, { "options": { "alias": "options"; "required": false; }; }, { "selectChange": "selectChange"; "helperTextChange": "helperTextChange"; }, never, never, true, never>;
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 i0 from '@angular/core';
2
- import { ElementRef, ChangeDetectorRef, QueryList, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
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, changeDetectorRef: ChangeDetectorRef, scrollBlockService: ScrollBlockService);
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
- getPageData(): any[];
148
+ updatePageData(): void;
129
149
  updateVisibleRange(start: number, end: number): void;
130
150
  calculateTotalPages(): void;
131
151
  trackByIndex(index: number): number;
132
- getVirtualViewportHeight(): number;
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: i0.ɵɵFactoryDeclaration<ApexTableComponent, never>;
169
- static ɵcmp: i0.ɵɵ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>;
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 i0 from '@angular/core';
2
- import { ChangeDetectorRef, EventEmitter } from '@angular/core';
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: i0.ɵɵFactoryDeclaration<ApexTextAreaComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<ApexTextAreaComponent, "apex-textarea", never, { "options": { "alias": "options"; "required": false; }; }, { "textAreaChange": "textAreaChange"; }, never, never, true, never>;
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 };