igniteui-angular 14.1.0-beta.0 → 14.1.0-rc.0

package/lib/combo/combo.common.d.ts

@@ -13,6 +13,7 @@ import { OverlaySettings } from '../services/public_api';
 import { IgxComboDropDownComponent } from './combo-dropdown.component';
 import { IgxComboAPIService } from './combo.api';
 import { IComboItemAdditionEvent, IComboSearchInputEventArgs } from './public_api';
+import { IComboResourceStrings } from '../core/i18n/combo-resources';
 import * as i0 from "@angular/core";
 export declare const IGX_COMBO_COMPONENT: InjectionToken<IgxComboBase>;
 /** @hidden @internal TODO: Evaluate */
@@ -322,6 +323,14 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
      */
     get type(): IgxInputGroupType;
     set type(val: IgxInputGroupType);
+    /**
+     * Gets/Sets the resource strings.
+     *
+     * @remarks
+     * By default it uses EN resources.
+     */
+    get resourceStrings(): IComboResourceStrings;
+    set resourceStrings(value: IComboResourceStrings);
     /**
      * Emitted before the dropdown is opened
      *
@@ -665,6 +674,7 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     protected _filteredData: any[];
     protected _displayKey: string;
     protected _remoteSelection: {};
+    protected _resourceStrings: any;
     protected _valid: IgxComboState;
     protected ngControl: NgControl;
     protected destroy$: Subject<any>;
@@ -795,5 +805,5 @@ export declare abstract class IgxComboBaseDirective extends DisplayDensityBase i
     protected abstract setSelection(newSelection: Set<any>, event?: Event): void;
     protected abstract createDisplayText(newSelection: any[], oldSelection: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxComboBaseDirective, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxComboBaseDirective, never, never, { "showSearchCaseIcon": "showSearchCaseIcon"; "overlaySettings": "overlaySettings"; "id": "id"; "width": "width"; "allowCustomValues": "allowCustomValues"; "itemsMaxHeight": "itemsMaxHeight"; "itemHeight": "itemHeight"; "itemsWidth": "itemsWidth"; "placeholder": "placeholder"; "data": "data"; "valueKey": "valueKey"; "displayKey": "displayKey"; "groupKey": "groupKey"; "groupSortingDirection": "groupSortingDirection"; "filterFunction": "filterFunction"; "ariaLabelledBy": "ariaLabelledBy"; "disabled": "disabled"; "type": "type"; "filteringOptions": "filteringOptions"; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "addition": "addition"; "searchInputUpdate": "searchInputUpdate"; "dataPreLoad": "dataPreLoad"; }, ["itemTemplate", "headerTemplate", "footerTemplate", "headerItemTemplate", "addItemTemplate", "emptyTemplate", "toggleIconTemplate", "clearIconTemplate", "label"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxComboBaseDirective, never, never, { "showSearchCaseIcon": "showSearchCaseIcon"; "overlaySettings": "overlaySettings"; "id": "id"; "width": "width"; "allowCustomValues": "allowCustomValues"; "itemsMaxHeight": "itemsMaxHeight"; "itemHeight": "itemHeight"; "itemsWidth": "itemsWidth"; "placeholder": "placeholder"; "data": "data"; "valueKey": "valueKey"; "displayKey": "displayKey"; "groupKey": "groupKey"; "groupSortingDirection": "groupSortingDirection"; "filterFunction": "filterFunction"; "ariaLabelledBy": "ariaLabelledBy"; "disabled": "disabled"; "type": "type"; "resourceStrings": "resourceStrings"; "filteringOptions": "filteringOptions"; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "addition": "addition"; "searchInputUpdate": "searchInputUpdate"; "dataPreLoad": "dataPreLoad"; }, ["itemTemplate", "headerTemplate", "footerTemplate", "headerItemTemplate", "addItemTemplate", "emptyTemplate", "toggleIconTemplate", "clearIconTemplate", "label"], never, false>;
 }

package/lib/core/i18n/combo-resources.d.ts

@@ -0,0 +1,4 @@
+export interface IComboResourceStrings {
+    igx_combo_empty_message?: string;
+}
+export declare const ComboResourceStringsEN: IComboResourceStrings;

package/lib/core/i18n/resources.d.ts

@@ -10,7 +10,8 @@ import { ICalendarResourceStrings } from './calendar-resources';
 import { IInputResourceStrings } from './input-resources';
 import { ITreeResourceStrings } from './tree-resources';
 import { IActionStripResourceStrings } from './action-strip-resources';
-export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICalendarResourceStrings, ICarouselResourceStrings, IChipResourceStrings, IInputResourceStrings, IDatePickerResourceStrings, IDateRangePickerResourceStrings, IListResourceStrings, IPaginatorResourceStrings, ITreeResourceStrings, IActionStripResourceStrings {
+import { IComboResourceStrings } from './combo-resources';
+export interface IResourceStrings extends IGridResourceStrings, ITimePickerResourceStrings, ICalendarResourceStrings, ICarouselResourceStrings, IChipResourceStrings, IComboResourceStrings, IInputResourceStrings, IDatePickerResourceStrings, IDateRangePickerResourceStrings, IListResourceStrings, IPaginatorResourceStrings, ITreeResourceStrings, IActionStripResourceStrings {
 }
 /**
  * @hidden
@@ -30,6 +31,7 @@ export declare const CurrentResourceStrings: {
     TimePickerResStrings: any;
     CalendarResStrings: any;
     ChipResStrings: any;
+    ComboResStrings: any;
     DatePickerResourceStrings: any;
     DateRangePickerResStrings: any;
     CarouselResStrings: any;

package/lib/grids/columns/column.component.d.ts

@@ -891,7 +891,7 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * Sets the error template.
      * ```html
      * <ng-template igxCellValidationError let-cell="cell" #errorTemplate >
-     *     <div *ngIf="cell.errors?.['forbiddenName']">
+     *     <div *ngIf="cell.validation.errors?.['forbiddenName']">
      *      This name is forbidden.
      *     </div>
      * </ng-template>

package/lib/grids/common/grid.interface.d.ts

@@ -57,7 +57,7 @@ export interface CellType {
         rowIndex: number;
     };
     cellID?: any;
-    readonly errors?: ValidationErrors;
+    readonly validation?: IGridValidationState;
     readonly?: boolean;
     title?: any;
     width: string;
@@ -78,7 +78,7 @@ export interface RowType {
     summaries?: Map<string, IgxSummaryResult[]>;
     groupRow?: IGroupByRecord;
     key?: any;
-    readonly errors?: ValidationErrors;
+    readonly validation?: IGridValidationState;
     data?: any;
     cells?: QueryList<CellType> | CellType[];
     disabled?: boolean;
@@ -191,21 +191,21 @@ export interface IGridFormGroupCreatedEventArgs {
     formGroup: FormGroup;
     owner: GridType;
 }
-export interface IGridValidityStatusEventArgs {
-    status: ValidityStatus;
+export interface IGridValidationStatusEventArgs {
+    status: ValidationStatus;
     owner: GridType;
 }
-export declare type ValidityStatus = 'VALID' | 'INVALID';
-export interface IRecordValidationState {
+export declare type ValidationStatus = 'VALID' | 'INVALID';
+export interface IGridValidationState {
+    readonly status: ValidationStatus;
+    readonly errors?: ValidationErrors;
+}
+export interface IRecordValidationState extends IGridValidationState {
     key: any;
-    valid: boolean;
-    errors: ValidationErrors;
-    cells: IFieldValidationState[];
+    fields: IFieldValidationState[];
 }
-export interface IFieldValidationState {
+export interface IFieldValidationState extends IGridValidationState {
     field: string;
-    valid: boolean;
-    errors: ValidationErrors;
 }
 export interface GridServiceType {
     grid: GridType;
@@ -463,7 +463,7 @@ export interface GridType extends IGridDataBindable {
     rowDragEnd: EventEmitter<IRowDragEndEventArgs>;
     rowToggle: EventEmitter<IRowToggleEventArgs>;
     formGroupCreated: EventEmitter<IGridFormGroupCreatedEventArgs>;
-    validationStatusChange: EventEmitter<IGridValidityStatusEventArgs>;
+    validationStatusChange: EventEmitter<IGridValidationStatusEventArgs>;
     toolbarExporting: EventEmitter<IGridToolbarExportEventArgs>;
     rendered$: Observable<boolean>;
     resizeNotify: Subject<void>;

package/lib/grids/grid/grid-validation.service.d.ts

@@ -42,9 +42,9 @@ export declare class IgxGridValidationService {
      * @internal
      */
     private getValidity;
-    /** Returns all invalid record states.
-    * @returns Array of IRecordValidationState.
-    */
+    /**
+     * Returns all invalid record states.
+     */
     getInvalid(): IRecordValidationState[];
     /**
      * @hidden
@@ -52,20 +52,19 @@ export declare class IgxGridValidationService {
      */
     update(rowId: any, rowData: any): void;
     /** Marks the associated record or field as touched.
-     * @param id The id of the record that will be marked as touched.
+     * @param key The id of the record that will be marked as touched.
      * @param field Optional. The field from the record that will be marked as touched. If not provided all fields will be touched.
     */
-    markAsTouched(rowId: any, field?: string): void;
+    markAsTouched(key: any, field?: string): void;
     /**
      * @hidden
      * @internal
      */
     private updateStatus;
-    /** Clears validity state by id or clears all states if no id is passed.
-     * @param id The id of the record for which to clear state.
-     * @returns Array of IRecordValidationState.
+    /** Clears validation state by key or all states if none is provided.
+     * @param key Optional. The key of the record for which to clear state.
     */
-    clear(rowId?: any): void;
+    clear(key?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridValidationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IgxGridValidationService>;
 }

package/lib/grids/grid-base.directive.d.ts

@@ -30,7 +30,7 @@ import { IgxColumnResizingService } from './resizing/resizing.service';
 import { IFilteringStrategy } from '../data-operations/filtering-strategy';
 import { GridSelectionMode, GridSummaryPosition, GridSummaryCalculationMode, FilterMode, GridPagingMode, GridValidationTrigger } from './common/enums';
 import { IGridCellEventArgs, IRowSelectionEventArgs, IPinColumnEventArgs, IGridEditEventArgs, IRowDataEventArgs, IColumnResizeEventArgs, IColumnMovingStartEventArgs, IColumnMovingEventArgs, IColumnMovingEndEventArgs, IGridKeydownEventArgs, IRowDragStartEventArgs, IRowDragEndEventArgs, IGridClipboardEvent, IGridToolbarExportEventArgs, ISearchInfo, ICellPosition, IRowToggleEventArgs, IColumnSelectionEventArgs, IPinRowEventArgs, IGridScrollEventArgs, IGridEditDoneEventArgs, IActiveNodeChangeEventArgs, ISortingEventArgs, IFilteringEventArgs, IColumnVisibilityChangedEventArgs, IColumnVisibilityChangingEventArgs, IPinColumnCancellableEventArgs } from './common/events';
-import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidityStatusEventArgs, ISizeInfo, RowType } from './common/grid.interface';
+import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidationStatusEventArgs, ISizeInfo, RowType } from './common/grid.interface';
 import { DropPosition } from './moving/moving.service';
 import { IgxHeadSelectorDirective, IgxRowSelectorDirective } from './selection/row-selectors';
 import { IgxColumnComponent } from './columns/column.component';
@@ -350,7 +350,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
      * <igx-grid #grid (validationStatusChange)="validationStatusChange($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
      * ```
      */
-    validationStatusChange: EventEmitter<IGridValidityStatusEventArgs>;
+    validationStatusChange: EventEmitter<IGridValidationStatusEventArgs>;
     /**
      * Emitted when a cell is selected.
      *

package/lib/grids/grid-public-cell.d.ts

@@ -1,6 +1,5 @@
-import { CellType, ColumnType, GridType, RowType } from './common/grid.interface';
+import { CellType, ColumnType, GridType, IGridValidationState, RowType } from './common/grid.interface';
 import { ISelectionNode } from './common/types';
-import { ValidationErrors } from '@angular/forms';
 export declare class IgxGridCell implements CellType {
     /**
      * Returns the grid containing the cell.
@@ -44,12 +43,13 @@ export declare class IgxGridCell implements CellType {
      */
     get editValue(): any;
     /**
-     * Gets the validation errors if any.
+     * Gets the validation status and errors, if any.
      * ```typescript
-     * let errors = this.cell.errors;
+     * let validation = this.cell.validation;
+     * let errors = validation.errors;
      * ```
      */
-    get errors(): ValidationErrors;
+    get validation(): IGridValidationState;
     /**
      * Sets the current edit value while a cell is in edit mode.
      * Only for cell editing mode.

package/lib/grids/grid-public-row.d.ts

@@ -2,8 +2,7 @@ import { IGroupByRecord } from '../data-operations/groupby-record.interface';
 import { GridInstanceType } from './common/enums';
 import { IgxSummaryResult } from './summaries/grid-summary';
 import { ITreeGridRecord } from './tree-grid/tree-grid.interfaces';
-import { CellType, GridType, RowType } from './common/grid.interface';
-import { ValidationErrors } from '@angular/forms';
+import { CellType, GridType, IGridValidationState, RowType } from './common/grid.interface';
 declare abstract class BaseRow implements RowType {
     index: number;
     /**
@@ -34,12 +33,13 @@ declare abstract class BaseRow implements RowType {
      * ```
      */
     get addRowUI(): boolean;
-    /** Gets the validation errors if any.
+    /** Gets the validation status and errors, if any.
     * ```typescript
-    * let errors = row.errors;
+    * let validation = row.validation;
+    * let errors = validation.errors;
     * ```
     */
-    get errors(): ValidationErrors;
+    get validation(): IGridValidationState;
     /**
      * The data record that populates the row.
      *

package/lib/grids/public_api.d.ts

@@ -13,7 +13,7 @@ export * from './grid-base.directive';
 export * from './grid.common';
 export * from './grid-public-row';
 export * from './grid-public-cell';
-export { CellType, RowType, IGX_GRID_BASE, ValidityStatus, IRecordValidationState, IFieldValidationState } from './common/grid.interface';
+export { CellType, RowType, IGX_GRID_BASE, ValidationStatus, IGridFormGroupCreatedEventArgs, IGridValidationState, IGridValidationStatusEventArgs, IRecordValidationState, IFieldValidationState } from './common/grid.interface';
 export * from './summaries/grid-summary';
 export * from './grid-common.module';
 export * from './grid.rowEdit.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "14.1.0-beta.0",
+  "version": "14.1.0-rc.0",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",

package/public_api.d.ts

@@ -116,6 +116,7 @@ export { CancelableEventArgs, CancelableBrowserEventArgs } from './lib/core/util
 export { changei18n, getCurrentResourceStrings, IResourceStrings } from './lib/core/i18n/resources';
 export { ICarouselResourceStrings } from './lib/core/i18n/carousel-resources';
 export { IGridResourceStrings } from './lib/core/i18n/grid-resources';
+export { IComboResourceStrings } from './lib/core/i18n/combo-resources';
 export { IPaginatorResourceStrings } from './lib/core/i18n/paginator-resources';
 export { ICalendarResourceStrings } from './lib/core/i18n/calendar-resources';
 export { ITimePickerResourceStrings } from './lib/core/i18n/time-picker-resources';