igniteui-webcomponents-data-grids 7.1.0-beta.1 → 7.1.0-beta.3

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

@@ -27,38 +27,38 @@ export class IgcFilterCellInfo extends IgcCellInfo {
      * 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 IgcGridFilterOperandsCollection();
-            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 IgcFilterCellInfo extends IgcCellInfo {
         let coll = new IgcGridFilterOperandsCollection();
         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/igc-filter-row-definition-component.js

@@ -65,41 +65,41 @@ let IgcFilterRowDefinitionComponent = /*@__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._a("paddingLeft", this.i.g7);
+            this.i.g8 = +v;
+            this._a("paddingLeft", this.i.g8);
         }
         /**
          * 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._a("paddingTop", this.i.g9);
+            this.i.ha = +v;
+            this._a("paddingTop", this.i.ha);
         }
         /**
          * 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._a("paddingRight", this.i.g8);
+            this.i.g9 = +v;
+            this._a("paddingRight", this.i.g9);
         }
         /**
          * 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._a("paddingBottom", this.i.g6);
+            this.i.g7 = +v;
+            this._a("paddingBottom", this.i.g7);
         }
     }
     IgcFilterRowDefinitionComponent._observedAttributesIgcFilterRowDefinitionComponent = null;

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

@@ -55,75 +55,75 @@ let IgcHeaderComponent = /*@__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._a("sortIndicatorColor", brushToString(this.i.hs));
+            this.i.ht = stringToBrush(v);
+            this._a("sortIndicatorColor", brushToString(this.i.ht));
         }
         /**
          * 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._a("actualSortIndicatorColor", brushToString(this.i.hq));
+            this.i.hr = stringToBrush(v);
+            this._a("actualSortIndicatorColor", brushToString(this.i.hr));
         }
         get sortIndicatorStyle() {
-            return this.i.g5;
+            return this.i.g6;
         }
         set sortIndicatorStyle(v) {
-            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
-            this._a("sortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g5));
+            this.i.g6 = ensureEnum(SortIndicatorStyle_$type, v);
+            this._a("sortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g6));
         }
         get actualSortIndicatorStyle() {
-            return this.i.g4;
+            return this.i.g5;
         }
         set actualSortIndicatorStyle(v) {
-            this.i.g4 = ensureEnum(SortIndicatorStyle_$type, v);
-            this._a("actualSortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g4));
+            this.i.g5 = ensureEnum(SortIndicatorStyle_$type, v);
+            this._a("actualSortIndicatorStyle", enumToString(SortIndicatorStyle_$type, this.i.g5));
         }
         /**
          * 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._a("paddingLeft", this.i.hb);
+            this.i.hc = +v;
+            this._a("paddingLeft", this.i.hc);
         }
         /**
          * 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._a("paddingTop", this.i.hd);
+            this.i.he = +v;
+            this._a("paddingTop", this.i.he);
         }
         /**
          * 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._a("paddingRight", this.i.hc);
+            this.i.hd = +v;
+            this._a("paddingRight", this.i.hd);
         }
         /**
          * 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._a("paddingBottom", this.i.ha);
+            this.i.hb = +v;
+            this._a("paddingBottom", this.i.hb);
         }
     }
     IgcHeaderComponent._observedAttributesIgcHeaderComponent = null;

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

@@ -23,27 +23,27 @@ export class IgcImageCellInfo extends IgcCellInfo {
      * 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/igc-image-column-component.js

@@ -67,48 +67,48 @@ let IgcImageColumnComponent = /*@__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._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.si));
+            this.i.s4 = ensureEnum(ImageStretchOptions_$type, v);
+            this._a("imageStretchOption", enumToString(ImageStretchOptions_$type, this.i.s4));
         }
         /**
          * 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._a("editorType", enumToString(EditorType_$type, this.i.se));
+            this.i.s0 = ensureEnum(EditorType_$type, v);
+            this._a("editorType", enumToString(EditorType_$type, this.i.s0));
         }
         /**
          * 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;
         }
     }
     IgcImageColumnComponent._observedAttributesIgcImageColumnComponent = null;

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

@@ -327,36 +327,68 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set contentPaddingBottom(v) {
             this.ensureContentPadding();
-            this.i.im.bottom = +v;
+            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;
             this._a("contentPaddingBottom", this.i.im.bottom);
-            this.i.im = this.i.im;
         }
         get contentPaddingLeft() {
             return this.i.im ? this.i.im.left : NaN;
         }
         set contentPaddingLeft(v) {
             this.ensureContentPadding();
-            this.i.im.left = +v;
+            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;
             this._a("contentPaddingLeft", this.i.im.left);
-            this.i.im = this.i.im;
         }
         get contentPaddingRight() {
             return this.i.im ? this.i.im.right : NaN;
         }
         set contentPaddingRight(v) {
             this.ensureContentPadding();
-            this.i.im.right = +v;
+            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;
             this._a("contentPaddingRight", this.i.im.right);
-            this.i.im = this.i.im;
         }
         get contentPaddingTop() {
             return this.i.im ? this.i.im.top : NaN;
         }
         set contentPaddingTop(v) {
             this.ensureContentPadding();
-            this.i.im.top = +v;
+            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;
             this._a("contentPaddingTop", this.i.im.top);
-            this.i.im = this.i.im;
         }
         ensureContentPadding() {
             if (this.i.im) {
@@ -369,36 +401,68 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set actualContentPaddingBottom(v) {
             this.ensureActualContentPadding();
-            this.i.il.bottom = +v;
+            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;
             this._a("actualContentPaddingBottom", this.i.il.bottom);
-            this.i.il = this.i.il;
         }
         get actualContentPaddingLeft() {
             return this.i.il ? this.i.il.left : NaN;
         }
         set actualContentPaddingLeft(v) {
             this.ensureActualContentPadding();
-            this.i.il.left = +v;
+            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;
             this._a("actualContentPaddingLeft", this.i.il.left);
-            this.i.il = this.i.il;
         }
         get actualContentPaddingRight() {
             return this.i.il ? this.i.il.right : NaN;
         }
         set actualContentPaddingRight(v) {
             this.ensureActualContentPadding();
-            this.i.il.right = +v;
+            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;
             this._a("actualContentPaddingRight", this.i.il.right);
-            this.i.il = this.i.il;
         }
         get actualContentPaddingTop() {
             return this.i.il ? this.i.il.top : NaN;
         }
         set actualContentPaddingTop(v) {
             this.ensureActualContentPadding();
-            this.i.il.top = +v;
+            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;
             this._a("actualContentPaddingTop", this.i.il.top);
-            this.i.il = this.i.il;
         }
         ensureActualContentPadding() {
             if (this.i.il) {
@@ -411,36 +475,68 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set cornerRadiusBottomRight(v) {
             this.ensureCornerRadius();
-            this.i.gx.c = +v;
+            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;
             this._a("cornerRadiusBottomRight", this.i.gx.c);
-            this.i.gx = this.i.gx;
         }
         get cornerRadiusBottomLeft() {
             return this.i.gx ? this.i.gx.b : NaN;
         }
         set cornerRadiusBottomLeft(v) {
             this.ensureCornerRadius();
-            this.i.gx.b = +v;
+            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;
             this._a("cornerRadiusBottomLeft", this.i.gx.b);
-            this.i.gx = this.i.gx;
         }
         get cornerRadiusTopLeft() {
             return this.i.gx ? this.i.gx.d : NaN;
         }
         set cornerRadiusTopLeft(v) {
             this.ensureCornerRadius();
-            this.i.gx.d = +v;
+            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;
             this._a("cornerRadiusTopLeft", this.i.gx.d);
-            this.i.gx = this.i.gx;
         }
         get cornerRadiusTopRight() {
             return this.i.gx ? this.i.gx.e : NaN;
         }
         set cornerRadiusTopRight(v) {
             this.ensureCornerRadius();
-            this.i.gx.e = +v;
+            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;
             this._a("cornerRadiusTopRight", this.i.gx.e);
-            this.i.gx = this.i.gx;
         }
         ensureCornerRadius() {
             if (this.i.gx) {
@@ -453,36 +549,68 @@ let IgcMultiColumnComboBoxComponent = /*@__PURE__*/ (() => {
         }
         set actualCornerRadiusBottomRight(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.c = +v;
+            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;
             this._a("actualCornerRadiusBottomRight", this.i.gw.c);
-            this.i.gw = this.i.gw;
         }
         get actualCornerRadiusBottomLeft() {
             return this.i.gw ? this.i.gw.b : NaN;
         }
         set actualCornerRadiusBottomLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.b = +v;
+            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;
             this._a("actualCornerRadiusBottomLeft", this.i.gw.b);
-            this.i.gw = this.i.gw;
         }
         get actualCornerRadiusTopLeft() {
             return this.i.gw ? this.i.gw.d : NaN;
         }
         set actualCornerRadiusTopLeft(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.d = +v;
+            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;
             this._a("actualCornerRadiusTopLeft", this.i.gw.d);
-            this.i.gw = this.i.gw;
         }
         get actualCornerRadiusTopRight() {
             return this.i.gw ? this.i.gw.e : NaN;
         }
         set actualCornerRadiusTopRight(v) {
             this.ensureActualCornerRadius();
-            this.i.gw.e = +v;
+            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;
             this._a("actualCornerRadiusTopRight", this.i.gw.e);
-            this.i.gw = this.i.gw;
         }
         ensureActualCornerRadius() {
             if (this.i.gw) {