igniteui-webcomponents-data-grids 7.0.1 → 7.1.0-alpha.0

package/esm5/lib/VerticalSeparatorCell.js

@@ -15,57 +15,57 @@ export var VerticalSeparatorCell = /** @class */ /*@__PURE__*/ (function (_super
     __extends(VerticalSeparatorCell, _super);
     function VerticalSeparatorCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.dx = null;
         _this.dw = null;
+        _this.dv = null;
+        _this.dx = 0;
         _this.dy = 0;
-        _this.dz = 0;
-        _this.dx = a.createElement("div");
-        _this.dx.setRawStyleProperty("position", "absolute");
-        _this.dx.setRawStyleProperty("pointer-events", "none");
-        _this.ar.append(_this.dx);
+        _this.dw = a.createElement("div");
+        _this.dw.setRawStyleProperty("position", "absolute");
+        _this.dw.setRawStyleProperty("pointer-events", "none");
+        _this.ar.append(_this.dw);
         return _this;
     }
     VerticalSeparatorCell.prototype.cx = function (a, b, c, d, e) {
         if (a == null) {
-            if (this.dw != null) {
-                this.dw.remove();
-                this.dw = null;
+            if (this.dv != null) {
+                this.dv.remove();
+                this.dv = null;
             }
         }
         else {
-            this.d0();
-            this.dy = b;
-            this.dz = d;
+            this.dz();
+            this.dx = b;
+            this.dy = d;
         }
-        this.d1();
+        this.d0();
     };
-    VerticalSeparatorCell.prototype.dc = function (a, b) {
-        _super.prototype.dc.call(this, a, b);
-        this.d1();
+    VerticalSeparatorCell.prototype.db = function (a, b) {
+        _super.prototype.db.call(this, a, b);
+        this.d0();
     };
     VerticalSeparatorCell.prototype.cw = function (a) {
-        this.dx.setRawStyleProperty("background-color", a.colorString);
+        this.dw.setRawStyleProperty("background-color", a.colorString);
     };
-    VerticalSeparatorCell.prototype.d1 = function () {
-        if (this.dw != null) {
-            this.dx.setRawStyleProperty("height", "100%");
-            this.dx.setRawStyleProperty("width", this.ar.width() - (this.dy + this.dz) + "px");
-            this.dx.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
-            this.dw.setRawStyleProperty("width", "100%");
+    VerticalSeparatorCell.prototype.d0 = function () {
+        if (this.dv != null) {
             this.dw.setRawStyleProperty("height", "100%");
+            this.dw.setRawStyleProperty("width", this.ar.width() - (this.dx + this.dy) + "px");
+            this.dw.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
+            this.dv.setRawStyleProperty("width", "100%");
+            this.dv.setRawStyleProperty("height", "100%");
         }
         else {
-            this.dx.setRawStyleProperty("height", "100%");
-            this.dx.setRawStyleProperty("width", this.ar.width() + "px");
-            this.dx.setRawStyleProperty("left", "0px");
+            this.dw.setRawStyleProperty("height", "100%");
+            this.dw.setRawStyleProperty("width", this.ar.width() + "px");
+            this.dw.setRawStyleProperty("left", "0px");
         }
     };
-    VerticalSeparatorCell.prototype.d0 = function () {
-        if (this.dw == null) {
-            this.dw = this.am.createElement("div");
-            this.dw.setRawStyleProperty("position", "absolute");
-            this.dw.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
-            this.ar.getNativeElement().insertBefore(this.dw.getNativeElement(), this.dx.getNativeElement());
+    VerticalSeparatorCell.prototype.dz = function () {
+        if (this.dv == null) {
+            this.dv = this.am.createElement("div");
+            this.dv.setRawStyleProperty("position", "absolute");
+            this.dv.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
+            this.ar.getNativeElement().insertBefore(this.dv.getNativeElement(), this.dw.getNativeElement());
         }
     };
     VerticalSeparatorCell.$t = markType(VerticalSeparatorCell, 'VerticalSeparatorCell', GridCellBase.$);

package/esm5/lib/igc-checkbox-list-component.js

@@ -299,7 +299,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "isDetached", {
         get: function () {
-            return this.i.a0;
+            return this.i.az;
         },
         enumerable: false,
         configurable: true
@@ -319,10 +319,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "dataLegendTarget", {
         get: function () {
-            return this.i.bm;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bm = v;
+            this.i.bl = v;
         },
         enumerable: false,
         configurable: true
@@ -332,20 +332,20 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.c3;
+            return this.i.c2;
         },
         set: function (v) {
-            this.i.c3 = v;
+            this.i.c2 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "propertyTypeMemberPath", {
         get: function () {
-            return this.i.ci;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.ci = v;
+            this.i.ch = v;
         },
         enumerable: false,
         configurable: true
@@ -368,10 +368,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.cb = v;
+            this.i.ca = v;
         },
         enumerable: false,
         configurable: true
@@ -381,11 +381,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.aa;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.aa = ensureEnum(InputGroupDisplayType_$type, v);
-            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.aa));
+            this.i.z = ensureEnum(InputGroupDisplayType_$type, v);
+            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.z));
         },
         enumerable: false,
         configurable: true
@@ -395,18 +395,18 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.bj = +v;
-            this._a("rowHeight", this.i.bj);
+            this.i.bi = +v;
+            this._a("rowHeight", this.i.bi);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.bh;
+            return this.i.bg;
         },
         enumerable: false,
         configurable: true
@@ -416,16 +416,16 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.ao == null) {
+            if (this.i.an == null) {
                 return null;
             }
-            return this.i.ao.fontString;
+            return this.i.an.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ao = fi;
-            this._a("cellTextStyle", this.i.ao != null ? this.i.ao.fontString : "");
+            this.i.an = fi;
+            this._a("cellTextStyle", this.i.an != null ? this.i.an.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -491,11 +491,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fb);
         },
         set: function (v) {
-            this.i.ff = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.ff));
+            this.i.fb = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.fb));
         },
         enumerable: false,
         configurable: true
@@ -505,11 +505,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the search background color.
         */
         get: function () {
-            return this.i.a6;
+            return this.i.a5;
         },
         set: function (v) {
-            this.i.a6 = ensureBool(v);
-            this._a("labelClickTriggersChange", this.i.a6);
+            this.i.a5 = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.a5);
         },
         enumerable: false,
         configurable: true
@@ -533,11 +533,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.fg);
+            return brushToString(this.i.fc);
         },
         set: function (v) {
-            this.i.fg = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.fg));
+            this.i.fc = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.fc));
         },
         enumerable: false,
         configurable: true
@@ -547,16 +547,16 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the text style.
         */
         get: function () {
-            if (this.i.ap == null) {
+            if (this.i.ao == null) {
                 return null;
             }
-            return this.i.ap.fontString;
+            return this.i.ao.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ap = fi;
-            this._a("searchTextStyle", this.i.ap != null ? this.i.ap.fontString : "");
+            this.i.ao = fi;
+            this._a("searchTextStyle", this.i.ao != null ? this.i.ao.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -566,11 +566,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e3);
         },
         set: function (v) {
-            this.i.e5 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.e5));
+            this.i.e3 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.e3));
         },
         enumerable: false,
         configurable: true
@@ -580,11 +580,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e1);
         },
         set: function (v) {
-            this.i.e3 = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e3));
+            this.i.e1 = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.e1));
         },
         enumerable: false,
         configurable: true
@@ -594,11 +594,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e6);
+            return brushToString(this.i.e4);
         },
         set: function (v) {
-            this.i.e6 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.e6));
+            this.i.e4 = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.e4));
         },
         enumerable: false,
         configurable: true
@@ -608,11 +608,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.e2);
         },
         set: function (v) {
-            this.i.e4 = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.e4));
+            this.i.e2 = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.e2));
         },
         enumerable: false,
         configurable: true
@@ -622,11 +622,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.e5);
         },
         set: function (v) {
-            this.i.e7 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.e7));
+            this.i.e5 = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.e5));
         },
         enumerable: false,
         configurable: true
@@ -636,11 +636,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the corner radius to use for the checkbox.
         */
         get: function () {
-            return this.i.bc;
+            return this.i.bb;
         },
         set: function (v) {
-            this.i.bc = +v;
-            this._a("checkboxCornerRadius", this.i.bc);
+            this.i.bb = +v;
+            this._a("checkboxCornerRadius", this.i.bb);
         },
         enumerable: false,
         configurable: true
@@ -650,11 +650,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the style of scrollbar.
         */
         get: function () {
-            return this.i.ad;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.ad = ensureEnum(ScrollbarStyle_$type, v);
-            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ad));
+            this.i.ac = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ac));
         },
         enumerable: false,
         configurable: true
@@ -664,11 +664,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.fe);
+            return brushToString(this.i.fa);
         },
         set: function (v) {
-            this.i.fe = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.fe));
+            this.i.fa = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.fa));
         },
         enumerable: false,
         configurable: true
@@ -678,10 +678,10 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.cw;
+            return this.i.cv;
         },
         set: function (v) {
-            this.i.cw = v;
+            this.i.cv = v;
         },
         enumerable: false,
         configurable: true
@@ -691,11 +691,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.ff);
         },
         set: function (v) {
-            this.i.fj = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.fj));
+            this.i.ff = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.ff));
         },
         enumerable: false,
         configurable: true
@@ -705,11 +705,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.ez);
         },
         set: function (v) {
-            this.i.e1 = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.e1));
+            this.i.ez = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.ez));
         },
         enumerable: false,
         configurable: true
@@ -761,11 +761,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fh);
         },
         set: function (v) {
-            this.i.fl = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fl));
+            this.i.fh = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.fh));
         },
         enumerable: false,
         configurable: true
@@ -775,11 +775,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets whether the filter input is visible.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.a7;
         },
         set: function (v) {
-            this.i.a8 = ensureBool(v);
-            this._a("showFilter", this.i.a8);
+            this.i.a7 = ensureBool(v);
+            this._a("showFilter", this.i.a7);
         },
         enumerable: false,
         configurable: true
@@ -789,11 +789,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets whether row hover highlighting is enabled.
         */
         get: function () {
-            return this.i.a4;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.a4 = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.a4);
+            this.i.a3 = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.a3);
         },
         enumerable: false,
         configurable: true
@@ -803,11 +803,11 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get: function () {
-            return this.i.az;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.az = ensureBool(v);
-            this._a("checkboxAlignedRight", this.i.az);
+            this.i.ay = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.ay);
         },
         enumerable: false,
         configurable: true
@@ -885,17 +885,17 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.ef();
+        this.i.ed();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.dc();
+        this.i.db();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.dr(index, oldItem, newItem);
+        this.i.dp(index, oldItem, newItem);
     };
     /**
      * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -903,22 +903,22 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.dm();
+        this.i.dk();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.dn(index, newItem);
+        this.i.dl(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.dq(index, oldItem);
+        this.i.dn(index, oldItem);
     };
     IgcCheckboxListComponent.prototype.refresh = function () {
         this.i.refresh();
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.c7(value);
+        this.i.c6(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.ed(value);
+        this.i.eb(value);
     };
     IgcCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
         var iv = this.i.getDesiredSize(toSize(availableSize));
@@ -929,7 +929,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.bn();
+        var iv = this.i.bm();
         return (iv);
     };
     /**
@@ -937,7 +937,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.ca();
+        var iv = this.i.b9();
         return (iv);
     };
     /**
@@ -945,7 +945,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.isNothingSelected = function () {
-        var iv = this.i.a2();
+        var iv = this.i.a1();
         return (iv);
     };
     /**
@@ -953,7 +953,7 @@ export var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_su
     
     */
     IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
-        var iv = this.i.a1();
+        var iv = this.i.a0();
         return (iv);
     };
     Object.defineProperty(IgcCheckboxListComponent.prototype, "selectedKeyAdded", {

package/esm5/lib/igc-column-moving-separator-component.js

@@ -75,33 +75,33 @@ export var IgcColumnMovingSeparatorComponent = /** @class */ /*@__PURE__*/ (func
          * Gets or sets the separator width for this column.
         */
         get: function () {
-            return this.i.g6;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g6 = +v;
-            this._a("separatorWidth", this.i.g6);
+            this.i.g4 = +v;
+            this._a("separatorWidth", this.i.g4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnMovingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g3;
+            return this.i.g1;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g1 = +v;
+            this._a("actualOpacity", this.i.g1);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnMovingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g4;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g2 = +v;
+            this._a("opacity", this.i.g2);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-column-resizing-separator-component.js

@@ -72,22 +72,22 @@ export var IgcColumnResizingSeparatorComponent = /** @class */ /*@__PURE__*/ (fu
     };
     Object.defineProperty(IgcColumnResizingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g3;
+            return this.i.g1;
         },
         set: function (v) {
-            this.i.g3 = +v;
-            this._a("actualOpacity", this.i.g3);
+            this.i.g1 = +v;
+            this._a("actualOpacity", this.i.g1);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcColumnResizingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g4;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.g4 = +v;
-            this._a("opacity", this.i.g4);
+            this.i.g2 = +v;
+            this._a("opacity", this.i.g2);
         },
         enumerable: false,
         configurable: true