igniteui-webcomponents-layouts 5.3.0 → 5.4.0

package/esm2015/lib/ToolPanelContext.js

@@ -21,7 +21,7 @@ export let ToolPanelContext = /*@__PURE__*/ (() => {
             if (this.e.containsKey(a)) {
                 let c = this.e.item(a);
                 this.e.item(a, b);
-                if ((c == null && b != null) || !Base.equalsStatic(c, b)) {
+                if ((c == null && b != null) || (c != null && !Base.equalsStatic(c, b))) {
                     this.h(a, c, b);
                 }
                 return;
@@ -42,6 +42,9 @@ export let ToolPanelContext = /*@__PURE__*/ (() => {
             })()));
         }
         g(a) {
+            if (this.e == null || !this.e.containsKey(a)) {
+                return null;
+            }
             return this.e.item(a);
         }
         d($t, a, b) {

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

@@ -320,71 +320,71 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.h5);
         }
         set selectedBackground(v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.h2));
+            this.i.h5 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.h5));
         }
         /**
          * Gets or sets the background color to use.
         */
         get normalBackground() {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h3);
         }
         set normalBackground(v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("normalBackground", brushToString(this.i.h0));
+            this.i.h3 = stringToBrush(v);
+            this._a("normalBackground", brushToString(this.i.h3));
         }
         /**
          * Gets or sets the activation border color to use.
         */
         get activationBorder() {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.hz);
         }
         set activationBorder(v) {
-            this.i.hw = stringToBrush(v);
-            this._a("activationBorder", brushToString(this.i.hw));
+            this.i.hz = stringToBrush(v);
+            this._a("activationBorder", brushToString(this.i.hz));
         }
         /**
          * Gets or sets the amount of left activation border to use for the cell content for this column.
         */
         get activationBorderLeftWidth() {
-            return this.i.dq;
+            return this.i.ds;
         }
         set activationBorderLeftWidth(v) {
-            this.i.dq = +v;
-            this._a("activationBorderLeftWidth", this.i.dq);
+            this.i.ds = +v;
+            this._a("activationBorderLeftWidth", this.i.ds);
         }
         /**
          * Gets or sets the amount of top activation border to use for the cell content for this column.
         */
         get activationBorderTopWidth() {
-            return this.i.ds;
+            return this.i.du;
         }
         set activationBorderTopWidth(v) {
-            this.i.ds = +v;
-            this._a("activationBorderTopWidth", this.i.ds);
+            this.i.du = +v;
+            this._a("activationBorderTopWidth", this.i.du);
         }
         /**
          * Gets or sets the amount of right activation border to use for the cell content of this column.
         */
         get activationBorderRightWidth() {
-            return this.i.dr;
+            return this.i.dt;
         }
         set activationBorderRightWidth(v) {
-            this.i.dr = +v;
-            this._a("activationBorderRightWidth", this.i.dr);
+            this.i.dt = +v;
+            this._a("activationBorderRightWidth", this.i.dt);
         }
         /**
          * Gets or sets the amount of bottom activation border to use for the cell content of this column.
         */
         get activationBorderBottomWidth() {
-            return this.i.dp;
+            return this.i.dr;
         }
         set activationBorderBottomWidth(v) {
-            this.i.dp = +v;
-            this._a("activationBorderBottomWidth", this.i.dp);
+            this.i.dr = +v;
+            this._a("activationBorderBottomWidth", this.i.dr);
         }
         /**
          * Sets or gets the grid selection mode.
@@ -506,22 +506,32 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
             }
             this.i.g = v;
         }
+        /**
+         * Gets or sets the spacing between items.
+        */
+        get itemSpacing() {
+            return this.i.c8;
+        }
+        set itemSpacing(v) {
+            this.i.c8 = +v;
+            this._a("itemSpacing", this.i.c8);
+        }
         /**
          * Gets or Sets the property name that contains the values.
         */
         get rowHeight() {
-            return this.i.ec;
+            return this.i.ee;
         }
         set rowHeight(v) {
-            this.i.ec = +v;
-            this._a("rowHeight", this.i.ec);
+            this.i.ee = +v;
+            this._a("rowHeight", this.i.ee);
         }
         get actualRowHeight() {
-            return this.i.c4;
+            return this.i.c5;
         }
         set actualRowHeight(v) {
-            this.i.c4 = +v;
-            this._a("actualRowHeight", this.i.c4);
+            this.i.c5 = +v;
+            this._a("actualRowHeight", this.i.c5);
         }
         /**
          * Gets or Sets the property name that contains the values.
@@ -555,21 +565,21 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the scrollbar background color.
         */
         get scrollbarBackground() {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h4);
         }
         set scrollbarBackground(v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("scrollbarBackground", brushToString(this.i.h1));
+            this.i.h4 = stringToBrush(v);
+            this._a("scrollbarBackground", brushToString(this.i.h4));
         }
         /**
          * Gets or sets the color to use for the background of the component.
         */
         get backgroundColor() {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.h0);
         }
         set backgroundColor(v) {
-            this.i.hx = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.hx));
+            this.i.h0 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.h0));
         }
         /**
          * Gets or sets the color to use for the background of the component.
@@ -595,21 +605,21 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
          * Gets or sets the color to use for the text of the component.
         */
         get textColor() {
-            return brushToString(this.i.h3);
+            return brushToString(this.i.h6);
         }
         set textColor(v) {
-            this.i.h3 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.h3));
+            this.i.h6 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.h6));
         }
         /**
          * Gets or sets the position of the active row.
         */
         get activeRow() {
-            return this.i.dt;
+            return this.i.dv;
         }
         set activeRow(v) {
-            this.i.dt = +v;
-            this._a("activeRow", this.i.dt);
+            this.i.dv = +v;
+            this._a("activeRow", this.i.dv);
         }
         /**
          * Gets or sets if the grid should notify on programmatic selection changes as well as changes from the UI.
@@ -722,7 +732,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         getLastVisibleIndex() {
-            let iv = this.i.d2();
+            let iv = this.i.d4();
             return (iv);
         }
         /**
@@ -730,7 +740,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         getFirstVisibleIndex() {
-            let iv = this.i.d0();
+            let iv = this.i.d2();
             return (iv);
         }
         /**
@@ -738,10 +748,10 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         invalidateVisibleItems() {
-            this.i.f3();
+            this.i.f6();
         }
         notifySetItem(index, oldItem, newItem) {
-            this.i.f9(index, oldItem, newItem);
+            this.i.gc(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.
@@ -749,13 +759,13 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         notifyClearItems() {
-            this.i.f6();
+            this.i.f9();
         }
         notifyInsertItem(index, newItem) {
-            this.i.f7(index, newItem);
+            this.i.ga(index, newItem);
         }
         notifyRemoveItem(index, oldItem) {
-            this.i.f8(index, oldItem);
+            this.i.gb(index, oldItem);
         }
         /**
          * Returns the data index of an item within the bound data source.
@@ -763,19 +773,19 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param item  * The item from which to get the index.
         */
         dataIndexOfItem(item) {
-            let iv = this.i.dv(item);
+            let iv = this.i.dx(item);
             return (iv);
         }
         dataIndexOfPrimaryKey(key) {
-            let iv = this.i.dw(key);
+            let iv = this.i.dy(key);
             return (iv);
         }
         exportVisualData() {
-            let iv = this.i.ef();
+            let iv = this.i.eh();
             return (iv);
         }
         exportSerializedVisualData() {
-            let iv = this.i.ex();
+            let iv = this.i.ez();
             return (iv);
         }
         /**
@@ -783,7 +793,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         
         */
         selectAllRows() {
-            this.i.hf();
+            this.i.hi();
         }
         /**
          * Scrolls the grid to given row, by index
@@ -791,7 +801,7 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param rowNumber  * The row index to scroll to.
         */
         scrollToRowByIndex(rowNumber) {
-            this.i.hd(rowNumber);
+            this.i.hg(rowNumber);
         }
         /**
          * Scrolls the grid so that a row is the last visible, by index.
@@ -799,14 +809,14 @@ export let IgcListPanelComponent = /*@__PURE__*/ (() => {
         * @param rowNumber  * The row index to scroll to.
         */
         scrollToLastRowByIndex(rowNumber) {
-            this.i.hb(rowNumber);
+            this.i.he(rowNumber);
         }
         /**
          * Deselects all currently selected rows.
         
         */
         deselectAllRows() {
-            this.i.fm();
+            this.i.fp();
         }
         /**
          * Called when item content is recycled.

package/esm2015/lib/igc-tool-action-button-component.js

@@ -66,21 +66,21 @@ export let IgcToolActionButtonComponent = /*@__PURE__*/ (() => {
          * Gets or sets the display type for the button.
         */
         get displayType() {
-            return this.i.hd;
+            return this.i.hl;
         }
         set displayType(v) {
-            this.i.hd = ensureEnum(ToolActionButtonDisplayType_$type, v);
-            this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hd));
+            this.i.hl = ensureEnum(ToolActionButtonDisplayType_$type, v);
+            this._a("displayType", enumToString(ToolActionButtonDisplayType_$type, this.i.hl));
         }
         /**
          * Gets or sets the button corner radius.
         */
         get cornerRadius() {
-            return this.i.hh;
+            return this.i.hp;
         }
         set cornerRadius(v) {
-            this.i.hh = +v;
-            this._a("cornerRadius", this.i.hh);
+            this.i.hp = +v;
+            this._a("cornerRadius", this.i.hp);
         }
     }
     IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;