igniteui-angular-data-grids 20.0.2-beta.1 → 20.0.2-beta.3

package/esm5/lib/GridFilterDialogView_combined.js

@@ -553,7 +553,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (this.n != null) {
             if (this.n.grid != null) {
-                this.n.grid.vd();
+                this.n.grid.vh();
             }
             this.n.nu();
         }

package/esm5/lib/MultiColumnComboBoxView_combined.js

@@ -879,7 +879,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                 _this.d.isColumnOptionsEnabled = false;
                 _this.d.isActiveCellStyleEnabled = false;
                 _this.d.cornerRadius = new CornerRadius(0, 0);
-                _this.d.iy = false;
+                _this.d.iz = false;
                 var b = _this.d;
                 b.activeCellChanged = delegateCombine(b.activeCellChanged, runOn(_this, _this.a7));
                 var c = _this.d;
@@ -1170,7 +1170,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     var k = this.e.activeCell;
                     if (null != j.activeCell) {
-                        this.d.kl(false, false);
+                        this.d.km(false, false);
                         b.preventDefault();
                     }
                     else {
@@ -1197,7 +1197,7 @@ var MultiColumnComboBoxView = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     var o = this.e.activeCell;
                     if (null != n.activeCell) {
-                        this.d.ky(false, false);
+                        this.d.kz(false, false);
                         b.preventDefault();
                     }
                     else {

package/esm5/lib/TemplateHeader.js

@@ -29,7 +29,7 @@ var TemplateHeader = /** @class */ /*@__PURE__*/ (function (_super) {
     TemplateHeader.prototype.ep = function (a, b, c, d) {
         _super.prototype.ep.call(this, a, b, c, d);
         var e = a;
-        var f = b.cf(a.l);
+        var f = b.cg(a.l);
         e.ny = f.lk;
         e.n = f.hs;
         e.n1 = f.jg;

package/esm5/lib/TextIconSetConditionalStyle.js

@@ -13,6 +13,7 @@ import { Convert } from "igniteui-angular-core";
 import { enumGetBox, markType } from "igniteui-angular-core";
 import { GridConditionalStyleCollection } from "./GridConditionalStyleCollection";
 import { GridConditionalStyleProperty } from "./GridConditionalStyleProperty";
+import { GridConditionalStyleFontInfo } from "./GridConditionalStyleFontInfo";
 import { GridStyleRepository } from "./GridStyleRepository";
 import { intDivide } from "igniteui-angular-core";
 /**
@@ -81,19 +82,23 @@ var TextIconSetConditionalStyle = /** @class */ /*@__PURE__*/ (function (_super)
                 h.t = true;
                 h.u = true;
                 var i = new GridConditionalStyleProperty();
-                i.aj = 0;
-                i.b9 = "TextValue";
-                i.bc = b[d];
+                i.al = 0;
+                i.cs = "TextValue";
+                i.cv = b[d];
                 h.properties.add(i);
                 i = new GridConditionalStyleProperty();
-                i.aj = 0;
-                i.b9 = "TextColor";
-                i.bc = c[d];
+                i.al = 0;
+                i.cs = "TextColor";
+                i.c8 = c[d];
                 h.properties.add(i);
                 i = new GridConditionalStyleProperty();
-                i.aj = 0;
-                i.b9 = "FontInfo";
-                i.bc = GridStyleRepository.i;
+                i.al = 0;
+                i.cs = "FontInfo";
+                i.aj = ((function () {
+                    var $ret = new GridConditionalStyleFontInfo();
+                    $ret.textStyle = GridStyleRepository.i;
+                    return $ret;
+                })());
                 h.properties.add(i);
                 a.add(h);
             }

package/esm5/lib/igx-data-grid-component.js

@@ -3919,6 +3919,34 @@ var IgxDataGridComponent = /** @class */ /*@__PURE__*/ (function () {
     IgxDataGridComponent.prototype.loadLayout = function (json) {
         this.i.loadLayout(json);
     };
+    IgxDataGridComponent.prototype.registerIconFromText = function (iconCollection, iconName, iconText) {
+        this.i.registerIconFromText(iconCollection, iconName, iconText);
+    };
+    IgxDataGridComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getIconFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgxDataGridComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
+        this.i.registerMultiPathSVG(iconCollection, iconName, multiPathSVG);
+    };
+    IgxDataGridComponent.prototype.getMultiPathSVGFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getMultiPathSVGFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgxDataGridComponent.prototype.registerIconFromDataURL = function (iconCollection, iconName, dataURL) {
+        this.i.registerIconFromDataURL(iconCollection, iconName, dataURL);
+    };
+    IgxDataGridComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
+        var iv = this.i.getDataURLFromCache(iconCollection, iconName);
+        return (iv);
+    };
+    IgxDataGridComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
+        this.i.registerIconSource(iconCollection, iconName, source);
+    };
+    IgxDataGridComponent.prototype.getIconSource = function (iconCollection, iconName) {
+        var iv = this.i.getIconSource(iconCollection, iconName);
+        return (iv);
+    };
     Object.defineProperty(IgxDataGridComponent.prototype, "filterExpressionsChanging", {
         get: function () {
             var _this = this;

package/esm5/lib/igx-grid-conditional-style-property-component.js

@@ -2,6 +2,7 @@ import { EventEmitter, Output, Component, Input, ChangeDetectionStrategy } from
 import { delegateCombine } from "igniteui-angular-core";
 import { GridConditionalStylePropertyStylingType_$type } from "./GridConditionalStylePropertyStylingType";
 import { GridConditionalStyleBoundType_$type } from "./GridConditionalStyleBoundType";
+import { IgxGridConditionalStyleFontInfoComponent } from "./igx-grid-conditional-style-font-info-component";
 import { IgxGridConditionFilterStringErrorsParsingEventArgs } from "./igx-grid-condition-filter-string-errors-parsing-event-args";
 import { GridConditionalStyleProperty } from "./GridConditionalStyleProperty";
 import { TypeRegistrar } from "igniteui-angular-core";
@@ -61,10 +62,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     };
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "stylingType", {
         get: function () {
-            return this.i.aj;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.aj = ensureEnum(GridConditionalStylePropertyStylingType_$type, v);
+            this.i.al = ensureEnum(GridConditionalStylePropertyStylingType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -91,10 +92,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "propertyName", {
         get: function () {
-            return this.i.b9;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.b9 = v;
+            this.i.cs = v;
         },
         enumerable: false,
         configurable: true
@@ -111,10 +112,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "inputValueExpressionString", {
         get: function () {
-            return this.i.bo;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.bo = v;
+            this.i.b5 = v;
         },
         enumerable: false,
         configurable: true
@@ -141,10 +142,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "minimumInputValueExpressionString", {
         get: function () {
-            return this.i.b5;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.b5 = v;
+            this.i.cn = v;
         },
         enumerable: false,
         configurable: true
@@ -171,10 +172,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "maximumInputValueExpressionString", {
         get: function () {
-            return this.i.bz;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.bz = v;
+            this.i.ch = v;
         },
         enumerable: false,
         configurable: true
@@ -201,10 +202,10 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "sumInputValueExpressionString", {
         get: function () {
-            return this.i.ce;
+            return this.i.cz;
         },
         set: function (v) {
-            this.i.ce = v;
+            this.i.cz = v;
         },
         enumerable: false,
         configurable: true
@@ -219,72 +220,155 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "value", {
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "doubleValue", {
+        get: function () {
+            return this.i.a7;
+        },
+        set: function (v) {
+            this.i.a7 = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "intValue", {
         get: function () {
             return this.i.bc;
         },
         set: function (v) {
-            this.i.bc = v;
+            this.i.bc = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "boolValue", {
+        get: function () {
+            return this.i.ap;
+        },
+        set: function (v) {
+            this.i.ap = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "dateValue", {
+        get: function () {
+            return this.i.a0;
+        },
+        set: function (v) {
+            this.i.a0 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "fontValue", {
+        get: function () {
+            var r = this.i.aj;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                var e = IgxGridConditionalStyleFontInfoComponent._createFromInternal(r);
+                if (e) {
+                    e._implementation = r;
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        },
+        set: function (v) {
+            if (v != null && this._stylingContainer && v._styling)
+                v._styling(this._stylingContainer, this, this);
+            v == null ? this.i.aj = null : this.i.aj = v.i;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "objectValue", {
+        get: function () {
+            return this.i.bm;
+        },
+        set: function (v) {
+            this.i.bm = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "stringValue", {
+        get: function () {
+            return this.i.cv;
+        },
+        set: function (v) {
+            this.i.cv = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "brushValue", {
+        get: function () {
+            return brushToString(this.i.c8);
+        },
+        set: function (v) {
+            this.i.c8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "shouldSetValue", {
         get: function () {
-            return this.i.as;
+            return this.i.aw;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
+            this.i.aw = ensureBool(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "minimumColor", {
         get: function () {
-            return brushToString(this.i.co);
+            return brushToString(this.i.da);
         },
         set: function (v) {
-            this.i.co = stringToBrush(v);
+            this.i.da = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "maximumColor", {
         get: function () {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.c9);
         },
         set: function (v) {
-            this.i.cn = stringToBrush(v);
+            this.i.c9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "minimumInputValue", {
         get: function () {
-            return this.i.ba;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.ba = v;
+            this.i.bl = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "maximumInputValue", {
         get: function () {
-            return this.i.a9;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.a9 = v;
+            this.i.bk = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "sumInputValue", {
         get: function () {
-            return this.i.bb;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bb = v;
+            this.i.bn = v;
         },
         enumerable: false,
         configurable: true
@@ -315,28 +399,28 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "requiresGlobalValues", {
         get: function () {
-            return this.i.ar;
+            return this.i.av;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "needsGlobalMinimum", {
         get: function () {
-            return this.i.ap;
+            return this.i.at;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "needsGlobalMaximum", {
         get: function () {
-            return this.i.ao;
+            return this.i.as;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "needsGlobalSum", {
         get: function () {
-            return this.i.aq;
+            return this.i.au;
         },
         enumerable: false,
         configurable: true
@@ -347,6 +431,9 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
                 return this.findEphemera(name);
             }
         }
+        if (this.fontValue && this.fontValue.name && this.fontValue.name == name) {
+            return this.fontValue;
+        }
         return null;
     };
     Object.defineProperty(IgxGridConditionalStylePropertyComponent.prototype, "hasUserValues", {
@@ -401,6 +488,9 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
             additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
         }
         initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
+        if (this.fontValue && this.fontValue._styling) {
+            this.fontValue._styling(container, component, this);
+        }
         if (this._otherStyling) {
             this._otherStyling(container, component, parent);
         }
@@ -439,7 +529,7 @@ var IgxGridConditionalStylePropertyComponent = /** @class */ /*@__PURE__*/ (func
         }
     };
     IgxGridConditionalStylePropertyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridConditionalStylePropertyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxGridConditionalStylePropertyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridConditionalStylePropertyComponent, selector: "igx-grid-conditional-style-property", inputs: { stylingType: "stylingType", minimumType: "minimumType", maximumType: "maximumType", propertyName: "propertyName", inputValueExpression: "inputValueExpression", inputValueExpressionString: "inputValueExpressionString", actualInputValueExpression: "actualInputValueExpression", minimumInputValueExpression: "minimumInputValueExpression", minimumInputValueExpressionString: "minimumInputValueExpressionString", actualMinimumInputValueExpression: "actualMinimumInputValueExpression", maximumInputValueExpression: "maximumInputValueExpression", maximumInputValueExpressionString: "maximumInputValueExpressionString", actualMaximumInputValueExpression: "actualMaximumInputValueExpression", sumInputValueExpression: "sumInputValueExpression", sumInputValueExpressionString: "sumInputValueExpressionString", actualSumInputValueExpression: "actualSumInputValueExpression", value: "value", shouldSetValue: "shouldSetValue", minimumColor: "minimumColor", maximumColor: "maximumColor", minimumInputValue: "minimumInputValue", maximumInputValue: "maximumInputValue", sumInputValue: "sumInputValue", colorCollection: "colorCollection", valueCollection: "valueCollection" }, outputs: { filterStringErrorsParsing: "filterStringErrorsParsing" }, providers: [], ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxGridConditionalStylePropertyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridConditionalStylePropertyComponent, selector: "igx-grid-conditional-style-property", inputs: { stylingType: "stylingType", minimumType: "minimumType", maximumType: "maximumType", propertyName: "propertyName", inputValueExpression: "inputValueExpression", inputValueExpressionString: "inputValueExpressionString", actualInputValueExpression: "actualInputValueExpression", minimumInputValueExpression: "minimumInputValueExpression", minimumInputValueExpressionString: "minimumInputValueExpressionString", actualMinimumInputValueExpression: "actualMinimumInputValueExpression", maximumInputValueExpression: "maximumInputValueExpression", maximumInputValueExpressionString: "maximumInputValueExpressionString", actualMaximumInputValueExpression: "actualMaximumInputValueExpression", sumInputValueExpression: "sumInputValueExpression", sumInputValueExpressionString: "sumInputValueExpressionString", actualSumInputValueExpression: "actualSumInputValueExpression", doubleValue: "doubleValue", intValue: "intValue", boolValue: "boolValue", dateValue: "dateValue", fontValue: "fontValue", objectValue: "objectValue", stringValue: "stringValue", brushValue: "brushValue", shouldSetValue: "shouldSetValue", minimumColor: "minimumColor", maximumColor: "maximumColor", minimumInputValue: "minimumInputValue", maximumInputValue: "maximumInputValue", sumInputValue: "sumInputValue", colorCollection: "colorCollection", valueCollection: "valueCollection" }, outputs: { filterStringErrorsParsing: "filterStringErrorsParsing" }, providers: [], ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxGridConditionalStylePropertyComponent;
 }());
 export { IgxGridConditionalStylePropertyComponent };
@@ -483,7 +573,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], actualSumInputValueExpression: [{
                 type: Input
-            }], value: [{
+            }], doubleValue: [{
+                type: Input
+            }], intValue: [{
+                type: Input
+            }], boolValue: [{
+                type: Input
+            }], dateValue: [{
+                type: Input
+            }], fontValue: [{
+                type: Input
+            }], objectValue: [{
+                type: Input
+            }], stringValue: [{
+                type: Input
+            }], brushValue: [{
                 type: Input
             }], shouldSetValue: [{
                 type: Input