igniteui-angular-data-grids 21.0.0-beta.0 → 21.0.1-beta.0

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

@@ -40,137 +40,137 @@ export let IgxNumericColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the string to prefix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativePrefix() {
-            return this.i.p4;
+            return this.i.rl;
         }
         set negativePrefix(v) {
-            this.i.p4 = v;
+            this.i.rl = v;
         }
         /**
          * Gets or sets the string to prefix a positive value. If FormatString is specificied this value is ignored.
         */
         get positivePrefix() {
-            return this.i.p8;
+            return this.i.rp;
         }
         set positivePrefix(v) {
-            this.i.p8 = v;
+            this.i.rp = v;
         }
         /**
          * Gets or sets the string to suffix a negative value. If FormatString is specificied this value is ignored.
         */
         get negativeSuffix() {
-            return this.i.p6;
+            return this.i.rn;
         }
         set negativeSuffix(v) {
-            this.i.p6 = v;
+            this.i.rn = v;
         }
         /**
          * Gets or sets the string to suffix a positive value. If FormatString is specificied this value is ignored.
         */
         get positiveSuffix() {
-            return this.i.qa;
+            return this.i.rr;
         }
         set positiveSuffix(v) {
-            this.i.qa = v;
+            this.i.rr = v;
         }
         /**
          * Gets or sets the maximum fraction digits. If FormatString is specificied this value is ignored.
         */
         get maxFractionDigits() {
-            return this.i.pj;
+            return this.i.q0;
         }
         set maxFractionDigits(v) {
-            this.i.pj = +v;
+            this.i.q0 = +v;
         }
         /**
          * Gets or sets the minimum fraction digits. If FormatString is specificied this value is ignored.
         */
         get minFractionDigits() {
-            return this.i.pk;
+            return this.i.q1;
         }
         set minFractionDigits(v) {
-            this.i.pk = +v;
+            this.i.q1 = +v;
         }
         /**
          * Gets or sets the minimum integer digits. If FormatString is specificied this value is ignored.
         */
         get minIntegerDigits() {
-            return this.i.pl;
+            return this.i.q2;
         }
         set minIntegerDigits(v) {
-            this.i.pl = +v;
+            this.i.q2 = +v;
         }
         /**
          * Gets or sets whether to show a grouping separator. If FormatString is specificied this value is ignored.
         */
         get showGroupingSeparator() {
-            return this.i.pe;
+            return this.i.qv;
         }
         set showGroupingSeparator(v) {
-            this.i.pe = ensureBool(v);
+            this.i.qv = ensureBool(v);
         }
         /**
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get formatString() {
-            return this.i.pz;
+            return this.i.rg;
         }
         set formatString(v) {
-            this.i.pz = v;
+            this.i.rg = v;
         }
         get formatSpecifiers() {
-            return this.i.pa;
+            return this.i.qr;
         }
         set formatSpecifiers(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.pa = v;
+            this.i.qr = v;
         }
         /**
          * Gets or sets the INTL NumericFormat object to use for formatting the date values.
         */
         get formatOverride() {
-            return this.i.po;
+            return this.i.q5;
         }
         set formatOverride(v) {
-            this.i.po = v;
+            this.i.q5 = v;
         }
         /**
          * Gets or sets the editor type used for editing cells in this column.
         */
         get editorType() {
-            return this.i.pc;
+            return this.i.qt;
         }
         set editorType(v) {
-            this.i.pc = ensureEnum(EditorType_$type, v);
+            this.i.qt = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.pn;
+            return this.i.q4;
         }
         set editorDataSource(v) {
-            this.i.pn = v;
+            this.i.q4 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.pu;
+            return this.i.rb;
         }
         set editorTextField(v) {
-            this.i.pu = v;
+            this.i.rb = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.pv;
+            return this.i.rc;
         }
         set editorValueField(v) {
-            this.i.pv = v;
+            this.i.rc = v;
         }
         findByName(name) {
             var baseResult = super.findByName(name);

package/esm2015/lib/igx-section-header-component.js

@@ -36,64 +36,64 @@ export let IgxSectionHeaderComponent = /*@__PURE__*/ (() => {
             }
         }
         get selectedBackground() {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hv);
         }
         set selectedBackground(v) {
-            this.i.ht = stringToBrush(v);
+            this.i.hv = stringToBrush(v);
         }
         get actualSelectedBackground() {
-            return brushToString(this.i.hs);
+            return brushToString(this.i.hu);
         }
         set actualSelectedBackground(v) {
-            this.i.hs = stringToBrush(v);
+            this.i.hu = stringToBrush(v);
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.hb;
+            return this.i.hd;
         }
         set paddingLeft(v) {
-            this.i.hb = +v;
+            this.i.hd = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hd;
+            return this.i.hf;
         }
         set paddingTop(v) {
-            this.i.hd = +v;
+            this.i.hf = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.hc;
+            return this.i.he;
         }
         set paddingRight(v) {
-            this.i.hc = +v;
+            this.i.he = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.ha;
+            return this.i.hc;
         }
         set paddingBottom(v) {
-            this.i.ha = +v;
+            this.i.hc = +v;
         }
         get isCollapsable() {
-            return this.i.g4;
+            return this.i.g6;
         }
         set isCollapsable(v) {
-            this.i.g4 = ensureBool(v);
+            this.i.g6 = ensureBool(v);
         }
         get summaryDisplayMode() {
-            return this.i.g1;
+            return this.i.g3;
         }
         set summaryDisplayMode(v) {
-            this.i.g1 = ensureEnum(GroupSummaryDisplayMode_$type, v);
+            this.i.g3 = ensureEnum(GroupSummaryDisplayMode_$type, v);
         }
     }
     IgxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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

@@ -32,37 +32,37 @@ export let IgxSummaryRowComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color for summary cells when selected.
         */
         get selectedBackground() {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hy);
         }
         set selectedBackground(v) {
-            this.i.hw = stringToBrush(v);
+            this.i.hy = stringToBrush(v);
         }
         /**
          * Gets the actual background color for summary cells when selected.
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hv);
         }
         set actualSelectedBackground(v) {
-            this.i.ht = stringToBrush(v);
+            this.i.hv = stringToBrush(v);
         }
         /**
          * Gets or sets the text color for the summary labels.
         */
         get summaryLabelTextColor() {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.hz);
         }
         set summaryLabelTextColor(v) {
-            this.i.hx = stringToBrush(v);
+            this.i.hz = stringToBrush(v);
         }
         /**
          * Gets the actual text color for the summary labels.
         */
         get actualSummaryLabelTextColor() {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.hw);
         }
         set actualSummaryLabelTextColor(v) {
-            this.i.hu = stringToBrush(v);
+            this.i.hw = stringToBrush(v);
         }
         /**
          * Gets or sets the text style for the summary labels.
@@ -82,37 +82,37 @@ export let IgxSummaryRowComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.g9;
+            return this.i.hb;
         }
         set paddingLeft(v) {
-            this.i.g9 = +v;
+            this.i.hb = +v;
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.hb;
+            return this.i.hd;
         }
         set paddingTop(v) {
-            this.i.hb = +v;
+            this.i.hd = +v;
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.ha;
+            return this.i.hc;
         }
         set paddingRight(v) {
-            this.i.ha = +v;
+            this.i.hc = +v;
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.g8;
+            return this.i.ha;
         }
         set paddingBottom(v) {
-            this.i.g8 = +v;
+            this.i.ha = +v;
         }
     }
     IgxSummaryRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxSummaryRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

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.o9;
+            return this.i.qq;
         }
         set editorType(v) {
-            this.i.o9 = ensureEnum(EditorType_$type, v);
+            this.i.qq = ensureEnum(EditorType_$type, v);
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get editorDataSource() {
-            return this.i.pa;
+            return this.i.qr;
         }
         set editorDataSource(v) {
-            this.i.pa = v;
+            this.i.qr = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get editorTextField() {
-            return this.i.pc;
+            return this.i.qt;
         }
         set editorTextField(v) {
-            this.i.pc = v;
+            this.i.qt = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get editorValueField() {
-            return this.i.pd;
+            return this.i.qu;
         }
         set editorValueField(v) {
-            this.i.pd = v;
+            this.i.qu = 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

@@ -1,6 +1,7 @@
 import { SortIndicatorStyle_$type } from "./SortIndicatorStyle";
 import { ColumnOptionsIconAlignment_$type } from "./ColumnOptionsIconAlignment";
 import { ColumnOptionsIconBehavior_$type } from "./ColumnOptionsIconBehavior";
+import { BaseControlTheme_$type } from "igniteui-angular-core";
 import { IgxTextCellInfo } from "./igx-text-cell-info";
 import { TextHeaderCellModel as TextHeaderCellModel_internal } from "./TextHeaderCellModel";
 import { ensureBool, ensureEnum, brushToString, stringToBrush } from "igniteui-angular-core";
@@ -24,10 +25,10 @@ export class IgxTextHeaderCellInfo extends IgxTextCellInfo {
      * Sets or gets whether the filter UI should be visible in the header.
     */
     get isColumnOptionsEnabled() {
-        return this.i.ob;
+        return this.i.od;
     }
     set isColumnOptionsEnabled(v) {
-        this.i.ob = ensureBool(v);
+        this.i.od = ensureBool(v);
     }
     get sortIndicatorStyle() {
         return this.i.n9;
@@ -48,10 +49,10 @@ export class IgxTextHeaderCellInfo extends IgxTextCellInfo {
      * Gets or sets the color for the column options icon in the header.
     */
     get columnOptionsIconColor() {
-        return brushToString(this.i.on);
+        return brushToString(this.i.pd);
     }
     set columnOptionsIconColor(v) {
-        this.i.on = stringToBrush(v);
+        this.i.pd = stringToBrush(v);
     }
     /**
      * Gets or sets how the column option icon will behave in the header.
@@ -62,4 +63,64 @@ export class IgxTextHeaderCellInfo extends IgxTextCellInfo {
     set columnOptionsIconBehavior(v) {
         this.i.n7 = ensureEnum(ColumnOptionsIconBehavior_$type, v);
     }
+    /**
+     * Gets or sets the column options theme.
+    */
+    get columnOptionsTheme() {
+        return this.i.ob;
+    }
+    set columnOptionsTheme(v) {
+        this.i.ob = ensureEnum(BaseControlTheme_$type, v);
+    }
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground() {
+        return brushToString(this.i.pa);
+    }
+    set columnOptionsBackground(v) {
+        this.i.pa = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor() {
+        return brushToString(this.i.pf);
+    }
+    set columnOptionsTextColor(v) {
+        this.i.pf = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor() {
+        return brushToString(this.i.pe);
+    }
+    set columnOptionsSeparatorColor(v) {
+        this.i.pe = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground() {
+        return brushToString(this.i.pb);
+    }
+    set columnOptionsGroupHeaderBackground(v) {
+        this.i.pb = stringToBrush(v);
+    }
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor() {
+        return brushToString(this.i.pc);
+    }
+    set columnOptionsGroupHeaderTextColor(v) {
+        this.i.pc = stringToBrush(v);
+    }
+    get columnOptionsAccentColor() {
+        return brushToString(this.i.o9);
+    }
+    set columnOptionsAccentColor(v) {
+        this.i.o9 = stringToBrush(v);
+    }
 }

package/esm2015/public_api.js

@@ -357,6 +357,7 @@ export * from './lib/GridColumnSpacer';
 export * from './lib/GridColumnSpacerCollection';
 export * from './lib/GridEffectGroup';
 export * from './lib/GridStyleRepository';
+export * from './lib/GridStyleRepositoryKeys';
 export * from './lib/HoverManager';
 export * from './lib/IColumnGrouping';
 export * from './lib/IDataGridComponent';

package/esm5/lib/CanvasCellPresenterBase.js

@@ -57,7 +57,7 @@ var CanvasCellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (c == 1) {
             return b.color;
         }
-        var d = BrushUtil.n(a, c, b, 0);
+        var d = BrushUtil.p(a, c, b, 0);
         return d.color;
     };
     Object.defineProperty(CanvasCellPresenterBase.prototype, "nativeCell", {

package/esm5/lib/CanvasTemplateCellPresenter.js

@@ -36,7 +36,7 @@ var CanvasTemplateCellPresenter = /** @class */ /*@__PURE__*/ (function (_super)
             this.d.db.opacity = e;
         }
         this.d.dc();
-        c.pa(a, this.d);
+        c.qr(a, this.d);
     };
     CanvasTemplateCellPresenter.$t = markType(CanvasTemplateCellPresenter, 'CanvasTemplateCellPresenter', CanvasCellPresenterBase.$);
     return CanvasTemplateCellPresenter;

package/esm5/lib/CanvasTemplateHeaderCellPresenter.js

@@ -36,7 +36,7 @@ var CanvasTemplateHeaderCellPresenter = /** @class */ /*@__PURE__*/ (function (_
         }
         var f = a;
         this.d.dc();
-        c.hr(f, this.d);
+        c.ht(f, this.d);
     };
     CanvasTemplateHeaderCellPresenter.$t = markType(CanvasTemplateHeaderCellPresenter, 'CanvasTemplateHeaderCellPresenter', CanvasCellPresenterBase.$);
     return CanvasTemplateHeaderCellPresenter;

package/esm5/lib/CellPresenterBase.js

@@ -38,14 +38,14 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (a.a5) {
             this.a.cx(a.nd, a.en, a.es, a.eq, a.el);
             if (a.bc(CellModel.ej)) {
-                if (!a.bj && a.p.iz && a.bg && a.co == 1) {
+                if (!a.bj && a.p.i1 && a.bg && a.co == 1) {
                     this.a.b9();
                 }
             }
         }
         if (a.bs) {
             this.a.c1(a.f8, (a.e3 + a.ex + a.es + a.el));
-            this.a.db(a.h5, (a.ez + a.e1 + a.en + a.eq));
+            this.a.dc(a.h5, (a.ez + a.e1 + a.en + a.eq));
         }
         if (a.a7) {
             if (a.bm && !this.a.z) {
@@ -61,11 +61,11 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.a.aa = a.a6;
                 this.a.bi = a.ge;
                 this.a.ab = a.be;
-                this.a.db(a.h5, (a.ez + a.e1 + a.en + a.eq));
+                this.a.dc(a.h5, (a.ez + a.e1 + a.en + a.eq));
             }
             if (a.bb("Indent")) {
                 this.a.bi = a.ge;
-                this.a.db(a.h5, (a.ez + a.e1 + a.en + a.eq));
+                this.a.dc(a.h5, (a.ez + a.e1 + a.en + a.eq));
             }
             if (a.bb("IsExpanded")) {
                 this.a.ab = a.be;
@@ -74,7 +74,7 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.a.b3 = a.lk;
             }
             if (a.bc(CellModel.hv)) {
-                this.a.ds = a.nw;
+                this.a.dt = a.nw;
             }
             if (a.bc(CellModel.hw)) {
                 this.a.n = a.ak;
@@ -86,20 +86,20 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.a.bv = a.k9;
             }
             if (a.bc(CellModel.hp)) {
-                this.a.dr = a.nv;
+                this.a.ds = a.nv;
             }
             if (a.bc(CellModel.hn)) {
-                this.a.dq = a.nu;
+                this.a.dr = a.nu;
             }
             if (a.bc(CellModel.hu)) {
                 this.a.aj = a.c4;
             }
             if (a.bc(CellModel.hr) || a.bc(CellModel.hs) || a.bc(CellModel.ht) || a.bc(CellModel.ht)) {
-                this.a.du = new Rect(0, a.c1, a.c2, a.c3, a.c0);
+                this.a.dv = new Rect(0, a.c1, a.c2, a.c3, a.c0);
             }
         }
         if (a.bs && a.bm) {
-            this.a.dj(a);
+            this.a.dk(a);
         }
         if (a.bb("DoClone")) {
             if (a.a1) {
@@ -115,7 +115,7 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (c == 1) {
             return b.color;
         }
-        var d = BrushUtil.n(a, c, b, 0);
+        var d = BrushUtil.p(a, c, b, 0);
         return d.color;
     };
     Object.defineProperty(CellPresenterBase.prototype, "nativeCell", {

package/esm5/lib/CheckboxListBridge.js

@@ -120,6 +120,11 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.y = null;
                 this.aa = null;
                 break;
+            case 26:
+                e.keysCleared = delegateRemove(e.keysCleared, runOn(this, this.ak));
+                this.z = null;
+                this.ab = null;
+                break;
         }
     };
     CheckboxListBridge.prototype.ag = function (a, b) {
@@ -211,6 +216,9 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 82:
                 d.searchTextColor = c;
                 break;
+            case 117:
+                d.selectAllCaptionTextColor = c;
+                break;
             case 99:
                 d.indexType = EnumUtil.getEnumValue(NativeUICheckboxListIndexType_$type, c);
                 break;
@@ -229,6 +237,18 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 17:
                 d.checkboxCornerRadius = c;
                 break;
+            case 67:
+                d.checkboxCheckedBackgroundColor = c;
+                break;
+            case 69:
+                d.checkboxCheckedBorderColor = c;
+                break;
+            case 66:
+                d.checkboxUncheckedBackgroundColor = c;
+                break;
+            case 68:
+                d.checkboxUncheckedBorderColor = c;
+                break;
         }
     };
     CheckboxListBridge.prototype.getValue = function (a, b) {
@@ -247,12 +267,17 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
             case 24: return c.rowHoverBackgroundColor;
             case 81: return c.searchIconColor;
             case 82: return c.searchTextColor;
+            case 117: return c.selectAllCaptionTextColor;
             case 99: return enumGetBox(CheckboxListExternalIndexType_$type, c.indexType);
             case 113: return c.checkboxAlignedRight;
             case 114: return c.labelClickTriggersChange;
             case 115: return c.dataLegendTarget;
             case 78: return c.propertyTypeMemberPath;
             case 17: return c.checkboxCornerRadius;
+            case 67: return c.checkboxCheckedBackgroundColor;
+            case 69: return c.checkboxCheckedBorderColor;
+            case 66: return c.checkboxUncheckedBackgroundColor;
+            case 68: return c.checkboxUncheckedBorderColor;
         }
         return null;
     };
@@ -281,6 +306,9 @@ var CheckboxListBridge = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = a.exportVisualModel();
         return b;
     };
+    CheckboxListBridge.prototype.setGridColumnProvider = function (a, b) {
+        a.gridColumnProvider = b;
+    };
     CheckboxListBridge.$t = markType(CheckboxListBridge, 'CheckboxListBridge', XComponentBridge.$, [INativeUICheckboxListBridge_$type]);
     return CheckboxListBridge;
 }(XComponentBridge));