ngx-opalbytes-components 1.11.0 → 1.13.0
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/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ngx-opalbytes-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.13.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21.0.0",
|
|
6
6
|
"@angular/core": "^21.0.0",
|
|
7
7
|
"@angular/material": "^21.0.3",
|
|
8
|
-
"lucide
|
|
8
|
+
"@lucide/angular": ">=1.17.0",
|
|
9
9
|
"@angular/cdk": "^21.0.5",
|
|
10
10
|
"ngx-mask": "^20.0.3"
|
|
11
11
|
},
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit, EventEmitter, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit } from '@angular/core';
|
|
2
|
+
import { OnInit, EventEmitter, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit, AfterContentInit, QueryList } from '@angular/core';
|
|
3
3
|
import { ControlValueAccessor, AbstractControl, FormControl } from '@angular/forms';
|
|
4
4
|
import { MatDateRangeInput } from '@angular/material/datepicker';
|
|
5
5
|
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
@@ -15,7 +15,7 @@ import { SelectionModel } from '@angular/cdk/collections';
|
|
|
15
15
|
import { MatSort, Sort } from '@angular/material/sort';
|
|
16
16
|
import { MatTableDataSource } from '@angular/material/table';
|
|
17
17
|
|
|
18
|
-
declare class
|
|
18
|
+
declare class CaoBaseButtonComponent implements OnInit {
|
|
19
19
|
readonly buttonClick: EventEmitter<void>;
|
|
20
20
|
buttonText: string;
|
|
21
21
|
isDarkMode: boolean;
|
|
@@ -27,16 +27,16 @@ declare class BaseButton implements OnInit {
|
|
|
27
27
|
leadingIcon?: string;
|
|
28
28
|
isLucideIcon: boolean;
|
|
29
29
|
dataCy?: string;
|
|
30
|
+
iconColor?: string;
|
|
30
31
|
ngOnInit(): void;
|
|
31
32
|
onClick(): void;
|
|
32
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaoBaseButtonComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaoBaseButtonComponent, "cao-button", never, { "buttonText": { "alias": "buttonText"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
34
35
|
}
|
|
35
36
|
|
|
36
|
-
declare class
|
|
37
|
+
declare class CaoBaseInput implements ControlValueAccessor {
|
|
37
38
|
type: string;
|
|
38
39
|
placeholder: string;
|
|
39
|
-
label: string;
|
|
40
40
|
inputClass: string;
|
|
41
41
|
value: string | number | boolean | Date;
|
|
42
42
|
errorMessage: string;
|
|
@@ -45,6 +45,7 @@ declare class BaseInput implements ControlValueAccessor {
|
|
|
45
45
|
searchMode: boolean;
|
|
46
46
|
showBorder: boolean;
|
|
47
47
|
isLucideIcon: boolean;
|
|
48
|
+
iconColor: string;
|
|
48
49
|
mask?: string;
|
|
49
50
|
control?: AbstractControl | null;
|
|
50
51
|
tooltip: string;
|
|
@@ -77,9 +78,8 @@ declare class BaseInput implements ControlValueAccessor {
|
|
|
77
78
|
registerOnChange(fn: any): void;
|
|
78
79
|
registerOnTouched(fn: any): void;
|
|
79
80
|
setDisabledState(isDisabled: boolean): void;
|
|
80
|
-
|
|
81
|
-
static
|
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BaseInput, "cao-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "showBorder": { "alias": "showBorder"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "control": { "alias": "control"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "allowNegativeNumbers": { "alias": "allowNegativeNumbers"; "required": false; }; "separatorLimit": { "alias": "separatorLimit"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "valueChange": "valueChange"; "searchClick": "searchClick"; "inputChange": "inputChange"; }, never, never, true, never>;
|
|
81
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaoBaseInput, never>;
|
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaoBaseInput, "cao-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "showBorder": { "alias": "showBorder"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "control": { "alias": "control"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "textareaRows": { "alias": "textareaRows"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "allowNegativeNumbers": { "alias": "allowNegativeNumbers"; "required": false; }; "separatorLimit": { "alias": "separatorLimit"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "valueChange": "valueChange"; "searchClick": "searchClick"; "inputChange": "inputChange"; }, never, never, true, never>;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
declare class BaseTimeRange implements OnInit {
|
|
@@ -101,38 +101,44 @@ declare class BaseTimeRange implements OnInit {
|
|
|
101
101
|
static ɵcmp: i0.ɵɵComponentDeclaration<BaseTimeRange, "cao-base-time-range", never, { "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "finalDate": { "alias": "finalDate"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, { "rangeSelected": "rangeSelected"; }, never, never, true, never>;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
interface
|
|
104
|
+
interface ICaoAutoCompleteOption {
|
|
105
105
|
id?: string | number;
|
|
106
106
|
nome: string;
|
|
107
107
|
icon?: string;
|
|
108
108
|
iconPosition?: string;
|
|
109
109
|
}
|
|
110
|
-
declare class
|
|
110
|
+
declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
|
|
111
111
|
label: string;
|
|
112
112
|
placeholder: string;
|
|
113
|
-
options:
|
|
113
|
+
options: ICaoAutoCompleteOption[];
|
|
114
114
|
control: AbstractControl;
|
|
115
115
|
dataCy: string;
|
|
116
116
|
controlName: string;
|
|
117
|
+
isLucideIcon: boolean;
|
|
118
|
+
iconColor: string;
|
|
119
|
+
_leadingIcon?: string;
|
|
120
|
+
_trailingIcon?: string;
|
|
117
121
|
internalControl: FormControl<string | null>;
|
|
118
|
-
filteredOptions$: Observable<
|
|
122
|
+
filteredOptions$: Observable<ICaoAutoCompleteOption[]>;
|
|
119
123
|
isFocused: boolean;
|
|
124
|
+
icon: boolean;
|
|
125
|
+
private el;
|
|
120
126
|
private onChange;
|
|
121
127
|
private onTouched;
|
|
122
128
|
ngOnInit(): void;
|
|
123
129
|
onFocus(): void;
|
|
124
130
|
onBlur(): void;
|
|
125
131
|
private filter;
|
|
126
|
-
displayFn(option:
|
|
132
|
+
displayFn(option: ICaoAutoCompleteOption): string;
|
|
127
133
|
onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
128
134
|
get errorText(): string | null;
|
|
129
135
|
get controlNameValue(): string;
|
|
130
|
-
writeValue(value:
|
|
131
|
-
registerOnChange(fn: (value:
|
|
136
|
+
writeValue(value: ICaoAutoCompleteOption | string): void;
|
|
137
|
+
registerOnChange(fn: (value: ICaoAutoCompleteOption | string) => void): void;
|
|
132
138
|
registerOnTouched(fn: () => void): void;
|
|
133
|
-
|
|
134
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
135
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
139
|
+
setInputHeight(height: string): void;
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaoAutocompleteComponent, never>;
|
|
141
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaoAutocompleteComponent, "cao-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "control": { "alias": "control"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isLucideIcon": { "alias": "isLucideIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "_leadingIcon": { "alias": "_leadingIcon"; "required": false; }; "_trailingIcon": { "alias": "_trailingIcon"; "required": false; }; }, {}, never, never, true, never>;
|
|
136
142
|
}
|
|
137
143
|
|
|
138
144
|
interface IDropDownOption {
|
|
@@ -142,7 +148,7 @@ interface IDropDownOption {
|
|
|
142
148
|
iconPosition?: string;
|
|
143
149
|
dataCy?: string;
|
|
144
150
|
}
|
|
145
|
-
declare class
|
|
151
|
+
declare class CaoDropDownComponent implements ControlValueAccessor, OnInit, OnDestroy {
|
|
146
152
|
private _eref;
|
|
147
153
|
private cdr;
|
|
148
154
|
textHeader: string;
|
|
@@ -197,8 +203,8 @@ declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestr
|
|
|
197
203
|
get errorText(): string | null;
|
|
198
204
|
private markAsTouched;
|
|
199
205
|
get controlNameValue(): string;
|
|
200
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
201
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
206
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CaoDropDownComponent, never>;
|
|
207
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CaoDropDownComponent, "cao-drop-down", never, { "textHeader": { "alias": "textHeader"; "required": false; }; "options": { "alias": "options"; "required": false; }; "dropDownClass": { "alias": "dropDownClass"; "required": false; }; "styleDropDown": { "alias": "styleDropDown"; "required": false; }; "control": { "alias": "control"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "dropDirectionInput": { "alias": "dropDirectionInput"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "listAriaLabel": { "alias": "listAriaLabel"; "required": false; }; }, { "itemSelected": "itemSelected"; }, never, never, true, never>;
|
|
202
208
|
}
|
|
203
209
|
|
|
204
210
|
interface INavContent {
|
|
@@ -663,5 +669,28 @@ declare class BaseAlertService {
|
|
|
663
669
|
static ɵprov: i0.ɵɵInjectableDeclaration<BaseAlertService>;
|
|
664
670
|
}
|
|
665
671
|
|
|
666
|
-
|
|
667
|
-
|
|
672
|
+
declare class StepComponent {
|
|
673
|
+
title: string;
|
|
674
|
+
isActive: boolean;
|
|
675
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
|
|
676
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "cao-step", never, { "title": { "alias": "title"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, never, true, never>;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
declare class StepperComponent implements AfterContentInit {
|
|
680
|
+
constructor();
|
|
681
|
+
steps: QueryList<StepComponent>;
|
|
682
|
+
title: string;
|
|
683
|
+
activeStepIndex: number;
|
|
684
|
+
lengthStep: number;
|
|
685
|
+
showLine: boolean;
|
|
686
|
+
readonly maxReachedEvent: EventEmitter<null>;
|
|
687
|
+
ngAfterContentInit(): void;
|
|
688
|
+
nextStep(): void;
|
|
689
|
+
prevStep(): void;
|
|
690
|
+
resetStepper(): void;
|
|
691
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
|
|
692
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "cao-stepper", never, { "title": { "alias": "title"; "required": false; }; }, { "maxReachedEvent": "maxReachedEvent"; }, ["steps"], ["*"], true, never>;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
export { BaseAlert, BaseAlertService, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CaoAutocompleteComponent, CaoBaseButtonComponent, CaoBaseInput, CaoDropDownComponent, Footer, LinksButton, Paginator, StepComponent, StepperComponent, TablePaginatedService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
|
|
696
|
+
export type { AlertType, DialogType, IAlertConfig, ICaoAutoCompleteOption, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IDropDownOption, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
|