igniteui-webcomponents-layouts 5.3.0 → 5.4.0

package/esm5/lib/igc-toolbar-component.js

@@ -416,11 +416,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.fp);
         },
         set: function (v) {
-            this.i.fk = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fk));
+            this.i.fp = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.fp));
         },
         enumerable: false,
         configurable: true
@@ -430,11 +430,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for submenus.
         */
         get: function () {
-            return brushToString(this.i.fy);
+            return brushToString(this.i.f3);
         },
         set: function (v) {
-            this.i.fy = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.fy));
+            this.i.f3 = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.f3));
         },
         enumerable: false,
         configurable: true
@@ -444,11 +444,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the group header background color.
         */
         get: function () {
-            return brushToString(this.i.fp);
+            return brushToString(this.i.fu);
         },
         set: function (v) {
-            this.i.fp = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.fp));
+            this.i.fu = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.fu));
         },
         enumerable: false,
         configurable: true
@@ -458,11 +458,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the separator background color.
         */
         get: function () {
-            return brushToString(this.i.fx);
+            return brushToString(this.i.f2);
         },
         set: function (v) {
-            this.i.fx = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.fx));
+            this.i.f2 = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.f2));
         },
         enumerable: false,
         configurable: true
@@ -472,11 +472,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover background color.
         */
         get: function () {
-            return brushToString(this.i.ft);
+            return brushToString(this.i.fy);
         },
         set: function (v) {
-            this.i.ft = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.ft));
+            this.i.fy = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.fy));
         },
         enumerable: false,
         configurable: true
@@ -486,11 +486,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.f0);
+            return brushToString(this.i.f5);
         },
         set: function (v) {
-            this.i.f0 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.f0));
+            this.i.f5 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.f5));
         },
         enumerable: false,
         configurable: true
@@ -500,11 +500,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get: function () {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.fs);
         },
         set: function (v) {
-            this.i.fn = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fn));
+            this.i.fs = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.fs));
         },
         enumerable: false,
         configurable: true
@@ -514,11 +514,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group header tool actions.
         */
         get: function () {
-            return brushToString(this.i.fr);
+            return brushToString(this.i.fw);
         },
         set: function (v) {
-            this.i.fr = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.fr));
+            this.i.fw = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.fw));
         },
         enumerable: false,
         configurable: true
@@ -528,11 +528,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip text color.
         */
         get: function () {
-            return brushToString(this.i.f2);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.f2 = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.f2));
+            this.i.f7 = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.f7));
         },
         enumerable: false,
         configurable: true
@@ -542,11 +542,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.f1);
+            return brushToString(this.i.f6);
         },
         set: function (v) {
-            this.i.f1 = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.f1));
+            this.i.f6 = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.f6));
         },
         enumerable: false,
         configurable: true
@@ -556,11 +556,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip corner radius.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bp;
         },
         set: function (v) {
-            this.i.bl = +v;
-            this._a("toolTipCornerRadius", this.i.bl);
+            this.i.bp = +v;
+            this._a("toolTipCornerRadius", this.i.bp);
         },
         enumerable: false,
         configurable: true
@@ -570,11 +570,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the shadow elevation for the tooltip.
         */
         get: function () {
-            return this.i.bm;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bm = +v;
-            this._a("toolTipElevation", this.i.bm);
+            this.i.bq = +v;
+            this._a("toolTipElevation", this.i.bq);
         },
         enumerable: false,
         configurable: true
@@ -584,11 +584,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.fu);
+            return brushToString(this.i.fz);
         },
         set: function (v) {
-            this.i.fu = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.fu));
+            this.i.fz = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.fz));
         },
         enumerable: false,
         configurable: true
@@ -598,11 +598,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f0);
         },
         set: function (v) {
-            this.i.fv = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.fv));
+            this.i.f0 = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.f0));
         },
         enumerable: false,
         configurable: true
@@ -612,16 +612,16 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text style.
         */
         get: function () {
-            if (this.i.ad == null) {
+            if (this.i.af == null) {
                 return null;
             }
-            return this.i.ad.fontString;
+            return this.i.af.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ad = fi;
-            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.af = fi;
+            this._a("cellTextStyle", this.i.af != null ? this.i.af.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -631,16 +631,35 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text style for subtitles.
         */
         get: function () {
-            if (this.i.af == null) {
+            if (this.i.aj == null) {
                 return null;
             }
-            return this.i.af.fontString;
+            return this.i.aj.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.aj = fi;
+            this._a("subtitleTextStyle", this.i.aj != null ? this.i.aj.fontString : "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "groupHeaderTextStyle", {
+        /**
+         * Gets or sets the text style.
+        */
+        get: function () {
+            if (this.i.ai == null) {
+                return null;
+            }
+            return this.i.ai.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ai = fi;
+            this._a("groupHeaderTextStyle", this.i.ai != null ? this.i.ai.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -650,11 +669,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bi = +v;
-            this._a("separatorVerticalPaddingLeft", this.i.bi);
+            this.i.bm = +v;
+            this._a("separatorVerticalPaddingLeft", this.i.bm);
         },
         enumerable: false,
         configurable: true
@@ -664,11 +683,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bj = +v;
-            this._a("separatorVerticalPaddingRight", this.i.bj);
+            this.i.bn = +v;
+            this._a("separatorVerticalPaddingRight", this.i.bn);
         },
         enumerable: false,
         configurable: true
@@ -678,11 +697,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.bk = +v;
-            this._a("separatorVerticalPaddingTop", this.i.bk);
+            this.i.bo = +v;
+            this._a("separatorVerticalPaddingTop", this.i.bo);
         },
         enumerable: false,
         configurable: true
@@ -692,11 +711,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bh = +v;
-            this._a("separatorVerticalPaddingBottom", this.i.bh);
+            this.i.bl = +v;
+            this._a("separatorVerticalPaddingBottom", this.i.bl);
         },
         enumerable: false,
         configurable: true
@@ -706,11 +725,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.be;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.be = +v;
-            this._a("separatorHorizontalPaddingLeft", this.i.be);
+            this.i.bi = +v;
+            this._a("separatorHorizontalPaddingLeft", this.i.bi);
         },
         enumerable: false,
         configurable: true
@@ -720,11 +739,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bf = +v;
-            this._a("separatorHorizontalPaddingRight", this.i.bf);
+            this.i.bj = +v;
+            this._a("separatorHorizontalPaddingRight", this.i.bj);
         },
         enumerable: false,
         configurable: true
@@ -734,11 +753,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bg = +v;
-            this._a("separatorHorizontalPaddingTop", this.i.bg);
+            this.i.bk = +v;
+            this._a("separatorHorizontalPaddingTop", this.i.bk);
         },
         enumerable: false,
         configurable: true
@@ -748,11 +767,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.bd = +v;
-            this._a("separatorHorizontalPaddingBottom", this.i.bd);
+            this.i.bh = +v;
+            this._a("separatorHorizontalPaddingBottom", this.i.bh);
         },
         enumerable: false,
         configurable: true
@@ -762,11 +781,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the tool actions should display their submenus on mouse hover.
         */
         get: function () {
-            return this.i.as;
+            return this.i.aw;
         },
         set: function (v) {
-            this.i.as = ensureBool(v);
-            this._a("showOnHover", this.i.as);
+            this.i.aw = ensureBool(v);
+            this._a("showOnHover", this.i.aw);
         },
         enumerable: false,
         configurable: true
@@ -776,11 +795,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets if the tool action icon buttons should display their tooltips on mouse hover.
         */
         get: function () {
-            return this.i.at;
+            return this.i.ax;
         },
         set: function (v) {
-            this.i.at = ensureBool(v);
-            this._a("showTooltipOnHover", this.i.at);
+            this.i.ax = ensureBool(v);
+            this._a("showTooltipOnHover", this.i.ax);
         },
         enumerable: false,
         configurable: true
@@ -792,44 +811,44 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * always keep the dropdown open during a hover open and will require an extra click to close.
         */
         get: function () {
-            return this.i.bq;
+            return this.i.bu;
         },
         set: function (v) {
-            this.i.bq = +v;
-            this._a("dropdownClickBuffer", this.i.bq);
+            this.i.bu = +v;
+            this._a("dropdownClickBuffer", this.i.bu);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightWidth", {
         get: function () {
-            return this.i.bc;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.bc = +v;
-            this._a("highlightWidth", this.i.bc);
+            this.i.bg = +v;
+            this._a("highlightWidth", this.i.bg);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightRadius", {
         get: function () {
-            return this.i.bb;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.bb = +v;
-            this._a("highlightRadius", this.i.bb);
+            this.i.bf = +v;
+            this._a("highlightRadius", this.i.bf);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.fs);
+            return brushToString(this.i.fx);
         },
         set: function (v) {
-            this.i.fs = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.fs));
+            this.i.fx = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.fx));
         },
         enumerable: false,
         configurable: true
@@ -839,11 +858,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get: function () {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f1);
         },
         set: function (v) {
-            this.i.fw = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.fw));
+            this.i.f1 = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.f1));
         },
         enumerable: false,
         configurable: true
@@ -853,11 +872,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.f3);
+            return brushToString(this.i.f8);
         },
         set: function (v) {
-            this.i.f3 = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.f3));
+            this.i.f8 = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.f8));
         },
         enumerable: false,
         configurable: true
@@ -867,11 +886,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.fl);
+            return brushToString(this.i.fq);
         },
         set: function (v) {
-            this.i.fl = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.fl));
+            this.i.fq = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.fq));
         },
         enumerable: false,
         configurable: true
@@ -881,11 +900,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.f9);
         },
         set: function (v) {
-            this.i.f4 = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.f4));
+            this.i.f9 = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.f9));
         },
         enumerable: false,
         configurable: true
@@ -895,11 +914,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.fm);
+            return brushToString(this.i.fr);
         },
         set: function (v) {
-            this.i.fm = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fm));
+            this.i.fr = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.fr));
         },
         enumerable: false,
         configurable: true
@@ -909,11 +928,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the row height that should be used.
         */
         get: function () {
-            return this.i.bu;
+            return this.i.by;
         },
         set: function (v) {
-            this.i.bu = +v;
-            this._a("rowHeight", this.i.bu);
+            this.i.by = +v;
+            this._a("rowHeight", this.i.by);
         },
         enumerable: false,
         configurable: true
@@ -923,11 +942,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for subtitles.
         */
         get: function () {
-            return brushToString(this.i.fz);
+            return brushToString(this.i.f4);
         },
         set: function (v) {
-            this.i.fz = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.fz));
+            this.i.f4 = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.f4));
         },
         enumerable: false,
         configurable: true
@@ -937,11 +956,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group header subtitles.
         */
         get: function () {
-            return brushToString(this.i.fq);
+            return brushToString(this.i.fv);
         },
         set: function (v) {
-            this.i.fq = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fq));
+            this.i.fv = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fv));
         },
         enumerable: false,
         configurable: true
@@ -951,11 +970,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the dropdown delay time in milliseconds.
         */
         get: function () {
-            return this.i.br;
+            return this.i.bv;
         },
         set: function (v) {
-            this.i.br = +v;
-            this._a("dropdownDelay", this.i.br);
+            this.i.bv = +v;
+            this._a("dropdownDelay", this.i.bv);
         },
         enumerable: false,
         configurable: true
@@ -965,11 +984,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Prevents clicks on the tool actions from bubbling.
         */
         get: function () {
-            return this.i.au;
+            return this.i.ay;
         },
         set: function (v) {
-            this.i.au = ensureBool(v);
-            this._a("stopPropagation", this.i.au);
+            this.i.ay = ensureBool(v);
+            this._a("stopPropagation", this.i.ay);
         },
         enumerable: false,
         configurable: true
@@ -990,7 +1009,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.ar;
+            return this.i.av;
         },
         enumerable: false,
         configurable: true
@@ -1070,14 +1089,14 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcToolbarComponent.prototype.flushRefresh = function () {
-        this.i.dx();
+        this.i.d2();
     };
     /**
      * Get the desired size the toolbar wants to be.
     
     */
     IgcToolbarComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.f6();
+        var iv = this.i.gb();
         return fromSize(iv);
     };
     /**
@@ -1085,114 +1104,114 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.closeSubmenus = function () {
-        this.i.du();
+        this.i.dz();
     };
     IgcToolbarComponent.prototype.onCommandStateChanged = function (id, type, value) {
         this.i.onCommandStateChanged(id, (type == null ? null : type), value);
     };
     IgcToolbarComponent.prototype.registerIconFromText = function (iconCollection, iconName, iconText) {
-        this.i.ee(iconCollection, iconName, iconText);
+        this.i.ej(iconCollection, iconName, iconText);
     };
     IgcToolbarComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
-        var iv = this.i.cm(iconCollection, iconName);
+        var iv = this.i.cq(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
-        this.i.eg(iconCollection, iconName, multiPathSVG);
+        this.i.el(iconCollection, iconName, multiPathSVG);
     };
     IgcToolbarComponent.prototype.getMultiPathSVGFromCache = function (iconCollection, iconName) {
         var iv = this.i.a(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerIconFromDataURL = function (iconCollection, iconName, dataURL) {
-        this.i.ed(iconCollection, iconName, dataURL);
+        this.i.ei(iconCollection, iconName, dataURL);
     };
     IgcToolbarComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
-        var iv = this.i.cl(iconCollection, iconName);
+        var iv = this.i.cp(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
-        this.i.ef(iconCollection, iconName, source);
+        this.i.ek(iconCollection, iconName, source);
     };
     IgcToolbarComponent.prototype.getIconSource = function (iconCollection, iconName) {
-        var iv = this.i.b4(iconCollection, iconName);
+        var iv = this.i.b8(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBrushContextItem = function (key, value) {
-        this.i.ej(key, stringToBrush(value));
+        this.i.eo(key, stringToBrush(value));
     };
     IgcToolbarComponent.prototype.getBrushContextItem = function (key) {
-        var iv = this.i.fo(key);
+        var iv = this.i.ft(key);
         return brushToString(iv);
     };
     IgcToolbarComponent.prototype.setBrushCollectionContextItem = function (key, value) {
-        this.i.ei(key, toBrushCollection(value));
+        this.i.en(key, toBrushCollection(value));
     };
     IgcToolbarComponent.prototype.getBrushCollectionContextItem = function (key) {
         var iv = this.i.b(key);
         return fromBrushCollection(iv);
     };
     IgcToolbarComponent.prototype.setDoubleContextItem = function (key, value) {
-        this.i.en(key, value);
+        this.i.es(key, value);
     };
     IgcToolbarComponent.prototype.getDoubleContextItem = function (key) {
-        var iv = this.i.a9(key);
+        var iv = this.i.bd(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setIntContextItem = function (key, value) {
-        this.i.eu(key, value);
+        this.i.ez(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDoubleContextItem = function (key) {
-        var iv = this.i.ba(key);
+        var iv = this.i.be(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDoubleContextItem = function (key, value) {
-        this.i.es(key, value);
+        this.i.ex(key, value);
     };
     IgcToolbarComponent.prototype.getIntContextItem = function (key) {
-        var iv = this.i.bt(key);
+        var iv = this.i.bx(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalIntContextItem = function (key, value) {
-        this.i.et(key, value);
+        this.i.ey(key, value);
     };
     IgcToolbarComponent.prototype.getExternalIntContextItem = function (key) {
-        var iv = this.i.bs(key);
+        var iv = this.i.bw(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setStringContextItem = function (key, value) {
-        this.i.ev(key, value);
+        this.i.e0(key, value);
     };
     IgcToolbarComponent.prototype.getStringContextItem = function (key) {
-        var iv = this.i.cn(key);
+        var iv = this.i.cr(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBoolContextItem = function (key, value) {
-        this.i.eh(key, value);
+        this.i.em(key, value);
     };
     IgcToolbarComponent.prototype.getBoolContextItem = function (key) {
-        var iv = this.i.aq(key);
+        var iv = this.i.au(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setColorContextItem = function (key, value) {
-        this.i.ek(key, stringToColor(value));
+        this.i.ep(key, stringToColor(value));
     };
     IgcToolbarComponent.prototype.getColorContextItem = function (key) {
-        var iv = this.i.f5(key);
+        var iv = this.i.ga(key);
         return colorToString(iv);
     };
     IgcToolbarComponent.prototype.setDataContextItem = function (key, value) {
-        this.i.em(key, value);
+        this.i.er(key, value);
     };
     IgcToolbarComponent.prototype.getDataContextItem = function (key) {
-        var iv = this.i.bz(key);
+        var iv = this.i.b3(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDataContextItem = function (key, value) {
-        this.i.er(key, value);
+        this.i.ew(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDataContextItem = function (key) {
-        var iv = this.i.b3(key);
+        var iv = this.i.b7(key);
         return (iv);
     };
     /**
@@ -1200,7 +1219,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.exportVisualData = function () {
-        var iv = this.i.bx();
+        var iv = this.i.b1();
         return (iv);
     };
     /**
@@ -1208,7 +1227,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.ck();
+        var iv = this.i.co();
         return (iv);
     };
     Object.defineProperty(IgcToolbarComponent.prototype, "onCommand", {