igniteui-angular-data-grids 20.0.2-beta.2 → 20.1.0-beta.0

package/esm2015/lib/GridFilterDialogView_combined.js

@@ -499,7 +499,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             }
             if (this.n != null) {
                 if (this.n.grid != null) {
-                    this.n.grid.vd();
+                    this.n.grid.vh();
                 }
                 this.n.nu();
             }

package/esm2015/lib/MultiColumnComboBoxView_combined.js

@@ -846,7 +846,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                     this.d.isColumnOptionsEnabled = false;
                     this.d.isActiveCellStyleEnabled = false;
                     this.d.cornerRadius = new CornerRadius(0, 0);
-                    this.d.iy = false;
+                    this.d.iz = false;
                     let b = this.d;
                     b.activeCellChanged = delegateCombine(b.activeCellChanged, runOn(this, this.a7));
                     let c = this.d;
@@ -1125,7 +1125,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let k = this.e.activeCell;
                         if (null != j.activeCell) {
-                            this.d.kl(false, false);
+                            this.d.km(false, false);
                             b.preventDefault();
                         }
                         else {
@@ -1152,7 +1152,7 @@ export let MultiColumnComboBoxView = /*@__PURE__*/ (() => {
                         }
                         let o = this.e.activeCell;
                         if (null != n.activeCell) {
-                            this.d.ky(false, false);
+                            this.d.kz(false, false);
                             b.preventDefault();
                         }
                         else {

package/esm2015/lib/TemplateHeader.js

@@ -27,7 +27,7 @@ export let TemplateHeader = /*@__PURE__*/ (() => {
         ep(a, b, c, d) {
             super.ep(a, b, c, d);
             let e = a;
-            let f = b.cf(a.l);
+            let f = b.cg(a.l);
             e.ny = f.lk;
             e.n = f.hs;
             e.n1 = f.jg;

package/esm2015/lib/TextIconSetConditionalStyle.js

@@ -12,6 +12,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";
 /**
@@ -75,19 +76,23 @@ export let TextIconSetConditionalStyle = /*@__PURE__*/ (() => {
                     h.t = true;
                     h.u = true;
                     let 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 = ((() => {
+                        let $ret = new GridConditionalStyleFontInfo();
+                        $ret.textStyle = GridStyleRepository.i;
+                        return $ret;
+                    })());
                     h.properties.add(i);
                     a.add(h);
                 }

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

@@ -3154,6 +3154,34 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         loadLayout(json) {
             this.i.loadLayout(json);
         }
+        registerIconFromText(iconCollection, iconName, iconText) {
+            this.i.registerIconFromText(iconCollection, iconName, iconText);
+        }
+        getIconFromCache(iconCollection, iconName) {
+            let iv = this.i.getIconFromCache(iconCollection, iconName);
+            return (iv);
+        }
+        registerMultiPathSVG(iconCollection, iconName, multiPathSVG) {
+            this.i.registerMultiPathSVG(iconCollection, iconName, multiPathSVG);
+        }
+        getMultiPathSVGFromCache(iconCollection, iconName) {
+            let iv = this.i.getMultiPathSVGFromCache(iconCollection, iconName);
+            return (iv);
+        }
+        registerIconFromDataURL(iconCollection, iconName, dataURL) {
+            this.i.registerIconFromDataURL(iconCollection, iconName, dataURL);
+        }
+        getDataURLFromCache(iconCollection, iconName) {
+            let iv = this.i.getDataURLFromCache(iconCollection, iconName);
+            return (iv);
+        }
+        registerIconSource(iconCollection, iconName, source) {
+            this.i.registerIconSource(iconCollection, iconName, source);
+        }
+        getIconSource(iconCollection, iconName) {
+            let iv = this.i.getIconSource(iconCollection, iconName);
+            return (iv);
+        }
         get filterExpressionsChanging() {
             if (this._filterExpressionsChanging == null) {
                 this._filterExpressionsChanging = new EventEmitter();

package/esm2015/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";
@@ -57,10 +58,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
         onImplementationCreated() {
         }
         get stylingType() {
-            return this.i.aj;
+            return this.i.al;
         }
         set stylingType(v) {
-            this.i.aj = ensureEnum(GridConditionalStylePropertyStylingType_$type, v);
+            this.i.al = ensureEnum(GridConditionalStylePropertyStylingType_$type, v);
         }
         get minimumType() {
             return this.i.ah;
@@ -75,10 +76,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.ag = ensureEnum(GridConditionalStyleBoundType_$type, v);
         }
         get propertyName() {
-            return this.i.b9;
+            return this.i.cs;
         }
         set propertyName(v) {
-            this.i.b9 = v;
+            this.i.cs = v;
         }
         get inputValueExpression() {
             return this.i.w;
@@ -87,10 +88,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.w = v;
         }
         get inputValueExpressionString() {
-            return this.i.bo;
+            return this.i.b5;
         }
         set inputValueExpressionString(v) {
-            this.i.bo = v;
+            this.i.b5 = v;
         }
         get actualInputValueExpression() {
             return this.i.s;
@@ -105,10 +106,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.y = v;
         }
         get minimumInputValueExpressionString() {
-            return this.i.b5;
+            return this.i.cn;
         }
         set minimumInputValueExpressionString(v) {
-            this.i.b5 = v;
+            this.i.cn = v;
         }
         get actualMinimumInputValueExpression() {
             return this.i.u;
@@ -123,10 +124,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.x = v;
         }
         get maximumInputValueExpressionString() {
-            return this.i.bz;
+            return this.i.ch;
         }
         set maximumInputValueExpressionString(v) {
-            this.i.bz = v;
+            this.i.ch = v;
         }
         get actualMaximumInputValueExpression() {
             return this.i.t;
@@ -141,10 +142,10 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.ad = v;
         }
         get sumInputValueExpressionString() {
-            return this.i.ce;
+            return this.i.cz;
         }
         set sumInputValueExpressionString(v) {
-            this.i.ce = v;
+            this.i.cz = v;
         }
         get actualSumInputValueExpression() {
             return this.i.v;
@@ -152,47 +153,102 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
         set actualSumInputValueExpression(v) {
             this.i.v = v;
         }
-        get value() {
+        get doubleValue() {
+            return this.i.a7;
+        }
+        set doubleValue(v) {
+            this.i.a7 = +v;
+        }
+        get intValue() {
             return this.i.bc;
         }
-        set value(v) {
-            this.i.bc = v;
+        set intValue(v) {
+            this.i.bc = +v;
+        }
+        get boolValue() {
+            return this.i.ap;
+        }
+        set boolValue(v) {
+            this.i.ap = ensureBool(v);
+        }
+        get dateValue() {
+            return this.i.a0;
+        }
+        set dateValue(v) {
+            this.i.a0 = v;
+        }
+        get fontValue() {
+            const r = this.i.aj;
+            if (r == null) {
+                return null;
+            }
+            if (!r.externalObject) {
+                let e = IgxGridConditionalStyleFontInfoComponent._createFromInternal(r);
+                if (e) {
+                    e._implementation = r;
+                }
+                r.externalObject = e;
+            }
+            return r.externalObject;
+        }
+        set fontValue(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;
+        }
+        get objectValue() {
+            return this.i.bm;
+        }
+        set objectValue(v) {
+            this.i.bm = v;
+        }
+        get stringValue() {
+            return this.i.cv;
+        }
+        set stringValue(v) {
+            this.i.cv = v;
+        }
+        get brushValue() {
+            return brushToString(this.i.c8);
+        }
+        set brushValue(v) {
+            this.i.c8 = stringToBrush(v);
         }
         get shouldSetValue() {
-            return this.i.as;
+            return this.i.aw;
         }
         set shouldSetValue(v) {
-            this.i.as = ensureBool(v);
+            this.i.aw = ensureBool(v);
         }
         get minimumColor() {
-            return brushToString(this.i.co);
+            return brushToString(this.i.da);
         }
         set minimumColor(v) {
-            this.i.co = stringToBrush(v);
+            this.i.da = stringToBrush(v);
         }
         get maximumColor() {
-            return brushToString(this.i.cn);
+            return brushToString(this.i.c9);
         }
         set maximumColor(v) {
-            this.i.cn = stringToBrush(v);
+            this.i.c9 = stringToBrush(v);
         }
         get minimumInputValue() {
-            return this.i.ba;
+            return this.i.bl;
         }
         set minimumInputValue(v) {
-            this.i.ba = v;
+            this.i.bl = v;
         }
         get maximumInputValue() {
-            return this.i.a9;
+            return this.i.bk;
         }
         set maximumInputValue(v) {
-            this.i.a9 = v;
+            this.i.bk = v;
         }
         get sumInputValue() {
-            return this.i.bb;
+            return this.i.bn;
         }
         set sumInputValue(v) {
-            this.i.bb = v;
+            this.i.bn = v;
         }
         get colorCollection() {
             return fromBrushCollection(this.i.f);
@@ -211,16 +267,16 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
             this.i.d = v;
         }
         get requiresGlobalValues() {
-            return this.i.ar;
+            return this.i.av;
         }
         get needsGlobalMinimum() {
-            return this.i.ap;
+            return this.i.at;
         }
         get needsGlobalMaximum() {
-            return this.i.ao;
+            return this.i.as;
         }
         get needsGlobalSum() {
-            return this.i.aq;
+            return this.i.au;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -228,6 +284,9 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
                     return this.findEphemera(name);
                 }
             }
+            if (this.fontValue && this.fontValue.name && this.fontValue.name == name) {
+                return this.fontValue;
+            }
             return null;
         }
         get hasUserValues() {
@@ -278,6 +337,9 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
                 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);
             }
@@ -312,7 +374,7 @@ export let IgxGridConditionalStylePropertyComponent = /*@__PURE__*/ (() => {
         }
     }
     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;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridConditionalStylePropertyComponent, decorators: [{
@@ -355,7 +417,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

package/esm5/lib/CellPresenterBase.js

@@ -38,7 +38,7 @@ var CellPresenterBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (a.a5) {
             this.a.cu(a.m9, a.el, a.eq, a.eo, a.ej);
             if (a.bc(CellModel.eh)) {
-                if (!a.bj && a.p.iy && a.bg && a.cn == 1) {
+                if (!a.bj && a.p.iz && a.bg && a.cn == 1) {
                     this.a.b6();
                 }
             }