@colijnit/corecomponents_v12 262.1.11 → 262.1.12

package/index.d.ts

@@ -1451,6 +1451,7 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     noStyle: boolean;
     hideArrowButtons: boolean;
     get isDate(): boolean;
+    get hasValue(): boolean;
     leftIconClick: EventEmitter<MouseEvent>;
     leftIconMouseDown: EventEmitter<MouseEvent>;
     leftIconMouseUp: EventEmitter<MouseEvent>;
@@ -1473,6 +1474,7 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     private _isLeftIconMouseDown;
     private _isRightIconMouseDown;
     constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    ngAfterViewInit(): void;
     handleLeftIconClick(event: MouseEvent): void;
     handleLeftIconMouseDown(event: MouseEvent): void;
     handleLeftIconMouseUp(event: MouseEvent): void;
@@ -2721,8 +2723,15 @@ declare class ViewModeButtonsModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ViewModeButtonsModule>;
 }
 
+interface LovHighlightPart {
+    text: string;
+    match: boolean;
+}
+
 declare class LovUtils {
     static getDisplayValue(model: any, displayField: string): string;
+    static getHighlightParts(value: string, term: string): LovHighlightPart[];
+    private static _escapeRegExp;
 }
 
 declare class ListOfValuesComponent extends BaseInputComponent<any> implements OnInit {
@@ -2761,12 +2770,15 @@ declare class ListOfValuesComponent extends BaseInputComponent<any> implements O
     isLoading: boolean;
     private _collection;
     private debounceTimeout;
+    private _filterRequestId;
     private _lovPopupComponentRef;
     constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
+    get inputModel(): any;
+    handleModelChange(model: string): void;
     handleInputModelChange(model: string): void;
     onModelChange(model: string): void;
-    applyFilter(text: string): Promise<[]>;
+    applyFilter(text: string, requestId?: number): Promise<void>;
     handleInputKeyDown(event: KeyboardEvent): boolean;
     clearModel(event: MouseEvent): void;
     toggleSelect(): void;
@@ -2783,11 +2795,11 @@ declare class ListOfValuesComponent extends BaseInputComponent<any> implements O
 interface lovViewModel {
     checked: boolean;
     model: any;
+    highlightParts?: LovHighlightPart[];
 }
 declare class ListOfValuesPopupComponent implements OnInit {
     iconCacheService: IconCacheService;
     private _elementRef;
-    readonly lovUtils: typeof LovUtils;
     set lovItems(children: any);
     dropDownList: ElementRef;
     set inputSearch(component: InputSearchComponent);

package/lib/components/list-of-values/style/_layout.scss

@@ -172,6 +172,10 @@
       border-bottom: none;
     }
 
+    .lov-highlight {
+      font-weight: $cc-co-list-of-values-highlight-font-weight;
+    }
+
     .lov-options li:hover {
       //color: $cc-co-list-of-values-lov-options-li-hover-text-color;
       background-color: $cc-co-list-of-values-lov-options-li-hover;

package/lib/components/list-of-values/style/_material-definition.scss

@@ -23,6 +23,10 @@ $cc-co-list-of-values-lov-options-li-hover-text-color: $cc-color-input-lov !defa
 $cc-co-list-of-values-lov-options-li-selected: $cc-color-grey !default;
 $cc-co-list-of-values-lov-options-li-selected-text-color: $cc-color-input-lov !default;
 
+$cc-co-list-of-values-highlight-font-weight: 700 !default;
+$cc-co-list-of-values-highlight-background-color: transparent !default;
+$cc-co-list-of-values-highlight-text-color: $cc-color-font !default;
+
 $cc-co-list-of-values-multiselect-chips-padding: 0 10px 10px 10px !default;
 $cc-co-list-of-values-multiselect-chips-column-gap: 5px !default;
 $cc-co-list-of-values-multiselect-chips-row-gap: 2px !default;

package/lib/components/list-of-values/style/_theme.scss

@@ -0,0 +1,8 @@
+@include export-module('co-list-of-values-theme') {
+  .co-list-of-values-popup {
+    .lov-highlight {
+      background-color: $cc-co-list-of-values-highlight-background-color;
+      color: $cc-co-list-of-values-highlight-text-color;
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "262.1.11",
+  "version": "262.1.12",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {