ngx-opalbytes-components 1.14.0 → 1.14.1

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 +4 -0
  2. package/fesm2022/ngx-opalbytes-components.mjs +63 -11
  3. package/fesm2022/ngx-opalbytes-components.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/types/ngx-opalbytes-components.d.ts +13 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-opalbytes-components",
3
- "version": "1.14.0",
3
+ "version": "1.14.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.0.0",
6
6
  "@angular/core": "^21.0.0",
package/types/ngx-opalbytes-components.d.ts 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,10 +28,11 @@ 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
 
37
38
  declare class CaoBaseInput implements ControlValueAccessor {
@@ -107,7 +108,7 @@ interface ICaoAutoCompleteOption {
107
108
  icon?: string;
108
109
  iconPosition?: string;
109
110
  }
110
- declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
111
+ declare class CaoAutocompleteComponent implements OnInit, OnChanges, ControlValueAccessor {
111
112
  label: string;
112
113
  placeholder: string;
113
114
  options: ICaoAutoCompleteOption[];
@@ -121,17 +122,24 @@ declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
121
122
  optionIcon?: string;
122
123
  optionIConColor?: string;
123
124
  isLucideOptionIcon?: boolean;
125
+ autocompleteBgColor: string;
126
+ strokeWidthIcon: number;
124
127
  readonly itemSelected: EventEmitter<ICaoAutoCompleteOption>;
125
128
  readonly blurEvent: EventEmitter<void>;
126
129
  readonly focusEvent: EventEmitter<void>;
130
+ autocompleteTrigger: MatAutocompleteTrigger;
127
131
  internalControl: FormControl<string | null>;
128
132
  filteredOptions$: Observable<ICaoAutoCompleteOption[]>;
129
133
  isFocused: boolean;
130
134
  icon: boolean;
135
+ private selectedOption;
136
+ private options$;
131
137
  private el;
132
138
  private onChange;
133
139
  private onTouched;
134
140
  ngOnInit(): void;
141
+ private setStyle;
142
+ ngOnChanges(changes: SimpleChanges): void;
135
143
  onFocus(): void;
136
144
  onBlur(): void;
137
145
  onOptionSelected(event: MatAutocompleteSelectedEvent): void;
@@ -144,7 +152,7 @@ declare class CaoAutocompleteComponent implements OnInit, ControlValueAccessor {
144
152
  registerOnTouched(fn: () => void): void;
145
153
  setInputHeight(height: string): void;
146
154
  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>;
155
+ 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; }; }, { "itemSelected": "itemSelected"; "blurEvent": "blurEvent"; "focusEvent": "focusEvent"; }, never, never, true, never>;
148
156
  }
149
157
 
150
158
  interface ICaoDropDownOption {