ngx-opalbytes-components 1.14.0 → 1.15.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,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit, EventEmitter, OnDestroy, ElementRef, ChangeDetectorRef, Signal, AfterViewInit, AfterContentInit, QueryList } from '@angular/core';
|
|
2
|
+
import { OnInit, EventEmitter, OnChanges, SimpleChanges, 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
|
-
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
5
|
+
import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
6
6
|
import * as rxjs from 'rxjs';
|
|
7
7
|
import { Observable } from 'rxjs';
|
|
8
8
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
@@ -28,14 +28,16 @@ declare class CaoBaseButtonComponent implements OnInit {
|
|
|
28
28
|
isLucideIcon: boolean;
|
|
29
29
|
dataCy?: string;
|
|
30
30
|
iconColor?: string;
|
|
31
|
+
strokeWidthIcon: number;
|
|
31
32
|
ngOnInit(): void;
|
|
32
33
|
onClick(): void;
|
|
33
34
|
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>;
|
|
35
|
+
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; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
35
36
|
}
|
|
36
37
|
|
|
38
|
+
type CaoTypeInputs = 'text' | 'textarea' | 'number' | 'password' | 'date';
|
|
37
39
|
declare class CaoBaseInput implements ControlValueAccessor {
|
|
38
|
-
type:
|
|
40
|
+
type: CaoTypeInputs;
|
|
39
41
|
placeholder: string;
|
|
40
42
|
inputClass: string;
|
|
41
43
|
value: string | number | boolean | Date;
|
|
@@ -107,7 +109,7 @@ interface ICaoAutoCompleteOption {
|
|
|
107
109
|
icon?: string;
|
|
108
110
|
iconPosition?: string;
|
|
109
111
|
}
|
|
110
|
-
declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
|
|
112
|
+
declare class CaoAutocompleteComponent implements OnInit, OnChanges, ControlValueAccessor {
|
|
111
113
|
label: string;
|
|
112
114
|
placeholder: string;
|
|
113
115
|
options: ICaoAutoCompleteOption[];
|
|
@@ -121,30 +123,46 @@ declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
|
|
|
121
123
|
optionIcon?: string;
|
|
122
124
|
optionIConColor?: string;
|
|
123
125
|
isLucideOptionIcon?: boolean;
|
|
126
|
+
autocompleteBgColor: string;
|
|
127
|
+
strokeWidthIcon: number;
|
|
128
|
+
isDisabled: boolean;
|
|
124
129
|
readonly itemSelected: EventEmitter<ICaoAutoCompleteOption>;
|
|
125
130
|
readonly blurEvent: EventEmitter<void>;
|
|
126
131
|
readonly focusEvent: EventEmitter<void>;
|
|
132
|
+
readonly leadingIconClick: EventEmitter<Event | MouseEvent>;
|
|
133
|
+
readonly trailingIconClick: EventEmitter<Event | MouseEvent>;
|
|
134
|
+
autocompleteTrigger: MatAutocompleteTrigger;
|
|
127
135
|
internalControl: FormControl<string | null>;
|
|
128
136
|
filteredOptions$: Observable<ICaoAutoCompleteOption[]>;
|
|
129
137
|
isFocused: boolean;
|
|
130
138
|
icon: boolean;
|
|
139
|
+
private selectedOption;
|
|
140
|
+
private options$;
|
|
131
141
|
private el;
|
|
132
142
|
private onChange;
|
|
133
143
|
private onTouched;
|
|
134
144
|
ngOnInit(): void;
|
|
145
|
+
private setStyle;
|
|
146
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
135
147
|
onFocus(): void;
|
|
136
148
|
onBlur(): void;
|
|
149
|
+
selectItem(option: ICaoAutoCompleteOption): void;
|
|
137
150
|
onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
151
|
+
selectOption(option: ICaoAutoCompleteOption): void;
|
|
152
|
+
closePanel(): void;
|
|
153
|
+
clearSelection(): void;
|
|
154
|
+
onLeadingIconClick(event: MouseEvent | Event): void;
|
|
155
|
+
onTrailingIconClick(event: MouseEvent | Event): void;
|
|
138
156
|
private filter;
|
|
139
157
|
displayFn(option: ICaoAutoCompleteOption): string;
|
|
140
158
|
get errorText(): string | null;
|
|
141
159
|
get controlNameValue(): string;
|
|
142
160
|
writeValue(value: ICaoAutoCompleteOption | string): void;
|
|
143
|
-
registerOnChange(fn: (value: ICaoAutoCompleteOption | string) => void): void;
|
|
161
|
+
registerOnChange(fn: (value: ICaoAutoCompleteOption | string | null) => void): void;
|
|
144
162
|
registerOnTouched(fn: () => void): void;
|
|
145
163
|
setInputHeight(height: string): void;
|
|
146
164
|
static ɵfac: i0.ɵɵFactoryDeclaration<CaoAutocompleteComponent, never>;
|
|
147
|
-
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; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionIConColor": { "alias": "optionIConColor"; "required": false; }; "isLucideOptionIcon": { "alias": "isLucideOptionIcon"; "required": false; }; }, { "itemSelected": "itemSelected"; "blurEvent": "blurEvent"; "focusEvent": "focusEvent"; }, never, never, true, never>;
|
|
165
|
+
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; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionIConColor": { "alias": "optionIConColor"; "required": false; }; "isLucideOptionIcon": { "alias": "isLucideOptionIcon"; "required": false; }; "autocompleteBgColor": { "alias": "autocompleteBgColor"; "required": false; }; "strokeWidthIcon": { "alias": "strokeWidthIcon"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "itemSelected": "itemSelected"; "blurEvent": "blurEvent"; "focusEvent": "focusEvent"; "leadingIconClick": "leadingIconClick"; "trailingIconClick": "trailingIconClick"; }, never, never, true, never>;
|
|
148
166
|
}
|
|
149
167
|
|
|
150
168
|
interface ICaoDropDownOption {
|
|
@@ -699,4 +717,4 @@ declare class StepperComponent implements AfterContentInit {
|
|
|
699
717
|
}
|
|
700
718
|
|
|
701
719
|
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 };
|
|
702
|
-
export type { AlertType, DialogType, IAlertConfig, ICaoAutoCompleteOption, ICaoDropDownOption, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
|
|
720
|
+
export type { AlertType, CaoTypeInputs, DialogType, IAlertConfig, ICaoAutoCompleteOption, ICaoDropDownOption, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
|