igniteui-webcomponents-layouts 5.2.0 → 5.3.0

package/esm5/lib/PropertyEditorPanelView_combined.js

@@ -746,21 +746,21 @@ var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             case 19:
             case 1:
                 var d = new ToolActionNumberInput();
-                d.g9 = b.ar != null ? b.ar : NaN;
-                d.ex = this.bm(b);
+                d.hf = b.ar != null ? b.ar : NaN;
+                d.e1 = this.bm(b);
                 c = d;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             case 4:
             case 5:
                 var e = new ToolActionColorEditor();
-                e.hd = CSSColorUtil.g(b.ar);
-                e.ex = this.bm(b);
+                e.hj = CSSColorUtil.g(b.ar);
+                e.e1 = this.bm(b);
                 c = e;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             case 11:
@@ -772,20 +772,20 @@ var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             case 6:
             case 23:
                 var f = new ToolActionTextInput();
-                f.g9 = b.ar;
-                f.ex = this.bm(b);
+                f.hf = b.ar;
+                f.e1 = this.bm(b);
                 c = f;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             case 7:
                 var g = new ToolActionCheckbox();
-                g.g8 = b.ar != null ? b.ar : false;
-                g.ex = this.bm(b);
+                g.he = b.ar != null ? b.ar : false;
+                g.e1 = this.bm(b);
                 c = g;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             case 8:
@@ -798,38 +798,38 @@ var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             case 15:
                 var h = new ToolActionCombo();
                 h.itemsSource = this.a4(this.c(b));
-                h.ex = this.bm(b);
+                h.e1 = this.bm(b);
                 c = h;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 if (b.ar != null) {
-                    h.g7 = new LayoutSelectedItemsCollection();
-                    h.g7.add1(b.ar);
+                    h.hd = new LayoutSelectedItemsCollection();
+                    h.hd.add1(b.ar);
                 }
                 break;
             case 20:
                 var i = new ToolActionButton();
-                i.ex = this.bm(b);
+                i.e1 = this.bm(b);
                 if (b.ar != null && typeof b.ar === 'string') {
-                    i.ex = b.ar;
+                    i.e1 = b.ar;
                 }
                 c = i;
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             case 24:
                 var j = new ToolActionSeparator();
-                j.g9 = 5;
+                j.hf = 5;
                 c = j;
                 break;
             case 25:
                 var k = new ToolActionGroupHeader();
                 c = k;
-                c.ex = this.bm(b);
+                c.e1 = this.bm(b);
                 if (b.a4 != null) {
-                    c.er = b.a4;
+                    c.ev = b.a4;
                 }
                 break;
             default: return null;
@@ -848,8 +848,8 @@ var PropertyEditorPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         if (c == null) {
             return null;
         }
-        c.ef = this.be + "_" + l;
-        this.aq.item(c.ef, b);
+        c.ei = this.be + "_" + l;
+        this.aq.item(c.ei, b);
         return c;
     };
     PropertyEditorPanel.prototype.bl = function (a) {

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

@@ -30,6 +30,8 @@ import { ListPanelActivationMode_$type } from './ListPanelActivationMode';
 import { ListPanelSelectionBehavior_$type } from './ListPanelSelectionBehavior';
 import { IgcListPanelSelectedItemsCollection } from './igc-list-panel-selected-items-collection';
 import { ListPanelSelectedItemsCollection as ListPanelSelectedItemsCollection_internal } from './ListPanelSelectedItemsCollection';
+import { IgcListPanelContentRecycledEventArgs } from './igc-list-panel-content-recycled-event-args';
+import { IgcListPanelContentRebindEventArgs } from './igc-list-panel-content-rebind-event-args';
 var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcListPanelComponent, _super);
     function IgcListPanelComponent() {
@@ -49,6 +51,10 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._stylingContainer = null;
         _this._stylingParent = null;
         _this._inStyling = false;
+        _this._itemRecycled = null;
+        _this._itemRecycled_wrapped = null;
+        _this._itemRebind = null;
+        _this._itemRebind_wrapped = null;
         _this._selectedItemsChanged = null;
         _this._selectedItemsChanged_wrapped = null;
         _this._selectedKeysChanged = null;
@@ -317,11 +323,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Sets or gets the grid selection mode.
     */
         get: function () {
-            return this.i.aq;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.aq = ensureEnum(ListPanelSelectionMode_$type, v);
-            this._a("selectionMode", enumToString(ListPanelSelectionMode_$type, this.i.aq));
+            this.i.as = ensureEnum(ListPanelSelectionMode_$type, v);
+            this._a("selectionMode", enumToString(ListPanelSelectionMode_$type, this.i.as));
         },
         enumerable: false,
         configurable: true
@@ -331,11 +337,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets whether the active row style will be applied to rows when made active.
         */
         get: function () {
-            return this.i.bv;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bv = ensureBool(v);
-            this._a("isActiveRowStyleEnabled", this.i.bv);
+            this.i.bx = ensureBool(v);
+            this._a("isActiveRowStyleEnabled", this.i.bx);
         },
         enumerable: false,
         configurable: true
@@ -345,11 +351,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h2);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.hz));
+            this.i.h2 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.h2));
         },
         enumerable: false,
         configurable: true
@@ -359,11 +365,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color to use.
         */
         get: function () {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.h0);
         },
         set: function (v) {
-            this.i.hx = stringToBrush(v);
-            this._a("normalBackground", brushToString(this.i.hx));
+            this.i.h0 = stringToBrush(v);
+            this._a("normalBackground", brushToString(this.i.h0));
         },
         enumerable: false,
         configurable: true
@@ -373,11 +379,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the activation border color to use.
         */
         get: function () {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.ht = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.ht));
+            this.i.hw = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -387,11 +393,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.dn;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.dn = +v;
-            this._a("activationBorderLeftWidth", this.i.dn);
+            this.i.dq = +v;
+            this._a("activationBorderLeftWidth", this.i.dq);
         },
         enumerable: false,
         configurable: true
@@ -401,11 +407,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get: function () {
-            return this.i.dq;
+            return this.i.ds;
         },
         set: function (v) {
-            this.i.dq = +v;
-            this._a("activationBorderTopWidth", this.i.dq);
+            this.i.ds = +v;
+            this._a("activationBorderTopWidth", this.i.ds);
         },
         enumerable: false,
         configurable: true
@@ -415,11 +421,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.dp;
+            return this.i.dr;
         },
         set: function (v) {
-            this.i.dp = +v;
-            this._a("activationBorderRightWidth", this.i.dp);
+            this.i.dr = +v;
+            this._a("activationBorderRightWidth", this.i.dr);
         },
         enumerable: false,
         configurable: true
@@ -429,11 +435,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get: function () {
-            return this.i.dm;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.dm = +v;
-            this._a("activationBorderBottomWidth", this.i.dm);
+            this.i.dp = +v;
+            this._a("activationBorderBottomWidth", this.i.dp);
         },
         enumerable: false,
         configurable: true
@@ -457,11 +463,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Sets or gets how selection behaves in the grid.
         */
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = ensureEnum(ListPanelSelectionBehavior_$type, v);
-            this._a("selectionBehavior", enumToString(ListPanelSelectionBehavior_$type, this.i.al));
+            this.i.an = ensureEnum(ListPanelSelectionBehavior_$type, v);
+            this._a("selectionBehavior", enumToString(ListPanelSelectionBehavior_$type, this.i.an));
         },
         enumerable: false,
         configurable: true
@@ -508,7 +514,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._selectedItems === null) {
                 var coll = new IgcListPanelSelectedItemsCollection();
-                var innerColl = this.i.ag;
+                var innerColl = this.i.ai;
                 if (!innerColl) {
                     innerColl = new ListPanelSelectedItemsCollection_internal();
                 }
@@ -524,7 +530,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcListPanelSelectedItemsCollection();
             this._selectedItems = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(Base.$type);
-            var innerColl = this.i.ag;
+            var innerColl = this.i.ai;
             if (!innerColl) {
                 innerColl = new ListPanelSelectedItemsCollection_internal();
             }
@@ -542,7 +548,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             if (this._selectedKeys === null) {
                 var coll = new IgcListPanelSelectedKeysCollection();
-                var innerColl = this.i.aj;
+                var innerColl = this.i.al;
                 if (!innerColl) {
                     innerColl = new ListPanelSelectedKeysCollection_internal();
                 }
@@ -558,7 +564,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
             var coll = new IgcListPanelSelectedKeysCollection();
             this._selectedKeys = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(ListPanelPrimaryKeyValue.$type);
-            var innerColl = this.i.aj;
+            var innerColl = this.i.al;
             if (!innerColl) {
                 innerColl = new ListPanelSelectedKeysCollection_internal();
             }
@@ -591,22 +597,22 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            return this.i.ea;
+            return this.i.ec;
         },
         set: function (v) {
-            this.i.ea = +v;
-            this._a("rowHeight", this.i.ea);
+            this.i.ec = +v;
+            this._a("rowHeight", this.i.ec);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcListPanelComponent.prototype, "actualRowHeight", {
         get: function () {
-            return this.i.c2;
+            return this.i.c4;
         },
         set: function (v) {
-            this.i.c2 = +v;
-            this._a("actualRowHeight", this.i.c2);
+            this.i.c4 = +v;
+            this._a("actualRowHeight", this.i.c4);
         },
         enumerable: false,
         configurable: true
@@ -616,23 +622,23 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or Sets the property name that contains the values.
         */
         get: function () {
-            if (this.i.a2 == null) {
+            if (this.i.a4 == null) {
                 return null;
             }
-            return this.i.a2.fontString;
+            return this.i.a4.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.a2 = fi;
-            this._a("cellTextStyle", this.i.a2 != null ? this.i.a2.fontString : "");
+            this.i.a4 = fi;
+            this._a("cellTextStyle", this.i.a4 != null ? this.i.a4.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcListPanelComponent.prototype, "hasUnevenSizes", {
         get: function () {
-            return this.i.bt;
+            return this.i.bv;
         },
         enumerable: false,
         configurable: true
@@ -642,11 +648,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the style of scrollbar.
         */
         get: function () {
-            return this.i.ay;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.ay = ensureEnum(ScrollbarStyle_$type, v);
-            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.ay));
+            this.i.a0 = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.a0));
         },
         enumerable: false,
         configurable: true
@@ -656,11 +662,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the scrollbar background color.
         */
         get: function () {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.h1);
         },
         set: function (v) {
-            this.i.hy = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.hy));
+            this.i.h1 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.h1));
         },
         enumerable: false,
         configurable: true
@@ -670,11 +676,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hu = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.hu));
+            this.i.hx = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true
@@ -684,11 +690,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return this.i.ab;
+            return this.i.ad;
         },
         set: function (v) {
-            this.i.ab = ensureEnum(ListPanelOrientation_$type, v);
-            this._a("orientation", enumToString(ListPanelOrientation_$type, this.i.ab));
+            this.i.ad = ensureEnum(ListPanelOrientation_$type, v);
+            this._a("orientation", enumToString(ListPanelOrientation_$type, this.i.ad));
         },
         enumerable: false,
         configurable: true
@@ -698,11 +704,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return this.i.bx;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bx = ensureBool(v);
-            this._a("isCustomRowHeightEnabled", this.i.bx);
+            this.i.bz = ensureBool(v);
+            this._a("isCustomRowHeightEnabled", this.i.bz);
         },
         enumerable: false,
         configurable: true
@@ -712,11 +718,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h3);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.h0));
+            this.i.h3 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.h3));
         },
         enumerable: false,
         configurable: true
@@ -726,11 +732,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the position of the active row.
         */
         get: function () {
-            return this.i.dr;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.dr = +v;
-            this._a("activeRow", this.i.dr);
+            this.i.dt = +v;
+            this._a("activeRow", this.i.dt);
         },
         enumerable: false,
         configurable: true
@@ -740,11 +746,11 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the grid should notify on programmatic selection changes as well as changes from the UI.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b2;
         },
         set: function (v) {
-            this.i.b0 = ensureBool(v);
-            this._a("notifyOnAllSelectionChanges", this.i.b0);
+            this.i.b2 = ensureBool(v);
+            this._a("notifyOnAllSelectionChanges", this.i.b2);
         },
         enumerable: false,
         configurable: true
@@ -818,7 +824,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcListPanelComponent.prototype.getRowKey = function (primaryKey, rowIndex) {
-        var iv = this.i.ad(primaryKey, rowIndex);
+        var iv = this.i.af(primaryKey, rowIndex);
         var ret = null;
         if (iv && iv.externalObject) {
             ret = iv.externalObject;
@@ -834,7 +840,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         return ret;
     };
     IgcListPanelComponent.prototype.getItemKey = function (primaryKey, item_) {
-        var iv = this.i.ac(primaryKey, item_);
+        var iv = this.i.ae(primaryKey, item_);
         var ret = null;
         if (iv && iv.externalObject) {
             ret = iv.externalObject;
@@ -854,7 +860,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcListPanelComponent.prototype.getLastVisibleIndex = function () {
-        var iv = this.i.d0();
+        var iv = this.i.d2();
         return (iv);
     };
     /**
@@ -862,7 +868,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcListPanelComponent.prototype.getFirstVisibleIndex = function () {
-        var iv = this.i.dy();
+        var iv = this.i.d0();
         return (iv);
     };
     /**
@@ -870,10 +876,10 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcListPanelComponent.prototype.invalidateVisibleItems = function () {
-        this.i.f0();
+        this.i.f3();
     };
     IgcListPanelComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
-        this.i.f6(index, oldItem, newItem);
+        this.i.f9(index, oldItem, newItem);
     };
     /**
      * Manually notifies the grid's data source that the data it has bound to has been cleared and needs to be re-examined.
@@ -881,13 +887,13 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcListPanelComponent.prototype.notifyClearItems = function () {
-        this.i.f3();
+        this.i.f6();
     };
     IgcListPanelComponent.prototype.notifyInsertItem = function (index, newItem) {
-        this.i.f4(index, newItem);
+        this.i.f7(index, newItem);
     };
     IgcListPanelComponent.prototype.notifyRemoveItem = function (index, oldItem) {
-        this.i.f5(index, oldItem);
+        this.i.f8(index, oldItem);
     };
     /**
      * Returns the data index of an item within the bound data source.
@@ -895,19 +901,19 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param item  * The item from which to get the index.
     */
     IgcListPanelComponent.prototype.dataIndexOfItem = function (item) {
-        var iv = this.i.dt(item);
+        var iv = this.i.dv(item);
         return (iv);
     };
     IgcListPanelComponent.prototype.dataIndexOfPrimaryKey = function (key) {
-        var iv = this.i.du(key);
+        var iv = this.i.dw(key);
         return (iv);
     };
     IgcListPanelComponent.prototype.exportVisualData = function () {
-        var iv = this.i.ed();
+        var iv = this.i.ef();
         return (iv);
     };
     IgcListPanelComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ev();
+        var iv = this.i.ex();
         return (iv);
     };
     /**
@@ -915,7 +921,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcListPanelComponent.prototype.selectAllRows = function () {
-        this.i.hc();
+        this.i.hf();
     };
     /**
      * Scrolls the grid to given row, by index
@@ -923,7 +929,7 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param rowNumber  * The row index to scroll to.
     */
     IgcListPanelComponent.prototype.scrollToRowByIndex = function (rowNumber) {
-        this.i.ha(rowNumber);
+        this.i.hd(rowNumber);
     };
     /**
      * Scrolls the grid so that a row is the last visible, by index.
@@ -931,15 +937,77 @@ var IgcListPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     * @param rowNumber  * The row index to scroll to.
     */
     IgcListPanelComponent.prototype.scrollToLastRowByIndex = function (rowNumber) {
-        this.i.g8(rowNumber);
+        this.i.hb(rowNumber);
     };
     /**
      * Deselects all currently selected rows.
     
     */
     IgcListPanelComponent.prototype.deselectAllRows = function () {
-        this.i.fk();
+        this.i.fm();
     };
+    Object.defineProperty(IgcListPanelComponent.prototype, "itemRecycled", {
+        /**
+         * Called when item content is recycled.
+        */
+        get: function () {
+            return this._itemRecycled;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._itemRecycled_wrapped !== null) {
+                this.i.itemRecycled = delegateRemove(this.i.itemRecycled, this._itemRecycled_wrapped);
+                this._itemRecycled_wrapped = null;
+                this._itemRecycled = null;
+            }
+            this._itemRecycled = ev;
+            this._itemRecycled_wrapped = function (o, e) {
+                var outerArgs = new IgcListPanelContentRecycledEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeItemRecycled) {
+                    _this.beforeItemRecycled(_this, outerArgs);
+                }
+                if (_this._itemRecycled) {
+                    _this._itemRecycled(_this, outerArgs);
+                }
+            };
+            this.i.itemRecycled = delegateCombine(this.i.itemRecycled, this._itemRecycled_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcListPanelComponent.prototype, "itemRebind", {
+        /**
+         * Called when item content is rebound.
+        */
+        get: function () {
+            return this._itemRebind;
+        },
+        set: function (ev) {
+            var _this = this;
+            if (this._itemRebind_wrapped !== null) {
+                this.i.itemRebind = delegateRemove(this.i.itemRebind, this._itemRebind_wrapped);
+                this._itemRebind_wrapped = null;
+                this._itemRebind = null;
+            }
+            this._itemRebind = ev;
+            this._itemRebind_wrapped = function (o, e) {
+                var outerArgs = new IgcListPanelContentRebindEventArgs();
+                outerArgs._provideImplementation(e);
+                if (_this.beforeItemRebind) {
+                    _this.beforeItemRebind(_this, outerArgs);
+                }
+                if (_this._itemRebind) {
+                    _this._itemRebind(_this, outerArgs);
+                }
+            };
+            this.i.itemRebind = delegateCombine(this.i.itemRebind, this._itemRebind_wrapped);
+            ;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcListPanelComponent.prototype, "selectedItemsChanged", {
         /**
          * Called when the selected items change.