igniteui-webcomponents-layouts 5.3.0 → 5.4.0

package/esm5/lib/igc-tool-action-group-header-component.js

@@ -75,11 +75,11 @@ var IgcToolActionGroupHeaderComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual back icon color.
         */
         get: function () {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hw);
         },
         set: function (v) {
-            this.i.ho = stringToBrush(v);
-            this._a("actualBackIconColor", brushToString(this.i.ho));
+            this.i.hw = stringToBrush(v);
+            this._a("actualBackIconColor", brushToString(this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -89,11 +89,11 @@ var IgcToolActionGroupHeaderComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the icon color for the back button.
         */
         get: function () {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hx);
         },
         set: function (v) {
-            this.i.hp = stringToBrush(v);
-            this._a("backIconColor", brushToString(this.i.hp));
+            this.i.hx = stringToBrush(v);
+            this._a("backIconColor", brushToString(this.i.hx));
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-icon-button-component.js

@@ -80,11 +80,11 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
         */
         get: function () {
-            return this.i.im;
+            return this.i.iv;
         },
         set: function (v) {
-            this.i.im = +v;
-            this._a("tooltipDelay", this.i.im);
+            this.i.iv = +v;
+            this._a("tooltipDelay", this.i.iv);
         },
         enumerable: false,
         configurable: true
@@ -94,118 +94,118 @@ var IgcToolActionIconButtonComponent = /** @class */ /*@__PURE__*/ (function (_s
          * Gets the actual delay before the tooltip is displayed (in milliseconds).
         */
         get: function () {
-            return this.i.il;
+            return this.i.iu;
         },
         set: function (v) {
-            this.i.il = +v;
-            this._a("actualTooltipDelay", this.i.il);
+            this.i.iu = +v;
+            this._a("actualTooltipDelay", this.i.iu);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingLeft", {
         get: function () {
-            return this.i.ie;
+            return this.i.io;
         },
         set: function (v) {
-            this.i.ie = +v;
-            this._a("contentPaddingLeft", this.i.ie);
+            this.i.io = +v;
+            this._a("contentPaddingLeft", this.i.io);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingLeft", {
         get: function () {
-            return this.i.ia;
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.ia = +v;
-            this._a("actualContentPaddingLeft", this.i.ia);
+            this.i.ij = +v;
+            this._a("actualContentPaddingLeft", this.i.ij);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingTop", {
         get: function () {
-            return this.i.ih;
+            return this.i.iq;
         },
         set: function (v) {
-            this.i.ih = +v;
-            this._a("contentPaddingTop", this.i.ih);
+            this.i.iq = +v;
+            this._a("contentPaddingTop", this.i.iq);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingTop", {
         get: function () {
-            return this.i.ic;
+            return this.i.il;
         },
         set: function (v) {
-            this.i.ic = +v;
-            this._a("actualContentPaddingTop", this.i.ic);
+            this.i.il = +v;
+            this._a("actualContentPaddingTop", this.i.il);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingRight", {
         get: function () {
-            return this.i.ig;
+            return this.i.ip;
         },
         set: function (v) {
-            this.i.ig = +v;
-            this._a("contentPaddingRight", this.i.ig);
+            this.i.ip = +v;
+            this._a("contentPaddingRight", this.i.ip);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingRight", {
         get: function () {
-            return this.i.ib;
+            return this.i.ik;
         },
         set: function (v) {
-            this.i.ib = +v;
-            this._a("actualContentPaddingRight", this.i.ib);
+            this.i.ik = +v;
+            this._a("actualContentPaddingRight", this.i.ik);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingBottom", {
         get: function () {
-            return this.i.id;
+            return this.i.im;
         },
         set: function (v) {
-            this.i.id = +v;
-            this._a("contentPaddingBottom", this.i.id);
+            this.i.im = +v;
+            this._a("contentPaddingBottom", this.i.im);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingBottom", {
         get: function () {
-            return this.i.h9;
+            return this.i.ii;
         },
         set: function (v) {
-            this.i.h9 = +v;
-            this._a("actualContentPaddingBottom", this.i.h9);
+            this.i.ii = +v;
+            this._a("actualContentPaddingBottom", this.i.ii);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.a8;
+            return this.i.ba;
         },
         enumerable: false,
         configurable: true
     });
     IgcToolActionIconButtonComponent.prototype.openSubMenu = function () {
-        this.i.f8();
+        this.i.ge();
     };
     IgcToolActionIconButtonComponent.prototype.closeSubmenu = function () {
-        this.i.e7();
+        this.i.fd();
     };
     IgcToolActionIconButtonComponent.prototype.exportVisualData = function () {
-        var iv = this.i.cp();
+        var iv = this.i.cr();
         return (iv);
     };
     Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "popupOpening", {

package/esm5/lib/igc-tool-action-icon-menu-component.js

@@ -75,11 +75,11 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets or sets the stroke color of the arrow icon.
         */
         get: function () {
-            return brushToString(this.i.j4);
+            return brushToString(this.i.kc);
         },
         set: function (v) {
-            this.i.j4 = stringToBrush(v);
-            this._a("arrowStroke", brushToString(this.i.j4));
+            this.i.kc = stringToBrush(v);
+            this._a("arrowStroke", brushToString(this.i.kc));
         },
         enumerable: false,
         configurable: true
@@ -89,11 +89,11 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets the actual stroke color of the arrow icon.
         */
         get: function () {
-            return brushToString(this.i.j3);
+            return brushToString(this.i.kb);
         },
         set: function (v) {
-            this.i.j3 = stringToBrush(v);
-            this._a("actualArrowStroke", brushToString(this.i.j3));
+            this.i.kb = stringToBrush(v);
+            this._a("actualArrowStroke", brushToString(this.i.kb));
         },
         enumerable: false,
         configurable: true
@@ -103,17 +103,17 @@ var IgcToolActionIconMenuComponent = /** @class */ /*@__PURE__*/ (function (_sup
          * Gets or sets whether the arrow icon should be shown.
         */
         get: function () {
-            return this.i.js;
+            return this.i.j0;
         },
         set: function (v) {
-            this.i.js = ensureBool(v);
-            this._a("showArrowIcon", this.i.js);
+            this.i.j0 = ensureBool(v);
+            this._a("showArrowIcon", this.i.j0);
         },
         enumerable: false,
         configurable: true
     });
     IgcToolActionIconMenuComponent.prototype.exportVisualData = function () {
-        var iv = this.i.cp();
+        var iv = this.i.cr();
         return (iv);
     };
     IgcToolActionIconMenuComponent._observedAttributesIgcToolActionIconMenuComponent = null;

package/esm5/lib/igc-tool-action-number-input-component.js

@@ -75,11 +75,11 @@ var IgcToolActionNumberInputComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the value for the input.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("value", this.i.hf);
+            this.i.hn = +v;
+            this._a("value", this.i.hn);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-radio-component.js

@@ -75,10 +75,10 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the channel this radio button belongs to.
         */
         get: function () {
-            return this.i.hl;
+            return this.i.ht;
         },
         set: function (v) {
-            this.i.hl = v;
+            this.i.ht = v;
         },
         enumerable: false,
         configurable: true
@@ -88,11 +88,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if the tool action is checked.
         */
         get: function () {
-            return this.i.he;
+            return this.i.hm;
         },
         set: function (v) {
-            this.i.he = ensureBool(v);
-            this._a("isChecked", this.i.he);
+            this.i.hm = ensureBool(v);
+            this._a("isChecked", this.i.hm);
         },
         enumerable: false,
         configurable: true
@@ -103,11 +103,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * well not become selected when clicked if this property is true.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hf = ensureBool(v);
-            this._a("isManual", this.i.hf);
+            this.i.hn = ensureBool(v);
+            this._a("isManual", this.i.hn);
         },
         enumerable: false,
         configurable: true
@@ -117,11 +117,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.h1);
+            return brushToString(this.i.h9);
         },
         set: function (v) {
-            this.i.h1 = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.h1));
+            this.i.h9 = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.h9));
         },
         enumerable: false,
         configurable: true
@@ -131,11 +131,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.hx);
+            return brushToString(this.i.h5);
         },
         set: function (v) {
-            this.i.hx = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", brushToString(this.i.hx));
+            this.i.h5 = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", brushToString(this.i.h5));
         },
         enumerable: false,
         configurable: true
@@ -145,11 +145,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.hz);
+            return brushToString(this.i.h7);
         },
         set: function (v) {
-            this.i.hz = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.hz));
+            this.i.h7 = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.h7));
         },
         enumerable: false,
         configurable: true
@@ -159,11 +159,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.hv);
+            return brushToString(this.i.h3);
         },
         set: function (v) {
-            this.i.hv = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", brushToString(this.i.hv));
+            this.i.h3 = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", brushToString(this.i.h3));
         },
         enumerable: false,
         configurable: true
@@ -173,11 +173,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.h2);
+            return brushToString(this.i.ia);
         },
         set: function (v) {
-            this.i.h2 = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.h2));
+            this.i.ia = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.ia));
         },
         enumerable: false,
         configurable: true
@@ -187,11 +187,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.hy);
+            return brushToString(this.i.h6);
         },
         set: function (v) {
-            this.i.hy = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", brushToString(this.i.hy));
+            this.i.h6 = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", brushToString(this.i.h6));
         },
         enumerable: false,
         configurable: true
@@ -201,11 +201,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.h0);
+            return brushToString(this.i.h8);
         },
         set: function (v) {
-            this.i.h0 = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.h0));
+            this.i.h8 = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.h8));
         },
         enumerable: false,
         configurable: true
@@ -215,11 +215,11 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.hw);
+            return brushToString(this.i.h4);
         },
         set: function (v) {
-            this.i.hw = stringToBrush(v);
-            this._a("actualCheckedBorderColor", brushToString(this.i.hw));
+            this.i.h4 = stringToBrush(v);
+            this._a("actualCheckedBorderColor", brushToString(this.i.h4));
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-separator-component.js

@@ -75,11 +75,11 @@ var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the size of the separator.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hf = +v;
-            this._a("size", this.i.hf);
+            this.i.hn = +v;
+            this._a("size", this.i.hn);
         },
         enumerable: false,
         configurable: true
@@ -89,11 +89,11 @@ var IgcToolActionSeparatorComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets whether to use group header styling or regular styling on this separator.
         */
         get: function () {
-            return this.i.hd;
+            return this.i.hl;
         },
         set: function (v) {
-            this.i.hd = ensureBool(v);
-            this._a("isGroupHeaderSeparator", this.i.hd);
+            this.i.hl = ensureBool(v);
+            this._a("isGroupHeaderSeparator", this.i.hl);
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igc-tool-action-sub-panel-component.js

@@ -70,6 +70,20 @@ var IgcToolActionSubPanelComponent = /** @class */ /*@__PURE__*/ (function (_sup
             RegisterElementHelper.registerElement(IgcToolActionSubPanelComponent.htmlTagName, IgcToolActionSubPanelComponent);
         }
     };
+    Object.defineProperty(IgcToolActionSubPanelComponent.prototype, "itemSpacing", {
+        /**
+         * Gets or sets the spacing between items.
+        */
+        get: function () {
+            return this.i.hn;
+        },
+        set: function (v) {
+            this.i.hn = +v;
+            this._a("itemSpacing", this.i.hn);
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcToolActionSubPanelComponent._observedAttributesIgcToolActionSubPanelComponent = null;
     IgcToolActionSubPanelComponent.htmlTagName = "igc-tool-action-sub-panel";
     IgcToolActionSubPanelComponent._isElementRegistered = false;

package/esm5/lib/igc-tool-action-text-input-component.js

@@ -75,10 +75,10 @@ var IgcToolActionTextInputComponent = /** @class */ /*@__PURE__*/ (function (_su
          * Gets or sets the value for the input.
         */
         get: function () {
-            return this.i.hf;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hf = v;
+            this.i.hn = v;
         },
         enumerable: false,
         configurable: true