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

package/esm2015/lib/igx-summary-row-section-dynamic-module.js

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

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

@@ -20,9 +20,9 @@ export class IgxTemplateCellInfo extends IgxCellInfo {
      * Sets or gets the value to provide to the template.
     */
     get value() {
-        return this.i.ob;
+        return this.i.oe;
     }
     set value(v) {
-        this.i.ob = v;
+        this.i.oe = v;
     }
 }

package/esm2015/lib/igx-template-header-cell-info.js

@@ -21,9 +21,9 @@ export class IgxTemplateHeaderCellInfo extends IgxTemplateCellInfo {
      * Sets or gets whether the filter UI should be visible in the header.
     */
     get isFilterUIVisible() {
-        return this.i.oe;
+        return this.i.oh;
     }
     set isFilterUIVisible(v) {
-        this.i.oe = ensureBool(v);
+        this.i.oh = ensureBool(v);
     }
 }

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

@@ -20,9 +20,9 @@ export class IgxTextCellInfo extends IgxCellInfo {
      * Sets or gets the text value for the cell.
     */
     get textValue() {
-        return this.i.ob;
+        return this.i.oe;
     }
     set textValue(v) {
-        this.i.ob = v;
+        this.i.oe = v;
     }
 }

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

@@ -40,37 +40,37 @@ export let IgxTextColumnComponent = /*@__PURE__*/ (() => {
          * 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.sf;
+            return this.i.s1;
         }
         set editorDataSource(v) {
-            this.i.sf = v;
+            this.i.s1 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.sh;
+            return this.i.s3;
         }
         set editorTextField(v) {
-            this.i.sh = v;
+            this.i.s3 = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.si;
+            return this.i.s4;
         }
         set editorValueField(v) {
-            this.i.si = v;
+            this.i.s4 = v;
         }
     }
     IgxTextColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxTextColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/esm2015/lib/igx-text-header-cell-info.js

@@ -26,157 +26,184 @@ export class IgxTextHeaderCellInfo extends IgxTextCellInfo {
      * Sets or gets whether the filter UI should be visible in the header.
     */
     get isColumnOptionsEnabled() {
-        return this.i.oq;
+        return this.i.ot;
     }
     set isColumnOptionsEnabled(v) {
-        this.i.oq = ensureBool(v);
+        this.i.ot = ensureBool(v);
     }
     get sortIndicatorStyle() {
-        return this.i.oi;
+        return this.i.ol;
     }
     set sortIndicatorStyle(v) {
-        this.i.oi = ensureEnum(SortIndicatorStyle_$type, v);
+        this.i.ol = ensureEnum(SortIndicatorStyle_$type, v);
     }
     /**
      * Gets or sets the alignment of the column options icon within the header cell.
     */
     get columnOptionsIconAlignment() {
-        return this.i.oe;
+        return this.i.oh;
     }
     set columnOptionsIconAlignment(v) {
-        this.i.oe = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+        this.i.oh = ensureEnum(ColumnOptionsIconAlignment_$type, v);
     }
     /**
      * Gets or sets the color for the column options icon in the header.
     */
     get columnOptionsIconColor() {
-        return brushToString(this.i.qc);
+        return brushToString(this.i.qo);
     }
     set columnOptionsIconColor(v) {
-        this.i.qc = stringToBrush(v);
+        this.i.qo = stringToBrush(v);
     }
     /**
      * Gets or sets how the column option icon will behave in the header.
     */
     get columnOptionsIconBehavior() {
-        return this.i.og;
+        return this.i.oj;
     }
     set columnOptionsIconBehavior(v) {
-        this.i.og = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+        this.i.oj = ensureEnum(ColumnOptionsIconBehavior_$type, v);
     }
     /**
      * Gets or sets the column options theme.
     */
     get columnOptionsTheme() {
-        return this.i.ok;
+        return this.i.on;
     }
     set columnOptionsTheme(v) {
-        this.i.ok = ensureEnum(BaseControlTheme_$type, v);
+        this.i.on = ensureEnum(BaseControlTheme_$type, v);
     }
     /**
      * Gets or sets the column options dropdown background color.
     */
     get columnOptionsBackground() {
-        return brushToString(this.i.p7);
+        return brushToString(this.i.qj);
     }
     set columnOptionsBackground(v) {
-        this.i.p7 = stringToBrush(v);
+        this.i.qj = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+    */
+    get columnOptionsScrollbarBackground() {
+        return brushToString(this.i.qq);
+    }
+    set columnOptionsScrollbarBackground(v) {
+        this.i.qq = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+    */
+    get columnOptionsScrollbarHoverBackground() {
+        return brushToString(this.i.qr);
+    }
+    set columnOptionsScrollbarHoverBackground(v) {
+        this.i.qr = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+    */
+    get columnOptionsScrollbarActiveBackground() {
+        return brushToString(this.i.qp);
+    }
+    set columnOptionsScrollbarActiveBackground(v) {
+        this.i.qp = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for text inside the column options menu.
     */
     get columnOptionsTextColor() {
-        return brushToString(this.i.qe);
+        return brushToString(this.i.qt);
     }
     set columnOptionsTextColor(v) {
-        this.i.qe = stringToBrush(v);
+        this.i.qt = stringToBrush(v);
     }
     /**
      * Gets or sets the font settings for text inside the column options menu.
     */
     get columnOptionsTextStyle() {
-        if (this.i.oo == null) {
+        if (this.i.or == null) {
             return null;
         }
-        return this.i.oo.fontString;
+        return this.i.or.fontString;
     }
     set columnOptionsTextStyle(v) {
         let fi = new FontInfo();
         fi.fontString = v;
-        this.i.oo = fi;
+        this.i.or = fi;
     }
     get columnOptionsHoverBackgroundColor() {
-        return brushToString(this.i.qb);
+        return brushToString(this.i.qn);
     }
     set columnOptionsHoverBackgroundColor(v) {
-        this.i.qb = stringToBrush(v);
+        this.i.qn = stringToBrush(v);
     }
     get columnOptionsToolTipBackgroundColor() {
-        return brushToString(this.i.qf);
+        return brushToString(this.i.qu);
     }
     set columnOptionsToolTipBackgroundColor(v) {
-        this.i.qf = stringToBrush(v);
+        this.i.qu = stringToBrush(v);
     }
     get columnOptionsToolTipTextColor() {
-        return brushToString(this.i.qg);
+        return brushToString(this.i.qv);
     }
     set columnOptionsToolTipTextColor(v) {
-        this.i.qg = stringToBrush(v);
+        this.i.qv = stringToBrush(v);
     }
     get columnOptionsHighlightColor() {
-        return brushToString(this.i.qa);
+        return brushToString(this.i.qm);
     }
     set columnOptionsHighlightColor(v) {
-        this.i.qa = stringToBrush(v);
+        this.i.qm = stringToBrush(v);
     }
     /**
      * Gets or sets the color of separators inside the column options menu.
     */
     get columnOptionsSeparatorColor() {
-        return brushToString(this.i.qd);
+        return brushToString(this.i.qs);
     }
     set columnOptionsSeparatorColor(v) {
-        this.i.qd = stringToBrush(v);
+        this.i.qs = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for group headers inside the column options menu.
     */
     get columnOptionsGroupHeaderBackground() {
-        return brushToString(this.i.p8);
+        return brushToString(this.i.qk);
     }
     set columnOptionsGroupHeaderBackground(v) {
-        this.i.p8 = stringToBrush(v);
+        this.i.qk = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for group headers inside the column options menu.
     */
     get columnOptionsGroupHeaderTextColor() {
-        return brushToString(this.i.p9);
+        return brushToString(this.i.ql);
     }
     set columnOptionsGroupHeaderTextColor(v) {
-        this.i.p9 = stringToBrush(v);
+        this.i.ql = stringToBrush(v);
     }
     get columnOptionsGroupHeaderTextStyle() {
-        if (this.i.on == null) {
+        if (this.i.oq == null) {
             return null;
         }
-        return this.i.on.fontString;
+        return this.i.oq.fontString;
     }
     set columnOptionsGroupHeaderTextStyle(v) {
         let fi = new FontInfo();
         fi.fontString = v;
-        this.i.on = fi;
+        this.i.oq = fi;
     }
     get columnOptionsAccentColor() {
-        return brushToString(this.i.p6);
+        return brushToString(this.i.qi);
     }
     set columnOptionsAccentColor(v) {
-        this.i.p6 = stringToBrush(v);
+        this.i.qi = stringToBrush(v);
     }
     get columnOptionsRowHeight() {
-        return this.i.o2;
+        return this.i.o5;
     }
     set columnOptionsRowHeight(v) {
-        this.i.o2 = +v;
+        this.i.o5 = +v;
     }
 }

package/esm5/lib/AccessibilityRow.js

@@ -37,22 +37,22 @@ var AccessibilityRow = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     AccessibilityRow.prototype.j = function (a, b) {
-        if (!this.b.d(a.l.a5)) {
-            this.b.s(a.l.a5, a);
+        if (!this.b.d(a.l.a6)) {
+            this.b.s(a.l.a6, a);
         }
-        else if (this.b.item(a.l.a5) != a) {
-            this.b.item(a.l.a5, a);
+        else if (this.b.item(a.l.a6) != a) {
+            this.b.item(a.l.a6, a);
         }
         b.setAttribute("id", this.g(a));
         b.setAttribute("role", this.f);
-        if (a.l.a0) {
+        if (a.l.a1) {
             b.setAttribute("aria-colindex", "1");
             b.setAttribute("aria-colspan", this.d.toString());
         }
         else {
-            b.setAttribute("aria-colindex", (a.l.a5 + 1).toString());
+            b.setAttribute("aria-colindex", (a.l.a6 + 1).toString());
         }
-        if (a.cz == 1) {
+        if (a.c2 == 1) {
             b.setAttribute("aria-selected", "true");
         }
         else {
@@ -98,11 +98,11 @@ var AccessibilityRow = /** @class */ /*@__PURE__*/ (function (_super) {
         this.b.u();
     };
     AccessibilityRow.prototype.g = function (a) {
-        if (a.l.aj || (a.l.an && !a.l.h)) {
-            if (a.l.a0) {
+        if (a.l.aj || (a.l.ao && !a.l.h)) {
+            if (a.l.a1) {
                 return "cellid" + this.i + "r" + this.c + "span";
             }
-            return "cellid" + this.i + "r" + this.c + "c" + a.l.a5;
+            return "cellid" + this.i + "r" + this.c + "c" + a.l.a6;
         }
         return null;
     };

package/esm5/lib/CanvasCellPresenterBase.js

@@ -25,28 +25,28 @@ var CanvasCellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CanvasCellPresenterBase.prototype.b = function (a) {
         this.a.cf(a.c);
-        if (a.bc(CellModel.e0) || a.bc(CellModel.e4) || a.bc(CellModel.e2) || a.bc(CellModel.ey)) {
-            this.a.cn(a.ez, a.e3, a.e1, a.ex);
+        if (a.bc(CellModel.e3) || a.bc(CellModel.e7) || a.bc(CellModel.e5) || a.bc(CellModel.e1)) {
+            this.a.cn(a.e2, a.e6, a.e4, a.e0);
         }
         if (a.a5) {
-            this.a.ch(a.nk, a.en, a.es, a.eq, a.el);
+            this.a.ch(a.nn, a.eq, a.ev, a.et, a.eo);
         }
-        if (a.bs) {
-            this.a.ck(a.ga);
-            this.a.cu(a.h8);
+        if (a.bv) {
+            this.a.ck(a.gd);
+            this.a.cu(a.ib);
         }
         if (a.a7) {
-            if (a.bm && !this.a.z) {
+            if (a.bn && !this.a.z) {
                 this.a.b5();
             }
-            if (a.bc(CellModel.ek)) {
-                this.a.cg(a.nj.color);
+            if (a.bc(CellModel.en)) {
+                this.a.cg(a.nm.color);
             }
-            if (a.bc(CellModel.ew)) {
-                this.a.cm(a.cq);
+            if (a.bc(CellModel.ez)) {
+                this.a.cm(a.ct);
             }
         }
-        if (a.bs && a.bm) {
+        if (a.bv && a.bn) {
             this.a.cx(a);
         }
     };

package/esm5/lib/CanvasContentCellModelHelper.js

@@ -25,28 +25,28 @@ var CanvasContentCellModelHelper = /** @class */ /*@__PURE__*/ (function (_super
     };
     CanvasContentCellModelHelper.a = function (a, b, c) {
         if (b.a7) {
-            if (b.bc(CellModel.fp) || b.bc(CellModel.eu) || b.bc(CellModel.h7) || b.bb("IsRowPinned") || b.bb("IsRowSticky") || b.bb("PinnedRowOpacity")) {
-                var d = Math.min(1, Math.max(0, b.c7));
-                var e = b.cp * (1 - d);
+            if (b.bc(CellModel.fs) || b.bc(CellModel.ex) || b.bc(CellModel.ia) || b.bb("IsRowPinned") || b.bb("IsRowSticky") || b.bb("PinnedRowOpacity")) {
+                var d = Math.min(1, Math.max(0, b.da));
+                var e = b.cs * (1 - d);
                 c.ci(e);
-                if (b.bm) {
-                    c.cy(b.cp * d);
+                if (b.bn) {
+                    c.cy(b.cs * d);
                 }
             }
-            if (b.bc(CellModel.e5)) {
-                CanvasContentCellModelHelper.c(c, b.nl);
-                if (b.bm) {
-                    c.cw(b.nl);
+            if (b.bc(CellModel.e8)) {
+                CanvasContentCellModelHelper.c(c, b.no);
+                if (b.bn) {
+                    c.cw(b.no);
                 }
             }
-            if (b.bc(CellModel.gw)) {
+            if (b.bc(CellModel.gz)) {
             }
-            if (b.bc(CellModel.gc) || b.bc(CellModel.h6)) {
+            if (b.bc(CellModel.gf) || b.bc(CellModel.h9)) {
                 var f = b.g;
                 var g = b.i;
                 c.cl(f);
                 c.ct(g);
-                if (b.bm) {
+                if (b.bn) {
                     c.cv(f, g);
                 }
             }

package/esm5/lib/CanvasDateTimeCellPresenter.js

@@ -29,22 +29,22 @@ var CanvasDateTimeCellPresenter = /** @class */ /*@__PURE__*/ (function (_super)
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(DateTimeCellModel.ol) || a.bc(DateTimeCellModel.om) || a.bc(DateTimeCellModel.ok) || a.bc(DateTimeCellModel.gz) || a.bc(DateTimeCellModel.h5)) {
+            if (a.bc(DateTimeCellModel.oo) || a.bc(DateTimeCellModel.op) || a.bc(DateTimeCellModel.on) || a.bc(DateTimeCellModel.g2) || a.bc(DateTimeCellModel.h8)) {
                 this.e(b);
-                this.d.cr(b.k1);
+                this.d.cr(b.k4);
             }
             CanvasContentCellModelHelper.a(this.a.bq, b, this.a);
         }
     };
     CanvasDateTimeCellPresenter.prototype.e = function (a) {
-        if (a.ly != null) {
-            a.k1 = a.ly;
+        if (a.l1 != null) {
+            a.k4 = a.l1;
             return;
         }
-        a.k1 = a.ox(a.oj);
-        if (a.k1 == stringEmpty()) {
-            if (!(typeCast(Date_$type, a.ii) !== null)) {
-                a.k1 = a.ii.toString();
+        a.k4 = a.o0(a.om);
+        if (a.k4 == stringEmpty()) {
+            if (!(typeCast(Date_$type, a.il) !== null)) {
+                a.k4 = a.il.toString();
             }
         }
     };

package/esm5/lib/CanvasGridCellBase.js

@@ -631,8 +631,8 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a1 != b) {
             this.a1 = b;
         }
-        var c = a.h8 * 0.2;
-        var d = a.ga * 0.6;
+        var c = a.ib * 0.2;
+        var d = a.gd * 0.6;
         if (this.a2 >= c && this.a2 <= d) {
             return;
         }

package/esm5/lib/CanvasImageCellPresenter.js

@@ -29,23 +29,23 @@ var CanvasImageCellPresenter = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(CellModel.fp) || a.bc(CellModel.h7)) {
-                var c = Math.min(1, Math.max(0, a.c7));
-                var d = a.cs * (1 - c);
+            if (a.bc(CellModel.fs) || a.bc(CellModel.ia)) {
+                var c = Math.min(1, Math.max(0, a.da));
+                var d = a.cv * (1 - c);
                 this.d.dd = d;
             }
-            if (b.bc(ImageCellModel.od) || b.bc(ImageCellModel.oe)) {
-                this.e(b.oh, b.oa);
+            if (b.bc(ImageCellModel.og) || b.bc(ImageCellModel.oh)) {
+                this.e(b.ok, b.od);
             }
-            if (b.bc(ImageCellModel.of) || b.bc(ImageCellModel.gc) || b.bc(ImageCellModel.h6)) {
-                this.f(b.oc, b.g, b.i);
+            if (b.bc(ImageCellModel.oi) || b.bc(ImageCellModel.gf) || b.bc(ImageCellModel.h9)) {
+                this.f(b.of, b.g, b.i);
             }
-            if (b.bc(ImageCellModel.hn)) {
+            if (b.bc(ImageCellModel.hq)) {
                 if (a.u == 1) {
                     this.d.dg();
                 }
                 else if (a.u == 2) {
-                    this.e(b.oh, b.oa);
+                    this.e(b.ok, b.od);
                 }
             }
         }

package/esm5/lib/CanvasNumericCellPresenter.js

@@ -29,20 +29,20 @@ var CanvasNumericCellPresenter = /** @class */ /*@__PURE__*/ (function (_super)
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(NumericCellModel.o1) || a.bc(NumericCellModel.oo) || a.bc(NumericCellModel.h5) || b.og()) {
-                b.k1 = this.e(b);
-                this.d.cr(b.k1);
+            if (a.bc(NumericCellModel.o4) || a.bc(NumericCellModel.or) || a.bc(NumericCellModel.h8) || b.oj()) {
+                b.k4 = this.e(b);
+                this.d.cr(b.k4);
             }
             CanvasContentCellModelHelper.a(this.a.bq, b, this.a);
         }
     };
     CanvasNumericCellPresenter.prototype.e = function (a) {
-        if (a.ly != null) {
-            return a.ly;
+        if (a.l1 != null) {
+            return a.l1;
         }
-        if (a.o7 != null) {
-            var val_ = a.ok;
-            var override_ = a.o7;
+        if (a.pa != null) {
+            var val_ = a.on;
+            var override_ = a.pa;
             return (override_.format(val_));
         }
         return NumericCellFormatter.c(a);

package/esm5/lib/CanvasSectionHeaderCellPresenter.js

@@ -28,24 +28,24 @@ var CanvasSectionHeaderCellPresenter = /** @class */ /*@__PURE__*/ (function (_s
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(SectionHeaderCellModel.of) || a.bc(SectionHeaderCellModel.oh)) {
-                if (b.ob == null || (b.ob.length == 0 && b.op == null)) {
-                    if (b.ii == null) {
-                        b.k1 = "";
+            if (a.bc(SectionHeaderCellModel.oi) || a.bc(SectionHeaderCellModel.ok)) {
+                if (b.oe == null || (b.oe.length == 0 && b.os == null)) {
+                    if (b.il == null) {
+                        b.k4 = "";
                     }
                     else {
-                        b.k1 = b.ii.toString();
+                        b.k4 = b.il.toString();
                     }
                 }
                 else {
-                    if (b.on != null && b.oe == 0) {
-                        b.k1 = b.op + "    " + b.on;
+                    if (b.oq != null && b.oh == 0) {
+                        b.k4 = b.os + "    " + b.oq;
                     }
                     else {
-                        b.k1 = b.op;
+                        b.k4 = b.os;
                     }
                 }
-                this.d.cr(b.k1);
+                this.d.cr(b.k4);
             }
             CanvasContentCellModelHelper.a(this.a.bq, b, this.a);
         }

package/esm5/lib/CanvasSummaryCellPresenter.js

@@ -29,15 +29,15 @@ var CanvasSummaryCellPresenter = /** @class */ /*@__PURE__*/ (function (_super)
         if (a.a7) {
             CanvasContentCellModelHelper.a(this.a.bq, b, this.a);
             if (a.bb("ResolvedSummaryLabel") || a.bb("ResolvedSummaryValue")) {
-                this.d.dj(b.oh);
-                this.d.cr(b.oj);
+                this.d.dj(b.ok);
+                this.d.cr(b.om);
             }
             if (a.bb("SummaryLabelTextColor")) {
-                var c = CanvasContentCellModelHelper.e(b.oo);
+                var c = CanvasContentCellModelHelper.e(b.or);
                 this.d.dk(c);
             }
             if (a.bb("FontInfo") || a.bb("SummaryLabelFontInfo")) {
-                this.d.dl(b.oa);
+                this.d.dl(b.od);
             }
         }
     };

package/esm5/lib/CanvasTemplateCellPresenter.js

@@ -29,14 +29,14 @@ var CanvasTemplateCellPresenter = /** @class */ /*@__PURE__*/ (function (_super)
     CanvasTemplateCellPresenter.prototype.b = function (a) {
         _super.prototype.b.call(this, a);
         var b = a;
-        var c = this.e.actualColumns._inner[a.l.a5];
-        if (a.bc(CellModel.fp) || a.bc(CellModel.h7)) {
-            var d = Math.min(1, Math.max(0, a.c7));
-            var e = a.cs * (1 - d);
+        var c = this.e.actualColumns._inner[a.l.a6];
+        if (a.bc(CellModel.fs) || a.bc(CellModel.ia)) {
+            var d = Math.min(1, Math.max(0, a.da));
+            var e = a.cv * (1 - d);
             this.d.db.opacity = e;
         }
         this.d.dc();
-        c.sf(a, this.d);
+        c.s1(a, this.d);
     };
     CanvasTemplateCellPresenter.$t = markType(CanvasTemplateCellPresenter, 'CanvasTemplateCellPresenter', CanvasCellPresenterBase.$);
     return CanvasTemplateCellPresenter;