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

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.oe;
+        return this.i.oh;
     }
     set dataType(v) {
-        this.i.oe = ensureEnum(DataSourceSchemaPropertyType_$type, v);
+        this.i.oh = ensureEnum(DataSourceSchemaPropertyType_$type, v);
     }
     /**
      * Gets or sets the current filter to display in the cell.
     */
     get filter() {
-        return this.i.oc;
+        return this.i.of;
     }
     set filter(v) {
-        this.i.oc = v;
+        this.i.of = v;
     }
     /**
      * Gets or sets the current filter expression applied to the column.
     */
     get filterExpression() {
-        return this.i.og;
+        return this.i.oj;
     }
     set filterExpression(v) {
-        this.i.og = v;
+        this.i.oj = v;
     }
     get filterOperands() {
         if (this._filterOperands === null) {
             let coll = new IgxGridFilterOperandsCollection();
-            let innerColl = this.i.oi;
+            let innerColl = this.i.ol;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
             this._filterOperands = coll._fromInner(innerColl);
-            this.i.oi = innerColl;
+            this.i.ol = 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.oi;
+        let innerColl = this.i.ol;
         if (!innerColl) {
             innerColl = new GridFilterOperandsCollection_internal();
         }
         syncColl._inner = innerColl;
         syncColl.clear();
         this._filterOperands._setSyncTarget(syncColl);
-        this.i.oi = innerColl;
+        this.i.ol = innerColl;
     }
     get operatorType() {
-        return this.i.oa;
+        return this.i.od;
     }
     set operatorType(v) {
-        this.i.oa = v;
+        this.i.od = v;
     }
     get filterValue() {
-        return this.i.ow;
+        return this.i.oz;
     }
     set filterValue(v) {
-        this.i.ow = v;
+        this.i.oz = v;
     }
     get selectorTop() {
-        return this.i.oq;
+        return this.i.ot;
     }
     set selectorTop(v) {
-        this.i.oq = +v;
+        this.i.ot = +v;
     }
     get selectorLeft() {
-        return this.i.op;
+        return this.i.os;
     }
     set selectorLeft(v) {
-        this.i.op = +v;
+        this.i.os = +v;
     }
     get editorTop() {
-        return this.i.oo;
+        return this.i.or;
     }
     set editorTop(v) {
-        this.i.oo = +v;
+        this.i.or = +v;
     }
     get editorLeft() {
-        return this.i.on;
+        return this.i.oq;
     }
     set editorLeft(v) {
-        this.i.on = +v;
+        this.i.oq = +v;
     }
     get clearIconTop() {
-        return this.i.om;
+        return this.i.op;
     }
     set clearIconTop(v) {
-        this.i.om = +v;
+        this.i.op = +v;
     }
     get clearIconLeft() {
-        return this.i.ol;
+        return this.i.oo;
     }
     set clearIconLeft(v) {
-        this.i.ol = +v;
+        this.i.oo = +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.g7;
+            return this.i.g8;
         }
         set paddingLeft(v) {
-            this.i.g7 = +v;
+            this.i.g8 = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.g9;
+            return this.i.ha;
         }
         set paddingTop(v) {
-            this.i.g9 = +v;
+            this.i.ha = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.g8;
+            return this.i.g9;
         }
         set paddingRight(v) {
-            this.i.g8 = +v;
+            this.i.g9 = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.g6;
+            return this.i.g7;
         }
         set paddingBottom(v) {
-            this.i.g6 = +v;
+            this.i.g7 = +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-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", "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 });
+               </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", "scrollbarHoverBackground", "scrollbarActiveBackground", "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.hs);
+            return brushToString(this.i.ht);
         }
         set sortIndicatorColor(v) {
-            this.i.hs = stringToBrush(v);
+            this.i.ht = stringToBrush(v);
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSortIndicatorColor() {
-            return brushToString(this.i.hq);
+            return brushToString(this.i.hr);
         }
         set actualSortIndicatorColor(v) {
-            this.i.hq = stringToBrush(v);
+            this.i.hr = stringToBrush(v);
         }
         get sortIndicatorStyle() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set sortIndicatorStyle(v) {
-            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g6 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         get actualSortIndicatorStyle() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set actualSortIndicatorStyle(v) {
-            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content.
         */
         get paddingLeft() {
-            return this.i.hb;
+            return this.i.hc;
         }
         set paddingLeft(v) {
-            this.i.hb = +v;
+            this.i.hc = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content.
         */
         get paddingTop() {
-            return this.i.hd;
+            return this.i.he;
         }
         set paddingTop(v) {
-            this.i.hd = +v;
+            this.i.he = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content.
         */
         get paddingRight() {
-            return this.i.hc;
+            return this.i.hd;
         }
         set paddingRight(v) {
-            this.i.hc = +v;
+            this.i.hd = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content.
         */
         get paddingBottom() {
-            return this.i.ha;
+            return this.i.hb;
         }
         set paddingBottom(v) {
-            this.i.ha = +v;
+            this.i.hb = +v;
         }
     }
     IgxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

@@ -23,27 +23,27 @@ export class IgxImageCellInfo extends IgxCellInfo {
      * Sets or gets the resource path to use to get the image for the cell.
     */
     get imagePath() {
-        return this.i.oh;
+        return this.i.ok;
     }
     set imagePath(v) {
-        this.i.oh = v;
+        this.i.ok = v;
     }
     /**
      * Sets or gets the image stretching behavior for the image.
     */
     get imageStretchOption() {
-        return this.i.oc;
+        return this.i.of;
     }
     set imageStretchOption(v) {
-        this.i.oc = ensureEnum(ImageStretchOptions_$type, v);
+        this.i.of = ensureEnum(ImageStretchOptions_$type, v);
     }
     /**
      * Sets or gets the image resource type. Indicates which type of resource should be fetched and how ImagePath should be interpreted.
     */
     get imageResourceType() {
-        return this.i.oa;
+        return this.i.od;
     }
     set imageResourceType(v) {
-        this.i.oa = ensureEnum(ImageResourceType_$type, v);
+        this.i.od = ensureEnum(ImageResourceType_$type, v);
     }
 }

package/esm2015/lib/igx-image-column-component.js

@@ -41,46 +41,46 @@ export let IgxImageColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the stretch option to use when rendering images
         */
         get imageStretchOption() {
-            return this.i.si;
+            return this.i.s4;
         }
         set imageStretchOption(v) {
-            this.i.si = ensureEnum(ImageStretchOptions_$type, v);
+            this.i.s4 = ensureEnum(ImageStretchOptions_$type, v);
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.se;
+            return this.i.s0;
         }
         set editorType(v) {
-            this.i.se = ensureEnum(EditorType_$type, v);
+            this.i.s0 = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.sj;
+            return this.i.s5;
         }
         set editorDataSource(v) {
-            this.i.sj = v;
+            this.i.s5 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.sk;
+            return this.i.s6;
         }
         set editorTextField(v) {
-            this.i.sk = v;
+            this.i.s6 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.sl;
+            return this.i.s7;
         }
         set editorValueField(v) {
-            this.i.sl = v;
+            this.i.s7 = v;
         }
     }
     IgxImageColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxImageColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-multi-column-combo-box-component.js

@@ -233,32 +233,64 @@ export let IgxMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set contentPaddingBottom(v) {
             this.ensureContentPadding();
-            this.i.im.bottom = +v;
-            this.i.im = this.i.im;
+            const __nv = +v;
+            if (this.i.im.bottom === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.im.left;
+            __copy.right = this.i.im.right;
+            __copy.top = this.i.im.top;
+            this.i.im = __copy;
         }
         get contentPaddingLeft() {
             return this.i.im ? this.i.im.left : NaN;
         }
         set contentPaddingLeft(v) {
             this.ensureContentPadding();
-            this.i.im.left = +v;
-            this.i.im = this.i.im;
+            const __nv = +v;
+            if (this.i.im.left === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.im.bottom;
+            __copy.right = this.i.im.right;
+            __copy.top = this.i.im.top;
+            this.i.im = __copy;
         }
         get contentPaddingRight() {
             return this.i.im ? this.i.im.right : NaN;
         }
         set contentPaddingRight(v) {
             this.ensureContentPadding();
-            this.i.im.right = +v;
-            this.i.im = this.i.im;
+            const __nv = +v;
+            if (this.i.im.right === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.im.bottom;
+            __copy.left = this.i.im.left;
+            __copy.top = this.i.im.top;
+            this.i.im = __copy;
         }
         get contentPaddingTop() {
             return this.i.im ? this.i.im.top : NaN;
         }
         set contentPaddingTop(v) {
             this.ensureContentPadding();
-            this.i.im.top = +v;
-            this.i.im = this.i.im;
+            const __nv = +v;
+            if (this.i.im.top === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.im.bottom;
+            __copy.left = this.i.im.left;
+            __copy.right = this.i.im.right;
+            this.i.im = __copy;
         }
         ensureContentPadding() {
             if (this.i.im) {
@@ -271,32 +303,64 @@ export let IgxMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set actualContentPaddingBottom(v) {
             this.ensureActualContentPadding();
-            this.i.il.bottom = +v;
-            this.i.il = this.i.il;
+            const __nv = +v;
+            if (this.i.il.bottom === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.bottom = __nv;
+            __copy.left = this.i.il.left;
+            __copy.right = this.i.il.right;
+            __copy.top = this.i.il.top;
+            this.i.il = __copy;
         }
         get actualContentPaddingLeft() {
             return this.i.il ? this.i.il.left : NaN;
         }
         set actualContentPaddingLeft(v) {
             this.ensureActualContentPadding();
-            this.i.il.left = +v;
-            this.i.il = this.i.il;
+            const __nv = +v;
+            if (this.i.il.left === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.left = __nv;
+            __copy.bottom = this.i.il.bottom;
+            __copy.right = this.i.il.right;
+            __copy.top = this.i.il.top;
+            this.i.il = __copy;
         }
         get actualContentPaddingRight() {
             return this.i.il ? this.i.il.right : NaN;
         }
         set actualContentPaddingRight(v) {
             this.ensureActualContentPadding();
-            this.i.il.right = +v;
-            this.i.il = this.i.il;
+            const __nv = +v;
+            if (this.i.il.right === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.right = __nv;
+            __copy.bottom = this.i.il.bottom;
+            __copy.left = this.i.il.left;
+            __copy.top = this.i.il.top;
+            this.i.il = __copy;
         }
         get actualContentPaddingTop() {
             return this.i.il ? this.i.il.top : NaN;
         }
         set actualContentPaddingTop(v) {
             this.ensureActualContentPadding();
-            this.i.il.top = +v;
-            this.i.il = this.i.il;
+            const __nv = +v;
+            if (this.i.il.top === __nv) {
+                return;
+            }
+            const __copy = new Thickness(2);
+            __copy.top = __nv;
+            __copy.bottom = this.i.il.bottom;
+            __copy.left = this.i.il.left;
+            __copy.right = this.i.il.right;
+            this.i.il = __copy;
         }
         ensureActualContentPadding() {
             if (this.i.il) {
@@ -309,32 +373,64 @@ export let IgxMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.gx.c = +v;
-            this.i.gx = this.i.gx;
+            const __nv = +v;
+            if (this.i.gx.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.gx.b;
+            __copy.d = this.i.gx.d;
+            __copy.e = this.i.gx.e;
+            this.i.gx = __copy;
         }
         get cornerRadiusBottomLeft() {
             return this.i.gx ? this.i.gx.b : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.gx.b = +v;
-            this.i.gx = this.i.gx;
+            const __nv = +v;
+            if (this.i.gx.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.gx.c;
+            __copy.d = this.i.gx.d;
+            __copy.e = this.i.gx.e;
+            this.i.gx = __copy;
         }
         get cornerRadiusTopLeft() {
             return this.i.gx ? this.i.gx.d : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.gx.d = +v;
-            this.i.gx = this.i.gx;
+            const __nv = +v;
+            if (this.i.gx.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.gx.c;
+            __copy.b = this.i.gx.b;
+            __copy.e = this.i.gx.e;
+            this.i.gx = __copy;
         }
         get cornerRadiusTopRight() {
             return this.i.gx ? this.i.gx.e : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.gx.e = +v;
-            this.i.gx = this.i.gx;
+            const __nv = +v;
+            if (this.i.gx.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.gx.c;
+            __copy.b = this.i.gx.b;
+            __copy.d = this.i.gx.d;
+            this.i.gx = __copy;
         }
         ensureCornerRadius() {
             if (this.i.gx) {
@@ -347,32 +443,64 @@ export let IgxMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.c = +v;
-            this.i.gw = this.i.gw;
+            const __nv = +v;
+            if (this.i.gw.c === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.c = __nv;
+            __copy.b = this.i.gw.b;
+            __copy.d = this.i.gw.d;
+            __copy.e = this.i.gw.e;
+            this.i.gw = __copy;
         }
         get actualCornerRadiusBottomLeft() {
             return this.i.gw ? this.i.gw.b : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.b = +v;
-            this.i.gw = this.i.gw;
+            const __nv = +v;
+            if (this.i.gw.b === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.b = __nv;
+            __copy.c = this.i.gw.c;
+            __copy.d = this.i.gw.d;
+            __copy.e = this.i.gw.e;
+            this.i.gw = __copy;
         }
         get actualCornerRadiusTopLeft() {
             return this.i.gw ? this.i.gw.d : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.d = +v;
-            this.i.gw = this.i.gw;
+            const __nv = +v;
+            if (this.i.gw.d === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.d = __nv;
+            __copy.c = this.i.gw.c;
+            __copy.b = this.i.gw.b;
+            __copy.e = this.i.gw.e;
+            this.i.gw = __copy;
         }
         get actualCornerRadiusTopRight() {
             return this.i.gw ? this.i.gw.e : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.e = +v;
-            this.i.gw = this.i.gw;
+            const __nv = +v;
+            if (this.i.gw.e === __nv) {
+                return;
+            }
+            const __copy = new CornerRadius(2);
+            __copy.e = __nv;
+            __copy.c = this.i.gw.c;
+            __copy.b = this.i.gw.b;
+            __copy.d = this.i.gw.d;
+            this.i.gw = __copy;
         }
         ensureActualCornerRadius() {
             if (this.i.gw) {