@colijnit/corecomponents_v12 12.0.21 → 12.0.22

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

@@ -130,7 +130,7 @@ export declare abstract class BaseInputComponent<T> implements OnInit, OnDestroy
      */
     setModel(value: any): void;
     requestFocus(): void;
-    doFocus(event: any): any;
+    doFocus(event?: any): any;
     doBlur(event?: any): any;
     detectChanges(): void;
     markForCheck(): void;

package/lib/components/co-dialog/style/_layout.scss

@@ -40,5 +40,8 @@
       font-size: $cc-co-dialog-footer-font-size;
       padding: $cc-co-dialog-footer-padding;
     }
+    .dialog-close-button {
+      cursor: pointer;
+    }
   }
 }

package/lib/components/co-dialog-wizard/co-dialog-wizard.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter } from "@angular/core";
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+export declare class CoDialogWizardComponent {
+    readonly icons: typeof CoreComponentsIcon;
+    showCloseIcon: boolean;
+    animation: boolean;
+    readonly closeClick: EventEmitter<MouseEvent>;
+    showClass(): boolean;
+}

package/lib/components/co-dialog-wizard/co-dialog-wizard.module.d.ts

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

package/lib/components/co-dialog-wizard/style/_layout.scss

@@ -0,0 +1,51 @@
+@include export-module('co-dialog-wizard-layout') {
+  .co-dialog-wizard {
+    font-family: $cc-co-dialog-wizard-font-family;
+    font-size: $cc-co-dialog-wizard-font-size;
+    .co-dialog-wizard-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 800;
+    }
+    .co-dialog-wizard-wrapper {
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      min-width: $cc-co-dialog-wizard-min-width;
+      max-width: 100vw;
+      z-index: 801;
+      height: auto;
+      width: auto;
+      border-radius: $cc-co-dialog-wizard-border-radius;
+    }
+    .dialog-header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-items: center;
+      font-family: $cc-co-dialog-wizard-header-font-family;
+      font-size: $cc-co-dialog-wizard-header-font-size;
+      padding: $cc-co-dialog-wizard-header-padding;
+      border-radius: $cc-co-dialog-wizard-header-border-radius;
+      margin: $cc-co-dialog-wizard-header-margin;
+    }
+    .dialog-content {
+      font-family: $cc-co-dialog-wizard-content-font-family;
+      font-size: $cc-co-dialog-wizard-content-font-size;
+      padding: $cc-co-dialog-wizard-content-padding;
+      border-radius: $cc-co-dialog-wizard-content-border-radius;
+    }
+    .dialog-close-button {
+      cursor: pointer;
+    }
+    .co-dialog-wizard-divider {
+      margin: $cc-co-dialog-wizard-header-divider-margin;
+      border: none;
+      border-top: $cc-co-dialog-wizard-header-divider-border-top;
+    }
+  }
+}

package/lib/components/co-dialog-wizard/style/_material-definition.scss

@@ -0,0 +1,25 @@
+$cc-co-dialog-wizard-font-family: $cc-font-family !default;
+$cc-co-dialog-wizard-font-size: $cc-font-size-default !default;
+$cc-co-dialog-wizard-header-font-family: $cc-font-family !default;
+$cc-co-dialog-wizard-header-font-size: $cc-font-size-default !default;
+$cc-co-dialog-wizard-header-text-color: $cc-color-dark !default;
+$cc-co-dialog-wizard-header-background-color: $cc-color-light-accent !default;
+$cc-co-dialog-wizard-header-padding: 10px !default;
+$cc-co-dialog-wizard-header-divider-margin: 0 10px 0 10px !default;
+$cc-co-dialog-wizard-header-divider-border-top: 1px solid $cc-color-light-accent !default;
+$cc-co-dialog-wizard-header-border-radius: 20px 20px 0 0 !default;
+$cc-co-dialog-wizard-header-margin: 0 0 0 10px !default;
+$cc-co-dialog-wizard-min-width: 250px !default;
+$cc-co-dialog-wizard-border-radius: 20px !default;
+$cc-co-dialog-wizard-background-color: $cc-color-light !default;
+$cc-co-dialog-wizard-box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5) !default;
+$cc-co-dialog-wizard-overlay-background-color: rgba(0, 0, 0, 0.3) !default;
+$cc-co-dialog-wizard-overlay-backdrop-filter: blur(2px) !default;
+$cc-co-dialog-wizard-content-padding: 10px !default;
+$cc-co-dialog-wizard-content-border-radius: 20px !default;
+$cc-co-dialog-wizard-content-font-family: $cc-font-family !default;
+$cc-co-dialog-wizard-content-font-size: $cc-font-size-default !default;
+$cc-co-dialog-wizard-content-text-color: $cc-color-dark !default;
+$cc-co-dialog-wizard-content-background-color: $cc-color-light !default;
+
+

package/lib/components/co-dialog-wizard/style/_theme.scss

@@ -0,0 +1,16 @@
+@include export-module('co-dialog-wizard-theme') {
+  .co-dialog-wizard {
+    .co-dialog-wizard-overlay {
+      background-color: $cc-co-dialog-wizard-overlay-background-color;
+      backdrop-filter: $cc-co-dialog-wizard-overlay-backdrop-filter;
+    }
+    .co-dialog-wizard-wrapper {
+      background-color: $cc-co-dialog-wizard-background-color;
+      box-shadow: $cc-co-dialog-wizard-box-shadow;
+    }
+    .dialog-content {
+      color: $cc-co-dialog-wizard-content-text-color;
+      background-color: $cc-co-dialog-wizard-content-background-color;
+    }
+  }
+}

package/lib/components/co-dialog-wizard/style/material.scss

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

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

@@ -22,7 +22,7 @@
     }
 
     .collapsible-title {
-      font-weight: bold;
+      font-weight: $cc-collapsible-title-font-weight;
     }
 
     .expand-icon-wrapper {

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

@@ -6,4 +6,5 @@ $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-title-font-weight: bold !default;
 $cc-collapsible-content-padding: 10px 0px 0px 10px !default;

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

@@ -9,6 +9,7 @@ export declare class FormComponent implements AfterViewInit, OnDestroy, OnInit {
     get readonly(): boolean;
     keepInView: Element;
     onChange: EventEmitter<FormControl>;
+    showClass: boolean;
     submitted: boolean;
     readonly validSubmit: EventEmitter<void>;
     readonly anySubmit: EventEmitter<void>;

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

@@ -1,6 +1,8 @@
+import { ElementRef } from "@angular/core";
 import { ContextMenuItemModel, GridComponent, PageSettingsModel, RowDropSettingsModel } from "@syncfusion/ej2-angular-grids";
 import { GridLines } from "../enum/grid-lines.enum";
 export declare class BaseGridComponent<T> {
+    element: ElementRef;
     grid: GridComponent;
     data: T[];
     gridLines: GridLines;
@@ -21,4 +23,5 @@ export declare class BaseGridComponent<T> {
     get columns(): {}[];
     pageSettings: PageSettingsModel;
     private _columns;
+    constructor(element: ElementRef);
 }

package/lib/components/grid/base/base-inline-edit-grid.component.d.ts

@@ -1,9 +1,18 @@
-import { EventEmitter } from "@angular/core";
+import { AfterViewInit, EventEmitter, OnDestroy } from "@angular/core";
 import { EditSettingsModel } from "@syncfusion/ej2-angular-grids";
 import { BaseToolbarGridComponent } from "./base-toolbar-grid.component";
-export declare class BaseInlineEditGridComponent<T> extends BaseToolbarGridComponent<T> {
+import { Observable, Subscription } from "rxjs";
+export declare class BaseInlineEditGridComponent<T> extends BaseToolbarGridComponent<T> implements AfterViewInit, OnDestroy {
     set inlineEdit(value: boolean);
     rowSaved: EventEmitter<T>;
+    beforeRowDelete: EventEmitter<any>;
+    rowDeleted: EventEmitter<T>;
     editSettings: EditSettingsModel;
+    actionBeginObservable$: Observable<any>;
+    actionBeginObservableSub: Subscription;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    handleActionBegin(action: any): Promise<void>;
     handleActionComplete(action: any): void;
+    waitForBeforeDelete(action: any): Promise<any>;
 }

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

@@ -15,6 +15,8 @@ export declare class BaseSelectionGridComponent<T> extends BaseInlineEditGridCom
     contextMenuItemClick: EventEmitter<GridMenuEventArgs>;
     rowDragStartEvent: EventEmitter<GridRowDragEventArgs>;
     rowDropEvent: EventEmitter<GridRowDropEventArgs>;
+    beforeRowsDelete: EventEmitter<any>;
+    rowsDeleted: EventEmitter<T[]>;
     selectionOptions: SelectionSettingsModel;
     ngOnInit(): void;
     handleRowSelected(rowData: any): void;
@@ -24,4 +26,6 @@ export declare class BaseSelectionGridComponent<T> extends BaseInlineEditGridCom
     contextMenuClick(args: MenuEventArgs): void;
     rowDragStartClick(args: RowDragEventArgs): void;
     rowDropClick(args: RowDropEventArgs): void;
+    handleBeforeBatchDelete(args: any): void;
+    handleBatchDelete(rows: T[]): void;
 }

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

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { CoreComponentsIcon } from "../../core/enum/core-components-icon.enum";
+import { IconCacheService } from "../icon/icon-cache.service";
+export declare class GridToolbarComponent {
+    iconsService: IconCacheService;
+    readonly icons: typeof CoreComponentsIcon;
+    editClick: EventEmitter<MouseEvent>;
+    cancelClick: EventEmitter<void>;
+    saveClick: EventEmitter<void>;
+    addClick: EventEmitter<void>;
+    showClass(): boolean;
+    constructor(iconsService: IconCacheService);
+}

package/lib/components/grid-toolbar/grid-toolbar.module.d.ts

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

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

@@ -0,0 +1,10 @@
+@include export-module('cc-grid-toolbar-layout') {
+
+  .co-grid-toolbar {
+    .grid-toolbar-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+@include export-module('cc-grid-toolbar-theme') {
+
+  .co-grid-toolbar {
+  }
+}

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

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

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

@@ -18,7 +18,6 @@ export declare class InputComboBoxComponent extends BaseInputComponent<any> {
     placeholder: string;
     shopPopup: boolean;
     showClass(): boolean;
-    customHeight: boolean;
     constructor(formComponent: FormComponent, changeDetector: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, formUserChangeListener?: FormInputUserModelChangeListenerService, ngZoneWrapper?: NgZoneWrapperService, elementRef?: ElementRef);
     onFocus(): void;
 }

package/lib/components/input-radio-button/style/_material-definition.scss

@@ -1,5 +1,5 @@
 $cc-rb-font-family: $cc-font-family !default;
-$cc-rb-height: $cc-item-height !default;
+$cc-rb-height: $cc-item-size !default;
 $cc-rb-border-radius: $cc-default-border-radius !default;
 $cc-rb-padding: 10px 20px !default;
 $cc-rb-border-color: $cc-color-border !default;

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

@@ -14,12 +14,19 @@
     }
     .input-save-cancel-button-wrapper {
       position: absolute;
-      padding: 5px 0 0 5px;
-      top: -36px;
+      @if ($cc-co-input-text-button-position == 'top') {
+        top: -36px;
+        transform-origin: center bottom;
+        padding: 5px 0 0 5px;
+      } @else {
+        top: $cc-item-size;
+        transform-origin: center top;
+        padding: 0 5px 5px 0;
+      }
       right: 0;
       display: flex;
       column-gap: 2px;
-      transform-origin: center bottom;
+      z-index: 10;
       .input-save-cancel-button {
         display: flex;
         align-items: center;

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

@@ -3,5 +3,6 @@ $cc-co-input-text-font-size: $cc-font-size-default !default;
 $cc-co-input-text-font-color: $cc-color-dark !default;
 $cc-co-input-text-border-color: $cc-color-border !default;
 $cc-co-input-text-button-background: $cc-color-form-input-border !default;
+$cc-co-input-text-button-position: 'bottom' !default;
 $cc-co-input-text-commit-color: green !default;
 $cc-co-input-text-cancel-color: red !default;

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

@@ -0,0 +1,29 @@
+import { EventEmitter, QueryList } from "@angular/core";
+import { SimpleGridColumnDirective } from "./simple-grid-column.directive";
+import { CdkDrag, CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
+export declare abstract class BaseSimpleGridComponent {
+    set content(columnComponents: QueryList<SimpleGridColumnDirective>);
+    data: Object[];
+    dragDropEnabled: boolean;
+    inlineEdit: boolean;
+    showToolbar: boolean;
+    /**
+     * Should component emit drag and drop actions instead of handle
+     * (update collection) by itself
+     */
+    emitDragDrop: boolean;
+    onDrop: EventEmitter<{
+        from: number;
+        to: number;
+    }>;
+    selectRow: EventEmitter<{}>;
+    dblClickRow: EventEmitter<{}>;
+    saveRow: EventEmitter<{}>;
+    handleMouseMove(event: MouseEvent): void;
+    handleMouseUp(event: MouseEvent): void;
+    columns: SimpleGridColumnDirective[];
+    private _columnForResize;
+    handleSizerMouseDown(event: MouseEvent, column: SimpleGridColumnDirective): void;
+    handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
+    handleDrop(event: CdkDragDrop<Object[]>): void;
+}

package/lib/components/simple-grid/simple-grid-cell.component.d.ts

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { ColumnAlign, SimpleGridColumnDirective } from "./simple-grid-column.directive";
+export declare class SimpleGridCellComponent {
+    private _changeDetector;
+    readonly defaultTextAlign: ColumnAlign;
+    set editTemplateContent(template: any);
+    set noEditTemplateContent(template: any);
+    set noTemplateContent(template: any);
+    column: SimpleGridColumnDirective;
+    row: {};
+    editMode: boolean;
+    set fieldEditMode(value: boolean);
+    get fieldEditMode(): boolean;
+    cellClick: EventEmitter<void>;
+    showClass(): boolean;
+    handleClick(event: MouseEvent): void;
+    private _fieldEditMode;
+    private _focused;
+    private _editTemplate;
+    private _template;
+    private _inputTemplate;
+    constructor(_changeDetector: ChangeDetectorRef);
+    private _setFocusComponent;
+    private _getFirstFormInput;
+    private _createNewEvent;
+    private _getElement;
+    private _detectChanges;
+}

package/lib/components/simple-grid/simple-grid-column.directive.d.ts

@@ -8,11 +8,20 @@ export declare class SimpleGridColumnDirective {
     private static _MinManualResizeWidthPx;
     set template(template: TemplateRef<any>);
     get template(): TemplateRef<any>;
+    set editTemplate(template: TemplateRef<any>);
+    get editTemplate(): TemplateRef<any>;
     headerText: string;
     field: string;
+    codeField: string;
+    displayField: string;
     textAlign: ColumnAlign;
     format: string;
     resizable: boolean;
+    required: boolean;
     width: number;
+    readonly: boolean;
+    collection: {}[];
+    getFieldValue(value: any): string;
     private _template;
+    private _editTemplate;
 }

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

@@ -1,26 +1,41 @@
-import { EventEmitter, QueryList } from "@angular/core";
-import { CdkDrag, CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
-import { ColumnAlign, SimpleGridColumnDirective } from "./simple-grid-column.directive";
-export declare class SimpleGridComponent {
+import { ChangeDetectorRef } from "@angular/core";
+import { ColumnAlign } from "./simple-grid-column.directive";
+import { BaseSimpleGridComponent } from "./base-simple-grid.component";
+import { FormMasterService } from "../../core/service/form-master.service";
+export declare class SimpleGridComponent extends BaseSimpleGridComponent {
+    private _changeDetection;
+    private _formMaster;
     readonly defaultTextAlign: ColumnAlign;
-    set content(columnComponents: QueryList<SimpleGridColumnDirective>);
-    data: Object[];
-    dragDropEnabled: boolean;
+    showClass(): boolean;
+    handleKeyDown(event: KeyboardEvent): void;
+    editting: boolean;
+    editRowIndex: number;
+    editCellIndex: number;
+    selectedRowIndex: number;
+    rowToEdit: any;
+    private _doubleClicked;
+    private _newRow;
+    constructor(_changeDetection: ChangeDetectorRef, _formMaster: FormMasterService);
+    addRow(): void;
+    validateAndSave(stopEditting?: boolean): boolean;
+    cancelEditRow(): void;
+    handleClickRow(event: MouseEvent, index: number): void;
+    selectTheRow(index: number, emit?: boolean): void;
+    handleDblClickRow(event: MouseEvent, index: number): void;
+    editRow(event: MouseEvent): void;
+    handleCellClick(index: number): void;
+    private _resetDblClick;
     /**
-     * Should component emit drag and drop actions instead of handle
-     * (update collection) by itself
+     *
+     * @param next; Move to next or previous cell
+     * @param start; Start from cellindex
+     * @private
      */
-    emitDragDrop: boolean;
-    onDrop: EventEmitter<{
-        from: number;
-        to: number;
-    }>;
-    showClass(): boolean;
-    handleMouseMove(event: MouseEvent): void;
-    handleMouseUp(event: MouseEvent): void;
-    columns: SimpleGridColumnDirective[];
-    private _columnForResize;
-    handleSizerMouseDown(event: MouseEvent, column: SimpleGridColumnDirective): void;
-    handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
-    handleDrop(event: CdkDragDrop<Object[]>): void;
+    private _nextAvailableCellToEdit;
+    private _getNextEditCellIndex;
+    private _getPreviousEditCellIndex;
+    private _getNextEditRowIndex;
+    private _getPreviousEditRowIndex;
+    private _saveRow;
+    private _detectChanges;
 }

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

@@ -7,9 +7,15 @@
   .simple-grid-column-header-wrapper {
     font-family: $cc-simple-grid-header-font-familiy;
     font-size: $cc-simple-grid-header-font-size;
+    font-weight: $cc-simple-grid-header-font-weight;
+    text-transform: $cc-simple-grid-header-text-transform;
     display: flex;
     flex-direction: row;
   }
+  .co-form.simple-grid-row-form {
+    display: flex;
+    width: 100%;
+  }
   .simple-grid-column-header, .simple-grid-column-cell {
     display: flex;
     flex-direction: row;
@@ -18,10 +24,27 @@
   }
   .simple-grid-column-header {
     justify-content: space-between;
+    border-style: $cc-simple-grid-header-border-style;
+    border-width: $cc-simple-grid-header-border-width;
   }
   .simple-grid-column-cell {
     padding-top: $cc-simple-grid-cell-padding-top;
     padding-bottom: $cc-simple-grid-cell-padding-bottom;
+    align-items: $cc-simple-grid-row-align-items;
+  }
+  .co-simple-grid-cell {
+    width: 100%;
+  }
+  .simple-grid-column-cell-value {
+    //height: 100%;
+    width: 100%;
+    > * {
+      //height: 100%;
+      width: 100%;
+    }
+    .e-float-input.e-no-float-label {
+      margin-top: $input-margin-top;
+    }
   }
   .simple-grid-column-header-label {
     user-select: none;

package/lib/components/simple-grid/style/_material-definition.scss

@@ -3,13 +3,22 @@ $cc-simple-grid-font-size: $cc-font-size-default !default;
 
 $cc-simple-grid-header-font-familiy: $cc-font-family !default;
 $cc-simple-grid-header-font-size: $cc-font-size-default !default;
-$cc-simple-grid-header-text-transform: normal !default;
-$cc-simple-grid-header-background-color: $cc-color-light-accent !default;
+$cc-simple-grid-header-font-weight: bold !default;
+$cc-simple-grid-header-text-transform: uppercase !default;
+$cc-simple-grid-header-background-color: white !default;
 $cc-simple-grid-header-padding: 10px 0 !default;
+$cc-simple-grid-header-border-style: solid !default;
+$cc-simple-grid-header-border-width: 0 0 1px 0 !default;
+$cc-simple-grid-header-border-color: $cc-color-action !default;
 $cc-simple-grid-header-sizer-background-color: white !default;
 
-$cc-simple-grid-row-background-color: white !default;
-$cc-simple-grid-row-border: 1px solid !default;
+$cc-simple-grid-row-align-items: center !default;
+$cc-simple-grid-row-background-color: $cc-color-grid-row-background !default;
+$cc-simple-grid-row-odd-background-color: $cc-color-grid-row-odd-background !default;
+$cc-simple-grid-row-selected-background-color: $cc-color-grid-row-selected-background !default;
+$cc-simple-grid-row-edit-input-background-color: white !default;
+$cc-simple-grid-row-hover-background-color: $cc-color-grid-row-hover-background !default;
+$cc-simple-grid-row-border: none !default;
 $cc-simple-grid-row-border-color: $cc-color-border !default;
 $cc-simple-grid-row-border-width: 1px 1px 1px 1px !default;
 $cc-simple-grid-cell-padding-top: 10px !default;

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

@@ -3,6 +3,9 @@
     .simple-grid-column-sizer {
       background-color: $cc-simple-grid-header-sizer-background-color;
     }
+    .simple-grid-column-header {
+      border-color: $cc-simple-grid-header-border-color;
+    }
   }
   // styling outside of grid because of drag and drop functionality
   .simple-grid-column-header-wrapper {
@@ -11,5 +14,19 @@
   .simple-grid-row {
     background-color: $cc-simple-grid-row-background-color;
     border-color: $cc-simple-grid-row-border-color;
+    &.selected {
+      background-color: $cc-simple-grid-row-selected-background-color;
+    }
+    &:hover:not(.selected) {
+      background-color: $cc-simple-grid-row-hover-background-color;
+    }
+    &.editting {
+      .form-input {
+        background-color: $cc-simple-grid-row-edit-input-background-color;
+      }
+    }
+  }
+  .simple-grid-row:nth-child(odd):not(.selected) {
+    background-color: $cc-simple-grid-row-odd-background-color;
   }
 }

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

@@ -3,3 +3,4 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import "../../grid-toolbar/style/material";

package/lib/style/_input.mixins.scss

@@ -22,7 +22,7 @@
     }
   }
   &:not(.custom-height) {
-    height: $cc-item-size - 10px;
+    height: $cc-item-size;
     padding-bottom: 7px;
     border-bottom: 1px solid;
     border-color: $cc-color-border;

package/lib/style/_variables.scss

@@ -26,7 +26,6 @@ $cc-input-width: 300px !default;
 $cc-item-size: 50px !default;
 $cc-icon-size: 40px !default;
 $cc-icon-size-small: 30px !default;
-$cc-item-height: 40px !default;
 $cc-default-border-radius: 3px !default;
 
 $cc-color-action: #2b60a7 !default;
@@ -70,6 +69,11 @@ $cc-color-box-shadow: rgba(72,79,96,.25) !default;
 $cc-color-scrollbar-thumb: #484f60 !default;
 $cc-color-scrollbar-background: #e8eceb !default;
 
+$cc-color-grid-row-background: white !default;
+$cc-color-grid-row-odd-background: #fafafa !default;
+$cc-color-grid-row-hover-background: #efeeee !default;
+$cc-color-grid-row-selected-background: #e5e5e5 !default;
+
 $cc-distance-very-small: 2px !default;
 $cc-distance-small: 5px !default;
 $cc-distance-medium: 10px !default;

package/package.json

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

package/public-api.d.ts

@@ -8,6 +8,8 @@ export * from './lib/components/co-dialog/co-dialog.module';
 export * from './lib/components/co-dialog/co-dialog.component';
 export * from './lib/components/co-dialog-prompt/co-dialog-prompt.module';
 export * from './lib/components/co-dialog-prompt/co-dialog-prompt.component';
+export * from './lib/components/co-dialog-wizard/co-dialog-wizard.module';
+export * from './lib/components/co-dialog-wizard/co-dialog-wizard.component';
 export * from './lib/components/co-kanban/co-kanban.module';
 export * from './lib/components/co-kanban/co-kanban.component';
 export * from './lib/components/co-schedule/co-schedule.module';