igniteui-webcomponents-layouts 4.7.0-beta.0 → 4.7.1

package/bundles/igniteui-webcomponents-layouts.umd.js

@@ -8166,6 +8166,22 @@
      */
     var ToolPanelOrientation_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('ToolPanelOrientation', 'Vertical,0|Horizontal,1');
 
+    /*
+    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+    https://www.infragistics.com/legal/license/igultimate-la
+    https://www.infragistics.com/legal/license/igultimate-eula
+    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+    */
+    var ToolbarOrientation = /*@__PURE__*/ (function (ToolbarOrientation) {
+        ToolbarOrientation[ToolbarOrientation["Vertical"] = 0] = "Vertical";
+        ToolbarOrientation[ToolbarOrientation["Horizontal"] = 1] = "Horizontal";
+        return ToolbarOrientation;
+    })({});
+    /**
+     * @hidden
+     */
+    var ToolbarOrientation_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('ToolbarOrientation', 'Vertical,0|Horizontal,1');
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -8465,22 +8481,6 @@
         return TooltipTextPresenter;
     }(igniteuiWebcomponentsCore.Base));
 
-    /*
-    THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
-    https://www.infragistics.com/legal/license/igultimate-la
-    https://www.infragistics.com/legal/license/igultimate-eula
-    GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
-    */
-    var ToolbarOrientation = /*@__PURE__*/ (function (ToolbarOrientation) {
-        ToolbarOrientation[ToolbarOrientation["Vertical"] = 0] = "Vertical";
-        ToolbarOrientation[ToolbarOrientation["Horizontal"] = 1] = "Horizontal";
-        return ToolbarOrientation;
-    })({});
-    /**
-     * @hidden
-     */
-    var ToolbarOrientation_$type = /*@__PURE__*/ igniteuiWebcomponentsCore.markEnum('ToolbarOrientation', 'Vertical,0|Horizontal,1');
-
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -8684,13 +8684,14 @@
         tslib.__extends(ToolbarView, _super);
         function ToolbarView() {
             var _this = _super.call(this) || this;
+            _this.o = null;
             _this.n = null;
-            _this.m = null;
+            _this.g = igniteuiWebcomponentsCore.DeviceUtils.g(44);
             _this.a = null;
-            _this.i = null;
-            _this.l = null;
+            _this.j = null;
+            _this.m = null;
             _this.e = null;
-            _this.k = null;
+            _this.l = null;
             _this.b = ((function () {
                 var $ret = new igniteuiWebcomponentsCore.FontInfo();
                 $ret.n = "Verdana";
@@ -8700,89 +8701,93 @@
                 $ret.o = "Normal";
                 return $ret;
             })());
-            _this.aa = new igniteuiWebcomponentsCore.Size();
+            _this.ab = new igniteuiWebcomponentsCore.Size();
             _this.c = null;
             _this._gridExternal = null;
             _this.f = false;
-            _this.j = null;
+            _this.k = null;
             return _this;
         }
-        ToolbarView.prototype.p = function () {
-            return this.i;
+        ToolbarView.prototype.q = function () {
+            return this.j;
         };
-        ToolbarView.prototype.v = function () {
+        ToolbarView.prototype.w = function () {
         };
-        ToolbarView.prototype.t = function (a) {
+        ToolbarView.prototype.u = function (a) {
             if (a == null) {
-                this.i = null;
+                this.j = null;
                 return;
             }
             this.a.b = new igniteuiWebcomponentsCore.DOMExecutionContext(a);
-            this.i = a;
-            this.l = this.i.createElement("canvas");
-            this.e = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.i.get2DCanvasContext(this.l));
-            this.k = this.i.createElement("div");
-            this.y();
+            this.j = a;
+            this.m = this.j.createElement("canvas");
+            this.e = new igniteuiWebcomponentsCore.RenderingContext(new igniteuiWebcomponentsCore.CanvasViewRenderer(), this.j.get2DCanvasContext(this.m));
+            this.l = this.j.createElement("div");
+            this.z();
             var b = new ToolPanel();
-            var c = this.i.createElement("div");
+            var c = this.j.createElement("div");
             c.setStyleProperty("width", "100%");
             c.setStyleProperty("height", "100%");
-            this.i.append(c);
-            var d = this.i.getSubRenderer(c);
+            this.j.append(c);
+            var d = this.j.getSubRenderer(c);
             b.provideContainer(d);
-            var e = this.i.getExternal(b, this.i.rootWrapper, this.i.getExternal(this.a, null, null));
-            this.a.b7(b);
+            var e = this.j.getExternal(b, this.j.rootWrapper, this.j.getExternal(this.a, null, null));
+            this.a.b9(b);
             var f = Math.round(a.rootWrapper.width());
             var g = Math.round(a.rootWrapper.height());
-            this.i.rootWrapper.setStyleProperty("position", "relative");
+            this.j.rootWrapper.setStyleProperty("position", "relative");
         };
-        ToolbarView.prototype.y = function () {
+        ToolbarView.prototype.z = function () {
         };
-        ToolbarView.prototype.x = function () {
-            if (this.i != null) {
+        ToolbarView.prototype.y = function () {
+            if (this.j != null) {
             }
         };
-        ToolbarView.prototype.s = function () {
-            if (this.i == null) {
+        ToolbarView.prototype.t = function () {
+            if (this.j == null) {
                 return;
             }
-            var a = this.i.rootWrapper.width();
-            var b = this.i.rootWrapper.height();
-            this.aa = new igniteuiWebcomponentsCore.Size(1, a, b);
-            this.a.ca(this.aa);
+            var a = this.j.rootWrapper.width();
+            var b = this.j.rootWrapper.height();
+            if (!this.a.userSetWidth && this.a.k == 0) {
+                this.j.rootWrapper.setStyleProperty("width", this.g + "px");
+                a = this.g;
+            }
+            this.ab = new igniteuiWebcomponentsCore.Size(1, a, b);
+            this.a.cc(this.ab);
         };
-        ToolbarView.prototype.z = function () {
-            var a = this.i;
+        ToolbarView.prototype.aa = function () {
+            var a = this.j;
             if (null == a) {
                 return;
             }
             var b = a.rootWrapper;
             if (null != b) {
-                igniteuiWebcomponentsCore.NativeUI.q(b, this.a.c8);
-                igniteuiWebcomponentsCore.NativeUI.m(b, this.a.cz);
+                igniteuiWebcomponentsCore.NativeUI.q(b, this.a.da);
+                igniteuiWebcomponentsCore.NativeUI.m(b, this.a.c1);
             }
         };
         ToolbarView.prototype.d = function () {
             return this.b;
         };
-        ToolbarView.prototype.u = function () {
+        ToolbarView.prototype.v = function () {
         };
-        ToolbarView.prototype.w = function () {
+        ToolbarView.prototype.x = function () {
         };
-        ToolbarView.prototype.r = function () {
+        ToolbarView.prototype.s = function () {
         };
-        ToolbarView.prototype.g = function () {
-            return this.aa.width;
+        ToolbarView.prototype.h = function () {
+            return this.ab.width;
         };
-        ToolbarView.prototype.h = function (a) {
+        ToolbarView.prototype.i = function (a) {
             this.c = this.a.u();
             return igniteuiWebcomponentsCore.FontUtil.measureStringWidth(a, this.c, this.e);
         };
-        ToolbarView.prototype.q = function (a, b) {
-            if (this.j == null) {
-                this.j = this.i.createElement("div");
+        ToolbarView.prototype.r = function (a, b) {
+            if (this.k == null) {
+                this.k = this.j.createElement("div");
             }
-            b(this.j.getNativeElement());
+            b(this.k.getNativeElement());
         };
         ToolbarView.$t = igniteuiWebcomponentsCore.markType(ToolbarView, 'ToolbarView');
         return ToolbarView;
@@ -11132,6 +11137,7 @@
                 c.bk = 2;
                 c.bi = 4;
                 c.bp = true;
+                c.f = 1;
                 f.ad = igniteuiWebcomponentsCore.DeviceUtils.g(28);
                 f.x = igniteuiWebcomponentsCore.DeviceUtils.g(28);
             }
@@ -11678,6 +11684,7 @@
                 b.bk = 2;
                 b.bi = 4;
                 b.bp = true;
+                b.f = 1;
                 d.ad = igniteuiWebcomponentsCore.DeviceUtils.g(28);
                 d.x = igniteuiWebcomponentsCore.DeviceUtils.g(28);
                 d.h = 1;
@@ -12036,54 +12043,56 @@
             _this.d = new ToolActionCollection();
             _this.i = Toolbar.j;
             _this.r = null;
-            _this.ay = Toolbar.az;
-            _this.cn = null;
-            _this.cv = null;
+            _this.a0 = Toolbar.a1;
             _this.cp = null;
-            _this.cu = null;
+            _this.cx = null;
             _this.cr = null;
             _this.cw = null;
-            _this.co = null;
-            _this.cq = null;
+            _this.ct = null;
             _this.cy = null;
-            _this.cx = null;
-            _this.am = NaN;
-            _this.an = NaN;
+            _this.cq = null;
             _this.cs = null;
-            _this.ct = null;
+            _this.c0 = null;
+            _this.cz = null;
+            _this.ao = NaN;
+            _this.ap = NaN;
+            _this.cu = null;
+            _this.cv = null;
             _this.s = null;
-            _this.aj = NaN;
-            _this.ak = NaN;
             _this.al = NaN;
+            _this.am = NaN;
+            _this.an = NaN;
+            _this.ak = NaN;
+            _this.ah = NaN;
             _this.ai = NaN;
-            _this.af = NaN;
+            _this.aj = NaN;
             _this.ag = NaN;
-            _this.ah = NaN;
-            _this.ae = NaN;
             _this.aa = true;
+            _this._userSetWidth = false;
+            _this._userSetHeight = false;
             _this.z = false;
             _this.y = false;
             _this.propertyChanged = null;
             _this.a = null;
             _this.onCommand = null;
             var a = _this.actions;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.bz));
+            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.b1));
             var b = _this.actualActions;
-            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.b1));
+            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.b3));
             var c = _this.actualActions;
-            c.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(c.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.b2));
+            c.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(c.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.b4));
             igniteuiWebcomponentsCore.NativeUIInputsFactory.n();
             igniteuiWebcomponentsInputs.NativeUIXInputsFactory.j();
             var d = new ToolbarView();
             d.a = _this;
             _this.l = d;
-            _this.l.v();
+            _this.l.w();
             return _this;
         }
         Object.defineProperty(Toolbar.prototype, "w", {
             get: function () {
                 if (this.v == null) {
-                    this.v = new igniteuiWebcomponentsCore.SRProvider(this.l.i);
+                    this.v = new igniteuiWebcomponentsCore.SRProvider(this.l.j);
                     this.v.cb("Layouts");
                 }
                 return this.v;
@@ -12091,38 +12100,38 @@
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.b7 = function (a) {
+        Toolbar.prototype.b9 = function (a) {
             this.o = a;
             this.o.bo = this;
             this.o.r = this.p == 0 ? 1 : this.p;
             var b = this.o;
-            b.onCommand = igniteuiWebcomponentsCore.delegateCombine(b.onCommand, igniteuiWebcomponentsCore.runOn(this, this.by));
+            b.onCommand = igniteuiWebcomponentsCore.delegateCombine(b.onCommand, igniteuiWebcomponentsCore.runOn(this, this.b0));
             this.o.o = this.k;
             this.o.ac = this.ad;
-            this.o.fi = this.c8;
-            this.o.e9 = this.c0;
-            this.o.e8 = this.cz;
-            this.o.fh = this.c7;
-            this.o.fa = this.c1;
-            this.o.fc = this.c2;
-            this.o.fg = this.c6;
-            this.o.fd = this.c3;
-            this.o.fk = this.da;
-            this.o.fj = this.c9;
-            this.o.bl = this.aw;
-            this.o.bm = this.ax;
-            this.o.fe = this.c4;
-            this.o.ff = this.c5;
-            this.o.be = this.ap;
-            this.o.bf = this.aq;
-            this.o.bg = this.ar;
-            this.o.bd = this.ao;
-            this.o.bi = this.at;
-            this.o.bj = this.au;
-            this.o.bk = this.av;
-            this.o.bh = this.as;
-        };
-        Toolbar.prototype.by = function (a, b) {
+            this.o.fi = this.da;
+            this.o.e9 = this.c2;
+            this.o.e8 = this.c1;
+            this.o.fh = this.c9;
+            this.o.fa = this.c3;
+            this.o.fc = this.c4;
+            this.o.fg = this.c8;
+            this.o.fd = this.c5;
+            this.o.fk = this.dc;
+            this.o.fj = this.db;
+            this.o.bl = this.ay;
+            this.o.bm = this.az;
+            this.o.fe = this.c6;
+            this.o.ff = this.c7;
+            this.o.be = this.ar;
+            this.o.bf = this.as;
+            this.o.bg = this.at;
+            this.o.bd = this.aq;
+            this.o.bi = this.av;
+            this.o.bj = this.aw;
+            this.o.bk = this.ax;
+            this.o.bh = this.au;
+        };
+        Toolbar.prototype.b0 = function (a, b) {
             var c = false;
             if (this.r != null) {
                 if (this.r.onToolCommandExecuting(b.a) == 2) {
@@ -12134,17 +12143,17 @@
                 this.onCommand(this, b);
             }
         };
-        Toolbar.prototype.ce = function (a) {
+        Toolbar.prototype.cg = function (a) {
             if (this.onCommand != null) {
                 this.onCommand(this, this.m);
                 this.m = null;
             }
         };
-        Toolbar.prototype.cc = function () {
+        Toolbar.prototype.ce = function () {
             var a = this.target;
-            this.cd(a, a);
+            this.cf(a, a);
         };
-        Toolbar.prototype.ca = function (a) {
+        Toolbar.prototype.cc = function (a) {
             this.o.notifySizeChanged();
         };
         Object.defineProperty(Toolbar.prototype, "q", {
@@ -12155,7 +12164,7 @@
                 var b = this.p;
                 this.p = a;
                 if (b != this.p) {
-                    this.cb("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
+                    this.cd("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
                 }
             },
             enumerable: false,
@@ -12169,7 +12178,7 @@
                 var b = this.e;
                 this.e = a;
                 if (b != this.e) {
-                    this.cb("AutoGeneratedActions", b, this.e);
+                    this.cd("AutoGeneratedActions", b, this.e);
                 }
             },
             enumerable: false,
@@ -12183,7 +12192,7 @@
                 var b = this.c;
                 this.c = a;
                 if (b != this.c) {
-                    this.cb("Actions", b, this.c);
+                    this.cd("Actions", b, this.c);
                 }
             },
             enumerable: false,
@@ -12197,7 +12206,7 @@
                 var b = this.d;
                 this.d = a;
                 if (b != this.d) {
-                    this.cb("ActualActions", b, this.d);
+                    this.cd("ActualActions", b, this.d);
                 }
             },
             enumerable: false,
@@ -12211,7 +12220,7 @@
                 var b = this.i;
                 this.i = a;
                 if (b != this.i) {
-                    this.cb("Orientation", igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, b), igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, a));
+                    this.cd("Orientation", igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, b), igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, a));
                 }
             },
             enumerable: false,
@@ -12219,41 +12228,13 @@
         });
         Object.defineProperty(Toolbar.prototype, "target", {
             get: function () {
-                return this.ay;
-            },
-            set: function (a) {
-                var b = this.ay;
-                this.ay = a;
-                if (b != this.ay) {
-                    this.cb("Target", b, a);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Toolbar.prototype, "cz", {
-            get: function () {
-                return this.cn;
-            },
-            set: function (a) {
-                var b = this.cn;
-                this.cn = a;
-                if (b != this.cn) {
-                    this.cb("BackgroundColor", b, a);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Toolbar.prototype, "c7", {
-            get: function () {
-                return this.cv;
+                return this.a0;
             },
             set: function (a) {
-                var b = this.cv;
-                this.cv = a;
-                if (b != this.cv) {
-                    this.cb("SubmenuBackgroundColor", b, this.cv);
+                var b = this.a0;
+                this.a0 = a;
+                if (b != this.a0) {
+                    this.cd("Target", b, a);
                 }
             },
             enumerable: false,
@@ -12267,21 +12248,21 @@
                 var b = this.cp;
                 this.cp = a;
                 if (b != this.cp) {
-                    this.cb("GroupHeaderBackgroundColorPropertyName", b, this.cp);
+                    this.cd("BackgroundColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c6", {
+        Object.defineProperty(Toolbar.prototype, "c9", {
             get: function () {
-                return this.cu;
+                return this.cx;
             },
             set: function (a) {
-                var b = this.cu;
-                this.cu = a;
-                if (b != this.cu) {
-                    this.cb("SeparatorBackgroundColor", b, this.cu);
+                var b = this.cx;
+                this.cx = a;
+                if (b != this.cx) {
+                    this.cd("SubmenuBackgroundColor", b, this.cx);
                 }
             },
             enumerable: false,
@@ -12295,7 +12276,7 @@
                 var b = this.cr;
                 this.cr = a;
                 if (b != this.cr) {
-                    this.cb("HoverBackgroundColor", b, this.cr);
+                    this.cd("GroupHeaderBackgroundColorPropertyName", b, this.cr);
                 }
             },
             enumerable: false,
@@ -12309,21 +12290,35 @@
                 var b = this.cw;
                 this.cw = a;
                 if (b != this.cw) {
-                    this.cb("TextColor", b, this.cw);
+                    this.cd("SeparatorBackgroundColor", b, this.cw);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "c5", {
+            get: function () {
+                return this.ct;
+            },
+            set: function (a) {
+                var b = this.ct;
+                this.ct = a;
+                if (b != this.ct) {
+                    this.cd("HoverBackgroundColor", b, this.ct);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c0", {
+        Object.defineProperty(Toolbar.prototype, "da", {
             get: function () {
-                return this.co;
+                return this.cy;
             },
             set: function (a) {
-                var b = this.co;
-                this.co = a;
-                if (b != this.co) {
-                    this.cb("DisabledTextColor", b, this.co);
+                var b = this.cy;
+                this.cy = a;
+                if (b != this.cy) {
+                    this.cd("TextColor", b, this.cy);
                 }
             },
             enumerable: false,
@@ -12337,91 +12332,105 @@
                 var b = this.cq;
                 this.cq = a;
                 if (b != this.cq) {
-                    this.cb("GroupHeaderTextColor", b, this.cq);
+                    this.cd("DisabledTextColor", b, this.cq);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "da", {
+        Object.defineProperty(Toolbar.prototype, "c4", {
             get: function () {
-                return this.cy;
+                return this.cs;
             },
             set: function (a) {
-                var b = this.cy;
-                this.cy = a;
-                if (b != this.cy) {
-                    this.cb("ToolTipTextColor", b, this.cy);
+                var b = this.cs;
+                this.cs = a;
+                if (b != this.cs) {
+                    this.cd("GroupHeaderTextColor", b, this.cs);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c9", {
+        Object.defineProperty(Toolbar.prototype, "dc", {
             get: function () {
-                return this.cx;
+                return this.c0;
             },
             set: function (a) {
-                var b = this.cx;
-                this.cx = a;
-                if (b != this.cx) {
-                    this.cb("ToolTipBackgroundColor", b, this.cx);
+                var b = this.c0;
+                this.c0 = a;
+                if (b != this.c0) {
+                    this.cd("ToolTipTextColor", b, this.c0);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "aw", {
+        Object.defineProperty(Toolbar.prototype, "db", {
             get: function () {
-                return this.am;
+                return this.cz;
             },
             set: function (a) {
-                var b = this.am;
-                this.am = a;
-                if (b != this.am) {
-                    this.cb("ToolTipCornerRadius", b, this.am);
+                var b = this.cz;
+                this.cz = a;
+                if (b != this.cz) {
+                    this.cd("ToolTipBackgroundColor", b, this.cz);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ax", {
+        Object.defineProperty(Toolbar.prototype, "ay", {
             get: function () {
-                return this.an;
+                return this.ao;
             },
             set: function (a) {
-                var b = this.an;
-                this.an = a;
-                if (b != this.an) {
-                    this.cb("ToolTipElevation", b, this.an);
+                var b = this.ao;
+                this.ao = a;
+                if (b != this.ao) {
+                    this.cd("ToolTipCornerRadius", b, this.ao);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c4", {
+        Object.defineProperty(Toolbar.prototype, "az", {
             get: function () {
-                return this.cs;
+                return this.ap;
             },
             set: function (a) {
-                var b = this.cs;
-                this.cs = a;
-                if (b != this.cs) {
-                    this.cb("IconFill", b, this.cs);
+                var b = this.ap;
+                this.ap = a;
+                if (b != this.ap) {
+                    this.cd("ToolTipElevation", b, this.ap);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c5", {
+        Object.defineProperty(Toolbar.prototype, "c6", {
             get: function () {
-                return this.ct;
+                return this.cu;
             },
             set: function (a) {
-                var b = this.ct;
-                this.ct = a;
-                if (b != this.ct) {
-                    this.cb("IconStroke", b, this.ct);
+                var b = this.cu;
+                this.cu = a;
+                if (b != this.cu) {
+                    this.cd("IconFill", b, this.cu);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "c7", {
+            get: function () {
+                return this.cv;
+            },
+            set: function (a) {
+                var b = this.cv;
+                this.cv = a;
+                if (b != this.cv) {
+                    this.cd("IconStroke", b, this.cv);
                 }
             },
             enumerable: false,
@@ -12435,7 +12444,7 @@
                 var b = this.s;
                 this.s = a;
                 if (b != this.s) {
-                    this.cb("CellTextStyle", b, this.s);
+                    this.cd("CellTextStyle", b, this.s);
                 }
             },
             enumerable: false,
@@ -12447,15 +12456,43 @@
             }
             return this.t;
         };
-        Object.defineProperty(Toolbar.prototype, "at", {
+        Object.defineProperty(Toolbar.prototype, "av", {
             get: function () {
-                return this.aj;
+                return this.al;
             },
             set: function (a) {
-                var b = this.aj;
-                this.aj = a;
-                if (b != this.aj) {
-                    this.cb("SeparatorVerticalPaddingLeft", b, this.aj);
+                var b = this.al;
+                this.al = a;
+                if (b != this.al) {
+                    this.cd("SeparatorVerticalPaddingLeft", b, this.al);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "aw", {
+            get: function () {
+                return this.am;
+            },
+            set: function (a) {
+                var b = this.am;
+                this.am = a;
+                if (b != this.am) {
+                    this.cd("SeparatorVerticalPaddingRight", b, this.am);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "ax", {
+            get: function () {
+                return this.an;
+            },
+            set: function (a) {
+                var b = this.an;
+                this.an = a;
+                if (b != this.an) {
+                    this.cd("SeparatorVerticalPaddingTop", b, this.an);
                 }
             },
             enumerable: false,
@@ -12469,21 +12506,21 @@
                 var b = this.ak;
                 this.ak = a;
                 if (b != this.ak) {
-                    this.cb("SeparatorVerticalPaddingRight", b, this.ak);
+                    this.cd("SeparatorVerticalPaddingBottom", b, this.ak);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "av", {
+        Object.defineProperty(Toolbar.prototype, "ar", {
             get: function () {
-                return this.al;
+                return this.ah;
             },
             set: function (a) {
-                var b = this.al;
-                this.al = a;
-                if (b != this.al) {
-                    this.cb("SeparatorVerticalPaddingTop", b, this.al);
+                var b = this.ah;
+                this.ah = a;
+                if (b != this.ah) {
+                    this.cd("SeparatorHorizontalPaddingLeft", b, this.ah);
                 }
             },
             enumerable: false,
@@ -12497,21 +12534,21 @@
                 var b = this.ai;
                 this.ai = a;
                 if (b != this.ai) {
-                    this.cb("SeparatorVerticalPaddingBottom", b, this.ai);
+                    this.cd("SeparatorHorizontalPaddingRight", b, this.ai);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ap", {
+        Object.defineProperty(Toolbar.prototype, "at", {
             get: function () {
-                return this.af;
+                return this.aj;
             },
             set: function (a) {
-                var b = this.af;
-                this.af = a;
-                if (b != this.af) {
-                    this.cb("SeparatorHorizontalPaddingLeft", b, this.af);
+                var b = this.aj;
+                this.aj = a;
+                if (b != this.aj) {
+                    this.cd("SeparatorHorizontalPaddingTop", b, this.aj);
                 }
             },
             enumerable: false,
@@ -12525,55 +12562,47 @@
                 var b = this.ag;
                 this.ag = a;
                 if (b != this.ag) {
-                    this.cb("SeparatorHorizontalPaddingRight", b, this.ag);
+                    this.cd("SeparatorHorizontalPaddingBottom", b, this.ag);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ar", {
+        Object.defineProperty(Toolbar.prototype, "ad", {
             get: function () {
-                return this.ah;
+                return this.aa;
             },
             set: function (a) {
-                var b = this.ah;
-                this.ah = a;
-                if (b != this.ah) {
-                    this.cb("SeparatorHorizontalPaddingTop", b, this.ah);
+                var b = this.aa;
+                this.aa = a;
+                if (b != this.aa) {
+                    this.cd("ShowOnHover", b, this.aa);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ao", {
+        Object.defineProperty(Toolbar.prototype, "userSetWidth", {
             get: function () {
-                return this.ae;
+                return this._userSetWidth;
             },
             set: function (a) {
-                var b = this.ae;
-                this.ae = a;
-                if (b != this.ae) {
-                    this.cb("SeparatorHorizontalPaddingBottom", b, this.ae);
-                }
+                this._userSetWidth = a;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ad", {
+        Object.defineProperty(Toolbar.prototype, "userSetHeight", {
             get: function () {
-                return this.aa;
+                return this._userSetHeight;
             },
             set: function (a) {
-                var b = this.aa;
-                this.aa = a;
-                if (b != this.aa) {
-                    this.cb("ShowOnHover", b, this.aa);
-                }
+                this._userSetHeight = a;
             },
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.bz = function (a, b) {
+        Toolbar.prototype.b1 = function (a, b) {
             var e_4, _a, e_5, _b;
             if (b.oldItems != null) {
                 try {
@@ -12581,7 +12610,7 @@
                         var c = _d.value;
                         if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, c) !== null) {
                             var d = c;
-                            d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b0));
+                            d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b2));
                         }
                     }
                 }
@@ -12605,7 +12634,7 @@
                         var e = _f.value;
                         if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, e) !== null) {
                             var f = e;
-                            f.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(f.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b0));
+                            f.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(f.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b2));
                         }
                     }
                 }
@@ -12623,21 +12652,21 @@
                     }
                 }
             }
-            this.b9();
+            this.cb();
         };
-        Toolbar.prototype.b1 = function (a, b) {
-            this.cm();
+        Toolbar.prototype.b3 = function (a, b) {
+            this.co();
         };
-        Toolbar.prototype.b2 = function (a, b) {
+        Toolbar.prototype.b4 = function (a, b) {
             for (var c = 0; c < this.actualActions.count; c++) {
                 if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, this.actualActions._inner[c]) !== null) {
                     var d = this.actualActions._inner[c];
-                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b0));
+                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.b2));
                 }
                 this.actualActions._inner[c].b = null;
             }
         };
-        Toolbar.prototype.cm = function () {
+        Toolbar.prototype.co = function () {
             var a = this.q == 0 ? 1 : this.q;
             if (this.o != null) {
                 this.o.r = a;
@@ -12646,34 +12675,34 @@
                 this.actualActions._inner[b].l = a;
             }
         };
-        Toolbar.prototype.b0 = function (a, b) {
+        Toolbar.prototype.b2 = function (a, b) {
         };
-        Toolbar.prototype.b9 = function () {
-            this.ch();
+        Toolbar.prototype.cb = function () {
+            this.cj();
         };
-        Toolbar.prototype.ch = function () {
+        Toolbar.prototype.cj = function () {
             if (this.y) {
                 return;
             }
             if (this.b != null) {
                 this.y = true;
-                this.b.enqueueAction(igniteuiWebcomponentsCore.runOn(this, this.b5));
+                this.b.enqueueAction(igniteuiWebcomponentsCore.runOn(this, this.b7));
             }
             else {
                 this.z = true;
             }
         };
-        Toolbar.prototype.b5 = function () {
+        Toolbar.prototype.b7 = function () {
             if (!this.y) {
                 return;
             }
             this.y = false;
-            this.ci();
+            this.ck();
             if (this.o.actions != this.actualActions) {
                 this.o.actions = this.actualActions;
             }
         };
-        Toolbar.prototype.ci = function () {
+        Toolbar.prototype.ck = function () {
             var _this = this;
             this.actualActions.clear();
             for (var a = 0; a < this.autoGeneratedActions.count; a++) {
@@ -12817,30 +12846,30 @@
                 p3: d
             };
         };
-        Toolbar.prototype.b6 = function () {
+        Toolbar.prototype.b8 = function () {
             if (this.y) {
-                this.b5();
+                this.b7();
             }
         };
         Toolbar.prototype.notifySizeChanged = function () {
-            this.l.s();
+            this.l.t();
         };
         Toolbar.prototype.destroy = function () {
             this.provideContainer(null);
         };
         Toolbar.prototype.provideContainer = function (a) {
-            this.l.t(a);
+            this.l.u(a);
         };
-        Toolbar.prototype.cb = function (a, b, c) {
+        Toolbar.prototype.cd = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.cf(a, b, c);
+            this.ch(a, b, c);
         };
-        Toolbar.prototype.cf = function (a, b, c) {
+        Toolbar.prototype.ch = function (a, b, c) {
             switch (a) {
                 case "CellTextStyle":
-                    this.ch();
+                    this.cj();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
@@ -12857,63 +12886,63 @@
                 case "ToolTipElevation":
                 case "Orientation":
                 case "ShowOnHover":
-                    this.cl();
+                    this.cn();
                     break;
                 case "Target":
                     var d = c;
                     var e = b;
-                    this.cd(e, d);
+                    this.cf(e, d);
                     break;
                 case "BaseTheme":
-                    this.cm();
+                    this.co();
                     break;
                 case "ExecutionContext":
                     if (this.b != null && this.z) {
-                        this.ch();
+                        this.cj();
                         this.z = false;
                     }
                     break;
             }
         };
-        Toolbar.prototype.cl = function () {
+        Toolbar.prototype.cn = function () {
             if (this.o != null) {
                 this.o.ac = this.ad;
-                this.o.e8 = this.cz;
-                this.o.fi = this.c8;
-                this.o.e9 = this.c0;
-                this.o.fh = this.c7;
-                this.o.fa = this.c1;
-                this.o.fc = this.c2;
-                this.o.fg = this.c6;
-                this.o.fd = this.c3;
+                this.o.e8 = this.c1;
+                this.o.fi = this.da;
+                this.o.e9 = this.c2;
+                this.o.fh = this.c9;
+                this.o.fa = this.c3;
+                this.o.fc = this.c4;
+                this.o.fg = this.c8;
+                this.o.fd = this.c5;
                 this.o.o = this.k;
-                this.o.fk = this.da;
-                this.o.fj = this.c9;
-                this.o.bl = this.aw;
-                this.o.bm = this.ax;
-                this.o.fe = this.c4;
-                this.o.ff = this.c5;
-                this.o.be = this.ap;
-                this.o.bf = this.aq;
-                this.o.bg = this.ar;
-                this.o.bd = this.ao;
-                this.o.bi = this.at;
-                this.o.bj = this.au;
-                this.o.bk = this.av;
-                this.o.bh = this.as;
-            }
-        };
-        Toolbar.prototype.cd = function (a, b) {
+                this.o.fk = this.dc;
+                this.o.fj = this.db;
+                this.o.bl = this.ay;
+                this.o.bm = this.az;
+                this.o.fe = this.c6;
+                this.o.ff = this.c7;
+                this.o.be = this.ar;
+                this.o.bf = this.as;
+                this.o.bg = this.at;
+                this.o.bd = this.aq;
+                this.o.bi = this.av;
+                this.o.bj = this.aw;
+                this.o.bk = this.ax;
+                this.o.bh = this.au;
+            }
+        };
+        Toolbar.prototype.cf = function (a, b) {
             this.r = b;
             if (a != null) {
                 a.commandCompleted = null;
                 this.autoGeneratedActions.clear();
                 a.removeCommandStateChangedListener(this);
-                this.ch();
+                this.cj();
             }
             if (b != null) {
-                b.commandCompleted = igniteuiWebcomponentsCore.runOn(this, this.ce);
-                b.invalidateActions = igniteuiWebcomponentsCore.runOn(this, this.cc);
+                b.commandCompleted = igniteuiWebcomponentsCore.runOn(this, this.cg);
+                b.invalidateActions = igniteuiWebcomponentsCore.runOn(this, this.ce);
                 this.autoGeneratedActions.clear();
                 var c = b.getDesiredToolbarActions();
                 if (c != null) {
@@ -12923,7 +12952,7 @@
                     }
                 }
                 b.addCommandStateChangedListener(this);
-                this.ch();
+                this.cj();
             }
         };
         Object.defineProperty(Toolbar.prototype, "b", {
@@ -12934,13 +12963,13 @@
                 var b = this.a;
                 this.a = a;
                 if (b != this.a) {
-                    this.cb("ExecutionContext", b, this.a);
+                    this.cd("ExecutionContext", b, this.a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.b3 = function () {
+        Toolbar.prototype.b5 = function () {
             if (this.o != null) {
                 this.o.dd();
             }
@@ -12974,7 +13003,7 @@
                 }
             }
         };
-        Toolbar.prototype.cj = function (a, b) {
+        Toolbar.prototype.cl = function (a, b) {
             for (var c = 0; c < a.count; c++) {
                 var d = a._inner[c];
                 if (d.cp == b) {
@@ -12982,20 +13011,20 @@
                     d.cp = b;
                 }
                 if (d.actions != null && d.actions.count > 0) {
-                    this.cj(d.actions, b);
+                    this.cl(d.actions, b);
                 }
             }
         };
-        Toolbar.prototype.ck = function (a, b, c) {
+        Toolbar.prototype.cm = function (a, b, c) {
             igniteuiWebcomponentsCore.SvgIconRegistry.instance.addSvgPathString(a, b, c);
-            this.cj(this.actualActions, b);
+            this.cl(this.actualActions, b);
         };
-        Toolbar.prototype.ba = function (a, b) {
+        Toolbar.prototype.bc = function (a, b) {
             return igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathString(a, b);
         };
         Toolbar.$t = igniteuiWebcomponentsCore.markType(Toolbar, 'Toolbar', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, igniteuiWebcomponentsCore.ICommandStateChangedListener_$type]);
         Toolbar.j = 1;
-        Toolbar.az = null;
+        Toolbar.a1 = null;
         return Toolbar;
     }(igniteuiWebcomponentsCore.Base));
     /**
@@ -17620,11 +17649,11 @@
              * Gets or sets the color to use for the background of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cz);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c1);
             },
             set: function (v) {
-                this.i.cz = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cz));
+                this.i.c1 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c1));
             },
             enumerable: false,
             configurable: true
@@ -17634,11 +17663,11 @@
              * Gets or sets the background color for submenus.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c7);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c9);
             },
             set: function (v) {
-                this.i.c7 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("submenuBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c7));
+                this.i.c9 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("submenuBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c9));
             },
             enumerable: false,
             configurable: true
@@ -17648,11 +17677,11 @@
              * Gets or sets the group header background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c1);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c3);
             },
             set: function (v) {
-                this.i.c1 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("groupHeaderBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c1));
+                this.i.c3 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("groupHeaderBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c3));
             },
             enumerable: false,
             configurable: true
@@ -17662,11 +17691,11 @@
              * Gets or sets the separator background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c6);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c8);
             },
             set: function (v) {
-                this.i.c6 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("separatorBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c6));
+                this.i.c8 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("separatorBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c8));
             },
             enumerable: false,
             configurable: true
@@ -17676,11 +17705,11 @@
              * Gets or sets the hover background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c3);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c5);
             },
             set: function (v) {
-                this.i.c3 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("hoverBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c3));
+                this.i.c5 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("hoverBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c5));
             },
             enumerable: false,
             configurable: true
@@ -17690,11 +17719,11 @@
              * Gets or sets the color to use for the text of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c8);
+                return igniteuiWebcomponentsCore.brushToString(this.i.da);
             },
             set: function (v) {
-                this.i.c8 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.c8));
+                this.i.da = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.da));
             },
             enumerable: false,
             configurable: true
@@ -17704,11 +17733,11 @@
              * Gets or sets the color to use for the text in disabled tool actions.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c2);
             },
             set: function (v) {
-                this.i.c0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("disabledTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c0));
+                this.i.c2 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("disabledTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c2));
             },
             enumerable: false,
             configurable: true
@@ -17718,11 +17747,11 @@
              * Gets or sets the text color for group header tool actions.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c2);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c4);
             },
             set: function (v) {
-                this.i.c2 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("groupHeaderTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c2));
+                this.i.c4 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("groupHeaderTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c4));
             },
             enumerable: false,
             configurable: true
@@ -17732,11 +17761,11 @@
              * Gets or sets the tooltip text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.da);
+                return igniteuiWebcomponentsCore.brushToString(this.i.dc);
             },
             set: function (v) {
-                this.i.da = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("toolTipTextColor", igniteuiWebcomponentsCore.brushToString(this.i.da));
+                this.i.dc = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("toolTipTextColor", igniteuiWebcomponentsCore.brushToString(this.i.dc));
             },
             enumerable: false,
             configurable: true
@@ -17746,11 +17775,11 @@
              * Gets or sets the tooltip background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c9);
+                return igniteuiWebcomponentsCore.brushToString(this.i.db);
             },
             set: function (v) {
-                this.i.c9 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("toolTipBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c9));
+                this.i.db = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("toolTipBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.db));
             },
             enumerable: false,
             configurable: true
@@ -17760,11 +17789,11 @@
              * Gets or sets the tooltip corner radius.
             */
             get: function () {
-                return this.i.aw;
+                return this.i.ay;
             },
             set: function (v) {
-                this.i.aw = +v;
-                this._a("toolTipCornerRadius", this.i.aw);
+                this.i.ay = +v;
+                this._a("toolTipCornerRadius", this.i.ay);
             },
             enumerable: false,
             configurable: true
@@ -17774,11 +17803,11 @@
              * Gets or sets the shadow elevation for the tooltip.
             */
             get: function () {
-                return this.i.ax;
+                return this.i.az;
             },
             set: function (v) {
-                this.i.ax = +v;
-                this._a("toolTipElevation", this.i.ax);
+                this.i.az = +v;
+                this._a("toolTipElevation", this.i.az);
             },
             enumerable: false,
             configurable: true
@@ -17788,11 +17817,11 @@
              * Gets or sets the fill color of icons in the ToolPanel.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c4);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c6);
             },
             set: function (v) {
-                this.i.c4 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("iconFill", igniteuiWebcomponentsCore.brushToString(this.i.c4));
+                this.i.c6 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("iconFill", igniteuiWebcomponentsCore.brushToString(this.i.c6));
             },
             enumerable: false,
             configurable: true
@@ -17802,11 +17831,11 @@
              * Gets or sets the stroke color of icons in the ToolPanel.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c5);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c7);
             },
             set: function (v) {
-                this.i.c5 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("iconStroke", igniteuiWebcomponentsCore.brushToString(this.i.c5));
+                this.i.c7 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("iconStroke", igniteuiWebcomponentsCore.brushToString(this.i.c7));
             },
             enumerable: false,
             configurable: true
@@ -17835,11 +17864,11 @@
              * Gets or sets the left padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.at;
+                return this.i.av;
             },
             set: function (v) {
-                this.i.at = +v;
-                this._a("separatorVerticalPaddingLeft", this.i.at);
+                this.i.av = +v;
+                this._a("separatorVerticalPaddingLeft", this.i.av);
             },
             enumerable: false,
             configurable: true
@@ -17849,11 +17878,11 @@
              * Gets or sets the right padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.au;
+                return this.i.aw;
             },
             set: function (v) {
-                this.i.au = +v;
-                this._a("separatorVerticalPaddingRight", this.i.au);
+                this.i.aw = +v;
+                this._a("separatorVerticalPaddingRight", this.i.aw);
             },
             enumerable: false,
             configurable: true
@@ -17863,11 +17892,11 @@
              * Gets or sets the top padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.av;
+                return this.i.ax;
             },
             set: function (v) {
-                this.i.av = +v;
-                this._a("separatorVerticalPaddingTop", this.i.av);
+                this.i.ax = +v;
+                this._a("separatorVerticalPaddingTop", this.i.ax);
             },
             enumerable: false,
             configurable: true
@@ -17877,11 +17906,11 @@
              * Gets or sets the bottom padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.as;
+                return this.i.au;
             },
             set: function (v) {
-                this.i.as = +v;
-                this._a("separatorVerticalPaddingBottom", this.i.as);
+                this.i.au = +v;
+                this._a("separatorVerticalPaddingBottom", this.i.au);
             },
             enumerable: false,
             configurable: true
@@ -17891,11 +17920,11 @@
              * Gets or sets the left padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.ap;
+                return this.i.ar;
             },
             set: function (v) {
-                this.i.ap = +v;
-                this._a("separatorHorizontalPaddingLeft", this.i.ap);
+                this.i.ar = +v;
+                this._a("separatorHorizontalPaddingLeft", this.i.ar);
             },
             enumerable: false,
             configurable: true
@@ -17905,11 +17934,11 @@
              * Gets or sets the right padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.aq;
+                return this.i.as;
             },
             set: function (v) {
-                this.i.aq = +v;
-                this._a("separatorHorizontalPaddingRight", this.i.aq);
+                this.i.as = +v;
+                this._a("separatorHorizontalPaddingRight", this.i.as);
             },
             enumerable: false,
             configurable: true
@@ -17919,11 +17948,11 @@
              * Gets or sets the top padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.ar;
+                return this.i.at;
             },
             set: function (v) {
-                this.i.ar = +v;
-                this._a("separatorHorizontalPaddingTop", this.i.ar);
+                this.i.at = +v;
+                this._a("separatorHorizontalPaddingTop", this.i.at);
             },
             enumerable: false,
             configurable: true
@@ -17933,11 +17962,11 @@
              * Gets or sets the bottom padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.ao;
+                return this.i.aq;
             },
             set: function (v) {
-                this.i.ao = +v;
-                this._a("separatorHorizontalPaddingBottom", this.i.ao);
+                this.i.aq = +v;
+                this._a("separatorHorizontalPaddingBottom", this.i.aq);
             },
             enumerable: false,
             configurable: true
@@ -18035,16 +18064,16 @@
 
     */
         IgcToolbarComponent.prototype.closeSubmenus = function () {
-            this.i.b3();
+            this.i.b5();
         };
         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.ck(iconCollection, iconName, iconText);
+            this.i.cm(iconCollection, iconName, iconText);
         };
         IgcToolbarComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
-            var iv = this.i.ba(iconCollection, iconName);
+            var iv = this.i.bc(iconCollection, iconName);
             return (iv);
         };
         Object.defineProperty(IgcToolbarComponent.prototype, "onCommand", {