igniteui-angular-data-grids 20.0.0 → 20.0.1-beta.0

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

@@ -82,10 +82,10 @@ export class IgxCellInfo {
  * Gets the style key of the current cell, used for recycling.
 */
     get styleKey() {
-        return this.i.kc;
+        return this.i.ke;
     }
     set styleKey(v) {
-        this.i.kc = v;
+        this.i.ke = v;
     }
     /**
      * Gets the absolute data row for the current cell.
@@ -232,10 +232,10 @@ export class IgxCellInfo {
         this.i.f0 = +v;
     }
     get rowItem() {
-        return this.i.hn;
+        return this.i.ho;
     }
     set rowItem(v) {
-        this.i.hn = v;
+        this.i.ho = v;
     }
     /**
      * Gets the X position of the cell within the content.
@@ -331,10 +331,10 @@ export class IgxCellInfo {
      * Gets the width of the cell.
     */
     get width() {
-        return this.i.hd;
+        return this.i.he;
     }
     set width(v) {
-        this.i.hd = +v;
+        this.i.he = +v;
     }
     /**
      * Gets if the cell is selected.
@@ -403,127 +403,127 @@ export class IgxCellInfo {
      * Gets or sets the background color of the cell.
     */
     get background() {
-        return brushToString(this.i.lx);
+        return brushToString(this.i.l1);
     }
     set background(v) {
-        this.i.lx = stringToBrush(v);
+        this.i.l1 = stringToBrush(v);
     }
     /**
      * Gets or sets the border color of the cell.
     */
     get border() {
-        return brushToString(this.i.l0);
+        return brushToString(this.i.l4);
     }
     set border(v) {
-        this.i.l0 = stringToBrush(v);
+        this.i.l4 = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBackground() {
-        return brushToString(this.i.lu);
+        return brushToString(this.i.ly);
     }
     set actualBackground(v) {
-        this.i.lu = stringToBrush(v);
+        this.i.ly = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get actualBorder() {
-        return brushToString(this.i.lv);
+        return brushToString(this.i.lz);
     }
     set actualBorder(v) {
-        this.i.lv = stringToBrush(v);
+        this.i.lz = stringToBrush(v);
     }
     /**
      * Gets the actual background color of the cell
     */
     get activationBorder() {
-        return brushToString(this.i.lt);
+        return brushToString(this.i.lx);
     }
     set activationBorder(v) {
-        this.i.lt = stringToBrush(v);
+        this.i.lx = stringToBrush(v);
     }
     /**
      * Gets or sets the error border color of the cell.
     */
     get errorBorder() {
-        return brushToString(this.i.l2);
+        return brushToString(this.i.l6);
     }
     set errorBorder(v) {
-        this.i.l2 = stringToBrush(v);
+        this.i.l6 = stringToBrush(v);
     }
     /**
      * Gets or sets the selected background color of the cell.
     */
     get selectedBackground() {
-        return brushToString(this.i.l9);
+        return brushToString(this.i.md);
     }
     set selectedBackground(v) {
-        this.i.l9 = stringToBrush(v);
+        this.i.md = stringToBrush(v);
     }
     /**
      * Gets or sets the hover background color of the cell.
     */
     get hoverBackground() {
-        return brushToString(this.i.l5);
+        return brushToString(this.i.l9);
     }
     set hoverBackground(v) {
-        this.i.l5 = stringToBrush(v);
+        this.i.l9 = stringToBrush(v);
     }
     /**
      * Gets or sets the hover text color of the cell.
     */
     get hoverTextColor() {
-        return brushToString(this.i.l6);
+        return brushToString(this.i.ma);
     }
     set hoverTextColor(v) {
-        this.i.l6 = stringToBrush(v);
+        this.i.ma = stringToBrush(v);
     }
     /**
      * Gets or sets the color for the sort indicator icon.
     */
     get sortIndicatorColor() {
-        return brushToString(this.i.ma);
+        return brushToString(this.i.me);
     }
     set sortIndicatorColor(v) {
-        this.i.ma = stringToBrush(v);
+        this.i.me = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for the cell when it is stuck to the top of the grid as a pinned row.
     */
     get stickyRowBackground() {
-        return brushToString(this.i.mb);
+        return brushToString(this.i.mf);
     }
     set stickyRowBackground(v) {
-        this.i.mb = stringToBrush(v);
+        this.i.mf = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for the cell that has been marked as pinned.
     */
     get pinnedRowBackground() {
-        return brushToString(this.i.l8);
+        return brushToString(this.i.mc);
     }
     set pinnedRowBackground(v) {
-        this.i.l8 = stringToBrush(v);
+        this.i.mc = stringToBrush(v);
     }
     /**
      * Gets or sets the color for the last row in the sticky row area.
     */
     get lastStickyRowBackground() {
-        return brushToString(this.i.l7);
+        return brushToString(this.i.mb);
     }
     set lastStickyRowBackground(v) {
-        this.i.l7 = stringToBrush(v);
+        this.i.mb = stringToBrush(v);
     }
     /**
      * Gets or sets the background color for filter row.
     */
     get filterRowBackground() {
-        return brushToString(this.i.l3);
+        return brushToString(this.i.l7);
     }
     set filterRowBackground(v) {
-        this.i.l3 = stringToBrush(v);
+        this.i.l7 = stringToBrush(v);
     }
     /**
      * Gets or sets the color to use for displaying text.
@@ -538,46 +538,55 @@ export class IgxCellInfo {
      * Gets or sets the original value for the cell, before processing.
     */
     get originalValue() {
-        return this.i.hm;
+        return this.i.hn;
     }
     set originalValue(v) {
-        this.i.hm = v;
+        this.i.hn = v;
     }
     /**
      * Gets or sets the text value, if any, which was rendered by a text cell.
     */
     get renderValue() {
-        return this.i.j1;
+        return this.i.j3;
     }
     set renderValue(v) {
-        this.i.j1 = v;
+        this.i.j3 = v;
+    }
+    /**
+     * If set, this text will be used when rendering the cell value.
+    */
+    get userFormattedValue() {
+        return this.i.ki;
+    }
+    set userFormattedValue(v) {
+        this.i.ki = v;
     }
     /**
      * Gets or sets the color of the text for the cell, if any.
     */
     get textColor() {
-        return brushToString(this.i.mc);
+        return brushToString(this.i.mg);
     }
     set textColor(v) {
-        this.i.mc = stringToBrush(v);
+        this.i.mg = stringToBrush(v);
     }
     /**
      * Gets the actual color of the text for the cell, if any.
     */
     get actualTextColor() {
-        return brushToString(this.i.lw);
+        return brushToString(this.i.l0);
     }
     set actualTextColor(v) {
-        this.i.lw = stringToBrush(v);
+        this.i.l0 = stringToBrush(v);
     }
     /**
      * Gets or sets the text color for cells in deleted rows.
     */
     get deletedTextColor() {
-        return brushToString(this.i.l1);
+        return brushToString(this.i.l5);
     }
     set deletedTextColor(v) {
-        this.i.l1 = stringToBrush(v);
+        this.i.l5 = stringToBrush(v);
     }
     get font() {
         if (this.i.ag == null) {
@@ -904,10 +913,10 @@ export class IgxCellInfo {
      * Gets or sets the error message for the cell.
     */
     get editError() {
-        return this.i.it;
+        return this.i.iv;
     }
     set editError(v) {
-        this.i.it = v;
+        this.i.iv = v;
     }
     /**
      * Gets whether the cell is in edit mode.
@@ -955,7 +964,7 @@ export class IgxCellInfo {
         return (iv);
     }
     setNamedValue(valueName, value) {
-        this.i.k8(valueName, value);
+        this.i.lc(valueName, value);
     }
     /**
      * Returns if there is a named value stored for the cell.
@@ -972,7 +981,7 @@ export class IgxCellInfo {
     * @param valueName  * The name of the value to remove.
     */
     removeNamedValue(valueName) {
-        this.i.k4(valueName);
+        this.i.k8(valueName);
     }
     /**
      * Gets a named value from the cell.
@@ -980,7 +989,7 @@ export class IgxCellInfo {
     * @param valueName  * The name of the value to get.
     */
     getNamedValue(valueName) {
-        let iv = this.i.hk(valueName);
+        let iv = this.i.hl(valueName);
         return (iv);
     }
 }

package/esm2015/lib/igx-checkbox-list-component.js

@@ -164,6 +164,9 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
             }
             this.i.primaryKey = v;
         }
+        get isDetached() {
+            return this.i.ay;
+        }
         /**
          * Gets or Sets the property name that contains the values.
         */
@@ -174,25 +177,25 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
             this.i.dataMemberPath = v;
         }
         get dataLegendTarget() {
-            return this.i.bh;
+            return this.i.bk;
         }
         set dataLegendTarget(v) {
-            this.i.bh = v;
+            this.i.bk = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get subtitleMemberPath() {
-            return this.i.cw;
+            return this.i.cz;
         }
         set subtitleMemberPath(v) {
-            this.i.cw = v;
+            this.i.cz = v;
         }
         get propertyTypeMemberPath() {
-            return this.i.cb;
+            return this.i.ce;
         }
         set propertyTypeMemberPath(v) {
-            this.i.cb = v;
+            this.i.ce = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -207,10 +210,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get filterPlaceholderText() {
-            return this.i.b4;
+            return this.i.b7;
         }
         set filterPlaceholderText(v) {
-            this.i.b4 = v;
+            this.i.b7 = v;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -225,13 +228,13 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.be;
+            return this.i.bh;
         }
         set rowHeight(v) {
-            this.i.be = +v;
+            this.i.bh = +v;
         }
         get actualRowHeight() {
-            return this.i.bc;
+            return this.i.bf;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -287,19 +290,19 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search background color.
         */
         get searchBackgroundColor() {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e8);
         }
         set searchBackgroundColor(v) {
-            this.i.e1 = stringToBrush(v);
+            this.i.e8 = stringToBrush(v);
         }
         /**
          * Gets or sets the search background color.
         */
         get labelClickTriggersChange() {
-            return this.i.a1;
+            return this.i.a4;
         }
         set labelClickTriggersChange(v) {
-            this.i.a1 = ensureBool(v);
+            this.i.a4 = ensureBool(v);
         }
         /**
          * Gets or sets the search text color.
@@ -314,10 +317,10 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the search border color.
         */
         get searchBorderColor() {
-            return brushToString(this.i.e2);
+            return brushToString(this.i.e9);
         }
         set searchBorderColor(v) {
-            this.i.e2 = stringToBrush(v);
+            this.i.e9 = stringToBrush(v);
         }
         /**
          * Gets or sets the text style.
@@ -337,55 +340,55 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the checkbox tick color.
         */
         get checkboxTickColor() {
-            return brushToString(this.i.et);
+            return brushToString(this.i.e0);
         }
         set checkboxTickColor(v) {
-            this.i.et = stringToBrush(v);
+            this.i.e0 = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when checked.
         */
         get checkboxCheckedBackgroundColor() {
-            return brushToString(this.i.er);
+            return brushToString(this.i.ey);
         }
         set checkboxCheckedBackgroundColor(v) {
-            this.i.er = stringToBrush(v);
+            this.i.ey = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox background color when unchecked.
         */
         get checkboxUncheckedBackgroundColor() {
-            return brushToString(this.i.eu);
+            return brushToString(this.i.e1);
         }
         set checkboxUncheckedBackgroundColor(v) {
-            this.i.eu = stringToBrush(v);
+            this.i.e1 = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when checked.
         */
         get checkboxCheckedBorderColor() {
-            return brushToString(this.i.es);
+            return brushToString(this.i.ez);
         }
         set checkboxCheckedBorderColor(v) {
-            this.i.es = stringToBrush(v);
+            this.i.ez = stringToBrush(v);
         }
         /**
          * Gets or sets the checkbox border color when unchecked.
         */
         get checkboxUncheckedBorderColor() {
-            return brushToString(this.i.ev);
+            return brushToString(this.i.e2);
         }
         set checkboxUncheckedBorderColor(v) {
-            this.i.ev = stringToBrush(v);
+            this.i.e2 = stringToBrush(v);
         }
         /**
          * Gets or sets the corner radius to use for the checkbox.
         */
         get checkboxCornerRadius() {
-            return this.i.a7;
+            return this.i.ba;
         }
         set checkboxCornerRadius(v) {
-            this.i.a7 = +v;
+            this.i.ba = +v;
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -400,37 +403,37 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.e0);
+            return brushToString(this.i.e7);
         }
         set scrollbarBackground(v) {
-            this.i.e0 = stringToBrush(v);
+            this.i.e7 = stringToBrush(v);
         }
         /**
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get selectAllCaption() {
-            return this.i.cp;
+            return this.i.cs;
         }
         set selectAllCaption(v) {
-            this.i.cp = v;
+            this.i.cs = v;
         }
         /**
          * Gets or sets the color to use for the "Select All" label.
         */
         get selectAllCaptionTextColor() {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.fc);
         }
         set selectAllCaptionTextColor(v) {
-            this.i.e5 = stringToBrush(v);
+            this.i.fc = stringToBrush(v);
         }
         /**
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get actualSelectAllCaptionTextColor() {
-            return brushToString(this.i.ep);
+            return brushToString(this.i.ew);
         }
         set actualSelectAllCaptionTextColor(v) {
-            this.i.ep = stringToBrush(v);
+            this.i.ew = stringToBrush(v);
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -463,37 +466,37 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.e7);
+            return brushToString(this.i.fe);
         }
         set textColor(v) {
-            this.i.e7 = stringToBrush(v);
+            this.i.fe = stringToBrush(v);
         }
         /**
          * Gets or sets whether the filter input is visible.
         */
         get showFilter() {
-            return this.i.a3;
+            return this.i.a6;
         }
         set showFilter(v) {
-            this.i.a3 = ensureBool(v);
+            this.i.a6 = ensureBool(v);
         }
         /**
          * Gets or sets whether row hover highlighting is enabled.
         */
         get isRowHoverEnabled() {
-            return this.i.az;
+            return this.i.a2;
         }
         set isRowHoverEnabled(v) {
-            this.i.az = ensureBool(v);
+            this.i.a2 = ensureBool(v);
         }
         /**
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get checkboxAlignedRight() {
-            return this.i.av;
+            return this.i.ax;
         }
         set checkboxAlignedRight(v) {
-            this.i.av = ensureBool(v);
+            this.i.ax = ensureBool(v);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -564,17 +567,17 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
     
     */
         selectAll() {
-            this.i.d3();
+            this.i.ea();
         }
         /**
          * Deselects all the items in the checkbox list.
         
         */
         deselectAll() {
-            this.i.c5();
+            this.i.c8();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.dg(index, oldItem, newItem);
+            this.i.dl(index, oldItem, newItem);
         }
         /**
          * Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
@@ -582,22 +585,22 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.dc();
+            this.i.dh();
         }
         notifyInsertItem(index, newItem) {
-            this.i.dd(index, newItem);
+            this.i.di(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.df(index, oldItem);
+            this.i.dk(index, oldItem);
         }
         refresh() {
             this.i.refresh();
         }
         addKeyValue(value) {
-            this.i.c0(value);
+            this.i.c3(value);
         }
         removeKeyValue(value) {
-            this.i.d1(value);
+            this.i.d8(value);
         }
         getDesiredSize(availableSize) {
             let iv = this.i.getDesiredSize(toSize(availableSize));
@@ -608,7 +611,7 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isNothingSelected() {
-            let iv = this.i.ax();
+            let iv = this.i.a0();
             return (iv);
         }
         /**
@@ -616,7 +619,7 @@ export let IgxCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.aw();
+            let iv = this.i.az();
             return (iv);
         }
         /**

package/esm2015/lib/igx-combo-box-column-component.js

@@ -38,50 +38,50 @@ export let IgxComboBoxColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual data source that is being used by the combo. If a collection was provided for the combobox data, an implicit LocalDataSource is created, and this is available via this property.
         */
         get actualDataSource() {
-            return this.i.n5;
+            return this.i.n7;
         }
         set actualDataSource(v) {
-            this.i.n5 = v;
+            this.i.n7 = v;
         }
         /**
          * Gets or sets the ComboBox data source.
         */
         get dataSource() {
-            return this.i.n6;
+            return this.i.n8;
         }
         set dataSource(v) {
-            this.i.n6 = v;
+            this.i.n8 = v;
         }
         /**
          * Gets or sets the ComboBox text field.
         */
         get textField() {
-            return this.i.oa;
+            return this.i.oc;
         }
         set textField(v) {
-            this.i.oa = v;
+            this.i.oc = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueField() {
-            return this.i.ob;
+            return this.i.od;
         }
         set valueField(v) {
-            this.i.ob = v;
+            this.i.od = v;
         }
         /**
          * Gets or sets the ComboBox value field.
         */
         get valueMultiField() {
-            return this.i.n3;
+            return this.i.n5;
         }
         set valueMultiField(v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 const re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n3 = v;
+            this.i.n5 = v;
         }
     }
     IgxComboBoxColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxComboBoxColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });