igniteui-webcomponents-layouts 5.3.0 → 5.4.0

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

@@ -4,6 +4,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { IgcToolContextBindingCollection } from "./igc-tool-context-binding-collection";
 import { IgcToolActionCollection } from "./igc-tool-action-collection";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
 import { Visibility_$type } from "igniteui-webcomponents-core";
 import { IgcToolCommandEventArgs } from "./igc-tool-command-event-args";
 import { IgcToolActionPerformedEventArgs } from "./igc-tool-action-performed-event-args";
@@ -224,7 +225,7 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.a8;
+            return this.i.ba;
         },
         enumerable: false,
         configurable: true
@@ -267,7 +268,7 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actionId", {
         get: function () {
-            return this.i.cx;
+            return this.i.cz;
         },
         enumerable: false,
         configurable: true
@@ -331,11 +332,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width to use for this tool action.
         */
         get: function () {
-            return this.i.cm;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.cm = +v;
-            this._a("width", this.i.cm);
+            this.i.co = +v;
+            this._a("width", this.i.co);
         },
         enumerable: false,
         configurable: true
@@ -345,11 +346,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height to use for this tool action.
         */
         get: function () {
-            return this.i.b7;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.b7 = +v;
-            this._a("height", this.i.b7);
+            this.i.b9 = +v;
+            this._a("height", this.i.b9);
         },
         enumerable: false,
         configurable: true
@@ -359,21 +360,21 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height to use for the sub panel if different than default
         */
         get: function () {
-            return this.i.cn;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.cn = +v;
-            this._a("subPanelRowHeight", this.i.cn);
+            this.i.cp = +v;
+            this._a("subPanelRowHeight", this.i.cp);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "parentId", {
         get: function () {
-            return this.i.ep;
+            return this.i.es;
         },
         set: function (v) {
-            this.i.ep = v;
+            this.i.es = v;
         },
         enumerable: false,
         configurable: true
@@ -388,10 +389,10 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * after the action has already been added will have no effect.
         */
         get: function () {
-            return this.i.dk;
+            return this.i.dm;
         },
         set: function (v) {
-            this.i.dk = v;
+            this.i.dm = v;
         },
         enumerable: false,
         configurable: true
@@ -406,10 +407,10 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * after the action has already been added will have no effect.
         */
         get: function () {
-            return this.i.dh;
+            return this.i.dj;
         },
         set: function (v) {
-            this.i.dh = v;
+            this.i.dj = v;
         },
         enumerable: false,
         configurable: true
@@ -426,128 +427,128 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * overlaid onto the generated actions.
         */
         get: function () {
-            return this.i.ek;
+            return this.i.en;
         },
         set: function (v) {
-            this.i.ek = v;
+            this.i.en = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandId", {
         get: function () {
-            return this.i.dq;
+            return this.i.ds;
         },
         set: function (v) {
-            this.i.dq = v;
+            this.i.ds = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgument", {
         get: function () {
-            return this.i.dm;
+            return this.i.dp;
         },
         set: function (v) {
-            this.i.dm = v;
+            this.i.dp = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgumentValue", {
         get: function () {
-            return this.i.co;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.co = v;
+            this.i.cq = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingLeft", {
         get: function () {
-            return this.i.ci;
+            return this.i.ck;
         },
         set: function (v) {
-            this.i.ci = +v;
-            this._a("paddingLeft", this.i.ci);
+            this.i.ck = +v;
+            this._a("paddingLeft", this.i.ck);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingLeft", {
         get: function () {
-            return this.i.bz;
+            return this.i.b1;
         },
         set: function (v) {
-            this.i.bz = +v;
-            this._a("actualPaddingLeft", this.i.bz);
+            this.i.b1 = +v;
+            this._a("actualPaddingLeft", this.i.b1);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingRight", {
         get: function () {
-            return this.i.cj;
+            return this.i.cl;
         },
         set: function (v) {
-            this.i.cj = +v;
-            this._a("paddingRight", this.i.cj);
+            this.i.cl = +v;
+            this._a("paddingRight", this.i.cl);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingRight", {
         get: function () {
-            return this.i.b0;
+            return this.i.b2;
         },
         set: function (v) {
-            this.i.b0 = +v;
-            this._a("actualPaddingRight", this.i.b0);
+            this.i.b2 = +v;
+            this._a("actualPaddingRight", this.i.b2);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingBottom", {
         get: function () {
-            return this.i.ch;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.ch = +v;
-            this._a("paddingBottom", this.i.ch);
+            this.i.cj = +v;
+            this._a("paddingBottom", this.i.cj);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingBottom", {
         get: function () {
-            return this.i.by;
+            return this.i.b0;
         },
         set: function (v) {
-            this.i.by = +v;
-            this._a("actualPaddingBottom", this.i.by);
+            this.i.b0 = +v;
+            this._a("actualPaddingBottom", this.i.b0);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingTop", {
         get: function () {
-            return this.i.ck;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.ck = +v;
-            this._a("paddingTop", this.i.ck);
+            this.i.cm = +v;
+            this._a("paddingTop", this.i.cm);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualPaddingTop", {
         get: function () {
-            return this.i.b1;
+            return this.i.b3;
         },
         set: function (v) {
-            this.i.b1 = +v;
-            this._a("actualPaddingTop", this.i.b1);
+            this.i.b3 = +v;
+            this._a("actualPaddingTop", this.i.b3);
         },
         enumerable: false,
         configurable: true
@@ -557,11 +558,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual hover background used by the tool action.
         */
         get: function () {
-            return brushToString(this.i.gz);
+            return brushToString(this.i.g7);
         },
         set: function (v) {
-            this.i.gz = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.gz));
+            this.i.g7 = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.g7));
         },
         enumerable: false,
         configurable: true
@@ -571,11 +572,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover background for this tool action.
         */
         get: function () {
-            return brushToString(this.i.g7);
+            return brushToString(this.i.hf);
         },
         set: function (v) {
-            this.i.g7 = stringToBrush(v);
-            this._a("hoverBackground", brushToString(this.i.g7));
+            this.i.hf = stringToBrush(v);
+            this._a("hoverBackground", brushToString(this.i.hf));
         },
         enumerable: false,
         configurable: true
@@ -585,11 +586,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual background used by the tool action.
         */
         get: function () {
-            return brushToString(this.i.gw);
+            return brushToString(this.i.g4);
         },
         set: function (v) {
-            this.i.gw = stringToBrush(v);
-            this._a("actualBackground", brushToString(this.i.gw));
+            this.i.g4 = stringToBrush(v);
+            this._a("actualBackground", brushToString(this.i.g4));
         },
         enumerable: false,
         configurable: true
@@ -599,11 +600,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color of the tool action.
         */
         get: function () {
-            return brushToString(this.i.g4);
+            return brushToString(this.i.hc);
         },
         set: function (v) {
-            this.i.g4 = stringToBrush(v);
-            this._a("background", brushToString(this.i.g4));
+            this.i.hc = stringToBrush(v);
+            this._a("background", brushToString(this.i.hc));
         },
         enumerable: false,
         configurable: true
@@ -613,11 +614,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual label text color.
         */
         get: function () {
-            return brushToString(this.i.g3);
+            return brushToString(this.i.hb);
         },
         set: function (v) {
-            this.i.g3 = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.g3));
+            this.i.hb = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.hb));
         },
         enumerable: false,
         configurable: true
@@ -627,11 +628,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label text color.
         */
         get: function () {
-            return brushToString(this.i.hb);
+            return brushToString(this.i.hj);
         },
         set: function (v) {
-            this.i.hb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.hb));
+            this.i.hj = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.hj));
         },
         enumerable: false,
         configurable: true
@@ -641,11 +642,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual label text color.
         */
         get: function () {
-            return brushToString(this.i.g2);
+            return brushToString(this.i.ha);
         },
         set: function (v) {
-            this.i.g2 = stringToBrush(v);
-            this._a("actualSubtitleTextColor", brushToString(this.i.g2));
+            this.i.ha = stringToBrush(v);
+            this._a("actualSubtitleTextColor", brushToString(this.i.ha));
         },
         enumerable: false,
         configurable: true
@@ -655,11 +656,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label text color.
         */
         get: function () {
-            return brushToString(this.i.ha);
+            return brushToString(this.i.hi);
         },
         set: function (v) {
-            this.i.ha = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ha));
+            this.i.hi = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.hi));
         },
         enumerable: false,
         configurable: true
@@ -669,11 +670,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual label text color when the tool is disabled.
         */
         get: function () {
-            return brushToString(this.i.gx);
+            return brushToString(this.i.g5);
         },
         set: function (v) {
-            this.i.gx = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.gx));
+            this.i.g5 = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.g5));
         },
         enumerable: false,
         configurable: true
@@ -683,11 +684,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the label text color when the tool is disabled.
         */
         get: function () {
-            return brushToString(this.i.g5);
+            return brushToString(this.i.hd);
         },
         set: function (v) {
-            this.i.g5 = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.g5));
+            this.i.hd = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.hd));
         },
         enumerable: false,
         configurable: true
@@ -697,10 +698,10 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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
@@ -710,16 +711,16 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * 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("textStyle", this.i.ag != null ? this.i.ag.fontString : "");
+            this.i.ah = fi;
+            this._a("textStyle", this.i.ah != null ? this.i.ah.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -729,10 +730,10 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual font used.
         */
         get: function () {
-            return this.i.ac;
+            return this.i.ad;
         },
         set: function (v) {
-            this.i.ac = v;
+            this.i.ad = v;
         },
         enumerable: false,
         configurable: true
@@ -742,38 +743,38 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the font to use.
         */
         get: function () {
-            if (this.i.af == null) {
+            if (this.i.ag == null) {
                 return null;
             }
-            return this.i.af.fontString;
+            return this.i.ag.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.af = fi;
-            this._a("subtitleTextStyle", this.i.af != null ? this.i.af.fontString : "");
+            this.i.ag = fi;
+            this._a("subtitleTextStyle", this.i.ag != null ? this.i.ag.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "isDisabled", {
         get: function () {
-            return this.i.a6;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.a6 = ensureBool(v);
-            this._a("isDisabled", this.i.a6);
+            this.i.a8 = ensureBool(v);
+            this._a("isDisabled", this.i.a8);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "isHighlighted", {
         get: function () {
-            return this.i.a7;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a7 = ensureBool(v);
-            this._a("isHighlighted", this.i.a7);
+            this.i.a9 = ensureBool(v);
+            this._a("isHighlighted", this.i.a9);
         },
         enumerable: false,
         configurable: true
@@ -783,11 +784,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the 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("density", enumToString(ControlDisplayDensity_$type, this.i.v));
+            this.i.w = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.w));
         },
         enumerable: false,
         configurable: true
@@ -797,21 +798,21 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the resolved display density to use for the action.
         */
         get: function () {
-            return this.i.u;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.u = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.u));
+            this.i.v = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("actualDensity", enumToString(ControlDisplayDensity_$type, this.i.v));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "name", {
         get: function () {
-            return this.i.ei;
+            return this.i.el;
         },
         set: function (v) {
-            this.i.ei = v;
+            this.i.el = v;
         },
         enumerable: false,
         configurable: true
@@ -821,10 +822,10 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the title of the tool.
         */
         get: function () {
-            return this.i.e1;
+            return this.i.e5;
         },
         set: function (v) {
-            this.i.e1 = v;
+            this.i.e5 = v;
         },
         enumerable: false,
         configurable: true
@@ -834,30 +835,44 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the subtitle of the tool.
         */
         get: function () {
-            return this.i.ev;
+            return this.i.ez;
+        },
+        set: function (v) {
+            this.i.ez = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolActionComponent.prototype, "titleHorizontalAlignment", {
+        /**
+         * Gets or sets the title horizontal alignment.
+        */
+        get: function () {
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.ev = v;
+            this.i.g2 = ensureEnum(HorizontalAlignment_$type, v);
+            this._a("titleHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.g2));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconName", {
         get: function () {
-            return this.i.d6;
+            return this.i.d9;
         },
         set: function (v) {
-            this.i.d6 = v;
+            this.i.d9 = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconCollectionName", {
         get: function () {
-            return this.i.d1;
+            return this.i.d4;
         },
         set: function (v) {
-            this.i.d1 = v;
+            this.i.d4 = v;
         },
         enumerable: false,
         configurable: true
@@ -867,11 +882,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon viewbox left.
         */
         get: function () {
-            return this.i.cd;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("iconViewBoxLeft", this.i.cd);
+            this.i.cf = +v;
+            this._a("iconViewBoxLeft", this.i.cf);
         },
         enumerable: false,
         configurable: true
@@ -881,11 +896,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon viewbox top.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("iconViewBoxTop", this.i.ce);
+            this.i.cg = +v;
+            this._a("iconViewBoxTop", this.i.cg);
         },
         enumerable: false,
         configurable: true
@@ -895,11 +910,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon viewbox width.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.ch;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("iconViewBoxWidth", this.i.cf);
+            this.i.ch = +v;
+            this._a("iconViewBoxWidth", this.i.ch);
         },
         enumerable: false,
         configurable: true
@@ -909,11 +924,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon viewbox height.
         */
         get: function () {
-            return this.i.cc;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("iconViewBoxHeight", this.i.cc);
+            this.i.ce = +v;
+            this._a("iconViewBoxHeight", this.i.ce);
         },
         enumerable: false,
         configurable: true
@@ -923,11 +938,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon fill color.
         */
         get: function () {
-            return brushToString(this.i.g8);
+            return brushToString(this.i.hg);
         },
         set: function (v) {
-            this.i.g8 = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.g8));
+            this.i.hg = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.hg));
         },
         enumerable: false,
         configurable: true
@@ -937,11 +952,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual icon fill color.
         */
         get: function () {
-            return brushToString(this.i.g0);
+            return brushToString(this.i.g8);
         },
         set: function (v) {
-            this.i.g0 = stringToBrush(v);
-            this._a("actualIconFill", brushToString(this.i.g0));
+            this.i.g8 = stringToBrush(v);
+            this._a("actualIconFill", brushToString(this.i.g8));
         },
         enumerable: false,
         configurable: true
@@ -965,11 +980,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon stroke color.
         */
         get: function () {
-            return brushToString(this.i.g9);
+            return brushToString(this.i.hh);
         },
         set: function (v) {
-            this.i.g9 = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.g9));
+            this.i.hh = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.hh));
         },
         enumerable: false,
         configurable: true
@@ -979,11 +994,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual icon stroke color.
         */
         get: function () {
-            return brushToString(this.i.g1);
+            return brushToString(this.i.g9);
         },
         set: function (v) {
-            this.i.g1 = stringToBrush(v);
-            this._a("actualIconStroke", brushToString(this.i.g1));
+            this.i.g9 = stringToBrush(v);
+            this._a("actualIconStroke", brushToString(this.i.g9));
         },
         enumerable: false,
         configurable: true
@@ -1007,11 +1022,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the icon viewbox width.
         */
         get: function () {
-            return this.i.cb;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("iconStrokeWidth", this.i.cb);
+            this.i.cd = +v;
+            this._a("iconStrokeWidth", this.i.cd);
         },
         enumerable: false,
         configurable: true
@@ -1021,11 +1036,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the width of the icon.
         */
         get: function () {
-            return this.i.cg;
+            return this.i.ci;
         },
         set: function (v) {
-            this.i.cg = +v;
-            this._a("iconWidth", this.i.cg);
+            this.i.ci = +v;
+            this._a("iconWidth", this.i.ci);
         },
         enumerable: false,
         configurable: true
@@ -1035,11 +1050,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual icon width used.
         */
         get: function () {
-            return this.i.bx;
+            return this.i.bz;
         },
         set: function (v) {
-            this.i.bx = +v;
-            this._a("actualIconWidth", this.i.bx);
+            this.i.bz = +v;
+            this._a("actualIconWidth", this.i.bz);
         },
         enumerable: false,
         configurable: true
@@ -1049,11 +1064,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the height of the icon.
         */
         get: function () {
-            return this.i.ca;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("iconHeight", this.i.ca);
+            this.i.cc = +v;
+            this._a("iconHeight", this.i.cc);
         },
         enumerable: false,
         configurable: true
@@ -1063,11 +1078,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets the actual icon height used.
         */
         get: function () {
-            return this.i.bw;
+            return this.i.by;
         },
         set: function (v) {
-            this.i.bw = +v;
-            this._a("actualIconHeight", this.i.bw);
+            this.i.by = +v;
+            this._a("actualIconHeight", this.i.by);
         },
         enumerable: false,
         configurable: true
@@ -1077,11 +1092,11 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tool action visibility.
         */
         get: function () {
-            return this.i.hc;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.hc = ensureEnum(Visibility_$type, v);
-            this._a("visibility", enumToString(Visibility_$type, this.i.hc));
+            this.i.hk = ensureEnum(Visibility_$type, v);
+            this._a("visibility", enumToString(Visibility_$type, this.i.hk));
         },
         enumerable: false,
         configurable: true
@@ -1091,77 +1106,77 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the tool action will close its parent dropdown when executed by the user.
         */
         get: function () {
-            return this.i.au;
+            return this.i.aw;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
-            this._a("closeOnExecute", this.i.au);
+            this.i.aw = ensureBool(v);
+            this._a("closeOnExecute", this.i.aw);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightWidth", {
         get: function () {
-            return this.i.b9;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.b9 = +v;
-            this._a("highlightWidth", this.i.b9);
+            this.i.cb = +v;
+            this._a("highlightWidth", this.i.cb);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightWidth", {
         get: function () {
-            return this.i.bv;
+            return this.i.bx;
         },
         set: function (v) {
-            this.i.bv = +v;
-            this._a("actualHighlightWidth", this.i.bv);
+            this.i.bx = +v;
+            this._a("actualHighlightWidth", this.i.bx);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightRadius", {
         get: function () {
-            return this.i.b8;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.b8 = +v;
-            this._a("highlightRadius", this.i.b8);
+            this.i.ca = +v;
+            this._a("highlightRadius", this.i.ca);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightRadius", {
         get: function () {
-            return this.i.bu;
+            return this.i.bw;
         },
         set: function (v) {
-            this.i.bu = +v;
-            this._a("actualHighlightRadius", this.i.bu);
+            this.i.bw = +v;
+            this._a("actualHighlightRadius", this.i.bw);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.g6);
+            return brushToString(this.i.he);
         },
         set: function (v) {
-            this.i.g6 = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.g6));
+            this.i.he = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.he));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "actualHighlightColor", {
         get: function () {
-            return brushToString(this.i.gy);
+            return brushToString(this.i.g6);
         },
         set: function (v) {
-            this.i.gy = stringToBrush(v);
-            this._a("actualHighlightColor", brushToString(this.i.gy));
+            this.i.g6 = stringToBrush(v);
+            this._a("actualHighlightColor", brushToString(this.i.g6));
         },
         enumerable: false,
         configurable: true
@@ -1238,17 +1253,17 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcToolActionComponent.prototype.openSubMenu = function () {
-        this.i.f8();
+        this.i.ge();
     };
     IgcToolActionComponent.prototype.closeSubmenu = function () {
-        this.i.e7();
+        this.i.fd();
     };
     IgcToolActionComponent.prototype.exportVisualData = function () {
-        var iv = this.i.cp();
+        var iv = this.i.cr();
         return (iv);
     };
     IgcToolActionComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.dw();
+        var iv = this.i.dy();
         return (iv);
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "onCommand", {