igniteui-webcomponents-data-grids 6.0.0-beta.0 → 6.0.1-beta.1

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

@@ -82,10 +82,10 @@ export class IgcCellInfo {
  * 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 IgcCellInfo {
         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 IgcCellInfo {
      * 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 IgcCellInfo {
      * 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 IgcCellInfo {
      * 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 IgcCellInfo {
      * 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 IgcCellInfo {
         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 IgcCellInfo {
     * @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 IgcCellInfo {
     * @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/igc-checkbox-list-component.js

@@ -267,6 +267,9 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
             }
             this.i.primaryKey = v;
         }
+        get isDetached() {
+            return this.i.ay;
+        }
         /**
          * Gets or Sets the property name that contains the values.
         */
@@ -277,25 +280,25 @@ export let IgcCheckboxListComponent = /*@__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.
@@ -310,10 +313,10 @@ export let IgcCheckboxListComponent = /*@__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.
@@ -329,14 +332,14 @@ export let IgcCheckboxListComponent = /*@__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._a("rowHeight", this.i.be);
+            this.i.bh = +v;
+            this._a("rowHeight", this.i.bh);
         }
         get actualRowHeight() {
-            return this.i.bc;
+            return this.i.bf;
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -397,21 +400,21 @@ export let IgcCheckboxListComponent = /*@__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._a("searchBackgroundColor", brushToString(this.i.e1));
+            this.i.e8 = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.e8));
         }
         /**
          * 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._a("labelClickTriggersChange", this.i.a1);
+            this.i.a4 = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.a4);
         }
         /**
          * Gets or sets the search text color.
@@ -427,11 +430,11 @@ export let IgcCheckboxListComponent = /*@__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._a("searchBorderColor", brushToString(this.i.e2));
+            this.i.e9 = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.e9));
         }
         /**
          * Gets or sets the text style.
@@ -452,61 +455,61 @@ export let IgcCheckboxListComponent = /*@__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._a("checkboxTickColor", brushToString(this.i.et));
+            this.i.e0 = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.e0));
         }
         /**
          * 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._a("checkboxCheckedBackgroundColor", brushToString(this.i.er));
+            this.i.ey = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.ey));
         }
         /**
          * 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._a("checkboxUncheckedBackgroundColor", brushToString(this.i.eu));
+            this.i.e1 = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.e1));
         }
         /**
          * 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._a("checkboxCheckedBorderColor", brushToString(this.i.es));
+            this.i.ez = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.ez));
         }
         /**
          * 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._a("checkboxUncheckedBorderColor", brushToString(this.i.ev));
+            this.i.e2 = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.e2));
         }
         /**
          * 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._a("checkboxCornerRadius", this.i.a7);
+            this.i.ba = +v;
+            this._a("checkboxCornerRadius", this.i.ba);
         }
         /**
          * Gets or sets the style of scrollbar.
@@ -522,40 +525,40 @@ export let IgcCheckboxListComponent = /*@__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._a("scrollbarBackground", brushToString(this.i.e0));
+            this.i.e7 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.e7));
         }
         /**
          * 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._a("selectAllCaptionTextColor", brushToString(this.i.e5));
+            this.i.fc = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.fc));
         }
         /**
          * 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._a("actualSelectAllCaptionTextColor", brushToString(this.i.ep));
+            this.i.ew = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.ew));
         }
         /**
          * Gets / sets whether the "Select all" checkbox is visible.
@@ -591,41 +594,41 @@ export let IgcCheckboxListComponent = /*@__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._a("textColor", brushToString(this.i.e7));
+            this.i.fe = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.fe));
         }
         /**
          * 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._a("showFilter", this.i.a3);
+            this.i.a6 = ensureBool(v);
+            this._a("showFilter", this.i.a6);
         }
         /**
          * 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._a("isRowHoverEnabled", this.i.az);
+            this.i.a2 = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.a2);
         }
         /**
          * 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._a("checkboxAlignedRight", this.i.av);
+            this.i.ax = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.ax);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -696,17 +699,17 @@ export let IgcCheckboxListComponent = /*@__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.
@@ -714,22 +717,22 @@ export let IgcCheckboxListComponent = /*@__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));
@@ -740,7 +743,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isNothingSelected() {
-            let iv = this.i.ax();
+            let iv = this.i.a0();
             return (iv);
         }
         /**
@@ -748,7 +751,7 @@ export let IgcCheckboxListComponent = /*@__PURE__*/ (() => {
         
         */
         isEverythingSelected() {
-            let iv = this.i.aw();
+            let iv = this.i.az();
             return (iv);
         }
         /**