igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.1

package/esm2015/lib/igx-date-time-cell-info.js

@@ -22,56 +22,56 @@ export class IgxDateTimeCellInfo extends IgxCellInfo {
      * Sets or gets the DateTime value for the cell.
     */
     get dateTimeValue() {
-        return this.i.oa;
+        return this.i.oj;
     }
     set dateTimeValue(v) {
-        this.i.oa = v;
+        this.i.oj = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.or;
+        return this.i.o0;
     }
     set formatStringOverride(v) {
-        this.i.or = v;
+        this.i.o0 = v;
     }
     get formatSpecifiers() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n1 = v;
+        this.i.oa = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ok;
+        return this.i.ot;
     }
     set formatOverride(v) {
-        this.i.ok = v;
+        this.i.ot = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.n6;
+        return this.i.of;
     }
     set dateTimeFormat(v) {
-        this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
+        this.i.of = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.n8;
+        return this.i.oh;
     }
     set isOffsetValue(v) {
-        this.i.n8 = ensureBool(v);
+        this.i.oh = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);

package/esm2015/lib/igx-date-time-column-component.js

@@ -41,92 +41,92 @@ export let IgxDateTimeColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get dateTimeFormat() {
-            return this.i.qv;
+            return this.i.sj;
         }
         set dateTimeFormat(v) {
-            this.i.qv = ensureEnum(DateTimeFormats_$type, v);
+            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
         }
         /**
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get formatString() {
-            return this.i.rd;
+            return this.i.s1;
         }
         set formatString(v) {
-            this.i.rd = v;
+            this.i.s1 = v;
         }
         /**
          * Gets or sets the format string to use when editing dates.
         */
         get editorFormatString() {
-            return this.i.q6;
+            return this.i.su;
         }
         set editorFormatString(v) {
-            this.i.q6 = v;
+            this.i.su = v;
         }
         get formatSpecifiers() {
-            return this.i.qr;
+            return this.i.sf;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.qr = v;
+            this.i.sf = v;
         }
         /**
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.q2;
+            return this.i.sq;
         }
         set formatOverride(v) {
-            this.i.q2 = v;
+            this.i.sq = v;
         }
         /**
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get showTodayButton() {
-            return this.i.qy;
+            return this.i.sm;
         }
         set showTodayButton(v) {
-            this.i.qy = ensureBool(v);
+            this.i.sm = ensureBool(v);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.qw;
+            return this.i.sk;
         }
         set editorType(v) {
-            this.i.qw = ensureEnum(EditorType_$type, v);
+            this.i.sk = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.q1;
+            return this.i.sp;
         }
         set editorDataSource(v) {
-            this.i.q1 = v;
+            this.i.sp = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.q8;
+            return this.i.sw;
         }
         set editorTextField(v) {
-            this.i.q8 = v;
+            this.i.sw = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.q9;
+            return this.i.sx;
         }
         set editorValueField(v) {
-            this.i.q9 = v;
+            this.i.sx = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igx-date-time-column-dynamic-module.js

@@ -10,12 +10,14 @@ import { IgxDateTimeColumnModule } from './igx-date-time-column-module';
 import { IgxDateTimeColumnComponent } from './igx-date-time-column-component';
 import { DateTimeColumn } from './DateTimeColumn';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxDateTimeCellInfo } from './igx-date-time-cell-info';
 import * as i0 from "@angular/core";
 export let IgxDateTimeColumnDynamicModule = /*@__PURE__*/ (() => {
     class IgxDateTimeColumnDynamicModule {
         constructor() {
             TypeRegistrar.registerCons("IgxDateTimeColumnComponent", IgxDateTimeColumnComponent);
             TypeRegistrar.register("DateTimeColumn", DateTimeColumn.$type);
+            TypeRegistrar.registerCons("IgxDateTimeCellInfo", IgxDateTimeCellInfo);
         }
     }
     IgxDateTimeColumnDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDateTimeColumnDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/esm2015/lib/igx-definition-base-component.js

@@ -375,10 +375,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color for content that sticks to the top of the grid.
         */
         get stickyRowBackground() {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g0);
         }
         set stickyRowBackground(v) {
-            this.i.gz = stringToBrush(v);
+            this.i.g0 = stringToBrush(v);
         }
         /**
          * Gets the actual background color for content that sticks to the top of the grid.
@@ -393,10 +393,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color for cells belonging to rows marked as pinned.
         */
         get pinnedRowBackground() {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.gz);
         }
         set pinnedRowBackground(v) {
-            this.i.gy = stringToBrush(v);
+            this.i.gz = stringToBrush(v);
         }
         /**
          * Gets the actual background color for cells belonging to rows marked as pinned.
@@ -411,10 +411,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color for the last row in the sticky row area.
         */
         get lastStickyRowBackground() {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.gy);
         }
         set lastStickyRowBackground(v) {
-            this.i.gx = stringToBrush(v);
+            this.i.gy = stringToBrush(v);
         }
         /**
          * Gets the actual color for the last row in the sticky row area.
@@ -474,10 +474,10 @@ export let IgxDefinitionBaseComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for displaying text.
         */
         get textColor() {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g1);
         }
         set textColor(v) {
-            this.i.g0 = stringToBrush(v);
+            this.i.g1 = stringToBrush(v);
         }
         /**
          * Gets the actual color used for displaying text.

package/esm2015/lib/igx-editor-cell-info.js

@@ -23,111 +23,111 @@ export class IgxEditorCellInfo extends IgxCellInfo {
      * Gets whether the editor cell is hidden or not.
     */
     get isHidden() {
-        return this.i.oc;
+        return this.i.ol;
     }
     /**
      * Gets or sets the edit target for this cell.
     */
     get editTarget() {
-        const r = this.i.n5;
+        const r = this.i.oe;
         if (r == null) {
             return null;
         }
         return r.externalObject;
     }
     set editTarget(v) {
-        v == null ? this.i.n5 = null : this.i.n5 = v.i;
+        v == null ? this.i.oe = null : this.i.oe = v.i;
     }
     /**
      * Gets or sets the data type associated with the cell being edited.
     */
     get dataType() {
-        return this.i.n3;
+        return this.i.oc;
     }
     set dataType(v) {
-        this.i.n3 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.oc = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the error message to display in the editor cell.
     */
     get errorMessage() {
-        return this.i.o8;
+        return this.i.ph;
     }
     set errorMessage(v) {
-        this.i.o8 = v;
+        this.i.ph = v;
     }
     /**
      * Gets or sets the user selected value.
     */
     get editValue() {
-        return this.i.ov;
+        return this.i.o4;
     }
     set editValue(v) {
-        this.i.ov = v;
+        this.i.o4 = v;
     }
     /**
      * Gets or sets the type of editor to use while cell editing.
     */
     get editorType() {
-        return this.i.n7;
+        return this.i.og;
     }
     set editorType(v) {
-        this.i.n7 = ensureEnum(EditorType_$type, v);
+        this.i.og = ensureEnum(EditorType_$type, v);
     }
     /**
      * Gets or sets the data source to use for the editor where it makes sense.
     */
     get editorDataSource() {
-        return this.i.ou;
+        return this.i.o3;
     }
     set editorDataSource(v) {
-        this.i.ou = v;
+        this.i.o3 = v;
     }
     /**
      * Gets or sets the editors display member.
     */
     get editorTextField() {
-        return this.i.o3;
+        return this.i.pc;
     }
     set editorTextField(v) {
-        this.i.o3 = v;
+        this.i.pc = v;
     }
     /**
      * Gets or sets the editors value member.
     */
     get editorValueField() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set editorValueField(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n1 = v;
+        this.i.oa = v;
     }
     get dateFormatString() {
-        return this.i.o0;
+        return this.i.o9;
     }
     set dateFormatString(v) {
-        this.i.o0 = v;
+        this.i.o9 = v;
     }
     get showTodayButton() {
-        return this.i.od;
+        return this.i.om;
     }
     set showTodayButton(v) {
-        this.i.od = ensureBool(v);
+        this.i.om = ensureBool(v);
     }
     /**
      * Gets the row index that the editor cell is targeting for edit.
     */
     get targetRow() {
-        return this.i.os;
+        return this.i.o1;
     }
     /**
      * Gets the column index that the editor cell is targeting for edit.
     */
     get targetColumn() {
-        return this.i.or;
+        return this.i.o0;
     }
     findByName(name) {
         var baseResult = super.findByName(name);

package/esm2015/lib/igx-filter-cell-info.js

@@ -27,38 +27,38 @@ export class IgxFilterCellInfo extends IgxCellInfo {
      * Gets or sets whether the cell is hit test visible.
     */
     get dataType() {
-        return this.i.n5;
+        return this.i.oe;
     }
     set dataType(v) {
-        this.i.n5 = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.oe = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the current filter to display in the cell.
     */
     get filter() {
-        return this.i.n3;
+        return this.i.oc;
     }
     set filter(v) {
-        this.i.n3 = v;
+        this.i.oc = v;
     }
     /**
      * Gets or sets the current filter expression applied to the column.
     */
     get filterExpression() {
-        return this.i.n7;
+        return this.i.og;
     }
     set filterExpression(v) {
-        this.i.n7 = v;
+        this.i.og = v;
     }
     get filterOperands() {
         if (this._filterOperands === null) {
             let coll = new IgxGridFilterOperandsCollection();
-            let innerColl = this.i.n9;
+            let innerColl = this.i.oi;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
             this._filterOperands = coll._fromInner(innerColl);
-            this.i.n9 = innerColl;
+            this.i.oi = innerColl;
         }
         return this._filterOperands;
     }
@@ -70,62 +70,62 @@ export class IgxFilterCellInfo extends IgxCellInfo {
         let coll = new IgxGridFilterOperandsCollection();
         this._filterOperands = coll._fromOuter(v);
         let syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-        let innerColl = this.i.n9;
+        let innerColl = this.i.oi;
         if (!innerColl) {
             innerColl = new GridFilterOperandsCollection_internal();
         }
         syncColl._inner = innerColl;
         syncColl.clear();
         this._filterOperands._setSyncTarget(syncColl);
-        this.i.n9 = innerColl;
+        this.i.oi = innerColl;
     }
     get operatorType() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set operatorType(v) {
-        this.i.n1 = v;
+        this.i.oa = v;
     }
     get filterValue() {
-        return this.i.on;
+        return this.i.ow;
     }
     set filterValue(v) {
-        this.i.on = v;
+        this.i.ow = v;
     }
     get selectorTop() {
-        return this.i.oh;
+        return this.i.oq;
     }
     set selectorTop(v) {
-        this.i.oh = +v;
+        this.i.oq = +v;
     }
     get selectorLeft() {
-        return this.i.og;
+        return this.i.op;
     }
     set selectorLeft(v) {
-        this.i.og = +v;
+        this.i.op = +v;
     }
     get editorTop() {
-        return this.i.of;
+        return this.i.oo;
     }
     set editorTop(v) {
-        this.i.of = +v;
+        this.i.oo = +v;
     }
     get editorLeft() {
-        return this.i.oe;
+        return this.i.on;
     }
     set editorLeft(v) {
-        this.i.oe = +v;
+        this.i.on = +v;
     }
     get clearIconTop() {
-        return this.i.od;
+        return this.i.om;
     }
     set clearIconTop(v) {
-        this.i.od = +v;
+        this.i.om = +v;
     }
     get clearIconLeft() {
-        return this.i.oc;
+        return this.i.ol;
     }
     set clearIconLeft(v) {
-        this.i.oc = +v;
+        this.i.ol = +v;
     }
     findByName(name) {
         var baseResult = super.findByName(name);

package/esm2015/lib/igx-filter-row-definition-component.js

@@ -37,37 +37,37 @@ export let IgxFilterRowDefinitionComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set paddingLeft(v) {
-            this.i.g6 = +v;
+            this.i.g7 = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.g8;
+            return this.i.g9;
         }
         set paddingTop(v) {
-            this.i.g8 = +v;
+            this.i.g9 = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.g7;
+            return this.i.g8;
         }
         set paddingRight(v) {
-            this.i.g7 = +v;
+            this.i.g8 = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set paddingBottom(v) {
-            this.i.g5 = +v;
+            this.i.g6 = +v;
         }
     }
     IgxFilterRowDefinitionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxFilterRowDefinitionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-filter-row-definition-dynamic-module.js

@@ -10,12 +10,14 @@ import { IgxFilterRowDefinitionModule } from './igx-filter-row-definition-module
 import { IgxFilterRowDefinitionComponent } from './igx-filter-row-definition-component';
 import { FilterRowDefinition } from './FilterRowDefinition';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxFilterCellInfo } from './igx-filter-cell-info';
 import * as i0 from "@angular/core";
 export let IgxFilterRowDefinitionDynamicModule = /*@__PURE__*/ (() => {
     class IgxFilterRowDefinitionDynamicModule {
         constructor() {
             TypeRegistrar.registerCons("IgxFilterRowDefinitionComponent", IgxFilterRowDefinitionComponent);
             TypeRegistrar.register("FilterRowDefinition", FilterRowDefinition.$type);
+            TypeRegistrar.registerCons("IgxFilterCellInfo", IgxFilterCellInfo);
         }
     }
     IgxFilterRowDefinitionDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxFilterRowDefinitionDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/esm2015/lib/igx-grid-column-filter-options-component.js

@@ -119,7 +119,7 @@ export let IgxGridColumnFilterOptionsComponent = /*@__PURE__*/ (() => {
                     <div #_filterButtonsSectionRef
                         key="filterButtonsSection"
                     ></div>
-               </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: ["height", "width", "dataSource", "keys", "primaryKey", "dataMemberPath", "dataLegendTarget", "subtitleMemberPath", "propertyTypeMemberPath", "selectedMemberPath", "filterPlaceholderText", "searchInputType", "rowHeight", "cellTextStyle", "indexType", "baseTheme", "density", "searchIconColor", "searchBackgroundColor", "labelClickTriggersChange", "searchTextColor", "searchBorderColor", "searchTextStyle", "checkboxTickColor", "checkboxCheckedBackgroundColor", "checkboxUncheckedBackgroundColor", "checkboxCheckedBorderColor", "checkboxUncheckedBorderColor", "checkboxCornerRadius", "scrollbarStyle", "scrollbarBackground", "selectAllCaption", "selectAllCaptionTextColor", "actualSelectAllCaptionTextColor", "showSelectAll", "backgroundColor", "rowHoverBackgroundColor", "textColor", "showFilter", "isRowHoverEnabled", "checkboxAlignedRight"], outputs: ["selectedKeyAdded", "selectedKeyRemoved", "checkedChanged", "labelClicked", "indexTypeChanged", "keysCleared", "selectAllCheckboxChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+               </div>`, isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: ["height", "width", "dataSource", "keys", "primaryKey", "dataMemberPath", "dataLegendTarget", "subtitleMemberPath", "propertyTypeMemberPath", "selectedMemberPath", "filterPlaceholderText", "searchInputType", "rowHeight", "cellTextStyle", "indexType", "baseTheme", "density", "searchIconColor", "searchBackgroundColor", "labelClickTriggersChange", "searchTextColor", "searchBorderColor", "searchFocusBorderColor", "searchTextStyle", "checkboxTickColor", "checkboxCheckedBackgroundColor", "checkboxUncheckedBackgroundColor", "checkboxCheckedBorderColor", "checkboxUncheckedBorderColor", "checkboxCornerRadius", "scrollbarStyle", "scrollbarBackground", "selectAllCaption", "selectAllCaptionTextColor", "actualSelectAllCaptionTextColor", "showSelectAll", "backgroundColor", "rowHoverBackgroundColor", "textColor", "showFilter", "isRowHoverEnabled", "checkboxAlignedRight"], outputs: ["selectedKeyAdded", "selectedKeyRemoved", "checkedChanged", "labelClicked", "indexTypeChanged", "keysCleared", "selectAllCheckboxChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxGridColumnFilterOptionsComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnFilterOptionsComponent, decorators: [{

package/esm2015/lib/igx-header-component.js

@@ -35,67 +35,67 @@ export let IgxHeaderComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the sort indicator icon
         */
         get sortIndicatorColor() {
-            return brushToString(this.i.hr);
+            return brushToString(this.i.hs);
         }
         set sortIndicatorColor(v) {
-            this.i.hr = stringToBrush(v);
+            this.i.hs = stringToBrush(v);
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSortIndicatorColor() {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hq);
         }
         set actualSortIndicatorColor(v) {
-            this.i.hp = stringToBrush(v);
+            this.i.hq = stringToBrush(v);
         }
         get sortIndicatorStyle() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set sortIndicatorStyle(v) {
-            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         get actualSortIndicatorStyle() {
-            return this.i.g3;
+            return this.i.g4;
         }
         set actualSortIndicatorStyle(v) {
-            this.i.g3 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content.
         */
         get paddingLeft() {
-            return this.i.ha;
+            return this.i.hb;
         }
         set paddingLeft(v) {
-            this.i.ha = +v;
+            this.i.hb = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content.
         */
         get paddingTop() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingTop(v) {
-            this.i.hc = +v;
+            this.i.hd = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content.
         */
         get paddingRight() {
-            return this.i.hb;
+            return this.i.hc;
         }
         set paddingRight(v) {
-            this.i.hb = +v;
+            this.i.hc = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content.
         */
         get paddingBottom() {
-            return this.i.g9;
+            return this.i.ha;
         }
         set paddingBottom(v) {
-            this.i.g9 = +v;
+            this.i.ha = +v;
         }
     }
     IgxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });