igniteui-webcomponents-layouts 7.1.0 → 7.1.1-beta.0

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

@@ -41,7 +41,7 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
             NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
         }
         _this._implementation = _this.createImplementation();
-        _this._implementation.externalObject = _this;
+        Object.defineProperty(_this._implementation, 'externalObject', { value: _this, enumerable: false, configurable: true, writable: true });
         _this.onImplementationCreated();
         if (_this._initializeAdapters) {
             _this._initializeAdapters();
@@ -225,7 +225,7 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.bb;
+            return this.i.bc;
         },
         enumerable: false,
         configurable: true
@@ -268,7 +268,7 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actionId", {
         get: function () {
-            return this.i.c2;
+            return this.i.c3;
         },
         enumerable: false,
         configurable: true
@@ -332,11 +332,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the width to use for this tool action.
         */
         get: function () {
-            return this.i.cp;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.cp = +v;
-            this._a("width", this.i.cp);
+            this.i.cq = +v;
+            this._a("width", this.i.cq);
         },
         enumerable: false,
         configurable: true
@@ -346,11 +346,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the height to use for this tool action.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("height", this.i.ca);
+            this.i.cb = +v;
+            this._a("height", this.i.cb);
         },
         enumerable: false,
         configurable: true
@@ -360,32 +360,32 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the height to use for the sub panel if different than default
         */
         get: function () {
-            return this.i.cr;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.cr = +v;
-            this._a("subPanelRowHeight", this.i.cr);
+            this.i.cs = +v;
+            this._a("subPanelRowHeight", this.i.cs);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualSubPanelRowHeight", {
         get: function () {
-            return this.i.cq;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cq = +v;
-            this._a("actualSubPanelRowHeight", this.i.cq);
+            this.i.cr = +v;
+            this._a("actualSubPanelRowHeight", this.i.cr);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "parentId", {
         get: function () {
-            return this.i.ex;
+            return this.i.ey;
         },
         set: function (v) {
-            this.i.ex = v;
+            this.i.ey = v;
         },
         enumerable: false,
         configurable: true
@@ -400,10 +400,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * after the action has already been added will have no effect.
         */
         get: function () {
-            return this.i.ds;
+            return this.i.dt;
         },
         set: function (v) {
-            this.i.ds = v;
+            this.i.dt = v;
         },
         enumerable: false,
         configurable: true
@@ -418,10 +418,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * after the action has already been added will have no effect.
         */
         get: function () {
-            return this.i.dp;
+            return this.i.dq;
         },
         set: function (v) {
-            this.i.dp = v;
+            this.i.dq = v;
         },
         enumerable: false,
         configurable: true
@@ -438,128 +438,128 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * overlaid onto the generated actions.
         */
         get: function () {
-            return this.i.es;
+            return this.i.et;
         },
         set: function (v) {
-            this.i.es = v;
+            this.i.et = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandId", {
         get: function () {
-            return this.i.dx;
+            return this.i.dy;
         },
         set: function (v) {
-            this.i.dx = v;
+            this.i.dy = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgument", {
         get: function () {
-            return this.i.du;
+            return this.i.dv;
         },
         set: function (v) {
-            this.i.du = v;
+            this.i.dv = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgumentValue", {
         get: function () {
-            return this.i.cs;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cs = v;
+            this.i.ct = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingLeft", {
         get: function () {
-            return this.i.cl;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.cl = +v;
-            this._a("paddingLeft", this.i.cl);
+            this.i.cm = +v;
+            this._a("paddingLeft", this.i.cm);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingLeft", {
         get: function () {
-            return this.i.b2;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.b2 = +v;
-            this._a("actualPaddingLeft", this.i.b2);
+            this.i.b3 = +v;
+            this._a("actualPaddingLeft", this.i.b3);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingRight", {
         get: function () {
-            return this.i.cm;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.cm = +v;
-            this._a("paddingRight", this.i.cm);
+            this.i.cn = +v;
+            this._a("paddingRight", this.i.cn);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingRight", {
         get: function () {
-            return this.i.b3;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b3 = +v;
-            this._a("actualPaddingRight", this.i.b3);
+            this.i.b4 = +v;
+            this._a("actualPaddingRight", this.i.b4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingBottom", {
         get: function () {
-            return this.i.ck;
+            return this.i.cl;
         },
         set: function (v) {
-            this.i.ck = +v;
-            this._a("paddingBottom", this.i.ck);
+            this.i.cl = +v;
+            this._a("paddingBottom", this.i.cl);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingBottom", {
         get: function () {
-            return this.i.b1;
+            return this.i.b2;
         },
         set: function (v) {
-            this.i.b1 = +v;
-            this._a("actualPaddingBottom", this.i.b1);
+            this.i.b2 = +v;
+            this._a("actualPaddingBottom", this.i.b2);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingTop", {
         get: function () {
-            return this.i.cn;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.cn = +v;
-            this._a("paddingTop", this.i.cn);
+            this.i.co = +v;
+            this._a("paddingTop", this.i.co);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingTop", {
         get: function () {
-            return this.i.b4;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b4 = +v;
-            this._a("actualPaddingTop", this.i.b4);
+            this.i.b5 = +v;
+            this._a("actualPaddingTop", this.i.b5);
         },
         enumerable: false,
         configurable: true
@@ -569,11 +569,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual hover background used by the tool action.
         */
         get: function () {
-            return brushToString(this.i.hi);
+            return brushToString(this.i.hj);
         },
         set: function (v) {
-            this.i.hi = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.hi));
+            this.i.hj = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.hj));
         },
         enumerable: false,
         configurable: true
@@ -583,11 +583,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the hover background for this tool action.
         */
         get: function () {
-            return brushToString(this.i.hq);
+            return brushToString(this.i.hr);
         },
         set: function (v) {
-            this.i.hq = stringToBrush(v);
-            this._a("hoverBackground", brushToString(this.i.hq));
+            this.i.hr = stringToBrush(v);
+            this._a("hoverBackground", brushToString(this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -597,11 +597,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual background used by the tool action.
         */
         get: function () {
-            return brushToString(this.i.hf);
+            return brushToString(this.i.hg);
         },
         set: function (v) {
-            this.i.hf = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.hf));
+            this.i.hg = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.hg));
         },
         enumerable: false,
         configurable: true
@@ -611,11 +611,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the background color of the tool action.
         */
         get: function () {
-            return brushToString(this.i.hn);
+            return brushToString(this.i.ho);
         },
         set: function (v) {
-            this.i.hn = stringToBrush(v);
-            this._a("background", brushToString(this.i.hn));
+            this.i.ho = stringToBrush(v);
+            this._a("background", brushToString(this.i.ho));
         },
         enumerable: false,
         configurable: true
@@ -625,11 +625,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual label text color.
         */
         get: function () {
-            return brushToString(this.i.hm);
+            return brushToString(this.i.hn);
         },
         set: function (v) {
-            this.i.hm = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.hm));
+            this.i.hn = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -639,11 +639,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the label text color.
         */
         get: function () {
-            return brushToString(this.i.hu);
+            return brushToString(this.i.hv);
         },
         set: function (v) {
-            this.i.hu = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.hu));
+            this.i.hv = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.hv));
         },
         enumerable: false,
         configurable: true
@@ -653,11 +653,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual label text color.
         */
         get: function () {
-            return brushToString(this.i.hl);
+            return brushToString(this.i.hm);
         },
         set: function (v) {
-            this.i.hl = stringToBrush(v);
-            this._a("actualSubtitleTextColor", brushToString(this.i.hl));
+            this.i.hm = stringToBrush(v);
+            this._a("actualSubtitleTextColor", brushToString(this.i.hm));
         },
         enumerable: false,
         configurable: true
@@ -667,11 +667,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the label text color.
         */
         get: function () {
-            return brushToString(this.i.ht);
+            return brushToString(this.i.hu);
         },
         set: function (v) {
-            this.i.ht = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ht));
+            this.i.hu = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.hu));
         },
         enumerable: false,
         configurable: true
@@ -681,11 +681,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual label text color when the tool is disabled.
         */
         get: function () {
-            return brushToString(this.i.hg);
+            return brushToString(this.i.hh);
         },
         set: function (v) {
-            this.i.hg = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.hg));
+            this.i.hh = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.hh));
         },
         enumerable: false,
         configurable: true
@@ -695,11 +695,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the label text color when the tool is disabled.
         */
         get: function () {
-            return brushToString(this.i.ho);
+            return brushToString(this.i.hp);
         },
         set: function (v) {
-            this.i.ho = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.ho));
+            this.i.hp = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.hp));
         },
         enumerable: false,
         configurable: true
@@ -709,10 +709,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual font used.
         */
         get: function () {
-            return this.i.ae;
+            return this.i.af;
         },
         set: function (v) {
-            this.i.ae = v;
+            this.i.af = v;
         },
         enumerable: false,
         configurable: true
@@ -722,16 +722,16 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the font to use.
         */
         get: function () {
-            if (this.i.ah == null) {
+            if (this.i.ai == null) {
                 return null;
             }
-            return this.i.ah.fontString;
+            return this.i.ai.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ah = fi;
-            this._a("textStyle", this.i.ah != null ? this.i.ah.fontString : "");
+            this.i.ai = fi;
+            this._a("textStyle", this.i.ai != null ? this.i.ai.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -741,10 +741,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual font used.
         */
         get: function () {
-            return this.i.ad;
+            return this.i.ae;
         },
         set: function (v) {
-            this.i.ad = v;
+            this.i.ae = v;
         },
         enumerable: false,
         configurable: true
@@ -754,60 +754,60 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the font to use.
         */
         get: function () {
-            if (this.i.ag == null) {
+            if (this.i.ah == null) {
                 return null;
             }
-            return this.i.ag.fontString;
+            return this.i.ah.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ag = fi;
-            this._a("subtitleTextStyle", this.i.ag != null ? this.i.ag.fontString : "");
+            this.i.ah = fi;
+            this._a("subtitleTextStyle", this.i.ah != null ? this.i.ah.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "isDisabled", {
         get: function () {
-            return this.i.a9;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a9 = ensureBool(v);
-            this._a("isDisabled", this.i.a9);
+            this.i.ba = ensureBool(v);
+            this._a("isDisabled", this.i.ba);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "isHighlighted", {
         get: function () {
-            return this.i.ba;
+            return this.i.bb;
         },
         set: function (v) {
-            this.i.ba = ensureBool(v);
-            this._a("isHighlighted", this.i.ba);
+            this.i.bb = ensureBool(v);
+            this._a("isHighlighted", this.i.bb);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualAccentColor", {
         get: function () {
-            return brushToString(this.i.he);
+            return brushToString(this.i.hf);
         },
         set: function (v) {
-            this.i.he = stringToBrush(v);
-            this._a("actualAccentColor", brushToString(this.i.he));
+            this.i.hf = stringToBrush(v);
+            this._a("actualAccentColor", brushToString(this.i.hf));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "accentColor", {
         get: function () {
-            return brushToString(this.i.hd);
+            return brushToString(this.i.he);
         },
         set: function (v) {
-            this.i.hd = stringToBrush(v);
-            this._a("accentColor", brushToString(this.i.hd));
+            this.i.he = stringToBrush(v);
+            this._a("accentColor", brushToString(this.i.he));
         },
         enumerable: false,
         configurable: true
@@ -817,11 +817,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the display density to use for the action.
         */
         get: function () {
-            return this.i.w;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.w));
+            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
         },
         enumerable: false,
         configurable: true
@@ -831,21 +831,21 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the resolved display density to use for the action.
         */
         get: function () {
-            return this.i.v;
+            return this.i.w;
         },
         set: function (v) {
-            this.i.v = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.v));
+            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.w));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "name", {
         get: function () {
-            return this.i.eq;
+            return this.i.er;
         },
         set: function (v) {
-            this.i.eq = v;
+            this.i.er = v;
         },
         enumerable: false,
         configurable: true
@@ -855,10 +855,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the title of the tool.
         */
         get: function () {
-            return this.i.fa;
+            return this.i.fb;
         },
         set: function (v) {
-            this.i.fa = v;
+            this.i.fb = v;
         },
         enumerable: false,
         configurable: true
@@ -868,10 +868,10 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the subtitle of the tool.
         */
         get: function () {
-            return this.i.e4;
+            return this.i.e5;
         },
         set: function (v) {
-            this.i.e4 = v;
+            this.i.e5 = v;
         },
         enumerable: false,
         configurable: true
@@ -881,31 +881,31 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the title horizontal alignment.
         */
         get: function () {
-            return this.i.hb;
+            return this.i.hc;
         },
         set: function (v) {
-            this.i.hb = ensureEnum(HorizontalAlignment_$type, v);
-            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.hb));
+            this.i.hc = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.hc));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconName", {
         get: function () {
-            return this.i.ee;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.ee = v;
+            this.i.ef = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconCollectionName", {
         get: function () {
-            return this.i.d9;
+            return this.i.ea;
         },
         set: function (v) {
-            this.i.d9 = v;
+            this.i.ea = v;
         },
         enumerable: false,
         configurable: true
@@ -915,11 +915,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon viewbox left.
         */
         get: function () {
-            return this.i.cg;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("iconViewBoxLeft", this.i.cg);
+            this.i.ch = +v;
+            this._a("iconViewBoxLeft", this.i.ch);
         },
         enumerable: false,
         configurable: true
@@ -929,11 +929,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon viewbox top.
         */
         get: function () {
-            return this.i.ch;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.ch = +v;
-            this._a("iconViewBoxTop", this.i.ch);
+            this.i.ci = +v;
+            this._a("iconViewBoxTop", this.i.ci);
         },
         enumerable: false,
         configurable: true
@@ -943,11 +943,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon viewbox width.
         */
         get: function () {
-            return this.i.ci;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.ci = +v;
-            this._a("iconViewBoxWidth", this.i.ci);
+            this.i.cj = +v;
+            this._a("iconViewBoxWidth", this.i.cj);
         },
         enumerable: false,
         configurable: true
@@ -957,11 +957,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon viewbox height.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("iconViewBoxHeight", this.i.cf);
+            this.i.cg = +v;
+            this._a("iconViewBoxHeight", this.i.cg);
         },
         enumerable: false,
         configurable: true
@@ -971,11 +971,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon fill color.
         */
         get: function () {
-            return brushToString(this.i.hr);
+            return brushToString(this.i.hs);
         },
         set: function (v) {
-            this.i.hr = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.hr));
+            this.i.hs = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -985,11 +985,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual icon fill color.
         */
         get: function () {
-            return brushToString(this.i.hj);
+            return brushToString(this.i.hk);
         },
         set: function (v) {
-            this.i.hj = stringToBrush(v);
-            this._a("actualIconFill", brushToString(this.i.hj));
+            this.i.hk = stringToBrush(v);
+            this._a("actualIconFill", brushToString(this.i.hk));
         },
         enumerable: false,
         configurable: true
@@ -1013,11 +1013,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon stroke color.
         */
         get: function () {
-            return brushToString(this.i.hs);
+            return brushToString(this.i.ht);
         },
         set: function (v) {
-            this.i.hs = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.hs));
+            this.i.ht = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.ht));
         },
         enumerable: false,
         configurable: true
@@ -1027,11 +1027,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual icon stroke color.
         */
         get: function () {
-            return brushToString(this.i.hk);
+            return brushToString(this.i.hl);
         },
         set: function (v) {
-            this.i.hk = stringToBrush(v);
-            this._a("actualIconStroke", brushToString(this.i.hk));
+            this.i.hl = stringToBrush(v);
+            this._a("actualIconStroke", brushToString(this.i.hl));
         },
         enumerable: false,
         configurable: true
@@ -1055,11 +1055,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the icon viewbox width.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("iconStrokeWidth", this.i.ce);
+            this.i.cf = +v;
+            this._a("iconStrokeWidth", this.i.cf);
         },
         enumerable: false,
         configurable: true
@@ -1069,11 +1069,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the width of the icon.
         */
         get: function () {
-            return this.i.cj;
+            return this.i.ck;
         },
         set: function (v) {
-            this.i.cj = +v;
-            this._a("iconWidth", this.i.cj);
+            this.i.ck = +v;
+            this._a("iconWidth", this.i.ck);
         },
         enumerable: false,
         configurable: true
@@ -1083,11 +1083,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual icon width used.
         */
         get: function () {
-            return this.i.b0;
+            return this.i.b1;
         },
         set: function (v) {
-            this.i.b0 = +v;
-            this._a("actualIconWidth", this.i.b0);
+            this.i.b1 = +v;
+            this._a("actualIconWidth", this.i.b1);
         },
         enumerable: false,
         configurable: true
@@ -1097,11 +1097,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the height of the icon.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("iconHeight", this.i.cd);
+            this.i.ce = +v;
+            this._a("iconHeight", this.i.ce);
         },
         enumerable: false,
         configurable: true
@@ -1111,11 +1111,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets the actual icon height used.
         */
         get: function () {
-            return this.i.bz;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.bz = +v;
-            this._a("actualIconHeight", this.i.bz);
+            this.i.b0 = +v;
+            this._a("actualIconHeight", this.i.b0);
         },
         enumerable: false,
         configurable: true
@@ -1125,11 +1125,11 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets the tool action visibility.
         */
         get: function () {
-            return this.i.hv;
+            return this.i.hw;
         },
         set: function (v) {
-            this.i.hv = ensureEnum(Visibility_$type, v);
-            this._a("visibility", enumToString(Visibility_$type, this.i.hv));
+            this.i.hw = ensureEnum(Visibility_$type, v);
+            this._a("visibility", enumToString(Visibility_$type, this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -1139,77 +1139,77 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
          * Gets or sets if the tool action will close its parent dropdown when executed by the user.
         */
         get: function () {
-            return this.i.ax;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.ax = ensureBool(v);
-            this._a("closeOnExecute", this.i.ax);
+            this.i.ay = ensureBool(v);
+            this._a("closeOnExecute", this.i.ay);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightWidth", {
         get: function () {
-            return this.i.cc;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("highlightWidth", this.i.cc);
+            this.i.cd = +v;
+            this._a("highlightWidth", this.i.cd);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightWidth", {
         get: function () {
-            return this.i.by;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.by = +v;
-            this._a("actualHighlightWidth", this.i.by);
+            this.i.bz = +v;
+            this._a("actualHighlightWidth", this.i.bz);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightRadius", {
         get: function () {
-            return this.i.cb;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("highlightRadius", this.i.cb);
+            this.i.cc = +v;
+            this._a("highlightRadius", this.i.cc);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightRadius", {
         get: function () {
-            return this.i.bx;
+            return this.i.by;
         },
         set: function (v) {
-            this.i.bx = +v;
-            this._a("actualHighlightRadius", this.i.bx);
+            this.i.by = +v;
+            this._a("actualHighlightRadius", this.i.by);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.hp);
+            return brushToString(this.i.hq);
         },
         set: function (v) {
-            this.i.hp = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.hp));
+            this.i.hq = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.hq));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightColor", {
         get: function () {
-            return brushToString(this.i.hh);
+            return brushToString(this.i.hi);
         },
         set: function (v) {
-            this.i.hh = stringToBrush(v);
-            this._a("actualHighlightColor", brushToString(this.i.hh));
+            this.i.hi = stringToBrush(v);
+            this._a("actualHighlightColor", brushToString(this.i.hi));
         },
         enumerable: false,
         configurable: true
@@ -1286,17 +1286,17 @@ export var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_supe
         this._inStyling = false;
     };
     IgcToolActionComponent.prototype.openSubMenu = function () {
-        this.i.gn();
+        this.i.go();
     };
     IgcToolActionComponent.prototype.closeSubmenu = function () {
-        this.i.fi();
+        this.i.fj();
     };
     IgcToolActionComponent.prototype.exportVisualData = function () {
-        var iv = this.i.ct();
+        var iv = this.i.cu();
         return (iv);
     };
     IgcToolActionComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.d3();
+        var iv = this.i.d4();
         return (iv);
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "onCommand", {