igniteui-webcomponents-layouts 5.2.0 → 5.3.0

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

@@ -19,6 +19,7 @@ import { IgcToolActionCollection } from "./igc-tool-action-collection";
 import { IgcToolCommandEventArgs } from './igc-tool-command-event-args';
 import { IgcToolbarSubMenuOpeningEventArgs } from './igc-toolbar-sub-menu-opening-event-args';
 import { IgcToolbarSubMenuClosingEventArgs } from './igc-toolbar-sub-menu-closing-event-args';
+import { ScrollbarStyle_$type } from "igniteui-webcomponents-core";
 var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(IgcToolbarComponent, _super);
     function IgcToolbarComponent() {
@@ -301,11 +302,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or sets the base built in theme to use for the checkbox.
     */
         get: function () {
-            return this.i.v;
+            return this.i.x;
         },
         set: function (v) {
-            this.i.v = ensureEnum(BaseControlTheme_$type, v);
-            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.v));
+            this.i.x = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.x));
         },
         enumerable: false,
         configurable: true
@@ -315,11 +316,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the display density to use for the toolbar.
         */
         get: function () {
-            return this.i.x;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.x = ensureEnum(ControlDisplayDensity_$type, v);
-            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.x));
+            this.i.z = ensureEnum(ControlDisplayDensity_$type, v);
+            this._a("density", enumToString(ControlDisplayDensity_$type, this.i.z));
         },
         enumerable: false,
         configurable: true
@@ -415,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.fe);
+            return brushToString(this.i.fk);
         },
         set: function (v) {
-            this.i.fe = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fe));
+            this.i.fk = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.fk));
         },
         enumerable: false,
         configurable: true
@@ -429,11 +430,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the background color for submenus.
         */
         get: function () {
-            return brushToString(this.i.fs);
+            return brushToString(this.i.fy);
         },
         set: function (v) {
-            this.i.fs = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.fs));
+            this.i.fy = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.fy));
         },
         enumerable: false,
         configurable: true
@@ -443,11 +444,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the group header background color.
         */
         get: function () {
-            return brushToString(this.i.fj);
+            return brushToString(this.i.fp);
         },
         set: function (v) {
-            this.i.fj = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.fj));
+            this.i.fp = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.fp));
         },
         enumerable: false,
         configurable: true
@@ -457,11 +458,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the separator background color.
         */
         get: function () {
-            return brushToString(this.i.fr);
+            return brushToString(this.i.fx);
         },
         set: function (v) {
-            this.i.fr = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.fr));
+            this.i.fx = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.fx));
         },
         enumerable: false,
         configurable: true
@@ -471,11 +472,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the hover background color.
         */
         get: function () {
-            return brushToString(this.i.fn);
+            return brushToString(this.i.ft);
         },
         set: function (v) {
-            this.i.fn = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.fn));
+            this.i.ft = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.ft));
         },
         enumerable: false,
         configurable: true
@@ -485,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.fu);
+            return brushToString(this.i.f0);
         },
         set: function (v) {
-            this.i.fu = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.fu));
+            this.i.f0 = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.f0));
         },
         enumerable: false,
         configurable: true
@@ -499,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.fh);
+            return brushToString(this.i.fn);
         },
         set: function (v) {
-            this.i.fh = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fh));
+            this.i.fn = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.fn));
         },
         enumerable: false,
         configurable: true
@@ -513,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.fl);
+            return brushToString(this.i.fr);
         },
         set: function (v) {
-            this.i.fl = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.fl));
+            this.i.fr = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.fr));
         },
         enumerable: false,
         configurable: true
@@ -527,11 +528,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip text color.
         */
         get: function () {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f2);
         },
         set: function (v) {
-            this.i.fw = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.fw));
+            this.i.f2 = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.f2));
         },
         enumerable: false,
         configurable: true
@@ -541,11 +542,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f1);
         },
         set: function (v) {
-            this.i.fv = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.fv));
+            this.i.f1 = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.f1));
         },
         enumerable: false,
         configurable: true
@@ -555,11 +556,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the tooltip corner radius.
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bh = +v;
-            this._a("toolTipCornerRadius", this.i.bh);
+            this.i.bl = +v;
+            this._a("toolTipCornerRadius", this.i.bl);
         },
         enumerable: false,
         configurable: true
@@ -569,11 +570,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the shadow elevation for the tooltip.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bi = +v;
-            this._a("toolTipElevation", this.i.bi);
+            this.i.bm = +v;
+            this._a("toolTipElevation", this.i.bm);
         },
         enumerable: false,
         configurable: true
@@ -583,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.fo);
+            return brushToString(this.i.fu);
         },
         set: function (v) {
-            this.i.fo = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.fo));
+            this.i.fu = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.fu));
         },
         enumerable: false,
         configurable: true
@@ -597,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.fp);
+            return brushToString(this.i.fv);
         },
         set: function (v) {
-            this.i.fp = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.fp));
+            this.i.fv = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.fv));
         },
         enumerable: false,
         configurable: true
@@ -611,16 +612,16 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text style.
         */
         get: function () {
-            if (this.i.ab == null) {
+            if (this.i.ad == null) {
                 return null;
             }
-            return this.i.ab.fontString;
+            return this.i.ad.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ab = fi;
-            this._a("cellTextStyle", this.i.ab != null ? this.i.ab.fontString : "");
+            this.i.ad = fi;
+            this._a("cellTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -630,16 +631,16 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text style for subtitles.
         */
         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("subtitleTextStyle", this.i.ad != null ? this.i.ad.fontString : "");
+            this.i.af = fi;
+            this._a("subtitleTextStyle", this.i.af != null ? this.i.af.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -649,11 +650,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.be;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.be = +v;
-            this._a("separatorVerticalPaddingLeft", this.i.be);
+            this.i.bi = +v;
+            this._a("separatorVerticalPaddingLeft", this.i.bi);
         },
         enumerable: false,
         configurable: true
@@ -663,11 +664,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bf = +v;
-            this._a("separatorVerticalPaddingRight", this.i.bf);
+            this.i.bj = +v;
+            this._a("separatorVerticalPaddingRight", this.i.bj);
         },
         enumerable: false,
         configurable: true
@@ -677,11 +678,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bg = +v;
-            this._a("separatorVerticalPaddingTop", this.i.bg);
+            this.i.bk = +v;
+            this._a("separatorVerticalPaddingTop", this.i.bk);
         },
         enumerable: false,
         configurable: true
@@ -691,11 +692,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.bd = +v;
-            this._a("separatorVerticalPaddingBottom", this.i.bd);
+            this.i.bh = +v;
+            this._a("separatorVerticalPaddingBottom", this.i.bh);
         },
         enumerable: false,
         configurable: true
@@ -705,11 +706,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the left padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.be;
         },
         set: function (v) {
-            this.i.ba = +v;
-            this._a("separatorHorizontalPaddingLeft", this.i.ba);
+            this.i.be = +v;
+            this._a("separatorHorizontalPaddingLeft", this.i.be);
         },
         enumerable: false,
         configurable: true
@@ -719,11 +720,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the right padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.bb;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.bb = +v;
-            this._a("separatorHorizontalPaddingRight", this.i.bb);
+            this.i.bf = +v;
+            this._a("separatorHorizontalPaddingRight", this.i.bf);
         },
         enumerable: false,
         configurable: true
@@ -733,11 +734,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the top padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.bc;
+            return this.i.bg;
         },
         set: function (v) {
-            this.i.bc = +v;
-            this._a("separatorHorizontalPaddingTop", this.i.bc);
+            this.i.bg = +v;
+            this._a("separatorHorizontalPaddingTop", this.i.bg);
         },
         enumerable: false,
         configurable: true
@@ -747,11 +748,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the bottom padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.a9;
+            return this.i.bd;
         },
         set: function (v) {
-            this.i.a9 = +v;
-            this._a("separatorHorizontalPaddingBottom", this.i.a9);
+            this.i.bd = +v;
+            this._a("separatorHorizontalPaddingBottom", this.i.bd);
         },
         enumerable: false,
         configurable: true
@@ -761,11 +762,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.ap;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ap = ensureBool(v);
-            this._a("showOnHover", this.i.ap);
+            this.i.as = ensureBool(v);
+            this._a("showOnHover", this.i.as);
         },
         enumerable: false,
         configurable: true
@@ -775,11 +776,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.aq;
+            return this.i.at;
         },
         set: function (v) {
-            this.i.aq = ensureBool(v);
-            this._a("showTooltipOnHover", this.i.aq);
+            this.i.at = ensureBool(v);
+            this._a("showTooltipOnHover", this.i.at);
         },
         enumerable: false,
         configurable: true
@@ -791,44 +792,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.bm;
+            return this.i.bq;
         },
         set: function (v) {
-            this.i.bm = +v;
-            this._a("dropdownClickBuffer", this.i.bm);
+            this.i.bq = +v;
+            this._a("dropdownClickBuffer", this.i.bq);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightWidth", {
         get: function () {
-            return this.i.a8;
+            return this.i.bc;
         },
         set: function (v) {
-            this.i.a8 = +v;
-            this._a("highlightWidth", this.i.a8);
+            this.i.bc = +v;
+            this._a("highlightWidth", this.i.bc);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightRadius", {
         get: function () {
-            return this.i.a7;
+            return this.i.bb;
         },
         set: function (v) {
-            this.i.a7 = +v;
-            this._a("highlightRadius", this.i.a7);
+            this.i.bb = +v;
+            this._a("highlightRadius", this.i.bb);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.fm);
+            return brushToString(this.i.fs);
         },
         set: function (v) {
-            this.i.fm = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.fm));
+            this.i.fs = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.fs));
         },
         enumerable: false,
         configurable: true
@@ -838,11 +839,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.fq);
+            return brushToString(this.i.fw);
         },
         set: function (v) {
-            this.i.fq = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.fq));
+            this.i.fw = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.fw));
         },
         enumerable: false,
         configurable: true
@@ -852,11 +853,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.fx);
+            return brushToString(this.i.f3);
         },
         set: function (v) {
-            this.i.fx = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.fx));
+            this.i.f3 = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.f3));
         },
         enumerable: false,
         configurable: true
@@ -866,11 +867,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.ff);
+            return brushToString(this.i.fl);
         },
         set: function (v) {
-            this.i.ff = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.ff));
+            this.i.fl = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.fl));
         },
         enumerable: false,
         configurable: true
@@ -880,11 +881,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.fy);
+            return brushToString(this.i.f4);
         },
         set: function (v) {
-            this.i.fy = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.fy));
+            this.i.f4 = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.f4));
         },
         enumerable: false,
         configurable: true
@@ -894,11 +895,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.fg);
+            return brushToString(this.i.fm);
         },
         set: function (v) {
-            this.i.fg = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fg));
+            this.i.fm = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.fm));
         },
         enumerable: false,
         configurable: true
@@ -908,11 +909,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the row height that should be used.
         */
         get: function () {
-            return this.i.bq;
+            return this.i.bu;
         },
         set: function (v) {
-            this.i.bq = +v;
-            this._a("rowHeight", this.i.bq);
+            this.i.bu = +v;
+            this._a("rowHeight", this.i.bu);
         },
         enumerable: false,
         configurable: true
@@ -922,11 +923,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for subtitles.
         */
         get: function () {
-            return brushToString(this.i.ft);
+            return brushToString(this.i.fz);
         },
         set: function (v) {
-            this.i.ft = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ft));
+            this.i.fz = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.fz));
         },
         enumerable: false,
         configurable: true
@@ -936,11 +937,11 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the text color for group header subtitles.
         */
         get: function () {
-            return brushToString(this.i.fk);
+            return brushToString(this.i.fq);
         },
         set: function (v) {
-            this.i.fk = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fk));
+            this.i.fq = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.fq));
         },
         enumerable: false,
         configurable: true
@@ -950,18 +951,46 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the dropdown delay time in milliseconds.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.br;
         },
         set: function (v) {
-            this.i.bn = +v;
-            this._a("dropdownDelay", this.i.bn);
+            this.i.br = +v;
+            this._a("dropdownDelay", this.i.br);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "stopPropagation", {
+        /**
+         * Prevents clicks on the tool actions from bubbling.
+        */
+        get: function () {
+            return this.i.au;
+        },
+        set: function (v) {
+            this.i.au = ensureBool(v);
+            this._a("stopPropagation", this.i.au);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "scrollbarStyle", {
+        /**
+         * Gets or sets the style of scrollbar.
+        */
+        get: function () {
+            return this.i.v;
+        },
+        set: function (v) {
+            this.i.v = ensureEnum(ScrollbarStyle_$type, v);
+            this._a("scrollbarStyle", enumToString(ScrollbarStyle_$type, this.i.v));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.ao;
+            return this.i.ar;
         },
         enumerable: false,
         configurable: true
@@ -1041,14 +1070,14 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcToolbarComponent.prototype.flushRefresh = function () {
-        this.i.dr();
+        this.i.dx();
     };
     /**
      * Get the desired size the toolbar wants to be.
     
     */
     IgcToolbarComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.f0();
+        var iv = this.i.f6();
         return fromSize(iv);
     };
     /**
@@ -1056,114 +1085,114 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.closeSubmenus = function () {
-        this.i.dn();
+        this.i.du();
     };
     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.d8(iconCollection, iconName, iconText);
+        this.i.ee(iconCollection, iconName, iconText);
     };
     IgcToolbarComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
-        var iv = this.i.ci(iconCollection, iconName);
+        var iv = this.i.cm(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
-        this.i.ea(iconCollection, iconName, multiPathSVG);
+        this.i.eg(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.d7(iconCollection, iconName, dataURL);
+        this.i.ed(iconCollection, iconName, dataURL);
     };
     IgcToolbarComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
-        var iv = this.i.ch(iconCollection, iconName);
+        var iv = this.i.cl(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
-        this.i.d9(iconCollection, iconName, source);
+        this.i.ef(iconCollection, iconName, source);
     };
     IgcToolbarComponent.prototype.getIconSource = function (iconCollection, iconName) {
-        var iv = this.i.b0(iconCollection, iconName);
+        var iv = this.i.b4(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBrushContextItem = function (key, value) {
-        this.i.ed(key, stringToBrush(value));
+        this.i.ej(key, stringToBrush(value));
     };
     IgcToolbarComponent.prototype.getBrushContextItem = function (key) {
-        var iv = this.i.fi(key);
+        var iv = this.i.fo(key);
         return brushToString(iv);
     };
     IgcToolbarComponent.prototype.setBrushCollectionContextItem = function (key, value) {
-        this.i.ec(key, toBrushCollection(value));
+        this.i.ei(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.eh(key, value);
+        this.i.en(key, value);
     };
     IgcToolbarComponent.prototype.getDoubleContextItem = function (key) {
-        var iv = this.i.a5(key);
+        var iv = this.i.a9(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setIntContextItem = function (key, value) {
-        this.i.eo(key, value);
+        this.i.eu(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDoubleContextItem = function (key) {
-        var iv = this.i.a6(key);
+        var iv = this.i.ba(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDoubleContextItem = function (key, value) {
-        this.i.em(key, value);
+        this.i.es(key, value);
     };
     IgcToolbarComponent.prototype.getIntContextItem = function (key) {
-        var iv = this.i.bp(key);
+        var iv = this.i.bt(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalIntContextItem = function (key, value) {
-        this.i.en(key, value);
+        this.i.et(key, value);
     };
     IgcToolbarComponent.prototype.getExternalIntContextItem = function (key) {
-        var iv = this.i.bo(key);
+        var iv = this.i.bs(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setStringContextItem = function (key, value) {
-        this.i.ep(key, value);
+        this.i.ev(key, value);
     };
     IgcToolbarComponent.prototype.getStringContextItem = function (key) {
-        var iv = this.i.cj(key);
+        var iv = this.i.cn(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBoolContextItem = function (key, value) {
-        this.i.eb(key, value);
+        this.i.eh(key, value);
     };
     IgcToolbarComponent.prototype.getBoolContextItem = function (key) {
-        var iv = this.i.an(key);
+        var iv = this.i.aq(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setColorContextItem = function (key, value) {
-        this.i.ee(key, stringToColor(value));
+        this.i.ek(key, stringToColor(value));
     };
     IgcToolbarComponent.prototype.getColorContextItem = function (key) {
-        var iv = this.i.fz(key);
+        var iv = this.i.f5(key);
         return colorToString(iv);
     };
     IgcToolbarComponent.prototype.setDataContextItem = function (key, value) {
-        this.i.eg(key, value);
+        this.i.em(key, value);
     };
     IgcToolbarComponent.prototype.getDataContextItem = function (key) {
-        var iv = this.i.bv(key);
+        var iv = this.i.bz(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDataContextItem = function (key, value) {
-        this.i.el(key, value);
+        this.i.er(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDataContextItem = function (key) {
-        var iv = this.i.bz(key);
+        var iv = this.i.b3(key);
         return (iv);
     };
     /**
@@ -1171,7 +1200,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.exportVisualData = function () {
-        var iv = this.i.bt();
+        var iv = this.i.bx();
         return (iv);
     };
     /**
@@ -1179,7 +1208,7 @@ var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     
     */
     IgcToolbarComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.cg();
+        var iv = this.i.ck();
         return (iv);
     };
     Object.defineProperty(IgcToolbarComponent.prototype, "onCommand", {