@colijnit/corecomponents_v12 12.0.15 → 12.0.18

package/lib/components/co-kanban/style/material.scss

@@ -0,0 +1,14 @@
+@import "../../../style/mixin";
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+@import '~@syncfusion/ej2-angular-kanban/styles/material.scss';
+@import '~@syncfusion/ej2-base/styles/material.scss';
+@import '~@syncfusion/ej2-buttons/styles/material.scss';
+@import '~@syncfusion/ej2-dropdowns/styles/material.scss';
+@import '~@syncfusion/ej2-inputs/styles/material.scss';
+@import '~@syncfusion/ej2-layouts/styles/material.scss';
+@import '~@syncfusion/ej2-navigations/styles/material.scss';
+@import '~@syncfusion/ej2-popups/styles/material.scss';

package/lib/components/co-rich-text-editor/co-rich-text-editor.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, EventEmitter, OnInit } from "@angular/core";
-import { RichTextEditorComponent, ChangeEventArgs } from '@syncfusion/ej2-angular-richtexteditor';
+import { ChangeEventArgs, RichTextEditorComponent } from "@syncfusion/ej2-angular-richtexteditor";
 export declare class CoRichTextEditorComponent implements OnInit, AfterViewInit {
     editor: RichTextEditorComponent;
     onChangeEvent: EventEmitter<ChangeEventArgs>;

package/lib/components/co-rich-text-editor/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-co-rich-text-editor-layout') {
 
 }

package/lib/components/co-rich-text-editor/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-co-rich-text-editor-theme') {
 
 }

package/lib/components/co-rich-text-editor/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/co-toggle/co-toggle.component.scss

@@ -0,0 +1 @@
+//$cc-co-toggle-opacity: $switch-off-opacity !default;

package/lib/components/collapsible/collapsible.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter, OnDestroy } from "@angular/core";
+import { SafeHtml } from "@angular/platform-browser";
+export declare class CollapsibleComponent implements OnDestroy {
+    private _elementRef;
+    headerTitle: string;
+    iconData: SafeHtml | undefined;
+    expandButtonLast: boolean;
+    expanded: boolean;
+    expandedChange: EventEmitter<boolean>;
+    showClass(): boolean;
+    onHostClick(event: MouseEvent): void;
+    constructor(_elementRef: ElementRef);
+    ngOnDestroy(): void;
+    focus(): void;
+    changeExpanded(): void;
+}

package/lib/components/collapsible/collapsible.module.d.ts

@@ -0,0 +1,2 @@
+export declare class CollapsibleModule {
+}

package/lib/components/collapsible/style/_layout.scss

@@ -0,0 +1,50 @@
+@include export-module('cc-collapsible-layout') {
+  .co-collapsible {
+    font-family: $cc-collapsible-font-family;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    flex-grow: 0;
+    outline: none;
+    overflow: hidden;
+    font-size: $cc-collapsible-font-size;
+
+    .collapsible-header {
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+      height: $cc-collapsible-height;
+      align-items: center;
+      cursor: pointer;
+      user-select: none;
+      border-bottom: $cc-collapsible-border-bottom;
+    }
+
+    .collapsible-title {
+      font-weight: bold;
+    }
+
+    .expand-icon-wrapper {
+      display: flex;
+      transition: .3s ease-in-out;
+      margin-right: $cc-collapsible-icon-margin-right;
+      .expand-icon {
+        height: $cc-collapsible-icon-size;
+        width: $cc-collapsible-icon-size;
+      }
+      &.expanded {
+        transform: rotate(180deg);
+      }
+    }
+
+    .end {
+      justify-content: space-between;
+    }
+
+    .collapsible-content {
+      overflow: hidden;
+      padding: $cc-collapsible-content-padding;
+    }
+  }
+}

package/lib/components/collapsible/style/_material-definition.scss

@@ -0,0 +1,9 @@
+$cc-collapsible-font-family: $cc-font-family !default;
+$cc-collapsible-font-size: $cc-font-size-default !default;
+$cc-collapsible-color: $cc-color-action !default;
+$cc-collapsible-text-color: #000000 !default;
+$cc-collapsible-height: 40px !default;
+$cc-collapsible-icon-size: 20px !default;
+$cc-collapsible-border-bottom: 1px solid gray !default;
+$cc-collapsible-icon-margin-right: 15px !default;
+$cc-collapsible-content-padding: 10px 0px 0px 10px !default;

package/lib/components/collapsible/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('cc-collapsible-theme') {
+  .co-collapsible {
+    color: $cc-collapsible-text-color;
+  }
+}

package/lib/components/collapsible/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/mixin";
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/drop-down-list/drop-down-list.component.d.ts

@@ -1,16 +1,26 @@
-import { TemplateRef } from "@angular/core";
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, TemplateRef } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
+import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
+import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
+import { FormComponent } from "../form/form.component";
 export declare class DropDownListComponent extends BaseInputComponent<any> {
+    formComponent: FormComponent;
+    protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
+    protected formUserChangeListener?: FormInputUserModelChangeListenerService;
+    protected ngZoneWrapper?: NgZoneWrapperService;
+    elementRef?: ElementRef;
     collection: any[];
     /**
      * In the form { text: 'name', value: 'id' }
      * Where 'text' is showing in the dropdown and 'id' used for the model binding
      */
     fields: Object;
-    placeHolder: string;
+    placeholder: string;
     itemTemplate: TemplateRef<any>;
     headerTemplate: TemplateRef<any>;
     valueTemplate: TemplateRef<any>;
     showClass(): boolean;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     handleValueChanged(value: any): void;
 }

package/lib/components/drop-down-list/style/_layout.scss

@@ -1,7 +1,12 @@
-@import "./material-definition";
-
 @include export-module('cc-co-drop-down-list-layout') {
   .co-drop-down-list {
-
+    position: relative; // for validation message
+    @include input;
+    .e-dropdownlist {
+      height: 100%;
+      span {
+        height: 100%;
+      }
+    }
   }
 }

package/lib/components/drop-down-list/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-co-drop-down-list-theme') {
 
 }

package/lib/components/drop-down-list/style/material.scss

@@ -1,3 +1,5 @@
+@import "../../../style/mixin";
+@import "../../../style/input.mixins";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/form/form.component.d.ts

@@ -35,6 +35,5 @@ export declare class FormComponent implements AfterViewInit, OnDestroy, OnInit {
     reset(): void;
     submit(throughFormMaster?: boolean): boolean;
     showErrorTooltipOnFormGroupControl(key: string): void;
-    private _getValidationErrorText;
     private _setFirstInvalidElementOnMaster;
 }

package/lib/components/grid/base/base-selection-grid.component.d.ts

@@ -1,10 +1,9 @@
 import { EventEmitter, OnInit, TemplateRef } from "@angular/core";
-import { RowDropEventArgs, SelectionSettingsModel } from "@syncfusion/ej2-angular-grids";
+import { RowDragEventArgs, RowDropEventArgs, SelectionSettingsModel } from "@syncfusion/ej2-angular-grids";
 import { BaseInlineEditGridComponent } from "./base-inline-edit-grid.component";
 import { MenuEventArgs } from "@syncfusion/ej2-navigations";
 import { GridRowDragEventArgs } from "../interface/grid-row-drag-event-args";
 import { GridRowDropEventArgs } from "../interface/grid-row-drop-event-args";
-import { RowDragEventArgs } from "@syncfusion/ej2-angular-grids";
 import { GridMenuEventArgs } from "../interface/grid-menu-event-args";
 export declare class BaseSelectionGridComponent<T> extends BaseInlineEditGridComponent<T> implements OnInit {
     set multipleSelect(value: boolean);

package/lib/components/grid/co-grid.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from "@angular/core";
-import { BaseSelectionGridComponent } from './base/base-selection-grid.component';
+import { BaseSelectionGridComponent } from "./base/base-selection-grid.component";
 export declare class CoGridComponent<T> extends BaseSelectionGridComponent<T> implements OnInit {
     showClass(): boolean;
     ngOnInit(): void;

package/lib/components/grid/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-co-grid-layout') {
   .co-grid {
     .e-headertext {

package/lib/components/grid/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-co-grid-theme') {
 
 }

package/lib/components/grid/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/input-checkbox/input-checkbox.component.d.ts

@@ -1,16 +1,23 @@
-import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { FormComponent } from "../form/form.component";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
 import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
+import { IconCacheService } from "../icon/icon-cache.service";
 export declare class InputCheckboxComponent extends BaseInputComponent<boolean> {
     formComponent: FormComponent;
+    iconCacheService: IconCacheService;
+    protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
+    protected formUserChangeListener?: FormInputUserModelChangeListenerService;
+    protected ngZoneWrapper?: NgZoneWrapperService;
+    elementRef?: ElementRef;
     name: string;
     label: string;
     cssClass: string;
     modelChange: EventEmitter<boolean>;
     showClass(): boolean;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService, ngZoneWrapper: NgZoneWrapperService);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     setModel(value: boolean): void;
     handleModelChange(value: boolean): void;
 }

package/lib/components/input-checkbox/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-checkbox-layout') {
 
 }

package/lib/components/input-checkbox/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-checkbox-theme') {
 
 }

package/lib/components/input-checkbox/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/input-checkbox-multi-select/input-checkbox-multi-select.component.d.ts

@@ -1,11 +1,12 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
 import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
 import { FormComponent } from "../form/form.component";
-export declare class InputCheckboxMultiSelectComponent extends BaseInputComponent<any> implements OnInit, AfterViewInit, OnDestroy {
+export declare class InputCheckboxMultiSelectComponent extends BaseInputComponent<any> {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -15,8 +16,5 @@ export declare class InputCheckboxMultiSelectComponent extends BaseInputComponen
     placeholder: string;
     filterPlaceholder: string;
     showClass(): boolean;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
-    ngOnDestroy(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
 }

package/lib/components/input-checkbox-multi-select/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-checkbox-multi-select-layout') {
 
 }

package/lib/components/input-checkbox-multi-select/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-checkbox-multi-select-theme') {
 
 }

package/lib/components/input-checkbox-multi-select/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/input-combo-box/input-combo-box.component.d.ts

@@ -1,25 +1,24 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
 import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
 import { FormComponent } from "../form/form.component";
 import { ComboBoxComponent } from "@syncfusion/ej2-angular-dropdowns";
-export declare class InputComboBoxComponent extends BaseInputComponent<any> implements OnInit, AfterViewInit, OnDestroy {
+export declare class InputComboBoxComponent extends BaseInputComponent<any> {
     formComponent: FormComponent;
     protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
     combo: ComboBoxComponent;
-    source: Object[] | string[] | number[] | boolean[];
+    collection: Object[] | string[] | number[] | boolean[];
     fields: Object;
     selected: number | string | boolean;
     placeholder: string;
     shopPopup: boolean;
     showClass(): boolean;
-    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
-    ngOnDestroy(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+    customHeight: boolean;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     onFocus(): void;
 }

package/lib/components/input-combo-box/style/_layout.scss

@@ -1,5 +1,12 @@
-@import "./material-definition";
-
 @include export-module('cc-input-combo-box-layout') {
-
+  .co-input-combo-box {
+    position: relative; // for validation message
+    @include input;
+    .e-combobox {
+      height: 100%;
+      div {
+        height: 100%;
+      }
+    }
+  }
 }

package/lib/components/input-combo-box/style/_material-definition.scss

@@ -1,7 +0,0 @@
-@import 'ej2-base/styles/material.scss';
-@import 'ej2-buttons/styles/material.scss';
-@import 'ej2-dropdowns/styles/material.scss';
-@import 'ej2-inputs/styles/material.scss';
-@import 'ej2-popups/styles/material.scss';
-@import 'ej2-lists/styles/material.scss';
-@import 'ej2-angular-dropdowns/styles/material.scss';

package/lib/components/input-combo-box/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-combo-box-theme') {
 
 }

package/lib/components/input-combo-box/style/material.scss

@@ -1,4 +1,13 @@
+@import "../../../style/mixin";
+@import "../../../style/input.mixins";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import 'ej2-base/styles/material.scss';
+@import 'ej2-buttons/styles/material.scss';
+@import 'ej2-dropdowns/styles/material.scss';
+@import 'ej2-inputs/styles/material.scss';
+@import 'ej2-popups/styles/material.scss';
+@import 'ej2-lists/styles/material.scss';
+@import 'ej2-angular-dropdowns/styles/material.scss';

package/lib/components/input-date-picker/input-date-picker.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ElementRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
 import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
@@ -7,9 +7,10 @@ import { FormComponent } from "../form/form.component";
 import { DatePickerComponent } from "@syncfusion/ej2-angular-calendars";
 import { IconCacheService } from "../icon/icon-cache.service";
 export declare class InputDatePickerComponent extends BaseInputComponent<Date> implements OnInit, AfterViewInit, OnDestroy {
-    iconCacheService: IconCacheService;
     formComponent: FormComponent;
+    iconCacheService: IconCacheService;
     protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
     protected formUserChangeListener?: FormInputUserModelChangeListenerService;
     protected ngZoneWrapper?: NgZoneWrapperService;
     elementRef?: ElementRef;
@@ -22,7 +23,7 @@ export declare class InputDatePickerComponent extends BaseInputComponent<Date> i
     width: string | number;
     readonly blur: EventEmitter<Event>;
     showClass(): boolean;
-    constructor(iconCacheService: IconCacheService, formComponent: FormComponent, changeDetector: ChangeDetectorRef, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     ngOnDestroy(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/components/input-date-picker/style/_layout.scss

@@ -1,5 +1,6 @@
-@import "./material-definition";
-
 @include export-module('cc-input-date-picker-layout') {
-
+  .co-input-date {
+    position: relative; // for validation message
+    @include input;
+  }
 }

package/lib/components/input-date-picker/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "./material-definition";
-
 @include export-module('cc-input-date-picker-theme') {
 
 }

package/lib/components/input-date-picker/style/material.scss

@@ -1,3 +1,5 @@
+@import "../../../style/mixin";
+@import "../../../style/input.mixins";
 @import "../../../style/variables";
 @import "./material-definition";
 @import "./layout";

package/lib/components/input-listbox/input-listbox.component.d.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, ComponentFactoryResolver, ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { BaseInputComponent } from "../base/base-input.component";
+import { SelectionSettingsModel } from "@syncfusion/ej2-angular-dropdowns";
+import { FormInputUserModelChangeListenerService } from "../../core/service/form-input-user-change-listener.service";
+import { NgZoneWrapperService } from "../../core/service/ng-zone-wrapper.service";
+import { FormComponent } from "../form/form.component";
+export declare class InputListboxComponent extends BaseInputComponent<any> implements OnInit, OnDestroy {
+    formComponent: FormComponent;
+    protected changeDetector: ChangeDetectorRef;
+    protected componentFactoryResolver: ComponentFactoryResolver;
+    protected formUserChangeListener?: FormInputUserModelChangeListenerService;
+    protected ngZoneWrapper?: NgZoneWrapperService;
+    elementRef?: ElementRef;
+    placeholder: string;
+    value: string[] | number[];
+    collection: {}[];
+    fields: {};
+    set singleSelect(value: boolean);
+    set showCheckbox(value: boolean);
+    set showSelectAll(value: boolean);
+    showClass(): boolean;
+    customHeight: boolean;
+    selectionSettings: SelectionSettingsModel;
+    constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
+}

package/lib/components/input-listbox/input-listbox.module.d.ts

@@ -0,0 +1,2 @@
+export declare class InputListboxModule {
+}

package/lib/components/input-listbox/style/_layout.scss

@@ -0,0 +1,22 @@
+@include export-module('cc-input-listbox-layout') {
+  .co-input-listbox {
+    position: relative; // for validation message
+    @include input;
+    font-family: $cc-co-input-listbox-font-family;
+    font-size: $cc-co-input-listbox-font-size;
+    .co-input-listbox-header {
+      font-family: $cc-co-input-listbox-header-font-family;
+      font-size: $cc-co-input-listbox-header-font-size;
+      margin: $cc-co-input-listbox-header-margin;
+    }
+    .e-listbox-wrapper {
+      font-family: $cc-co-input-listbox-font-family;
+      font-size: $cc-co-input-listbox-font-size;
+    }
+    .co-input-listbox-content {
+      max-height: $cc-co-input-listbox-max-height;
+      overflow-y: auto;
+    }
+  }
+}
+

package/lib/components/input-listbox/style/_material-definition.scss

@@ -0,0 +1,10 @@
+$cc-co-input-listbox-font-family: $cc-font-family !default;
+$cc-co-input-listbox-font-size: $cc-font-size-default !default;
+$cc-co-input-listbox-font-color: $cc-color-dark !default;
+$cc-co-input-listbox-max-height: 200px !default;
+$cc-co-input-listbox-header-font-family: $cc-font-family !default;
+$cc-co-input-listbox-header-font-size: $cc-font-size-default !default;
+$cc-co-input-listbox-header-font-color: $cc-color-dark !default;
+$cc-co-input-listbox-header-margin: 5px 0 !default;
+$cc-co-input-listbox-item-selected-background-color: $cc-color-action !default;
+$cc-co-input-listbox-item-selected-color: $cc-color-light !default;

package/lib/components/input-listbox/style/_theme.scss

@@ -0,0 +1,12 @@
+@include export-module('cc-input-listbox-theme') {
+  .co-input-listbox {
+    color: $cc-co-input-listbox-font-color;
+    .co-input-listbox-header {
+      color: $cc-co-input-listbox-header-font-color;
+    }
+    .e-listbox-wrapper .e-list-item.e-selected {
+      background-color: $cc-co-input-listbox-item-selected-background-color;
+      color: $cc-co-input-listbox-item-selected-color;
+    }
+  }
+}

package/lib/components/input-listbox/style/material.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+@import "../../../style/input.mixins";
+@import "../../../style/variables";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/components/input-number-picker/input-number-picker.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ComponentFactoryResolver, EventEmitter, NgZone, OnDestroy, OnInit } from "@angular/core";
 import { BaseInputComponent } from "../base/base-input.component";
 import { BoundsConstrainedNumberValue } from "../../core/model/bounds-constrained-number-value";
 import { KeyboardCode } from "../../core/enum/keyboard-code.enum";
@@ -7,12 +7,12 @@ import { FormInputUserModelChangeListenerService } from "../../core/service/form
 import { InputNumberPickerButtonShowMode } from "../../core/enum/input-number-picker-show-mode.enum";
 import { IconCacheService } from "../icon/icon-cache.service";
 import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
-import { FloatLabelTypeEnum } from "../../core/enum/float-label-type.enum";
+import { FormComponent } from "../form/form.component";
 export declare class InputNumberPickerComponent extends BaseInputComponent<number> implements OnInit, OnDestroy {
+    formComponent: FormComponent;
     iconCacheService: IconCacheService;
     private _ngZone;
-    floatLabelType: FloatLabelTypeEnum;
-    cssClass: string;
+    protected componentFactoryResolver: ComponentFactoryResolver;
     set model(model: number);
     get model(): number;
     set min(min: number);
@@ -28,9 +28,12 @@ export declare class InputNumberPickerComponent extends BaseInputComponent<numbe
     inputTextComp: InputTextComponent;
     get showButtonsOnFocusOnly(): boolean;
     get hasLabel(): boolean;
+    showClass(): boolean;
     showButtons: boolean;
     readonly myKeyDownWhiteList: KeyboardCode[];
     readonly numberLogic: BoundsConstrainedNumberValue;
+    minSelected: boolean;
+    plusSelected: boolean;
     private _numberInputHasFocus;
     private _numberLogicValueChangeSub;
     private readonly _delayBeforeStartAutoCountMs;
@@ -42,10 +45,11 @@ export declare class InputNumberPickerComponent extends BaseInputComponent<numbe
     private _autoCountTimeout;
     private _stepIncrementTimeout;
     private _startAutocountTimeout;
-    constructor(iconCacheService: IconCacheService, _ngZone: NgZone, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService);
+    constructor(formComponent: FormComponent, iconCacheService: IconCacheService, _ngZone: NgZone, componentFactoryResolver: ComponentFactoryResolver, changeDetector: ChangeDetectorRef, formUserChangeListener: FormInputUserModelChangeListenerService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     doIncrementAuto(): void;
+    handleKeyDown(event: KeyboardEvent): boolean;
     doDecrementAuto(): void;
     stopAutoCounting(): void;
     setValue(newValue: number, silent?: boolean): void;