igniteui-webcomponents-layouts 5.2.0 → 5.3.0

package/esm2015/lib/PropertyEditorPanelView_combined.js

@@ -661,21 +661,21 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
                 case 19:
                 case 1:
                     let 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:
                     let 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:
@@ -687,20 +687,20 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
                 case 6:
                 case 23:
                     let 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:
                     let 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:
@@ -713,38 +713,38 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
                 case 15:
                     let 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:
                     let 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:
                     let j = new ToolActionSeparator();
-                    j.g9 = 5;
+                    j.hf = 5;
                     c = j;
                     break;
                 case 25:
                     let 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;
@@ -763,8 +763,8 @@ export let PropertyEditorPanel = /*@__PURE__*/ (() => {
             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;
         }
         bl(a) {

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

@@ -29,6 +29,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';
 export let IgcListPanelComponent = /*@__PURE__*/ (() => {
     class IgcListPanelComponent extends IgcHTMLElement {
         setScrollbarStyle(style) {
@@ -93,6 +95,10 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             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;
@@ -294,91 +300,91 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
      * Sets or gets the grid selection mode.
     */
         get selectionMode() {
-            return this.i.aq;
+            return this.i.as;
         }
         set selectionMode(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));
         }
         /**
          * Gets or sets whether the active row style will be applied to rows when made active.
         */
         get isActiveRowStyleEnabled() {
-            return this.i.bv;
+            return this.i.bx;
         }
         set isActiveRowStyleEnabled(v) {
-            this.i.bv = ensureBool(v);
-            this._a("isActiveRowStyleEnabled", this.i.bv);
+            this.i.bx = ensureBool(v);
+            this._a("isActiveRowStyleEnabled", this.i.bx);
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h2);
         }
         set selectedBackground(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));
         }
         /**
          * Gets or sets the background color to use.
         */
         get normalBackground() {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.h0);
         }
         set normalBackground(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));
         }
         /**
          * Gets or sets the activation border color to use.
         */
         get activationBorder() {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hw);
         }
         set activationBorder(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));
         }
         /**
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get activationBorderLeftWidth() {
-            return this.i.dn;
+            return this.i.dq;
         }
         set activationBorderLeftWidth(v) {
-            this.i.dn = +v;
-            this._a("activationBorderLeftWidth", this.i.dn);
+            this.i.dq = +v;
+            this._a("activationBorderLeftWidth", this.i.dq);
         }
         /**
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get activationBorderTopWidth() {
-            return this.i.dq;
+            return this.i.ds;
         }
         set activationBorderTopWidth(v) {
-            this.i.dq = +v;
-            this._a("activationBorderTopWidth", this.i.dq);
+            this.i.ds = +v;
+            this._a("activationBorderTopWidth", this.i.ds);
         }
         /**
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get activationBorderRightWidth() {
-            return this.i.dp;
+            return this.i.dr;
         }
         set activationBorderRightWidth(v) {
-            this.i.dp = +v;
-            this._a("activationBorderRightWidth", this.i.dp);
+            this.i.dr = +v;
+            this._a("activationBorderRightWidth", this.i.dr);
         }
         /**
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get activationBorderBottomWidth() {
-            return this.i.dm;
+            return this.i.dp;
         }
         set activationBorderBottomWidth(v) {
-            this.i.dm = +v;
-            this._a("activationBorderBottomWidth", this.i.dm);
+            this.i.dp = +v;
+            this._a("activationBorderBottomWidth", this.i.dp);
         }
         /**
          * Sets or gets the grid selection mode.
@@ -394,11 +400,11 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
          * Sets or gets how selection behaves in the grid.
         */
         get selectionBehavior() {
-            return this.i.al;
+            return this.i.an;
         }
         set selectionBehavior(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));
         }
         /**
          * Sets or gets the user provided primary key to assume for the data. Certain functionality of the grid requires a way to uniquely identify items in order to work correctly.
@@ -433,7 +439,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         get selectedItems() {
             if (this._selectedItems === null) {
                 let coll = new IgcListPanelSelectedItemsCollection();
-                let innerColl = this.i.ag;
+                let innerColl = this.i.ai;
                 if (!innerColl) {
                     innerColl = new ListPanelSelectedItemsCollection_internal();
                 }
@@ -449,7 +455,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             let coll = new IgcListPanelSelectedItemsCollection();
             this._selectedItems = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(Base.$type);
-            let innerColl = this.i.ag;
+            let innerColl = this.i.ai;
             if (!innerColl) {
                 innerColl = new ListPanelSelectedItemsCollection_internal();
             }
@@ -463,7 +469,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         get selectedKeys() {
             if (this._selectedKeys === null) {
                 let coll = new IgcListPanelSelectedKeysCollection();
-                let innerColl = this.i.aj;
+                let innerColl = this.i.al;
                 if (!innerColl) {
                     innerColl = new ListPanelSelectedKeysCollection_internal();
                 }
@@ -479,7 +485,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             let coll = new IgcListPanelSelectedKeysCollection();
             this._selectedKeys = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(ListPanelPrimaryKeyValue.$type);
-            let innerColl = this.i.aj;
+            let innerColl = this.i.al;
             if (!innerColl) {
                 innerColl = new ListPanelSelectedKeysCollection_internal();
             }
@@ -504,116 +510,116 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.ea;
+            return this.i.ec;
         }
         set rowHeight(v) {
-            this.i.ea = +v;
-            this._a("rowHeight", this.i.ea);
+            this.i.ec = +v;
+            this._a("rowHeight", this.i.ec);
         }
         get actualRowHeight() {
-            return this.i.c2;
+            return this.i.c4;
         }
         set actualRowHeight(v) {
-            this.i.c2 = +v;
-            this._a("actualRowHeight", this.i.c2);
+            this.i.c4 = +v;
+            this._a("actualRowHeight", this.i.c4);
         }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get cellTextStyle() {
-            if (this.i.a2 == null) {
+            if (this.i.a4 == null) {
                 return null;
             }
-            return this.i.a2.fontString;
+            return this.i.a4.fontString;
         }
         set cellTextStyle(v) {
             let 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 : "");
         }
         get hasUnevenSizes() {
-            return this.i.bt;
+            return this.i.bv;
         }
         /**
          * Gets or sets the style of scrollbar.
         */
         get scrollbarStyle() {
-            return this.i.ay;
+            return this.i.a0;
         }
         set scrollbarStyle(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));
         }
         /**
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.h1);
         }
         set scrollbarBackground(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));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.hx);
         }
         set backgroundColor(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));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get orientation() {
-            return this.i.ab;
+            return this.i.ad;
         }
         set orientation(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));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get isCustomRowHeightEnabled() {
-            return this.i.bx;
+            return this.i.bz;
         }
         set isCustomRowHeightEnabled(v) {
-            this.i.bx = ensureBool(v);
-            this._a("isCustomRowHeightEnabled", this.i.bx);
+            this.i.bz = ensureBool(v);
+            this._a("isCustomRowHeightEnabled", this.i.bz);
         }
         /**
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h3);
         }
         set textColor(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));
         }
         /**
          * Gets or sets the position of the active row.
         */
         get activeRow() {
-            return this.i.dr;
+            return this.i.dt;
         }
         set activeRow(v) {
-            this.i.dr = +v;
-            this._a("activeRow", this.i.dr);
+            this.i.dt = +v;
+            this._a("activeRow", this.i.dt);
         }
         /**
          * Gets or sets if the grid should notify on programmatic selection changes as well as changes from the UI.
         */
         get notifyOnAllSelectionChanges() {
-            return this.i.b0;
+            return this.i.b2;
         }
         set notifyOnAllSelectionChanges(v) {
-            this.i.b0 = ensureBool(v);
-            this._a("notifyOnAllSelectionChanges", this.i.b0);
+            this.i.b2 = ensureBool(v);
+            this._a("notifyOnAllSelectionChanges", this.i.b2);
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -680,7 +686,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         getRowKey(primaryKey, rowIndex) {
-            let iv = this.i.ad(primaryKey, rowIndex);
+            let iv = this.i.af(primaryKey, rowIndex);
             let ret = null;
             if (iv && iv.externalObject) {
                 ret = iv.externalObject;
@@ -696,7 +702,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             return ret;
         }
         getItemKey(primaryKey, item_) {
-            let iv = this.i.ac(primaryKey, item_);
+            let iv = this.i.ae(primaryKey, item_);
             let ret = null;
             if (iv && iv.externalObject) {
                 ret = iv.externalObject;
@@ -716,7 +722,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         getLastVisibleIndex() {
-            let iv = this.i.d0();
+            let iv = this.i.d2();
             return (iv);
         }
         /**
@@ -724,7 +730,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         getFirstVisibleIndex() {
-            let iv = this.i.dy();
+            let iv = this.i.d0();
             return (iv);
         }
         /**
@@ -732,10 +738,10 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         invalidateVisibleItems() {
-            this.i.f0();
+            this.i.f3();
         }
         notifySetItem(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.
@@ -743,13 +749,13 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.f3();
+            this.i.f6();
         }
         notifyInsertItem(index, newItem) {
-            this.i.f4(index, newItem);
+            this.i.f7(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.f5(index, oldItem);
+            this.i.f8(index, oldItem);
         }
         /**
          * Returns the data index of an item within the bound data source.
@@ -757,19 +763,19 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param item  * The item from which to get the index.
         */
         dataIndexOfItem(item) {
-            let iv = this.i.dt(item);
+            let iv = this.i.dv(item);
             return (iv);
         }
         dataIndexOfPrimaryKey(key) {
-            let iv = this.i.du(key);
+            let iv = this.i.dw(key);
             return (iv);
         }
         exportVisualData() {
-            let iv = this.i.ed();
+            let iv = this.i.ef();
             return (iv);
         }
         exportSerializedVisualData() {
-            let iv = this.i.ev();
+            let iv = this.i.ex();
             return (iv);
         }
         /**
@@ -777,7 +783,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         selectAllRows() {
-            this.i.hc();
+            this.i.hf();
         }
         /**
          * Scrolls the grid to given row, by index
@@ -785,7 +791,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param rowNumber  * The row index to scroll to.
         */
         scrollToRowByIndex(rowNumber) {
-            this.i.ha(rowNumber);
+            this.i.hd(rowNumber);
         }
         /**
          * Scrolls the grid so that a row is the last visible, by index.
@@ -793,14 +799,66 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param rowNumber  * The row index to scroll to.
         */
         scrollToLastRowByIndex(rowNumber) {
-            this.i.g8(rowNumber);
+            this.i.hb(rowNumber);
         }
         /**
          * Deselects all currently selected rows.
         
         */
         deselectAllRows() {
-            this.i.fk();
+            this.i.fm();
+        }
+        /**
+         * Called when item content is recycled.
+        */
+        get itemRecycled() {
+            return this._itemRecycled;
+        }
+        set itemRecycled(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
+        }
+        /**
+         * Called when item content is rebound.
+        */
+        get itemRebind() {
+            return this._itemRebind;
+        }
+        set itemRebind(ev) {
+            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 = (o, e) => {
+                let 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);
+            ;
         }
         /**
          * Called when the selected items change.

package/esm2015/lib/igc-list-panel-content-rebind-event-args.js

@@ -0,0 +1,42 @@
+import { ListPanelContentRebindEventArgs as ListPanelContentRebindEventArgs_internal } from "./ListPanelContentRebindEventArgs";
+/**
+ * Information about list item content that was just rebound.
+*/
+export class IgcListPanelContentRebindEventArgs {
+    createImplementation() {
+        return new ListPanelContentRebindEventArgs_internal();
+    }
+    /**
+     * @hidden
+     */
+    get i() {
+        return this._implementation;
+    }
+    onImplementationCreated() {
+    }
+    constructor() {
+        this._implementation = this.createImplementation();
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    _provideImplementation(i) {
+        this._implementation = i;
+        this._implementation.externalObject = this;
+        this.onImplementationCreated();
+        if (this._initializeAdapters) {
+            this._initializeAdapters();
+        }
+    }
+    /**
+     * The model that is rebinding.
+    */
+    get rowObject() {
+        return this.i.rowObject;
+    }
+    set rowObject(v) {
+        this.i.rowObject = v;
+    }
+}