igniteui-webcomponents-grids 5.3.0 → 5.4.0

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

@@ -42,6 +42,8 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._selectedKeyRemoved_wrapped = null;
         _this._checkedChanged = null;
         _this._checkedChanged_wrapped = null;
+        _this._labelClicked = null;
+        _this._labelClicked_wrapped = null;
         _this._indexTypeChanged = null;
         _this._indexTypeChanged_wrapped = null;
         _this._keysCleared = null;
@@ -308,6 +310,39 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "dataLegendTarget", {
+        get: function () {
+            return this.i.bh;
+        },
+        set: function (v) {
+            this.i.bh = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "subtitleMemberPath", {
+        /**
+         * Gets or Sets the property name that contains the values.
+        */
+        get: function () {
+            return this.i.cw;
+        },
+        set: function (v) {
+            this.i.cw = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "propertyTypeMemberPath", {
+        get: function () {
+            return this.i.cb;
+        },
+        set: function (v) {
+            this.i.cb = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "selectedMemberPath", {
         /**
          * Gets or Sets the property name that contains the values.
@@ -326,10 +361,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.bm;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.bm = v;
+            this.i.b4 = v;
         },
         enumerable: false,
         configurable: true
@@ -339,11 +374,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.x;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.x = ensureEnum(InputGroupDisplayType_$type, v);
-            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.x));
+            this.i.y = ensureEnum(InputGroupDisplayType_$type, v);
+            this._a("searchInputType", enumToString(InputGroupDisplayType_$type, this.i.y));
         },
         enumerable: false,
         configurable: true
@@ -353,18 +388,18 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.be;
         },
         set: function (v) {
-            this.i.a3 = +v;
-            this._a("rowHeight", this.i.a3);
+            this.i.be = +v;
+            this._a("rowHeight", this.i.be);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.a1;
+            return this.i.bc;
         },
         enumerable: false,
         configurable: true
@@ -374,16 +409,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.ai == null) {
+            if (this.i.am == null) {
                 return null;
             }
-            return this.i.ai.fontString;
+            return this.i.am.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ai = fi;
-            this._a("cellTextStyle", this.i.ai != null ? this.i.ai.fontString : "");
+            this.i.am = fi;
+            this._a("cellTextStyle", this.i.am != null ? this.i.am.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -449,11 +484,25 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search background color.
         */
         get: function () {
-            return brushToString(this.i.ea);
+            return brushToString(this.i.e1);
+        },
+        set: function (v) {
+            this.i.e1 = stringToBrush(v);
+            this._a("searchBackgroundColor", brushToString(this.i.e1));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "labelClickTriggersChange", {
+        /**
+         * Gets or sets the search background color.
+        */
+        get: function () {
+            return this.i.a1;
         },
         set: function (v) {
-            this.i.ea = stringToBrush(v);
-            this._a("searchBackgroundColor", brushToString(this.i.ea));
+            this.i.a1 = ensureBool(v);
+            this._a("labelClickTriggersChange", this.i.a1);
         },
         enumerable: false,
         configurable: true
@@ -477,11 +526,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the search border color.
         */
         get: function () {
-            return brushToString(this.i.eb);
+            return brushToString(this.i.e2);
         },
         set: function (v) {
-            this.i.eb = stringToBrush(v);
-            this._a("searchBorderColor", brushToString(this.i.eb));
+            this.i.e2 = stringToBrush(v);
+            this._a("searchBorderColor", brushToString(this.i.e2));
         },
         enumerable: false,
         configurable: true
@@ -491,16 +540,16 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text style.
         */
         get: function () {
-            if (this.i.aj == null) {
+            if (this.i.an == null) {
                 return null;
             }
-            return this.i.aj.fontString;
+            return this.i.an.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.aj = fi;
-            this._a("searchTextStyle", this.i.aj != null ? this.i.aj.fontString : "");
+            this.i.an = fi;
+            this._a("searchTextStyle", this.i.an != null ? this.i.an.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -510,11 +559,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox tick color.
         */
         get: function () {
-            return brushToString(this.i.d2);
+            return brushToString(this.i.et);
         },
         set: function (v) {
-            this.i.d2 = stringToBrush(v);
-            this._a("checkboxTickColor", brushToString(this.i.d2));
+            this.i.et = stringToBrush(v);
+            this._a("checkboxTickColor", brushToString(this.i.et));
         },
         enumerable: false,
         configurable: true
@@ -524,11 +573,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when checked.
         */
         get: function () {
-            return brushToString(this.i.d0);
+            return brushToString(this.i.er);
         },
         set: function (v) {
-            this.i.d0 = stringToBrush(v);
-            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.d0));
+            this.i.er = stringToBrush(v);
+            this._a("checkboxCheckedBackgroundColor", brushToString(this.i.er));
         },
         enumerable: false,
         configurable: true
@@ -538,11 +587,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox background color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d3);
+            return brushToString(this.i.eu);
         },
         set: function (v) {
-            this.i.d3 = stringToBrush(v);
-            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.d3));
+            this.i.eu = stringToBrush(v);
+            this._a("checkboxUncheckedBackgroundColor", brushToString(this.i.eu));
         },
         enumerable: false,
         configurable: true
@@ -552,11 +601,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when checked.
         */
         get: function () {
-            return brushToString(this.i.d1);
+            return brushToString(this.i.es);
         },
         set: function (v) {
-            this.i.d1 = stringToBrush(v);
-            this._a("checkboxCheckedBorderColor", brushToString(this.i.d1));
+            this.i.es = stringToBrush(v);
+            this._a("checkboxCheckedBorderColor", brushToString(this.i.es));
         },
         enumerable: false,
         configurable: true
@@ -566,11 +615,25 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the checkbox border color when unchecked.
         */
         get: function () {
-            return brushToString(this.i.d4);
+            return brushToString(this.i.ev);
+        },
+        set: function (v) {
+            this.i.ev = stringToBrush(v);
+            this._a("checkboxUncheckedBorderColor", brushToString(this.i.ev));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxCornerRadius", {
+        /**
+         * Gets or sets the corner radius to use for the checkbox.
+        */
+        get: function () {
+            return this.i.a7;
         },
         set: function (v) {
-            this.i.d4 = stringToBrush(v);
-            this._a("checkboxUncheckedBorderColor", brushToString(this.i.d4));
+            this.i.a7 = +v;
+            this._a("checkboxCornerRadius", this.i.a7);
         },
         enumerable: false,
         configurable: true
@@ -580,11 +643,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the style of scrollbar.
         */
         get: function () {
-            return this.i.aa;
+            return this.i.ab;
         },
         set: function (v) {
-            this.i.aa = ensureEnum(ScrollbarStyle_$type, v);
-            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.aa));
+            this.i.ab = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ab));
         },
         enumerable: false,
         configurable: true
@@ -594,11 +657,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.d9);
+            return brushToString(this.i.e0);
         },
         set: function (v) {
-            this.i.d9 = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.d9));
+            this.i.e0 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.e0));
         },
         enumerable: false,
         configurable: true
@@ -608,10 +671,10 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets / sets the caption of the "Select All" checkbox.
         */
         get: function () {
-            return this.i.b4;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.b4 = v;
+            this.i.cp = v;
         },
         enumerable: false,
         configurable: true
@@ -621,11 +684,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the "Select All" label.
         */
         get: function () {
-            return brushToString(this.i.ee);
+            return brushToString(this.i.e5);
         },
         set: function (v) {
-            this.i.ee = stringToBrush(v);
-            this._a("selectAllCaptionTextColor", brushToString(this.i.ee));
+            this.i.e5 = stringToBrush(v);
+            this._a("selectAllCaptionTextColor", brushToString(this.i.e5));
         },
         enumerable: false,
         configurable: true
@@ -635,11 +698,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the actual header selectAllCaption text.
         */
         get: function () {
-            return brushToString(this.i.dy);
+            return brushToString(this.i.ep);
         },
         set: function (v) {
-            this.i.dy = stringToBrush(v);
-            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.dy));
+            this.i.ep = stringToBrush(v);
+            this._a("actualSelectAllCaptionTextColor", brushToString(this.i.ep));
         },
         enumerable: false,
         configurable: true
@@ -691,11 +754,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.eg);
+            return brushToString(this.i.e7);
         },
         set: function (v) {
-            this.i.eg = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.eg));
+            this.i.e7 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.e7));
         },
         enumerable: false,
         configurable: true
@@ -705,11 +768,11 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the filter input is visible.
         */
         get: function () {
-            return this.i.au;
+            return this.i.a3;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
-            this._a("showFilter", this.i.au);
+            this.i.a3 = ensureBool(v);
+            this._a("showFilter", this.i.a3);
         },
         enumerable: false,
         configurable: true
@@ -719,11 +782,25 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether row hover highlighting is enabled.
         */
         get: function () {
-            return this.i.ar;
+            return this.i.az;
+        },
+        set: function (v) {
+            this.i.az = ensureBool(v);
+            this._a("isRowHoverEnabled", this.i.az);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "checkboxAlignedRight", {
+        /**
+         * Gets or sets whether checkbox should be displayed to the right.
+        */
+        get: function () {
+            return this.i.av;
         },
         set: function (v) {
-            this.i.ar = ensureBool(v);
-            this._a("isRowHoverEnabled", this.i.ar);
+            this.i.av = ensureBool(v);
+            this._a("checkboxAlignedRight", this.i.av);
         },
         enumerable: false,
         configurable: true
@@ -801,17 +878,17 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
 
 */
     IgcCheckboxListComponent.prototype.selectAll = function () {
-        this.i.dd();
+        this.i.d3();
     };
     /**
      * Deselects all the items in the checkbox list.
     
     */
     IgcCheckboxListComponent.prototype.deselectAll = function () {
-        this.i.ci();
+        this.i.c5();
     };
     IgcCheckboxListComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.cs(index, oldItem, newItem);
+        this.i.dg(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.
@@ -819,19 +896,22 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.notifyClearItems = function () {
-        this.i.cp();
+        this.i.dc();
     };
     IgcCheckboxListComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.cq(index, newItem);
+        this.i.dd(index, newItem);
     };
     IgcCheckboxListComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.cr(index, oldItem);
+        this.i.df(index, oldItem);
+    };
+    IgcCheckboxListComponent.prototype.refresh = function () {
+        this.i.refresh();
     };
     IgcCheckboxListComponent.prototype.addKeyValue = function (value) {
-        this.i.cd(value);
+        this.i.c0(value);
     };
     IgcCheckboxListComponent.prototype.removeKeyValue = function (value) {
-        this.i.db(value);
+        this.i.d1(value);
     };
     IgcCheckboxListComponent.prototype.getDesiredSize = function (availableSize) {
         var iv = this.i.getDesiredSize(toSize(availableSize));
@@ -842,7 +922,7 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.isNothingSelected = function () {
-        var iv = this.i.ap();
+        var iv = this.i.ax();
         return (iv);
     };
     /**
@@ -850,7 +930,7 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcCheckboxListComponent.prototype.isEverythingSelected = function () {
-        var iv = this.i.ao();
+        var iv = this.i.aw();
         return (iv);
     };
     Object.defineProperty(IgcCheckboxListComponent.prototype, "selectedKeyAdded", {
@@ -946,6 +1026,34 @@ var IgcCheckboxListComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcCheckboxListComponent.prototype, "labelClicked", {
+        get: function () {
+            return this._labelClicked;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._labelClicked_wrapped !== null) {
+                this.i.labelClicked = delegateRemove(this.i.labelClicked, this._labelClicked_wrapped);
+                this._labelClicked_wrapped = null;
+                this._labelClicked = null;
+            }
+            this._labelClicked = ev;
+            this._labelClicked_wrapped = function (o, e) {
+                var outerArgs = new IgcCheckedChangedEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeLabelClicked) {
+                    _this.beforeLabelClicked(_this, outerArgs);
+                }
+                if (_this._labelClicked) {
+                    _this._labelClicked(_this, outerArgs);
+                }
+            };
+            this.i.labelClicked = delegateCombine(this.i.labelClicked, this._labelClicked_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcCheckboxListComponent.prototype, "indexTypeChanged", {
         get: function () {
             return this._indexTypeChanged;

package/esm5/lib/igc-combo-box-column-component.js

@@ -78,10 +78,10 @@ var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * 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: function () {
-            return this.i.n4;
+            return this.i.n5;
         },
         set: function (v) {
-            this.i.n4 = v;
+            this.i.n5 = v;
         },
         enumerable: false,
         configurable: true
@@ -91,10 +91,10 @@ var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.n5;
+            return this.i.n6;
         },
         set: function (v) {
-            this.i.n5 = v;
+            this.i.n6 = v;
         },
         enumerable: false,
         configurable: true
@@ -104,10 +104,10 @@ var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.n9;
+            return this.i.oa;
         },
         set: function (v) {
-            this.i.n9 = v;
+            this.i.oa = v;
         },
         enumerable: false,
         configurable: true
@@ -117,10 +117,10 @@ var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.oa;
+            return this.i.ob;
         },
         set: function (v) {
-            this.i.oa = v;
+            this.i.ob = v;
         },
         enumerable: false,
         configurable: true
@@ -130,14 +130,14 @@ var IgcComboBoxColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.n2;
+            return this.i.n3;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.n2 = v;
+            this.i.n3 = v;
         },
         enumerable: false,
         configurable: true