ngx-opalbytes-components 1.12.0 → 1.14.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.
Files changed (5) hide show
  1. package/README.md +119 -16
  2. package/fesm2022/ngx-opalbytes-components.mjs +82 -57
  3. package/fesm2022/ngx-opalbytes-components.mjs.map +1 -1
  4. package/package.json +2 -2
  5. package/types/ngx-opalbytes-components.d.ts +43 -31
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "ngx-opalbytes-components",
3
- "version": "1.12.0",
3
+ "version": "1.14.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-angular": "^0.562.0",
8
+ "@lucide/angular": ">=1.17.0",
9
9
  "@angular/cdk": "^21.0.5",
10
10
  "ngx-mask": "^20.0.3"
11
11
  },
package/types/ngx-opalbytes-components.d.ts CHANGED
@@ -6,7 +6,7 @@ import { 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';
9
- import { PageEvent, MatPaginatorIntl, MatPaginator } from '@angular/material/paginator';
9
+ import { PageEvent, MatPaginator, MatPaginatorIntl } from '@angular/material/paginator';
10
10
  import { DateAdapter } from '@angular/material/core';
11
11
  import { MatTimepickerOption } from '@angular/material/timepicker';
12
12
  import { Overlay, OverlayRef } from '@angular/cdk/overlay';
@@ -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 BaseButton implements OnInit {
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<BaseButton, never>;
33
- static ɵcmp: i0.ɵɵComponentDeclaration<BaseButton, "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; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
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 BaseInput implements ControlValueAccessor {
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
- private resolveIcon;
81
- static ɵfac: i0.ɵɵFactoryDeclaration<BaseInput, never>;
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,7 +101,7 @@ 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 IAutoCompleteOption {
104
+ interface ICaoAutoCompleteOption {
105
105
  id?: string | number;
106
106
  nome: string;
107
107
  icon?: string;
@@ -110,43 +110,55 @@ interface IAutoCompleteOption {
110
110
  declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
111
111
  label: string;
112
112
  placeholder: string;
113
- options: IAutoCompleteOption[];
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;
121
+ optionIcon?: string;
122
+ optionIConColor?: string;
123
+ isLucideOptionIcon?: boolean;
124
+ readonly itemSelected: EventEmitter<ICaoAutoCompleteOption>;
125
+ readonly blurEvent: EventEmitter<void>;
126
+ readonly focusEvent: EventEmitter<void>;
117
127
  internalControl: FormControl<string | null>;
118
- filteredOptions$: Observable<IAutoCompleteOption[]>;
128
+ filteredOptions$: Observable<ICaoAutoCompleteOption[]>;
119
129
  isFocused: boolean;
130
+ icon: boolean;
131
+ private el;
120
132
  private onChange;
121
133
  private onTouched;
122
134
  ngOnInit(): void;
123
135
  onFocus(): void;
124
136
  onBlur(): void;
125
- private filter;
126
- displayFn(option: IAutoCompleteOption): string;
127
137
  onOptionSelected(event: MatAutocompleteSelectedEvent): void;
138
+ private filter;
139
+ displayFn(option: ICaoAutoCompleteOption): string;
128
140
  get errorText(): string | null;
129
141
  get controlNameValue(): string;
130
- writeValue(value: IAutoCompleteOption | string): void;
131
- registerOnChange(fn: (value: IAutoCompleteOption | string) => void): void;
142
+ writeValue(value: ICaoAutoCompleteOption | string): void;
143
+ registerOnChange(fn: (value: ICaoAutoCompleteOption | string) => void): void;
132
144
  registerOnTouched(fn: () => void): void;
133
- setDisabledState?(isDisabled: boolean): void;
145
+ setInputHeight(height: string): void;
134
146
  static ɵfac: i0.ɵɵFactoryDeclaration<CaoAutocompleteComponent, never>;
135
- 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; }; }, {}, never, never, true, 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>;
136
148
  }
137
149
 
138
- interface IDropDownOption {
150
+ interface ICaoDropDownOption {
139
151
  id?: string | number;
140
152
  nome: string;
141
153
  icon?: string;
142
154
  iconPosition?: string;
143
155
  dataCy?: string;
144
156
  }
145
- declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestroy {
157
+ declare class CaoDropDownComponent implements ControlValueAccessor, OnInit, OnDestroy {
146
158
  private _eref;
147
159
  private cdr;
148
160
  textHeader: string;
149
- options: IDropDownOption[];
161
+ options: ICaoDropDownOption[];
150
162
  dropDownClass: string;
151
163
  styleDropDown: {
152
164
  [klass: string]: unknown;
@@ -154,18 +166,18 @@ declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestr
154
166
  control?: AbstractControl | null;
155
167
  controlName: string;
156
168
  isDisabled: boolean;
157
- readonly itemSelected: EventEmitter<IDropDownOption>;
158
169
  tooltip: string;
159
170
  dropDirectionInput: "up" | "down";
160
171
  dataCy?: string;
161
- trackByFn?: (index: number, item: IDropDownOption) => unknown;
172
+ trackByFn?: (index: number, item: ICaoDropDownOption) => unknown;
162
173
  compareWith?: (option: unknown, value: unknown) => boolean;
163
174
  ariaLabel?: string;
164
175
  ariaLabelledBy?: string;
165
176
  listAriaLabel?: string;
177
+ readonly itemSelected: EventEmitter<ICaoDropDownOption>;
166
178
  isOpen: boolean;
167
- selectedItem?: IDropDownOption;
168
- filteredOptions: IDropDownOption[];
179
+ selectedItem?: ICaoDropDownOption;
180
+ filteredOptions: ICaoDropDownOption[];
169
181
  searchControl: FormControl<string | null>;
170
182
  isTouched: boolean;
171
183
  isFocused: boolean;
@@ -178,10 +190,10 @@ declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestr
178
190
  ngOnDestroy(): void;
179
191
  get activeDescendant(): string | null;
180
192
  toggleDropdown(): void;
181
- selectItem(option: IDropDownOption): void;
193
+ selectItem(option: ICaoDropDownOption): void;
182
194
  clear(): void;
183
195
  filterOptions(searchTerm: string): void;
184
- trackBy(index: number, item: IDropDownOption): unknown;
196
+ trackBy(index: number, item: ICaoDropDownOption): unknown;
185
197
  private onClickOutside;
186
198
  onArrowDown(event: Event): void;
187
199
  onArrowUp(event: Event): void;
@@ -197,8 +209,8 @@ declare class DropDownComponent implements ControlValueAccessor, OnInit, OnDestr
197
209
  get errorText(): string | null;
198
210
  private markAsTouched;
199
211
  get controlNameValue(): string;
200
- static ɵfac: i0.ɵɵFactoryDeclaration<DropDownComponent, never>;
201
- static ɵcmp: i0.ɵɵComponentDeclaration<DropDownComponent, "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>;
212
+ static ɵfac: i0.ɵɵFactoryDeclaration<CaoDropDownComponent, never>;
213
+ 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
214
  }
203
215
 
204
216
  interface INavContent {
@@ -686,5 +698,5 @@ declare class StepperComponent implements AfterContentInit {
686
698
  static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "cao-stepper", never, { "title": { "alias": "title"; "required": false; }; }, { "maxReachedEvent": "maxReachedEvent"; }, ["steps"], ["*"], true, never>;
687
699
  }
688
700
 
689
- export { BaseAlert, BaseAlertService, BaseButton, BaseDialog, BaseDialogService, BaseFilterTablePaginatedService, BaseFilterTableService, BaseInput, BaseModal, BaseModalService, BasePaginationService, BaseTable, BaseTablePaginated, BaseTableService, BaseTimeRange, CaoAutocompleteComponent, DropDownComponent, Footer, LinksButton, Paginator, StepComponent, StepperComponent, TablePaginatedService, TimePicker, getPtBrPaginatorIntlBasePaginated, getPtBrPaginatorIntlBaseTable };
690
- export type { AlertType, DialogType, IAlertConfig, IColumnButton, IColumnConfig, IColumnPaginatedButton, IColumnPaginatedConfig, IDialogConfig, IModal, INavContent, INavLink, ITableConfig, ITablePaginatedConfig, ModalType, ModalTypeClass, ModalTypeSize };
701
+ 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 };