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

package/esm5/lib/VerticalSeparatorCell.js

@@ -15,57 +15,57 @@ var VerticalSeparatorCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(VerticalSeparatorCell, _super);
     function VerticalSeparatorCell(a) {
         var _this = _super.call(this, a) || this;
+        _this.dx = null;
         _this.dw = null;
-        _this.dv = null;
-        _this.dx = 0;
         _this.dy = 0;
-        _this.dw = a.createElement("div");
-        _this.dw.setRawStyleProperty("position", "absolute");
-        _this.dw.setRawStyleProperty("pointer-events", "none");
-        _this.ar.append(_this.dw);
+        _this.dz = 0;
+        _this.dx = a.createElement("div");
+        _this.dx.setRawStyleProperty("position", "absolute");
+        _this.dx.setRawStyleProperty("pointer-events", "none");
+        _this.ar.append(_this.dx);
         return _this;
     }
     VerticalSeparatorCell.prototype.cx = function (a, b, c, d, e) {
         if (a == null) {
-            if (this.dv != null) {
-                this.dv.remove();
-                this.dv = null;
+            if (this.dw != null) {
+                this.dw.remove();
+                this.dw = null;
             }
         }
         else {
-            this.dz();
-            this.dx = b;
-            this.dy = d;
+            this.d0();
+            this.dy = b;
+            this.dz = d;
         }
-        this.d0();
+        this.d1();
     };
-    VerticalSeparatorCell.prototype.db = function (a, b) {
-        _super.prototype.db.call(this, a, b);
-        this.d0();
+    VerticalSeparatorCell.prototype.dc = function (a, b) {
+        _super.prototype.dc.call(this, a, b);
+        this.d1();
     };
     VerticalSeparatorCell.prototype.cw = function (a) {
-        this.dw.setRawStyleProperty("background-color", a.colorString);
+        this.dx.setRawStyleProperty("background-color", a.colorString);
     };
-    VerticalSeparatorCell.prototype.d0 = function () {
-        if (this.dv != null) {
+    VerticalSeparatorCell.prototype.d1 = function () {
+        if (this.dw != null) {
+            this.dx.setRawStyleProperty("height", "100%");
+            this.dx.setRawStyleProperty("width", this.ar.width() - (this.dy + this.dz) + "px");
+            this.dx.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
+            this.dw.setRawStyleProperty("width", "100%");
             this.dw.setRawStyleProperty("height", "100%");
-            this.dw.setRawStyleProperty("width", this.ar.width() - (this.dx + this.dy) + "px");
-            this.dw.setRawStyleProperty("left", intDivide(this.ar.width(), 2) + "px");
-            this.dv.setRawStyleProperty("width", "100%");
-            this.dv.setRawStyleProperty("height", "100%");
         }
         else {
-            this.dw.setRawStyleProperty("height", "100%");
-            this.dw.setRawStyleProperty("width", this.ar.width() + "px");
-            this.dw.setRawStyleProperty("left", "0px");
+            this.dx.setRawStyleProperty("height", "100%");
+            this.dx.setRawStyleProperty("width", this.ar.width() + "px");
+            this.dx.setRawStyleProperty("left", "0px");
         }
     };
-    VerticalSeparatorCell.prototype.dz = function () {
-        if (this.dv == null) {
-            this.dv = this.am.createElement("div");
-            this.dv.setRawStyleProperty("position", "absolute");
-            this.dv.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
-            this.ar.getNativeElement().insertBefore(this.dv.getNativeElement(), this.dw.getNativeElement());
+    VerticalSeparatorCell.prototype.d0 = function () {
+        if (this.dw == null) {
+            this.dw = this.am.createElement("div");
+            this.dw.setRawStyleProperty("position", "absolute");
+            this.dw.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
+            this.ar.getNativeElement().insertBefore(this.dw.getNativeElement(), this.dx.getNativeElement());
         }
     };
     VerticalSeparatorCell.$t = markType(VerticalSeparatorCell, 'VerticalSeparatorCell', GridCellBase.$);

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

@@ -190,7 +190,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxCheckboxListComponent.prototype, "isDetached", {
         get: function () {
-            return this.i.az;
+            return this.i.a0;
         },
         enumerable: false,
         configurable: true
@@ -210,10 +210,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxCheckboxListComponent.prototype, "dataLegendTarget", {
         get: function () {
-            return this.i.bl;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bl = v;
+            this.i.bm = v;
         },
         enumerable: false,
         configurable: true
@@ -223,20 +223,20 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.c2;
+            return this.i.c3;
         },
         set: function (v) {
-            this.i.c2 = v;
+            this.i.c3 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCheckboxListComponent.prototype, "propertyTypeMemberPath", {
         get: function () {
-            return this.i.ch;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.ch = v;
+            this.i.ci = v;
         },
         enumerable: false,
         configurable: true
@@ -259,10 +259,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.ca = v;
+            this.i.cb = v;
         },
         enumerable: false,
         configurable: true
@@ -272,10 +272,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.z;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.z = ensureEnum(InputGroupDisplayType_$type, v);
+            this.i.aa = ensureEnum(InputGroupDisplayType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -285,17 +285,17 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bi = +v;
+            this.i.bj = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.bg;
+            return this.i.bh;
         },
         enumerable: false,
         configurable: true
@@ -305,15 +305,15 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.an == null) {
+            if (this.i.ao == null) {
                 return null;
             }
-            return this.i.an.fontString;
+            return this.i.ao.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.an = fi;
+            this.i.ao = fi;
         },
         enumerable: false,
         configurable: true
@@ -375,10 +375,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.fb);
+            return brushToString(this.i.ff);
         },
         set: function (v) {
-            this.i.fb = stringToBrush(v);
+            this.i.ff = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -388,10 +388,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the search background color.
         */
         get: function () {
-            return this.i.a5;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.a5 = ensureBool(v);
+            this.i.a6 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -414,10 +414,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.fc);
+            return brushToString(this.i.fg);
         },
         set: function (v) {
-            this.i.fc = stringToBrush(v);
+            this.i.fg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -427,15 +427,15 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text style.
         */
         get: function () {
-            if (this.i.ao == null) {
+            if (this.i.ap == null) {
                 return null;
             }
-            return this.i.ao.fontString;
+            return this.i.ap.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ao = fi;
+            this.i.ap = fi;
         },
         enumerable: false,
         configurable: true
@@ -445,10 +445,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.e3);
+            return brushToString(this.i.e5);
         },
         set: function (v) {
-            this.i.e3 = stringToBrush(v);
+            this.i.e5 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -458,10 +458,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.e1);
+            return brushToString(this.i.e3);
         },
         set: function (v) {
-            this.i.e1 = stringToBrush(v);
+            this.i.e3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -471,10 +471,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e4);
+            return brushToString(this.i.e6);
         },
         set: function (v) {
-            this.i.e4 = stringToBrush(v);
+            this.i.e6 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -484,10 +484,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.e2);
+            return brushToString(this.i.e4);
         },
         set: function (v) {
-            this.i.e2 = stringToBrush(v);
+            this.i.e4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -497,10 +497,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.e5);
+            return brushToString(this.i.e7);
         },
         set: function (v) {
-            this.i.e5 = stringToBrush(v);
+            this.i.e7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -510,10 +510,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the corner radius to use for the checkbox.
         */
         get: function () {
-            return this.i.bb;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.bb = +v;
+            this.i.bc = +v;
         },
         enumerable: false,
         configurable: true
@@ -523,10 +523,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the style of scrollbar.
         */
         get: function () {
-            return this.i.ac;
+            return this.i.ad;
         },
         set: function (v) {
-            this.i.ac = ensureEnum(ScrollbarStyle_$type, v);
+            this.i.ad = ensureEnum(ScrollbarStyle_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -536,10 +536,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.fa);
+            return brushToString(this.i.fe);
         },
         set: function (v) {
-            this.i.fa = stringToBrush(v);
+            this.i.fe = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -549,10 +549,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.cv = v;
+            this.i.cw = v;
         },
         enumerable: false,
         configurable: true
@@ -562,10 +562,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.ff);
+            return brushToString(this.i.fj);
         },
         set: function (v) {
-            this.i.ff = stringToBrush(v);
+            this.i.fj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -575,10 +575,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.ez);
+            return brushToString(this.i.e1);
         },
         set: function (v) {
-            this.i.ez = stringToBrush(v);
+            this.i.e1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -627,10 +627,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.fh);
+            return brushToString(this.i.fl);
         },
         set: function (v) {
-            this.i.fh = stringToBrush(v);
+            this.i.fl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -640,10 +640,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether the filter input is visible.
         */
         get: function () {
-            return this.i.a7;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.a7 = ensureBool(v);
+            this.i.a8 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -653,10 +653,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether row hover highlighting is enabled.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.a4;
         },
         set: function (v) {
-            this.i.a3 = ensureBool(v);
+            this.i.a4 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -666,10 +666,10 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether checkbox should be displayed to the right.
         */
         get: function () {
-            return this.i.ay;
+            return this.i.az;
         },
         set: function (v) {
-            this.i.ay = ensureBool(v);
+            this.i.az = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -747,17 +747,17 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
 
 */
     IgxCheckboxListComponent.prototype.selectAll = function () {
-        this.i.ed();
+        this.i.ef();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgxCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.db();
+        this.i.dc();
     };
     IgxCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.dp(index, oldItem, newItem);
+        this.i.dr(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.
@@ -765,22 +765,22 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.dk();
+        this.i.dm();
     };
     IgxCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.dl(index, newItem);
+        this.i.dn(index, newItem);
     };
     IgxCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.dn(index, oldItem);
+        this.i.dq(index, oldItem);
     };
     IgxCheckboxListComponent.prototype.refresh = function () {
         this.i.refresh();
     };
     IgxCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.c6(value);
+        this.i.c7(value);
     };
     IgxCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.eb(value);
+        this.i.ed(value);
     };
     IgxCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
         var iv = this.i.getDesiredSize(toSize(availableSize));
@@ -791,7 +791,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxCheckboxListComponent.prototype.exportVisualModel = function () {
-        var iv = this.i.bm();
+        var iv = this.i.bn();
         return (iv);
     };
     /**
@@ -799,7 +799,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxCheckboxListComponent.prototype.exportSerializedVisualModel = function () {
-        var iv = this.i.b9();
+        var iv = this.i.ca();
         return (iv);
     };
     /**
@@ -807,7 +807,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxCheckboxListComponent.prototype.isNothingSelected = function () {
-        var iv = this.i.a1();
+        var iv = this.i.a2();
         return (iv);
     };
     /**
@@ -815,7 +815,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
     
     */
     IgxCheckboxListComponent.prototype.isEverythingSelected = function () {
-        var iv = this.i.a0();
+        var iv = this.i.a1();
         return (iv);
     };
     Object.defineProperty(IgxCheckboxListComponent.prototype, "selectedKeyAdded", {
@@ -997,7 +997,7 @@ var IgxCheckboxListComponent = /** @class */ /*@__PURE__*/ (function () {
         }
     };
     IgxCheckboxListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxCheckboxListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-    IgxCheckboxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: { height: "height", width: "width", dataSource: "dataSource", keys: "keys", primaryKey: "primaryKey", dataMemberPath: "dataMemberPath", dataLegendTarget: "dataLegendTarget", subtitleMemberPath: "subtitleMemberPath", propertyTypeMemberPath: "propertyTypeMemberPath", selectedMemberPath: "selectedMemberPath", filterPlaceholderText: "filterPlaceholderText", searchInputType: "searchInputType", rowHeight: "rowHeight", cellTextStyle: "cellTextStyle", indexType: "indexType", baseTheme: "baseTheme", density: "density", searchIconColor: "searchIconColor", searchBackgroundColor: "searchBackgroundColor", labelClickTriggersChange: "labelClickTriggersChange", searchTextColor: "searchTextColor", searchBorderColor: "searchBorderColor", searchTextStyle: "searchTextStyle", checkboxTickColor: "checkboxTickColor", checkboxCheckedBackgroundColor: "checkboxCheckedBackgroundColor", checkboxUncheckedBackgroundColor: "checkboxUncheckedBackgroundColor", checkboxCheckedBorderColor: "checkboxCheckedBorderColor", checkboxUncheckedBorderColor: "checkboxUncheckedBorderColor", checkboxCornerRadius: "checkboxCornerRadius", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", selectAllCaption: "selectAllCaption", selectAllCaptionTextColor: "selectAllCaptionTextColor", actualSelectAllCaptionTextColor: "actualSelectAllCaptionTextColor", showSelectAll: "showSelectAll", backgroundColor: "backgroundColor", rowHoverBackgroundColor: "rowHoverBackgroundColor", textColor: "textColor", showFilter: "showFilter", isRowHoverEnabled: "isRowHoverEnabled", checkboxAlignedRight: "checkboxAlignedRight" }, outputs: { selectedKeyAdded: "selectedKeyAdded", selectedKeyRemoved: "selectedKeyRemoved", checkedChanged: "checkedChanged", labelClicked: "labelClicked", indexTypeChanged: "indexTypeChanged", keysCleared: "keysCleared", selectAllCheckboxChanged: "selectAllCheckboxChanged" }, host: { classAttribute: "ig-checkbox-list igx-checkbox-list" }, providers: [], viewQueries: [{ propertyName: "_listGrid", first: true, predicate: ["listGrid"], descendants: true, read: IgxDataGridComponent, static: true }, { propertyName: "_listContainer", first: true, predicate: ["listContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "_hrElement", first: true, predicate: ["hrElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_selectAllSection", first: true, predicate: ["selectAllSection"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div #listContainer style=\"width: 100%; height: 100%\">\n                <div>             \n                </div>\n                <hr #hrElement>\n                <div #selectAllSection key='checkBoxListSelectAllSection'></div>\n                <igx-data-grid #listGrid headerHeight=\"0\"></igx-data-grid>\n                </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "allowCopyOperation", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxCheckboxListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: { height: "height", width: "width", dataSource: "dataSource", keys: "keys", primaryKey: "primaryKey", dataMemberPath: "dataMemberPath", dataLegendTarget: "dataLegendTarget", subtitleMemberPath: "subtitleMemberPath", propertyTypeMemberPath: "propertyTypeMemberPath", selectedMemberPath: "selectedMemberPath", filterPlaceholderText: "filterPlaceholderText", searchInputType: "searchInputType", rowHeight: "rowHeight", cellTextStyle: "cellTextStyle", indexType: "indexType", baseTheme: "baseTheme", density: "density", searchIconColor: "searchIconColor", searchBackgroundColor: "searchBackgroundColor", labelClickTriggersChange: "labelClickTriggersChange", searchTextColor: "searchTextColor", searchBorderColor: "searchBorderColor", searchTextStyle: "searchTextStyle", checkboxTickColor: "checkboxTickColor", checkboxCheckedBackgroundColor: "checkboxCheckedBackgroundColor", checkboxUncheckedBackgroundColor: "checkboxUncheckedBackgroundColor", checkboxCheckedBorderColor: "checkboxCheckedBorderColor", checkboxUncheckedBorderColor: "checkboxUncheckedBorderColor", checkboxCornerRadius: "checkboxCornerRadius", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", selectAllCaption: "selectAllCaption", selectAllCaptionTextColor: "selectAllCaptionTextColor", actualSelectAllCaptionTextColor: "actualSelectAllCaptionTextColor", showSelectAll: "showSelectAll", backgroundColor: "backgroundColor", rowHoverBackgroundColor: "rowHoverBackgroundColor", textColor: "textColor", showFilter: "showFilter", isRowHoverEnabled: "isRowHoverEnabled", checkboxAlignedRight: "checkboxAlignedRight" }, outputs: { selectedKeyAdded: "selectedKeyAdded", selectedKeyRemoved: "selectedKeyRemoved", checkedChanged: "checkedChanged", labelClicked: "labelClicked", indexTypeChanged: "indexTypeChanged", keysCleared: "keysCleared", selectAllCheckboxChanged: "selectAllCheckboxChanged" }, host: { classAttribute: "ig-checkbox-list igx-checkbox-list" }, providers: [], viewQueries: [{ propertyName: "_listGrid", first: true, predicate: ["listGrid"], descendants: true, read: IgxDataGridComponent, static: true }, { propertyName: "_listContainer", first: true, predicate: ["listContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "_hrElement", first: true, predicate: ["hrElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_selectAllSection", first: true, predicate: ["selectAllSection"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div #listContainer style=\"width: 100%; height: 100%\">\n                <div>             \n                </div>\n                <hr #hrElement>\n                <div #selectAllSection key='checkBoxListSelectAllSection'></div>\n                <igx-data-grid #listGrid headerHeight=\"0\"></igx-data-grid>\n                </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxDataGridComponent, selector: "igx-data-grid", inputs: ["height", "width", "dataSource", "theme", "columnResizingMode", "columnMovingMode", "isRowHoverEnabled", "rowHoverBackground", "rowHoverTextColor", "editRowBorder", "editRowBorderWidthBottom", "editRowBorderWidthLeft", "editRowBorderWidthRight", "editRowBorderWidthTop", "sectionHeader", "summaryRowRoot", "summaryRowSection", "rowSeparator", "headerRowSeparator", "headerSeparator", "columnResizingSeparator", "columnMovingSeparator", "pinnedAreaSeparator", "autoGenerateDesiredProperties", "dataSourceDesiredProperties", "density", "actualRowHeight", "rowHeight", "defaultColumnMinWidth", "actualHeaderHeight", "headerHeight", "headerClickAction", "editMode", "editModeClickAction", "editOnKeyPress", "autoGenerateColumns", "rowSeparatorHeight", "isPlaceholderRenderingEnabled", "columnAddingAnimationMode", "columnPropertyUpdatingAnimationMode", "cellDataLoadedAnimationMode", "rowSelectionAnimationMode", "rowHoverAnimationMode", "cellSelectionAnimationMode", "animationSettings", "columnResizingAnimationMode", "columnShowingAnimationMode", "columnMovingAnimationMode", "columnHidingAnimationMode", "columnExchangingAnimationMode", "selectionMode", "activationMode", "selectionBehavior", "mouseDragSelectionEnabled", "selectedItems", "selectedKeys", "selectedCells", "selectedCellRanges", "pinnedItems", "pinnedKeys", "isColumnOptionsEnabled", "isGroupRowSticky", "isHeaderSeparatorVisible", "cellSelectedBackground", "sectionHeaderSelectedBackground", "summaryRootBackground", "summarySectionBackground", "pinnedRowOpacity", "editTextStyle", "editOpacity", "deletedTextColor", "stickyRowBackground", "pinnedRowBackground", "lastStickyRowBackground", "activeCell", "cellBackground", "cellTextColor", "headerSortIndicatorColor", "headerSortIndicatorStyle", "cellTextStyle", "sectionHeaderBackground", "sectionHeaderTextColor", "sectionHeaderTextStyle", "summaryRootLabelTextStyle", "summarySectionLabelTextStyle", "summaryRootValueTextColor", "summaryRootValueTextStyle", "summarySectionValueTextStyle", "summarySectionValueTextColor", "summaryRootLabelTextColor", "summarySectionLabelTextColor", "summaryRootSelectedBackground", "summarySectionSelectedBackground", "pinnedAreaSeparatorWidth", "headerSeparatorWidth", "headerSeparatorBackground", "headerBackground", "headerTextColor", "headerTextStyle", "rowSeparatorBackground", "headerRowSeparatorBackground", "rowSeparatorStickyRowBackground", "rowSeparatorLastStickyRowBackground", "rowSeparatorPinnedRowBackground", "columnResizingSeparatorWidth", "columnResizingSeparatorOpacity", "columnMovingSeparatorWidth", "columnMovingSeparatorOpacity", "columnResizingSeparatorBackground", "columnMovingSeparatorBackground", "shiftSectionContent", "columnOptionsIconAlignment", "columnOptionsIconColor", "columnOptionsIconBehavior", "actualBorder", "border", "actualBorderWidth", "borderWidthBottom", "borderWidthLeft", "borderWidthRight", "borderWidthTop", "notifyOnAllSelectionChanges", "cornerRadiusBottomRight", "cornerRadiusBottomLeft", "cornerRadiusTopLeft", "cornerRadiusTopRight", "actualCornerRadiusBottomRight", "actualCornerRadiusBottomLeft", "actualCornerRadiusTopLeft", "actualCornerRadiusTopRight", "isActiveCellStyleEnabled", "stopPropagation", "actualBackground", "background", "responsiveStates", "initialSorts", "initialGroups", "initialSummaries", "summaryScope", "isGroupCollapsable", "groupHeaderDisplayMode", "isGroupExpandedDefault", "groupSummaryDisplayMode", "autoAcceptEdits", "primaryKey", "actualPrimaryKey", "actualColumns", "reactsToSortChanges", "reactsToGroupChanges", "reactsToFilterChanges", "enterBehavior", "enterBehaviorAfterEdit", "isColumnOptionsSummariesEnabled", "isColumnOptionsGroupingEnabled", "mergedCellMode", "mergedCellEvaluationCriteria", "mergedCellVerticalAlignment", "filterUIType", "filterLogicalOperator", "filterComparisonType", "todayOverride", "clearSelectionOnEscape", "pageSize", "isToolbarColumnChooserVisible", "isToolbarColumnPinningVisible", "toolbarTitle", "toolbarColumnChooserText", "toolbarColumnChooserTitle", "toolbarColumnPinningText", "toolbarColumnPinningTitle", "scrollbarStyle", "scrollbarBackground", "columnOptionsBackground", "columnOptionsTextColor", "columnOptionsSeparatorColor", "columnOptionsGroupHeaderBackground", "columnOptionsGroupHeaderTextColor", "columnOptionsAccentColor", "allowCopyOperation", "deferEventForRowDragSelection"], outputs: ["filterExpressionsChanging", "filterExpressionsChanged", "cellPreviewPointerDown", "cellPreviewPointerUp", "cellPointerDown", "cellPointerUp", "cellClicked", "sortDescriptionsChanged", "groupDescriptionsChanged", "summaryDescriptionsChanged", "columnHiddenChanged", "columnPinnedChanged", "cellValueChanging", "dataCommitted", "dataCommitting", "rootSummariesChanged", "sizeChanged", "actualColumnsChanged", "columnsAutoGenerated", "selectedItemsChanged", "selectedKeysChanged", "selectedCellsChanged", "selectionChanged", "activeCellChanged", "selectedCellRangesChanged", "columnWidthChanged", "cellEditStarted", "cellEditEnded", "rowEditStarted", "rowEditEnded", "customFilterRequested", "actualPrimaryKeyChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxCheckboxListComponent;
 }());
 export { IgxCheckboxListComponent };

package/esm5/lib/igx-column-moving-separator-component.js

@@ -40,30 +40,30 @@ var IgxColumnMovingSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the separator width for this column.
         */
         get: function () {
-            return this.i.g4;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g4 = +v;
+            this.i.g6 = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxColumnMovingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g1;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.g1 = +v;
+            this.i.g3 = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxColumnMovingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g2;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g2 = +v;
+            this.i.g4 = +v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igx-column-resizing-separator-component.js

@@ -37,20 +37,20 @@ var IgxColumnResizingSeparatorComponent = /** @class */ /*@__PURE__*/ (function
     };
     Object.defineProperty(IgxColumnResizingSeparatorComponent.prototype, "actualOpacity", {
         get: function () {
-            return this.i.g1;
+            return this.i.g3;
         },
         set: function (v) {
-            this.i.g1 = +v;
+            this.i.g3 = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxColumnResizingSeparatorComponent.prototype, "opacity", {
         get: function () {
-            return this.i.g2;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g2 = +v;
+            this.i.g4 = +v;
         },
         enumerable: false,
         configurable: true