@colijnit/corecomponents_v12 261.20.6 → 261.20.8

package/index.d.ts

@@ -440,7 +440,6 @@ declare class OverlayService {
  */
 declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, AfterViewInit, ScreenConfigAdapterComponent {
     protected changeDetector: ChangeDetectorRef;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected overlayService: OverlayService;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
@@ -561,7 +560,7 @@ declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, After
     private _canSaveOrCancel;
     private _commitButtonsComponentRef;
     private _validationComponentRef;
-    constructor(changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -613,7 +612,7 @@ declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy, After
     protected _handleKeyDown(event: KeyboardEvent): Promise<any>;
     private _createNewFocusEvent;
     private _setFocusOnNextPossibleInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent<any>, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent<any>, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseInputComponent<any>, never, never, { "showSaveCancel": { "alias": "showSaveCancel"; "required": false; }; "model": { "alias": "model"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noValidation": { "alias": "noValidation"; "required": false; }; "initFocus": { "alias": "initFocus"; "required": false; }; "noClickFocus": { "alias": "noClickFocus"; "required": false; }; "businessObjectId": { "alias": "businessObjectId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "forcedMaxLength": { "alias": "forcedMaxLength"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "forceReadonly": { "alias": "forceReadonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "forceRequired": { "alias": "forceRequired"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "asyncValidators": { "alias": "asyncValidators"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "customCssClass": { "alias": "customCssClass"; "required": false; }; "redErrorBackground": { "alias": "redErrorBackground"; "required": false; }; "myFormInputInstance": { "alias": "myFormInputInstance"; "required": false; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; }; "customWidth": { "alias": "customWidth"; "required": false; }; "customHeight": { "alias": "customHeight"; "required": false; }; "noTriangleGraphic": { "alias": "noTriangleGraphic"; "required": false; }; "keepFocussed": { "alias": "keepFocussed"; "required": false; }; "halfWidth": { "alias": "halfWidth"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "excludeUserModelChange": { "alias": "excludeUserModelChange"; "required": false; }; "noFormGroupControl": { "alias": "noFormGroupControl"; "required": false; }; }, { "nativeBlur": "nativeBlur"; "blur": "blur"; "enter": "enter"; "focus": "focus"; "keyDown": "keyDown"; "keyUp": "keyUp"; "modelChange": "modelChange"; "selectedValueChange": "selectedValueChange"; "userModelChange": "userModelChange"; "hiddenChange": "hiddenChange"; "cancelClicked": "cancelClicked"; }, never, never, true, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BaseInputComponent<any>>;
 }
@@ -1345,10 +1344,8 @@ declare enum FilterItemMode {
 
 declare class InputCheckboxComponent extends BaseInputComponent<boolean> {
     formComponent: FormComponent;
-    iconCacheService: IconCacheService;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -1357,9 +1354,9 @@ declare class InputCheckboxComponent extends BaseInputComponent<boolean> {
     modelChange: EventEmitter<boolean>;
     showClass(): boolean;
     handleClick(event: MouseEvent): void;
-    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     handleModelChange(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputCheckboxComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCheckboxComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputCheckboxComponent, "co-input-checkbox", never, { "cssClass": { "alias": "cssClass"; "required": false; }; "clickableLabel": { "alias": "clickableLabel"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, false, never>;
 }
 
@@ -1393,7 +1390,6 @@ declare class InputDatePickerComponent extends BaseInputDatePickerDirective {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -1402,7 +1398,7 @@ declare class InputDatePickerComponent extends BaseInputDatePickerDirective {
     firstDayOfWeek: string;
     showClearButton: boolean;
     showClass(): boolean;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     handleDateSelected(date: Date): void;
     toggleCalendar(show: boolean): void;
     finalizeDate(): void;
@@ -1412,7 +1408,7 @@ declare class InputDatePickerComponent extends BaseInputDatePickerDirective {
     protected modelSet(): void;
     private setModelAsString;
     handleClearIconClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputDatePickerComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDatePickerComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputDatePickerComponent, "co-input-date", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; }, {}, never, never, false, never>;
 }
 
@@ -1490,10 +1486,8 @@ declare enum KeyboardCode {
 
 declare class InputTextComponent extends BaseInputComponent<any> implements AfterViewInit {
     formComponent: FormComponent;
-    protected injector: Injector;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -1541,7 +1535,7 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     isWeekInputMode: boolean;
     private _isLeftIconMouseDown;
     private _isRightIconMouseDown;
-    constructor(formComponent: FormComponent, injector: Injector, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     handleLeftIconClick(event: MouseEvent): void;
     handleLeftIconMouseDown(event: MouseEvent): void;
     handleLeftIconMouseUp(event: MouseEvent): void;
@@ -1556,7 +1550,7 @@ declare class InputTextComponent extends BaseInputComponent<any> implements Afte
     clearInput(event: MouseEvent): void;
     handleKeyDownInput(event: KeyboardEvent): void;
     private convertWeekToDate;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
+    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>;
 }
 
@@ -1982,7 +1976,6 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     iconCacheService: IconCacheService;
     protected overlayService: OverlayService;
     private _ngZone;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
     set model(model: number);
@@ -2021,7 +2014,7 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     private _autoCountTimeout;
     private _stepIncrementTimeout;
     private _startAutocountTimeout;
-    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, overlayService: OverlayService, _ngZone: NgZone, componentFactoryResolver: ComponentFactoryResolver, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, overlayService: OverlayService, _ngZone: NgZone, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     doIncrementAuto(): void;
@@ -2038,7 +2031,7 @@ declare class InputNumberPickerComponent extends BaseInputComponent<number> impl
     private _doIncreaseStepFactor;
     private _getNextStepFactorMouseDown;
     private _updateButtonsShowState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberPickerComponent, [{ optional: true; }, null, null, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberPickerComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberPickerComponent, "co-input-number-picker", never, { "model": { "alias": "model"; "required": false; }; "modelChangeOnEnter": { "alias": "modelChangeOnEnter"; "required": false; }; "showPermanentLabel": { "alias": "showPermanentLabel"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "max": { "alias": "max"; "required": false; }; "ngModelOptions": { "alias": "ngModelOptions"; "required": false; }; "minusIcon": { "alias": "minusIcon"; "required": false; }; "plusIcon": { "alias": "plusIcon"; "required": false; }; "buttonShowMode": { "alias": "buttonShowMode"; "required": false; }; "noValidation": { "alias": "noValidation"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; }, { "modelChange": "modelChange"; "iconClick": "iconClick"; }, never, never, false, never>;
 }
 
@@ -2052,15 +2045,14 @@ declare class InputRadioButtonComponent extends BaseInputComponent<any> {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
     get isModelSelected(): boolean;
     showClass(): boolean;
     handleClick(event: MouseEvent): void;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputRadioButtonComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputRadioButtonComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputRadioButtonComponent, "co-input-radio-button", never, {}, {}, never, never, false, never>;
 }
 
@@ -2101,15 +2093,14 @@ declare class InputTextareaComponent extends BaseInputComponent<any> implements
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
     placeholder: string;
     showClass(): boolean;
     hasOwnLabel: boolean;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, [{ optional: true; }, null, null, null, null, null, null]>;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTextareaComponent, [{ optional: true; }, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputTextareaComponent, "co-input-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
 }
 
@@ -2374,6 +2365,12 @@ declare class SimpleGridColumnDirective implements OnInit, OnDestroy, AfterConte
     static ɵdir: i0.ɵɵDirectiveDeclaration<SimpleGridColumnDirective, "co-simple-grid-column", never, { "headerText": { "alias": "headerText"; "required": false; }; "field": { "alias": "field"; "required": false; }; "codeField": { "alias": "codeField"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "format": { "alias": "format"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autoFit": { "alias": "autoFit"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "width": { "alias": "width"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "collection": { "alias": "collection"; "required": false; }; "order": { "alias": "order"; "required": false; }; "singleColumn": { "alias": "singleColumn"; "required": false; }; }, {}, ["templates"], never, false, never>;
 }
 
+interface ExportColumn {
+    key: string;
+    header: string;
+    width?: number;
+}
+
 declare abstract class BaseSimpleGridComponent {
     protected changeDetection: ChangeDetectorRef;
     readonly MIN_COLUMN_WIDTH: number;
@@ -2389,6 +2386,7 @@ declare abstract class BaseSimpleGridComponent {
     showEdit: boolean;
     showToolbar: boolean;
     autoAddRow: boolean;
+    useCustomExcelExport: boolean;
     /**
      * Should component emit drag and drop actions instead of handle
      * (update collection) by itself
@@ -2407,6 +2405,10 @@ declare abstract class BaseSimpleGridComponent {
     addRow: EventEmitter<void>;
     rowVisible: EventEmitter<{}>;
     paginationPageChange: EventEmitter<void>;
+    customExcelExport: EventEmitter<{
+        exportData: Object[];
+        columns: ExportColumn[];
+    }>;
     handleMouseMove(event: MouseEvent): void;
     handleMouseUp(event: MouseEvent): void;
     columns: SimpleGridColumnDirective[];
@@ -2430,7 +2432,7 @@ declare abstract class BaseSimpleGridComponent {
     private _resizeColumnsToFit;
     private _setWidthOfAllColumns;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSimpleGridComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSimpleGridComponent, never, never, { "data": { "alias": "data"; "required": false; }; "exportData": { "alias": "exportData"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "inlineEdit": { "alias": "inlineEdit"; "required": false; }; "showEdit": { "alias": "showEdit"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "autoAddRow": { "alias": "autoAddRow"; "required": false; }; "emitDragDrop": { "alias": "emitDragDrop"; "required": false; }; "extraColumns": { "alias": "extraColumns"; "required": false; }; }, { "onDrop": "onDrop"; "selectRow": "selectRow"; "deselectRow": "deselectRow"; "dblClickRow": "dblClickRow"; "saveRow": "saveRow"; "deleteRow": "deleteRow"; "addRow": "addRow"; "rowVisible": "rowVisible"; "paginationPageChange": "paginationPageChange"; }, ["content"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSimpleGridComponent, never, never, { "data": { "alias": "data"; "required": false; }; "exportData": { "alias": "exportData"; "required": false; }; "dragDropEnabled": { "alias": "dragDropEnabled"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "inlineEdit": { "alias": "inlineEdit"; "required": false; }; "showEdit": { "alias": "showEdit"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "autoAddRow": { "alias": "autoAddRow"; "required": false; }; "useCustomExcelExport": { "alias": "useCustomExcelExport"; "required": false; }; "emitDragDrop": { "alias": "emitDragDrop"; "required": false; }; "extraColumns": { "alias": "extraColumns"; "required": false; }; }, { "onDrop": "onDrop"; "selectRow": "selectRow"; "deselectRow": "deselectRow"; "dblClickRow": "dblClickRow"; "saveRow": "saveRow"; "deleteRow": "deleteRow"; "addRow": "addRow"; "rowVisible": "rowVisible"; "paginationPageChange": "paginationPageChange"; "customExcelExport": "customExcelExport"; }, ["content"], never, true, never>;
 }
 
 declare class SimpleGridComponent extends BaseSimpleGridComponent {
@@ -2756,7 +2758,6 @@ declare class ListOfValuesComponent extends BaseInputComponent<any> implements O
     iconCacheService: IconCacheService;
     protected changeDetector: ChangeDetectorRef;
     protected overlayService: OverlayService;
-    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -2788,7 +2789,7 @@ declare class ListOfValuesComponent extends BaseInputComponent<any> implements O
     private _collection;
     private debounceTimeout;
     private _lovPopupComponentRef;
-    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, overlayService: OverlayService, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, overlayService: OverlayService, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnInit(): void;
     handleInputModelChange(model: string): void;
     onModelChange(model: string): void;
@@ -2802,7 +2803,7 @@ declare class ListOfValuesComponent extends BaseInputComponent<any> implements O
     closePopup(): void;
     checkModel(): void;
     private _setSelectedModel;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListOfValuesComponent, [{ optional: true; }, null, null, null, null, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListOfValuesComponent, [{ optional: true; }, null, null, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListOfValuesComponent, "co-list-of-values", never, { "model": { "alias": "model"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "largeCollection": { "alias": "largeCollection"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "collection": { "alias": "collection"; "required": false; }; "collectionLoadFn": { "alias": "collectionLoadFn"; "required": false; }; "collectionLoadFnProp": { "alias": "collectionLoadFnProp"; "required": false; }; "leftIconData": { "alias": "leftIconData"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchDisabled": { "alias": "searchDisabled"; "required": false; }; "showChips": { "alias": "showChips"; "required": false; }; }, {}, never, never, false, never>;
 }
 
@@ -3589,12 +3590,44 @@ declare class TemplateWrapperModule {
 
 declare const SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME: InjectionToken<ScreenConfigAdapterComponent>;
 
+declare class Color {
+    colorCode: string;
+    description: string;
+    rgbColor: string;
+    get cssColor(): string;
+    constructor();
+    getId(): string;
+    getTransparentCssColor(opacity?: number): string;
+}
+
+declare enum ColorSequenceName {
+    Regular = "REGULAR",
+    Variant = "VARIANT"
+}
+
+declare class ColorSequence {
+    colors: Color[];
+    name: ColorSequenceName;
+    addColor(color: Color): void;
+    getColor(index: number): Color;
+    getId(): string;
+    getRandomColor(): Color;
+}
+
 declare class ColorSequenceService {
     colors: Map<number, string>;
+    private _colorSequences;
+    private _regularColSeq;
+    private _variantColSeq;
+    private readonly _regularColorsRgb;
+    private readonly _variantColorsRgb;
+    constructor();
+    getColorSequenceByName(sequenceName: ColorSequenceName): ColorSequence;
     getRandomColor(id: number): string;
     GetRandomColorWithSettings(h?: number[], s?: number[], l?: number[], a?: number[]): string;
     GetRandomNumber(low: any, high: any): number;
     GetHSLAColor(h: number, s: number, l: number, a: number): string;
+    private _buildColorSequences;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorSequenceService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColorSequenceService>;
 }

package/lib/components/input-text-chips/style/_layout.scss

@@ -0,0 +1,76 @@
+@include export-module('co-input-text-chips-layout') {
+  .co-input-text-chips {
+    display: block;
+    &:not(.no-style) {
+      @include input;
+    }
+    &.cc-input-focused {
+      @include focus($cc-input-focused-border-style, $cc-input-focused-border-width, $cc-input-focused-border-color, $cc-input-border-radius);
+    }
+    .chips-wrap {
+      padding: $co-input-text-chips-padding;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      overflow: hidden;
+      cursor: text;
+      width: 100%;
+      gap: $co-input-text-chips-gap;
+    }
+    .co-chip-render {
+      margin: 0;
+      cursor: text; // because clicking on it would auto-select the text of that chip
+      .co-icon {
+        cursor: pointer;
+      }
+    }
+
+    .right-in-between {
+      flex-shrink: 0;
+      height: 30px;
+      width: 10px;
+    }
+
+    .co-input-text {
+      height: 100%;
+      @include noBorderHover;
+    }
+
+    // chips
+    .co-chip-render {
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+      padding: $co-input-text-chips-render-padding;
+      border-radius: $co-input-text-chips-render-border-radius;
+      height: $co-input-text-chips-render-height;
+
+      &.active {
+        background-color: $cc-color-action-accent;
+      }
+      &.inactive {
+        background-color: $cc-color-light-accent;
+        span.text {
+          color: $co-input-text-chips-render-inactive-font-color;
+        }
+        co-icon [fill] {
+          fill: $cc-color-dark;
+        }
+      }
+
+      span.text {
+        color: $co-input-text-chips-render-font-color;
+        padding: $co-input-text-chips-render-padding;
+        user-select: none;
+        font-size: 13px;
+        border-right: 1px solid rgba(white, 0.5);
+      }
+
+      .co-icon {
+        width: $co-input-text-chips-render-icon-size;
+        height: $co-input-text-chips-render-icon-size;
+        margin: $co-input-text-chips-render-icon-margin;
+      }
+    }
+  }
+}

package/lib/components/input-text-chips/style/_material-definition.scss

@@ -0,0 +1,13 @@
+$co-input-text-chips-icon-size: 50px !default;
+$co-input-text-chips-padding: 0 0 0 5px !default;
+$co-input-text-chips-gap: 2px !default;
+
+$co-input-text-chips-render-icon-size: 25px !default;
+$co-input-text-chips-render-icon-margin: 0 3px 0 2px !default;
+$co-input-text-chips-render-padding: 0 5px !default;
+$co-input-text-chips-render-border-radius: 5px !default;
+$co-input-text-chips-render-height: 30px !default;
+$co-input-text-chips-render-font-color: $cc-color-light !default;
+$co-input-text-chips-render-inactive-font-color: $cc-color-light !default;
+
+$co-input-text-chips-distance-medium: 10px !default;

package/lib/components/input-text-chips/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-input-text-chips-theme') {
+  .co-input-text-chips {
+  }
+}

package/lib/components/input-text-chips/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/style/_input.mixins.scss

@@ -78,7 +78,7 @@
       }
     }
   }
-  &:not(.read-only):hover {
+  &:not(.read-only):not(.no-hover-line):hover {
     @include hover($cc-input-border-hover-style, $cc-input-border-hover-width, $cc-input-border-hover-color, $cc-input-border-radius);
   }
 }
@@ -119,6 +119,24 @@
   }
 }
 
+@mixin noBorderHover() {
+  &:before {
+    box-shadow: none;
+  }
+  &:hover {
+    border: none;
+    &:before {
+      box-shadow: none;
+    }
+  }
+  &:focus {
+    border: none;
+    &:before {
+      box-shadow: none;
+    }
+  }
+}
+
 .co-input-text.form-submitted.invalid.required:not(.hasvalue) {
   .input-text-wrapper {
     background-color: $cc-color-validation-error-background;

package/lib/style/_variables.scss

@@ -113,7 +113,7 @@ $cc-input-placeholder-font-style: normal !default;
 $cc-input-width: 300px !default;
 $cc-input-margin-left: 10px !default;
 $cc-input-input-padding: 0 0 5px 10px !default;
-$cc-input-content-padding: 20px 0 25px 0 !default;
+$cc-input-content-padding: 30px 0 15px 0 !default;
 $cc-input-margin-top: 16px !default;
 $cc-input-show-focus-line: true !default;
 $cc-input-focus-line-color: $cc-color-action !default;

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "261.20.6",
+  "version": "261.20.8",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {
     "@angular/common": ">=20.3.16",
     "@angular/core": ">=20.3.16",
     "@colijnit/ioneconnector": ">=261.1.0",
-    "@types/three": ">=0.166.0",
-    "@tweenjs/tween.js": ">=17.2.0",
-    "three": ">=0.166.1",
     "xlsx": "^0.18.5"
   },
   "dependencies": {
+    "@tweenjs/tween.js": "^17.2.0",
     "@types/hammerjs": "2.0.35",
+    "@types/three": "0.166.0",
+    "three": "0.166.1",
     "tslib": "^2.3.0",
-    "hammerjs": ">=2.0.8"
+    "hammerjs": "2.0.8"
   },
   "module": "fesm2022/colijnit-corecomponents_v12.mjs",
   "typings": "index.d.ts",