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

package/esm5/lib/igx-summary-row-component.js

@@ -38,10 +38,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for summary cells when selected.
         */
         get: function () {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h0);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
+            this.i.h0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -51,10 +51,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual background color for summary cells when selected.
         */
         get: function () {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hw = stringToBrush(v);
+            this.i.hx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -64,10 +64,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for the summary labels.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h1);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
+            this.i.h1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -77,28 +77,28 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual text color for the summary labels.
         */
         get: function () {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.hy);
         },
         set: function (v) {
-            this.i.hx = stringToBrush(v);
+            this.i.hy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IgxSummaryRowComponent.prototype, "summaryNameTextStyle", {
+    Object.defineProperty(IgxSummaryRowComponent.prototype, "summaryLabelTextStyle", {
         /**
          * Gets or sets the text style for the summary labels.
         */
         get: function () {
-            if (this.i.summaryNameTextStyle == null) {
+            if (this.i.summaryLabelTextStyle == null) {
                 return null;
             }
-            return this.i.summaryNameTextStyle.fontString;
+            return this.i.summaryLabelTextStyle.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.summaryNameTextStyle = fi;
+            this.i.summaryLabelTextStyle = fi;
         },
         enumerable: false,
         configurable: true
@@ -108,10 +108,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hd;
         },
         set: function (v) {
-            this.i.hc = +v;
+            this.i.hd = +v;
         },
         enumerable: false,
         configurable: true
@@ -121,10 +121,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.he;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.he = +v;
+            this.i.hf = +v;
         },
         enumerable: false,
         configurable: true
@@ -134,10 +134,10 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.hd = +v;
+            this.i.he = +v;
         },
         enumerable: false,
         configurable: true
@@ -147,16 +147,16 @@ var IgxSummaryRowComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.hb;
+            return this.i.hc;
         },
         set: function (v) {
-            this.i.hb = +v;
+            this.i.hc = +v;
         },
         enumerable: false,
         configurable: true
     });
     IgxSummaryRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSummaryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxSummaryRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxSummaryRowComponent, selector: "ng-component", inputs: { selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", summaryLabelTextColor: "summaryLabelTextColor", actualSummaryLabelTextColor: "actualSummaryLabelTextColor", summaryNameTextStyle: "summaryNameTextStyle", paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
+    IgxSummaryRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxSummaryRowComponent, selector: "ng-component", inputs: { selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", summaryLabelTextColor: "summaryLabelTextColor", actualSummaryLabelTextColor: "actualSummaryLabelTextColor", summaryLabelTextStyle: "summaryLabelTextStyle", paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
     return IgxSummaryRowComponent;
 }(IgxDefinitionBaseComponent));
 export { IgxSummaryRowComponent };
@@ -173,7 +173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], actualSummaryLabelTextColor: [{
                 type: Input
-            }], summaryNameTextStyle: [{
+            }], summaryLabelTextStyle: [{
                 type: Input
             }], paddingLeft: [{
                 type: Input

package/esm5/lib/igx-summary-row-root-dynamic-module.js

@@ -10,11 +10,13 @@ import { IgxSummaryRowRootModule } from './igx-summary-row-root-module';
 import { IgxSummaryRowRootComponent } from './igx-summary-row-root-component';
 import { SummaryRowRoot } from './SummaryRowRoot';
 import { TypeRegistrar } from "igniteui-angular-core";
+import { IgxSummaryCellInfo } from './igx-summary-cell-info';
 import * as i0 from "@angular/core";
 var IgxSummaryRowRootDynamicModule = /** @class */ /*@__PURE__*/ (function () {
     function IgxSummaryRowRootDynamicModule() {
         TypeRegistrar.registerCons("IgxSummaryRowRootComponent", IgxSummaryRowRootComponent);
         TypeRegistrar.register("SummaryRowRoot", SummaryRowRoot.$type);
+        TypeRegistrar.registerCons("IgxSummaryCellInfo", IgxSummaryCellInfo);
     }
     IgxSummaryRowRootDynamicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSummaryRowRootDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     IgxSummaryRowRootDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSummaryRowRootDynamicModule, imports: [CommonModule, IgxSummaryRowRootModule], exports: [IgxSummaryRowRootModule] });

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

@@ -10,11 +10,13 @@ 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";
 var IgxSummaryRowSectionDynamicModule = /** @class */ /*@__PURE__*/ (function () {
     function IgxSummaryRowSectionDynamicModule() {
         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 });
     IgxSummaryRowSectionDynamicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSummaryRowSectionDynamicModule, imports: [CommonModule, IgxSummaryRowSectionModule], exports: [IgxSummaryRowSectionModule] });

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

@@ -27,10 +27,10 @@ var IgxTemplateCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the value to provide to the template.
         */
         get: function () {
-            return this.i.ob;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.ob = v;
+            this.i.oe = v;
         },
         enumerable: false,
         configurable: true

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

@@ -28,10 +28,10 @@ var IgxTemplateHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the filter UI should be visible in the header.
         */
         get: function () {
-            return this.i.oe;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.oe = ensureBool(v);
+            this.i.oh = ensureBool(v);
         },
         enumerable: false,
         configurable: true

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

@@ -27,10 +27,10 @@ var IgxTextCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets the text value for the cell.
         */
         get: function () {
-            return this.i.ob;
+            return this.i.oe;
         },
         set: function (v) {
-            this.i.ob = v;
+            this.i.oe = v;
         },
         enumerable: false,
         configurable: true

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

@@ -46,10 +46,10 @@ var IgxTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.se;
+            return this.i.s0;
         },
         set: function (v) {
-            this.i.se = ensureEnum(EditorType_$type, v);
+            this.i.s0 = ensureEnum(EditorType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -59,10 +59,10 @@ var IgxTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.sf;
+            return this.i.s1;
         },
         set: function (v) {
-            this.i.sf = v;
+            this.i.s1 = v;
         },
         enumerable: false,
         configurable: true
@@ -72,10 +72,10 @@ var IgxTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sh;
+            return this.i.s3;
         },
         set: function (v) {
-            this.i.sh = v;
+            this.i.s3 = v;
         },
         enumerable: false,
         configurable: true
@@ -85,10 +85,10 @@ var IgxTextColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.si;
+            return this.i.s4;
         },
         set: function (v) {
-            this.i.si = v;
+            this.i.s4 = v;
         },
         enumerable: false,
         configurable: true

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

@@ -33,20 +33,20 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets whether the filter UI should be visible in the header.
         */
         get: function () {
-            return this.i.oq;
+            return this.i.ot;
         },
         set: function (v) {
-            this.i.oq = ensureBool(v);
+            this.i.ot = ensureBool(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "sortIndicatorStyle", {
         get: function () {
-            return this.i.oi;
+            return this.i.ol;
         },
         set: function (v) {
-            this.i.oi = ensureEnum(SortIndicatorStyle_$type, v);
+            this.i.ol = ensureEnum(SortIndicatorStyle_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -56,10 +56,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the alignment of the column options icon within the header cell.
         */
         get: function () {
-            return this.i.oe;
+            return this.i.oh;
         },
         set: function (v) {
-            this.i.oe = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this.i.oh = ensureEnum(ColumnOptionsIconAlignment_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -69,10 +69,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color for the column options icon in the header.
         */
         get: function () {
-            return brushToString(this.i.qc);
+            return brushToString(this.i.qo);
         },
         set: function (v) {
-            this.i.qc = stringToBrush(v);
+            this.i.qo = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -82,10 +82,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets how the column option icon will behave in the header.
         */
         get: function () {
-            return this.i.og;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.og = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this.i.oj = ensureEnum(ColumnOptionsIconBehavior_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -95,10 +95,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the column options theme.
         */
         get: function () {
-            return this.i.ok;
+            return this.i.on;
         },
         set: function (v) {
-            this.i.ok = ensureEnum(BaseControlTheme_$type, v);
+            this.i.on = ensureEnum(BaseControlTheme_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -108,10 +108,49 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.p7);
+            return brushToString(this.i.qj);
         },
         set: function (v) {
-            this.i.p7 = stringToBrush(v);
+            this.i.qj = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.qq);
+        },
+        set: function (v) {
+            this.i.qq = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.qr);
+        },
+        set: function (v) {
+            this.i.qr = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.qp);
+        },
+        set: function (v) {
+            this.i.qp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -121,10 +160,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.qe);
+            return brushToString(this.i.qt);
         },
         set: function (v) {
-            this.i.qe = stringToBrush(v);
+            this.i.qt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -134,55 +173,55 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the font settings for text inside the column options menu.
         */
         get: function () {
-            if (this.i.oo == null) {
+            if (this.i.or == null) {
                 return null;
             }
-            return this.i.oo.fontString;
+            return this.i.or.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.oo = fi;
+            this.i.or = fi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.qb);
+            return brushToString(this.i.qn);
         },
         set: function (v) {
-            this.i.qb = stringToBrush(v);
+            this.i.qn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.qf);
+            return brushToString(this.i.qu);
         },
         set: function (v) {
-            this.i.qf = stringToBrush(v);
+            this.i.qu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsToolTipTextColor", {
         get: function () {
-            return brushToString(this.i.qg);
+            return brushToString(this.i.qv);
         },
         set: function (v) {
-            this.i.qg = stringToBrush(v);
+            this.i.qv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.qa);
+            return brushToString(this.i.qm);
         },
         set: function (v) {
-            this.i.qa = stringToBrush(v);
+            this.i.qm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -192,10 +231,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.qd);
+            return brushToString(this.i.qs);
         },
         set: function (v) {
-            this.i.qd = stringToBrush(v);
+            this.i.qs = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -205,10 +244,10 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p8);
+            return brushToString(this.i.qk);
         },
         set: function (v) {
-            this.i.p8 = stringToBrush(v);
+            this.i.qk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -218,45 +257,45 @@ var IgxTextHeaderCellInfo = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.p9);
+            return brushToString(this.i.ql);
         },
         set: function (v) {
-            this.i.p9 = stringToBrush(v);
+            this.i.ql = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsGroupHeaderTextStyle", {
         get: function () {
-            if (this.i.on == null) {
+            if (this.i.oq == null) {
                 return null;
             }
-            return this.i.on.fontString;
+            return this.i.oq.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.on = fi;
+            this.i.oq = fi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.p6);
+            return brushToString(this.i.qi);
         },
         set: function (v) {
-            this.i.p6 = stringToBrush(v);
+            this.i.qi = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxTextHeaderCellInfo.prototype, "columnOptionsRowHeight", {
         get: function () {
-            return this.i.o2;
+            return this.i.o5;
         },
         set: function (v) {
-            this.i.o2 = +v;
+            this.i.o5 = +v;
         },
         enumerable: false,
         configurable: true