@colijnit/corecomponents_v12 262.1.10 → 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;
@@ -1487,6 +1489,7 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     clearInput(event: MouseEvent): void;
     handleKeyDownInput(event: KeyboardEvent): void;
     private convertWeekToDate;
+    private formatDateLocal;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "co-input-text", never, { "useContent": { "alias": "useContent"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "align": { "alias": "align"; "required": false; }; "type": { "alias": "type"; "required": false; }; "formatPipe": { "alias": "formatPipe"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "digitsOnly": { "alias": "digitsOnly"; "required": false; }; "excludePlusMinus": { "alias": "excludePlusMinus"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "keyDownWhiteList": { "alias": "keyDownWhiteList"; "required": false; }; "showPlaceholderOnFocus": { "alias": "showPlaceholderOnFocus"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "rightIconData": { "alias": "rightIconData"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "emptyPlace": { "alias": "emptyPlace"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "noStyle": { "alias": "noStyle"; "required": false; }; "hideArrowButtons": { "alias": "hideArrowButtons"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "leftIconClick": "leftIconClick"; "leftIconMouseDown": "leftIconMouseDown"; "leftIconMouseUp": "leftIconMouseUp"; "rightIconClick": "rightIconClick"; "rightIconMouseDown": "rightIconMouseDown"; "rightIconMouseUp": "rightIconMouseUp"; "clearIconClick": "clearIconClick"; "isFocused": "isFocused"; }, never, ["*"], false, never>;
 }
@@ -2720,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 {
@@ -2760,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;
@@ -2782,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.10",
+  "version": "262.1.12",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {