igniteui-webcomponents-layouts 5.1.1 → 5.2.0

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

@@ -19823,9 +19823,9 @@
             _this.bq = 30;
             _this.bo = NaN;
             _this.bp = NaN;
-            _this.bm = 28;
+            _this.bm = 24;
             _this.bn = NaN;
-            _this.bl = 28;
+            _this.bl = 24;
             _this.propertyChanged = null;
             _this.bi = new igniteuiWebcomponentsCore.Dictionary$2(igniteuiWebcomponentsCore.String_$type, igniteuiWebcomponentsCore.Number_$type, 0);
             _this.ab = ((function () {
@@ -21613,10 +21613,10 @@
                 case 0:
                 case 3:
                 case 1:
-                case 2: return igniteuiWebcomponentsCore.DeviceUtils.g(28);
+                case 2: return igniteuiWebcomponentsCore.DeviceUtils.g(24);
                 case 4: return igniteuiWebcomponentsCore.DeviceUtils.g(16);
             }
-            return igniteuiWebcomponentsCore.DeviceUtils.g(28);
+            return igniteuiWebcomponentsCore.DeviceUtils.g(24);
         };
         ToolAction.prototype.go = function () {
         };
@@ -25254,27 +25254,28 @@
             _this.hc = null;
             _this.g9 = null;
             _this.g7 = null;
-            _this.h9 = -1;
             _this.ia = -1;
-            _this.h0 = -1;
+            _this.ib = -1;
+            _this.h1 = -1;
             _this.hj = false;
             _this.hg = false;
             _this.hf = false;
             _this.hk = false;
             _this.hi = false;
-            _this.ib = -1;
+            _this.ic = -1;
             _this.hl = false;
-            _this.hx = NaN;
-            _this.ht = NaN;
-            _this.hz = NaN;
-            _this.hv = NaN;
             _this.hy = NaN;
             _this.hu = NaN;
+            _this.h0 = NaN;
             _this.hw = NaN;
-            _this.hs = NaN;
+            _this.hz = NaN;
+            _this.hv = NaN;
+            _this.hx = NaN;
+            _this.ht = NaN;
             _this.ha = null;
             _this.hb = null;
             _this.hm = false;
+            _this.ho = false;
             _this.popupOpening = null;
             _this.he = false;
             _this.hh = false;
@@ -25294,32 +25295,32 @@
             enumerable: false,
             configurable: true
         });
-        ToolActionIconButton.prototype.get_hr = function () {
+        ToolActionIconButton.prototype.get_hs = function () {
             return this.g9 != null;
         };
-        Object.defineProperty(ToolActionIconButton.prototype, "hr", {
+        Object.defineProperty(ToolActionIconButton.prototype, "hs", {
             get: function () {
-                return this.get_hr();
+                return this.get_hs();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "id", {
+        Object.defineProperty(ToolActionIconButton.prototype, "ie", {
             get: function () {
-                return this.ib;
+                return this.ic;
             },
             set: function (a) {
-                this.ib = a;
+                this.ic = a;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "ic", {
+        Object.defineProperty(ToolActionIconButton.prototype, "id", {
             get: function () {
                 return igniteuiWebcomponentsCore.typeGetValue(this.cq("ActualTooltipDelay", 500));
             },
             set: function (a) {
-                var b = this.ic;
+                var b = this.id;
                 if (b != a) {
                     this.gd("ActualTooltipDelay", a);
                     this.fx("ActualTooltipDelay", b, a);
@@ -25328,113 +25329,113 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h6", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h7", {
             get: function () {
-                return this.hx;
+                return this.hy;
             },
             set: function (a) {
-                var b = this.hx;
-                this.hx = a;
-                if (b != this.hx) {
-                    this.fx("ContentPaddingLeft", b, this.hx);
+                var b = this.hy;
+                this.hy = a;
+                if (b != this.hy) {
+                    this.fx("ContentPaddingLeft", b, this.hy);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h2", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h3", {
             get: function () {
-                return this.ht;
+                return this.hu;
             },
             set: function (a) {
-                var b = this.ht;
-                this.ht = a;
-                if (b != this.ht) {
-                    this.fx("ActualContentPaddingLeft", b, this.ht);
+                var b = this.hu;
+                this.hu = a;
+                if (b != this.hu) {
+                    this.fx("ActualContentPaddingLeft", b, this.hu);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h8", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h9", {
             get: function () {
-                return this.hz;
+                return this.h0;
             },
             set: function (a) {
-                var b = this.hz;
-                this.hz = a;
-                if (b != this.hz) {
-                    this.fx("ContentPaddingTop", b, this.hz);
+                var b = this.h0;
+                this.h0 = a;
+                if (b != this.h0) {
+                    this.fx("ContentPaddingTop", b, this.h0);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h4", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h5", {
             get: function () {
-                return this.hv;
+                return this.hw;
             },
             set: function (a) {
-                var b = this.hv;
-                this.hv = a;
-                if (b != this.hv) {
-                    this.fx("ActualContentPaddingTop", b, this.hv);
+                var b = this.hw;
+                this.hw = a;
+                if (b != this.hw) {
+                    this.fx("ActualContentPaddingTop", b, this.hw);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h7", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h8", {
             get: function () {
-                return this.hy;
+                return this.hz;
             },
             set: function (a) {
-                var b = this.hy;
-                this.hy = a;
-                if (b != this.hy) {
-                    this.fx("ContentPaddingRight", b, this.hy);
+                var b = this.hz;
+                this.hz = a;
+                if (b != this.hz) {
+                    this.fx("ContentPaddingRight", b, this.hz);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h3", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h4", {
             get: function () {
-                return this.hu;
+                return this.hv;
             },
             set: function (a) {
-                var b = this.hu;
-                this.hu = a;
-                if (b != this.hu) {
-                    this.fx("ActualContentPaddingRight", b, this.hu);
+                var b = this.hv;
+                this.hv = a;
+                if (b != this.hv) {
+                    this.fx("ActualContentPaddingRight", b, this.hv);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h5", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h6", {
             get: function () {
-                return this.hw;
+                return this.hx;
             },
             set: function (a) {
-                var b = this.hw;
-                this.hw = a;
-                if (b != this.hw) {
-                    this.fx("ContentPaddingBottom", b, this.hw);
+                var b = this.hx;
+                this.hx = a;
+                if (b != this.hx) {
+                    this.fx("ContentPaddingBottom", b, this.hx);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconButton.prototype, "h1", {
+        Object.defineProperty(ToolActionIconButton.prototype, "h2", {
             get: function () {
-                return this.hs;
+                return this.ht;
             },
             set: function (a) {
-                var b = this.hs;
-                this.hs = a;
-                if (b != this.hs) {
-                    this.fx("ActualContentPaddingBottom", b, this.hs);
+                var b = this.ht;
+                this.ht = a;
+                if (b != this.ht) {
+                    this.fx("ActualContentPaddingBottom", b, this.ht);
                 }
             },
             enumerable: false,
@@ -25442,8 +25443,8 @@
         });
         ToolActionIconButton.prototype.e2 = function () {
             _super.prototype.e2.call(this);
-            igniteuiWebcomponentsCore.NativeUIWindow.i(15, igniteuiWebcomponentsCore.runOn(this, this.i8));
-            igniteuiWebcomponentsCore.NativeUIWindow.i(9, igniteuiWebcomponentsCore.runOn(this, this.i7));
+            igniteuiWebcomponentsCore.NativeUIWindow.i(15, igniteuiWebcomponentsCore.runOn(this, this.i9));
+            igniteuiWebcomponentsCore.NativeUIWindow.i(9, igniteuiWebcomponentsCore.runOn(this, this.i8));
             this.hf = false;
         };
         ToolActionIconButton.prototype.k = function (a) {
@@ -25459,12 +25460,12 @@
                 c = 18;
             }
             var d = 0;
-            if (!igniteuiWebcomponentsCore.isNaN_(this.h2)) {
-                d = d + this.h2;
-            }
             if (!igniteuiWebcomponentsCore.isNaN_(this.h3)) {
                 d = d + this.h3;
             }
+            if (!igniteuiWebcomponentsCore.isNaN_(this.h4)) {
+                d = d + this.h4;
+            }
             return igniteuiWebcomponentsCore.DeviceUtils.g(c) + d;
         };
         ToolActionIconButton.prototype.b2 = function (a, b) {
@@ -25478,12 +25479,13 @@
         ToolActionIconButton.prototype.e3 = function (a) {
             _super.prototype.e3.call(this, a);
         };
-        ToolActionIconButton.prototype.jc = function (a) {
+        ToolActionIconButton.prototype.jd = function (a) {
             this.bu = !igniteuiWebcomponentsCore.isNaN_(this.cd) ? this.cd : this.b3();
             this.bt = !igniteuiWebcomponentsCore.isNaN_(this.b7) ? this.b7 : this.b3();
         };
-        ToolActionIconButton.prototype.jb = function (a, b, c, d, e) {
+        ToolActionIconButton.prototype.jc = function (a, b, c, d, e) {
             var f = c.bo;
+            this.ho = true;
             if (e) {
                 b.b8(2);
                 b.b8(1);
@@ -25501,12 +25503,12 @@
                 c.bn = 4;
                 c.bu = true;
                 c.f = 1;
-                this.jc(f);
+                this.jd(f);
             }
             b.bv = 1;
             b.bw = false;
             b.bi = new igniteuiWebcomponentsCore.Thickness(1, this.bw, this.by, this.bx, this.bv);
-            c.b1 = new igniteuiWebcomponentsCore.Thickness(1, this.h2, this.h4, this.h3, this.h1);
+            c.b1 = new igniteuiWebcomponentsCore.Thickness(1, this.h3, this.h5, this.h4, this.h2);
             f.br = this.d3;
             f.bq = this.dy;
             f.bn = this.ca;
@@ -25521,12 +25523,12 @@
             f.ae = igniteuiWebcomponentsCore.DeviceUtils.g(this.bu);
             f.y = igniteuiWebcomponentsCore.DeviceUtils.g(this.bt);
             c.c = this.s;
-            c.bm = igniteuiWebcomponentsCore.runOn(this, this.ix);
-            c.q = igniteuiWebcomponentsCore.runOn(this, this.iz);
-            c.s = igniteuiWebcomponentsCore.runOn(this, this.i0);
-            c.o = igniteuiWebcomponentsCore.runOn(this, this.iy);
+            c.bm = igniteuiWebcomponentsCore.runOn(this, this.iy);
+            c.q = igniteuiWebcomponentsCore.runOn(this, this.i0);
+            c.s = igniteuiWebcomponentsCore.runOn(this, this.i1);
+            c.o = igniteuiWebcomponentsCore.runOn(this, this.iz);
             if (this.ha != c) {
-                if (this.ha != null && this.ha.bm == igniteuiWebcomponentsCore.runOn(this, this.ix)) {
+                if (this.ha != null && this.ha.bm == igniteuiWebcomponentsCore.runOn(this, this.iy)) {
                     this.ha.bm = null;
                     this.ha.q = null;
                     this.ha.s = null;
@@ -25537,10 +25539,11 @@
             if (this.hb != f) {
                 this.hb = f;
             }
+            this.ho = false;
         };
-        ToolActionIconButton.prototype.jd = function (a, b) {
+        ToolActionIconButton.prototype.je = function (a, b) {
             if (this.hc != b) {
-                if (this.hc != null && this.hc.q == igniteuiWebcomponentsCore.runOn(this, this.i5)) {
+                if (this.hc != null && this.hc.q == igniteuiWebcomponentsCore.runOn(this, this.i6)) {
                     this.hc.q = null;
                     this.hc.s = null;
                     this.hc.n = null;
@@ -25559,16 +25562,16 @@
                     a.bn(this.hc);
                 }
                 if (!this.hf) {
-                    igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.i8), this.q.v.p);
-                    igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.i7), this.q.v.p);
+                    igniteuiWebcomponentsCore.NativeUIWindow.h(15, igniteuiWebcomponentsCore.runOn(this, this.i9), this.q.v.p);
+                    igniteuiWebcomponentsCore.NativeUIWindow.h(9, igniteuiWebcomponentsCore.runOn(this, this.i8), this.q.v.p);
                     this.hf = true;
                 }
             }
-            this.hc.q = igniteuiWebcomponentsCore.runOn(this, this.i5);
-            this.hc.s = igniteuiWebcomponentsCore.runOn(this, this.i6);
-            this.hc.n = igniteuiWebcomponentsCore.runOn(this, this.i3);
-            this.hc.o = igniteuiWebcomponentsCore.runOn(this, this.i4);
-            this.hc.bu = igniteuiWebcomponentsCore.runOn(this, this.i2);
+            this.hc.q = igniteuiWebcomponentsCore.runOn(this, this.i6);
+            this.hc.s = igniteuiWebcomponentsCore.runOn(this, this.i7);
+            this.hc.n = igniteuiWebcomponentsCore.runOn(this, this.i4);
+            this.hc.o = igniteuiWebcomponentsCore.runOn(this, this.i5);
+            this.hc.bu = igniteuiWebcomponentsCore.runOn(this, this.i3);
             if (this.hc.bm == 0) {
                 this.hk = false;
             }
@@ -25579,18 +25582,18 @@
                 this.hc.u = false;
             }
         };
-        ToolActionIconButton.prototype.ir = function () {
-            this.is(this.hi, this.hj);
+        ToolActionIconButton.prototype.is = function () {
+            this.it(this.hi, this.hj);
             this.hk = true;
         };
-        ToolActionIconButton.prototype.is = function (a, b) {
+        ToolActionIconButton.prototype.it = function (a, b) {
             var _this = this;
             if (this.hc.bm == 0) {
                 this.g9 = new TooltipTextPresenter(this.q.v.x());
                 this.g9.t(function () {
                     _this.hc.bn(_this.g9.e);
                     if (a) {
-                        _this.d.executeDelayed(function () { return _this.i9(b); }, 100);
+                        _this.d.executeDelayed(function () { return _this.ja(b); }, 100);
                     }
                 });
             }
@@ -25603,11 +25606,11 @@
             this.g9.p = this.ex;
             this.hc.cg = this.g9.y;
         };
-        ToolActionIconButton.prototype.iu = function () {
+        ToolActionIconButton.prototype.iv = function () {
         };
-        ToolActionIconButton.prototype.it = function () {
+        ToolActionIconButton.prototype.iu = function () {
         };
-        ToolActionIconButton.prototype.iv = function () {
+        ToolActionIconButton.prototype.iw = function () {
             if (this.g9 != null) {
                 this.hc.cg = this.q.iq;
                 this.g9.y = this.q.iq;
@@ -25616,22 +25619,22 @@
                 this.hc.ca = igniteuiWebcomponentsCore.truncate(this.q.b5);
             }
         };
-        ToolActionIconButton.prototype.je = function () {
+        ToolActionIconButton.prototype.jf = function () {
             if (this.g9 != null) {
                 return this.g9.aa();
             }
             return igniteuiWebcomponentsCore.Size.empty;
         };
-        ToolActionIconButton.prototype.i8 = function (a) {
+        ToolActionIconButton.prototype.i9 = function (a) {
             if (this.ha != null) {
                 var b = this.ha.be();
                 this.hc.cd(b);
             }
         };
-        ToolActionIconButton.prototype.i7 = function (a) {
+        ToolActionIconButton.prototype.i8 = function (a) {
             var b = a;
             if (this.hl && !this.hc.t(b.b) && !this.ha.t(b.b)) {
-                this.iq();
+                this.ir();
             }
         };
         ToolActionIconButton.prototype.f1 = function (a, b, c) {
@@ -25643,8 +25646,8 @@
             if (d.bs == null || d.ao == null || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.ToolActionType_$type, d.ao) != this.z || a.bm == 0) {
                 this.hm = true;
                 igniteuiWebcomponentsCore.NativeUIComponent.av(this.q.v.x(), [10, 12], [this.aj(10), this.aj(12)], function (e) {
-                    _this.jb(d, a, e[0], c, true);
-                    _this.jd(a, e[1]);
+                    _this.jc(d, a, e[0], c, true);
+                    _this.je(a, e[1]);
                     _this.hm = false;
                 });
                 d.ao = igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ToolActionType_$type, this.z);
@@ -25652,8 +25655,8 @@
             else {
                 var e = a.bl(0);
                 var f = a.bl(1);
-                this.jb(d, a, e, c, false);
-                this.jd(a, f);
+                this.jc(d, a, e, c, false);
+                this.je(a, f);
             }
         };
         ToolActionIconButton.prototype.gh = function () {
@@ -25662,7 +25665,7 @@
                 this.ha.bp = this.ai(this.u);
             }
             if (this.hb != null) {
-                this.jc(this.hb);
+                this.jd(this.hb);
             }
         };
         ToolActionIconButton.prototype.go = function () {
@@ -25680,15 +25683,11 @@
                     this.bx = !igniteuiWebcomponentsCore.isNaN_(this.cg) ? this.cg : igniteuiWebcomponentsCore.DeviceUtils.g(4);
                     break;
             }
-            this.ic = this.id != -1 ? this.id : this.q.co;
-            this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : NaN;
+            this.id = this.ie != -1 ? this.ie : this.q.co;
             this.h3 = !igniteuiWebcomponentsCore.isNaN_(this.h7) ? this.h7 : NaN;
             this.h4 = !igniteuiWebcomponentsCore.isNaN_(this.h8) ? this.h8 : NaN;
-            this.h1 = !igniteuiWebcomponentsCore.isNaN_(this.h5) ? this.h5 : NaN;
-            var a = igniteuiWebcomponentsCore.DeviceUtils.g(36);
-            var b = Math.floor(a / 1.414);
-            this.bu = !igniteuiWebcomponentsCore.isNaN_(this.cd) ? this.cd : b;
-            this.bt = !igniteuiWebcomponentsCore.isNaN_(this.b7) ? this.b7 : b;
+            this.h5 = !igniteuiWebcomponentsCore.isNaN_(this.h9) ? this.h9 : NaN;
+            this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : NaN;
             if (this.ha != null) {
                 this.ha.c = this.s;
                 if (igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.NativeUIIconButton.$, this.ha) !== null) {
@@ -25702,39 +25701,44 @@
                 this.hb.bk = this.a;
                 this.hb.bl = this.b;
             }
-            this.iv();
+            this.iw();
         };
         ToolActionIconButton.prototype.fv = function () {
+            if (this.ho) {
+                return;
+            }
             if (this.hb != null) {
                 this.hb.br = this.d3;
                 this.hb.bq = this.dy;
+                this.hb.ae = igniteuiWebcomponentsCore.DeviceUtils.g(this.bu);
+                this.hb.y = igniteuiWebcomponentsCore.DeviceUtils.g(this.bt);
             }
         };
         ToolActionIconButton.prototype.f2 = function () {
             if (this.actions.count > 0) {
-                if (this.hc == null || !this.hr) {
+                if (this.hc == null || !this.hs) {
                     this.hi = true;
                 }
                 else {
-                    this.i9();
+                    this.ja();
                     this.hj = true;
                 }
             }
         };
         ToolActionIconButton.prototype.e4 = function () {
             if (this.actions.count > 0) {
-                if (this.hc == null || !this.hr) {
+                if (this.hc == null || !this.hs) {
                     this.hi = false;
                 }
                 else {
-                    this.iq();
+                    this.ir();
                 }
             }
         };
         ToolActionIconButton.prototype.get_a7 = function () {
-            return this.hl || this.ho;
+            return this.hl || this.hp;
         };
-        Object.defineProperty(ToolActionIconButton.prototype, "ho", {
+        Object.defineProperty(ToolActionIconButton.prototype, "hp", {
             get: function () {
                 for (var a = 0; a < this.actions.count; a++) {
                     if (this.actions._inner[a].a7) {
@@ -25746,14 +25750,14 @@
             enumerable: false,
             configurable: true
         });
-        ToolActionIconButton.prototype.i9 = function (a) {
+        ToolActionIconButton.prototype.ja = function (a) {
             if (a === void 0) {
                 a = false;
             }
             if (!this.hk) {
                 this.hi = true;
                 this.hj = a;
-                this.ir();
+                this.is();
                 return;
             }
             if (!this.hl) {
@@ -25778,7 +25782,7 @@
                 d.left = c.left + (window.scrollX);
                 if (this.q.u == 1 || this.q.u == 2) {
                     var e = igniteuiWebcomponentsCore.NativeUIWindow.d(this.q.v.p);
-                    var f = this.je();
+                    var f = this.jf();
                     f.height += this.hc.b8;
                     if (c.bottom + f.height > e) {
                         if (c.top - f.height < 0) {
@@ -25794,7 +25798,7 @@
                 }
                 else {
                     var g = igniteuiWebcomponentsCore.NativeUIWindow.f(this.q.v.p);
-                    var h = this.je();
+                    var h = this.jf();
                     h.width += this.hc.b8;
                     if (c.right + h.width > g) {
                         if (c.left - h.width < 0) {
@@ -25809,17 +25813,17 @@
                     }
                 }
                 this.hl = true;
-                this.iu();
+                this.iv();
             }
             this.hj = a;
             this.hi = false;
         };
-        ToolActionIconButton.prototype.ja = function () {
+        ToolActionIconButton.prototype.jb = function () {
             if (this.hl) {
                 this.hj = true;
             }
         };
-        ToolActionIconButton.prototype.iq = function () {
+        ToolActionIconButton.prototype.ir = function () {
             var _this = this;
             if (this.hl) {
                 if (!this.he) {
@@ -25831,59 +25835,59 @@
                 }
             }
         };
-        ToolActionIconButton.prototype.i1 = function () {
-            this.i9();
-            this.ia = -1;
-            this.h0 = igniteuiWebcomponentsCore.timeSpanTotalMilliseconds(igniteuiWebcomponentsCore.dateGetTimeOfDay(igniteuiWebcomponentsCore.dateNow()));
+        ToolActionIconButton.prototype.i2 = function () {
+            this.ja();
+            this.ib = -1;
+            this.h1 = igniteuiWebcomponentsCore.timeSpanTotalMilliseconds(igniteuiWebcomponentsCore.dateGetTimeOfDay(igniteuiWebcomponentsCore.dateNow()));
         };
-        ToolActionIconButton.prototype.iw = function () {
-            this.iq();
-            this.h9 = -1;
+        ToolActionIconButton.prototype.ix = function () {
+            this.ir();
+            this.ia = -1;
         };
         ToolActionIconButton.prototype.hn = function () {
             return this.q.az && !igniteuiWebcomponentsCore.stringIsNullOrEmpty(this.ex);
         };
-        ToolActionIconButton.prototype.iz = function (a, b) {
+        ToolActionIconButton.prototype.i0 = function (a, b) {
             this.hg = true;
-            if (this.h9 != -1) {
-                this.g7.g(this.h9);
-                this.h9 = -1;
+            if (this.ia != -1) {
+                this.g7.g(this.ia);
+                this.ia = -1;
             }
             if (!this.hl) {
                 if (!this.hn()) {
                     return;
                 }
-                this.ia = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.i1), this.ic);
+                this.ib = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.i2), this.id);
             }
         };
-        ToolActionIconButton.prototype.i0 = function (a, b) {
-            if (this.ia != -1) {
-                this.g7.g(this.ia);
-                this.ia = -1;
+        ToolActionIconButton.prototype.i1 = function (a, b) {
+            if (this.ib != -1) {
+                this.g7.g(this.ib);
+                this.ib = -1;
             }
             if (this.hl && !this.hj) {
-                this.h9 = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.iw), 50);
+                this.ia = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.ix), 50);
             }
-            this.h0 = -1;
+            this.h1 = -1;
             this.hg = false;
         };
-        ToolActionIconButton.prototype.ix = function (a, b) {
+        ToolActionIconButton.prototype.iy = function (a, b) {
             if (this.actions.count > 0) {
                 if (!this.hl) {
-                    if (this.ia != -1) {
-                        this.g7.g(this.ia);
-                        this.ia = -1;
+                    if (this.ib != -1) {
+                        this.g7.g(this.ib);
+                        this.ib = -1;
                     }
-                    this.i9(true);
+                    this.ja(true);
                 }
                 else {
-                    if (this.hj || this.h0 == -1) {
-                        this.iq();
+                    if (this.hj || this.h1 == -1) {
+                        this.ir();
                     }
                     else {
                         var c = igniteuiWebcomponentsCore.timeSpanTotalMilliseconds(igniteuiWebcomponentsCore.dateGetTimeOfDay(igniteuiWebcomponentsCore.dateNow()));
-                        if (this.hp(c - this.h0)) {
-                            this.iq();
+                        if (this.hq(c - this.h1)) {
+                            this.ir();
                         }
                     }
                 }
@@ -25892,34 +25896,34 @@
                 this.fy(this.k(true), this);
             }
         };
-        ToolActionIconButton.prototype.hp = function (a) {
+        ToolActionIconButton.prototype.hq = function (a) {
             return true;
         };
-        ToolActionIconButton.prototype.i5 = function (a, b) {
+        ToolActionIconButton.prototype.i6 = function (a, b) {
             this.hh = true;
-            if (this.h9 != -1) {
-                this.g7.g(this.h9);
-                this.h9 = -1;
+            if (this.ia != -1) {
+                this.g7.g(this.ia);
+                this.ia = -1;
             }
         };
-        ToolActionIconButton.prototype.i6 = function (a, b) {
+        ToolActionIconButton.prototype.i7 = function (a, b) {
             if (!this.hj) {
-                this.h9 = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.iw), 50);
+                this.ia = this.g7.f(igniteuiWebcomponentsCore.runOn(this, this.ix), 50);
             }
             this.hh = false;
         };
-        ToolActionIconButton.prototype.i3 = function (a, b) {
+        ToolActionIconButton.prototype.i4 = function (a, b) {
             this.hj = true;
         };
-        ToolActionIconButton.prototype.i4 = function (a, b) {
-            if (b.b == null && this.hq(b)) {
+        ToolActionIconButton.prototype.i5 = function (a, b) {
+            if (b.b == null && this.hr(b)) {
                 return;
             }
             if (!this.hc.t(b.b) && !this.ha.t(b.b)) {
-                this.iq();
+                this.ir();
             }
         };
-        ToolActionIconButton.prototype.hq = function (a) {
+        ToolActionIconButton.prototype.hr = function (a) {
             if (a.a != null) {
                 var targ_ = a.a;
                 if ((targ_.disabled !== undefined && targ_.disabled == true)) {
@@ -25928,21 +25932,21 @@
             }
             return false;
         };
-        ToolActionIconButton.prototype.i2 = function (a, b) {
+        ToolActionIconButton.prototype.i3 = function (a, b) {
             if (this.q != null) {
                 this.q.f0();
             }
             this.hl = false;
             this.he = false;
-            this.it();
+            this.iu();
         };
-        ToolActionIconButton.prototype.iy = function (a, b) {
+        ToolActionIconButton.prototype.iz = function (a, b) {
             if (this.hl) {
-                if (b.b == null && this.hq(b)) {
+                if (b.b == null && this.hr(b)) {
                     return;
                 }
                 if (!this.hc.t(b.b) && !this.ha.t(b.b)) {
-                    this.iq();
+                    this.ir();
                 }
             }
         };
@@ -25969,7 +25973,7 @@
                     }
                     break;
                 case "TooltipDelay":
-                    this.ic = this.id != -1 ? this.id : this.q.co;
+                    this.id = this.ie != -1 ? this.ie : this.q.co;
                     break;
                 case "ActualIconWidth":
                 case "ActualIconHeight":
@@ -25983,7 +25987,7 @@
         ToolActionIconButton.prototype.ff = function () {
             _super.prototype.ff.call(this);
             var a = this.y;
-            this.id = a.tooltipDelay;
+            this.ie = a.tooltipDelay;
             if (a.isMenuOpenOnStart) {
                 this.f2();
             }
@@ -26253,29 +26257,29 @@
         tslib.__extends(ToolActionIconMenu, _super);
         function ToolActionIconMenu() {
             var _this = _super.call(this) || this;
-            _this.jn = igniteuiWebcomponentsCore.DeviceUtils.g(24);
-            _this.jm = igniteuiWebcomponentsCore.DeviceUtils.g(15);
-            _this.jl = 0;
-            _this.jf = null;
-            _this.ji = false;
-            _this.jh = null;
-            _this.jj = false;
+            _this.jo = igniteuiWebcomponentsCore.DeviceUtils.g(24);
+            _this.jn = igniteuiWebcomponentsCore.DeviceUtils.g(15);
+            _this.jm = 0;
             _this.jg = null;
+            _this.jj = false;
+            _this.ji = null;
+            _this.jk = false;
+            _this.jh = null;
             if (igniteuiWebcomponentsCore.SvgIconRegistry.instance.getSvgPathString("IG_Default", "igDropDownArrow") == null) {
-                igniteuiWebcomponentsCore.SvgIconRegistry.instance.addSvgPathString("IG_Default", "igDropDownArrow", ToolActionIconMenu.jp);
+                igniteuiWebcomponentsCore.SvgIconRegistry.instance.addSvgPathString("IG_Default", "igDropDownArrow", ToolActionIconMenu.jq);
             }
-            _this.jl = _this.jn - _this.jm;
+            _this.jm = _this.jo - _this.jn;
             return _this;
         }
         ToolActionIconMenu.prototype.get_z = function () {
             return 8;
         };
-        Object.defineProperty(ToolActionIconMenu.prototype, "jw", {
+        Object.defineProperty(ToolActionIconMenu.prototype, "jx", {
             get: function () {
                 return this.cq("ArrowStroke", null);
             },
             set: function (a) {
-                var b = this.jw;
+                var b = this.jx;
                 if (b != a) {
                     this.gd("ArrowStroke", a);
                     this.fx("ArrowStroke", b, a);
@@ -26284,12 +26288,12 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconMenu.prototype, "jv", {
+        Object.defineProperty(ToolActionIconMenu.prototype, "jw", {
             get: function () {
                 return this.cq("ActualArrowStroke", null);
             },
             set: function (a) {
-                var b = this.jv;
+                var b = this.jw;
                 if (b != a) {
                     this.gd("ActualArrowStroke", a);
                     this.fx("ActualArrowStroke", b, a);
@@ -26298,12 +26302,12 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolActionIconMenu.prototype, "jk", {
+        Object.defineProperty(ToolActionIconMenu.prototype, "jl", {
             get: function () {
                 return this.cq("ShowArrowIcon", true);
             },
             set: function (a) {
-                var b = this.jk;
+                var b = this.jl;
                 if (b != a) {
                     this.gd("ShowArrowIcon", a);
                     this.fx("ShowArrowIcon", b, a);
@@ -26312,28 +26316,28 @@
             enumerable: false,
             configurable: true
         });
-        ToolActionIconMenu.prototype.get_hr = function () {
-            return this.jf != null;
+        ToolActionIconMenu.prototype.get_hs = function () {
+            return this.jg != null;
         };
-        ToolActionIconMenu.prototype.is = function (a, b) {
+        ToolActionIconMenu.prototype.it = function (a, b) {
             var _this = this;
-            this.ji = false;
+            this.jj = false;
             if (this.hd.bm > 0) {
                 while (this.hd.bm > 0) {
                     this.hd.bq(0);
                 }
             }
-            if (this.jf != null) {
-                this.jf.t = null;
+            if (this.jg != null) {
+                this.jg.t = null;
             }
-            this.jf = new ToolPanelsPresenter(this.q.v.x(), this.d);
-            this.jf.o = this.s;
-            this.jf.ak(function () {
-                _this.jf.ag(_this, function (c) {
+            this.jg = new ToolPanelsPresenter(this.q.v.x(), this.d);
+            this.jg.o = this.s;
+            this.jg.ak(function () {
+                _this.jg.ag(_this, function (c) {
                     if (_this.ef != null) {
                         c.ap = _this.ef + "SubPanel";
                     }
-                    _this.jf.al(c);
+                    _this.jg.al(c);
                     if (_this.actions.count > 0 && _this.actions._inner[0].gq != null && !igniteuiWebcomponentsCore.BrushUtilCore.a(_this.actions._inner[0].gq)) {
                         _this.hd.cg = _this.actions._inner[0].gq;
                     }
@@ -26341,33 +26345,33 @@
                         _this.hd.cg = _this.q.im;
                     }
                     if (a) {
-                        _this.d.executeDelayed(function () { return _this.i9(b); }, 100);
+                        _this.d.executeDelayed(function () { return _this.ja(b); }, 100);
                     }
                 });
-                _this.jf.s.a7 = new igniteuiWebcomponentsCore.CornerRadius(0, 8);
-                _this.jf.s.a8 = _this.q.im;
-                _this.hd.bn(_this.jf.s);
+                _this.jg.s.a7 = new igniteuiWebcomponentsCore.CornerRadius(0, 8);
+                _this.jg.s.a8 = _this.q.im;
+                _this.hd.bn(_this.jg.s);
             });
-            this.jf.t = igniteuiWebcomponentsCore.runOn(this, this.js);
+            this.jg.t = igniteuiWebcomponentsCore.runOn(this, this.jt);
         };
         ToolActionIconMenu.prototype.fn = function () {
             _super.prototype.fn.call(this);
-            this.ji = true;
+            this.jj = true;
         };
-        ToolActionIconMenu.prototype.iu = function () {
-            if (this.jf != null) {
-                this.jf.ao();
+        ToolActionIconMenu.prototype.iv = function () {
+            if (this.jg != null) {
+                this.jg.ao();
             }
         };
-        ToolActionIconMenu.prototype.it = function () {
-            if (this.jf != null) {
-                this.jf.ay();
+        ToolActionIconMenu.prototype.iu = function () {
+            if (this.jg != null) {
+                this.jg.ay();
                 this.hd.cc();
             }
         };
-        ToolActionIconMenu.prototype.iv = function () {
-            if (this.jf != null) {
-                this.jf.az(this.s, this.q);
+        ToolActionIconMenu.prototype.iw = function () {
+            if (this.jg != null) {
+                this.jg.az(this.s, this.q);
                 if (this.actions.count > 0 && this.actions._inner[0].gq != null && !igniteuiWebcomponentsCore.BrushUtilCore.a(this.actions._inner[0].gq)) {
                     this.hd.cg = this.actions._inner[0].gq;
                 }
@@ -26384,89 +26388,86 @@
                 this.ha.bp = this.ai(this.u);
             }
             if (this.hb != null) {
-                this.jc(this.hb);
+                this.jd(this.hb);
             }
         };
         ToolActionIconMenu.prototype.ff = function () {
             _super.prototype.ff.call(this);
             var a = this.y;
-            this.jk = a.showArrowIcon;
+            this.jl = a.showArrowIcon;
         };
         ToolActionIconMenu.prototype.go = function () {
             _super.prototype.go.call(this);
-            this.jv = this.jw != null ? this.jw : this.q.ik;
-            var a = this.jk ? igniteuiWebcomponentsCore.DeviceUtils.g(8) : 0;
-            var b = this.jk ? igniteuiWebcomponentsCore.DeviceUtils.g(4) : 0;
-            var c = this.jk ? igniteuiWebcomponentsCore.DeviceUtils.g(5) : 0;
-            var d = this.jk ? igniteuiWebcomponentsCore.DeviceUtils.g(5) : 0;
+            this.jw = this.jx != null ? this.jx : this.q.ik;
+            var a = this.jl ? igniteuiWebcomponentsCore.DeviceUtils.g(8) : 0;
+            var b = this.jl ? igniteuiWebcomponentsCore.DeviceUtils.g(4) : 0;
+            var c = this.jl ? igniteuiWebcomponentsCore.DeviceUtils.g(5) : 0;
+            var d = this.jl ? igniteuiWebcomponentsCore.DeviceUtils.g(5) : 0;
             switch (this.s) {
                 case 6:
                 case 5:
                 case 4:
                 case 3:
-                    this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : a;
-                    this.h3 = !igniteuiWebcomponentsCore.isNaN_(this.h7) ? this.h7 : b;
-                    this.h4 = !igniteuiWebcomponentsCore.isNaN_(this.h8) ? this.h8 : c;
-                    this.h1 = !igniteuiWebcomponentsCore.isNaN_(this.h5) ? this.h5 : d;
+                    this.h3 = !igniteuiWebcomponentsCore.isNaN_(this.h7) ? this.h7 : a;
+                    this.h4 = !igniteuiWebcomponentsCore.isNaN_(this.h8) ? this.h8 : b;
+                    this.h5 = !igniteuiWebcomponentsCore.isNaN_(this.h9) ? this.h9 : c;
+                    this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : d;
                     break;
                 default:
-                    this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : 0;
                     this.h3 = !igniteuiWebcomponentsCore.isNaN_(this.h7) ? this.h7 : 0;
                     this.h4 = !igniteuiWebcomponentsCore.isNaN_(this.h8) ? this.h8 : 0;
-                    this.h1 = !igniteuiWebcomponentsCore.isNaN_(this.h5) ? this.h5 : 0;
+                    this.h5 = !igniteuiWebcomponentsCore.isNaN_(this.h9) ? this.h9 : 0;
+                    this.h2 = !igniteuiWebcomponentsCore.isNaN_(this.h6) ? this.h6 : 0;
                     break;
             }
-            var e = igniteuiWebcomponentsCore.DeviceUtils.g(36) - this.jl;
-            var f = Math.floor(e / 1.414);
-            this.bu = !igniteuiWebcomponentsCore.isNaN_(this.cd) ? this.cd : f;
-            this.bt = !igniteuiWebcomponentsCore.isNaN_(this.b7) ? this.b7 : f;
-            if (this.jh != null) {
-                this.jh.bc = this.jv;
+            if (this.ji != null) {
+                this.ji.bc = this.jw;
             }
-            if (this.jg != null) {
-                this.jg.cd(0, 1, this.b3());
+            if (this.jh != null) {
+                this.jh.cd(0, 1, this.bu);
             }
         };
-        ToolActionIconMenu.prototype.je = function () {
-            if (this.ji) {
-                this.ir();
+        ToolActionIconMenu.prototype.jf = function () {
+            if (this.jj) {
+                this.is();
             }
-            return this.jf.a4();
+            return this.jg.a4();
         };
-        ToolActionIconMenu.prototype.i9 = function (a) {
+        ToolActionIconMenu.prototype.ja = function (a) {
             if (a === void 0) {
                 a = false;
             }
-            if (this.jf != null) {
-                this.jf.ay();
+            if (this.jg != null) {
+                this.jg.ay();
             }
-            _super.prototype.i9.call(this, a);
+            _super.prototype.ja.call(this, a);
         };
         ToolActionIconMenu.prototype.b0 = function (a, b) {
-            if (!this.jk) {
+            if (!this.jl) {
                 return _super.prototype.b0.call(this, a, b);
             }
             var c = 0;
-            if (!igniteuiWebcomponentsCore.isNaN_(this.h2)) {
-                c = c + this.h2;
-            }
             if (!igniteuiWebcomponentsCore.isNaN_(this.h3)) {
                 c = c + this.h3;
             }
-            return Math.max(igniteuiWebcomponentsCore.DeviceUtils.g(36), this.bu + this.jl + c);
+            if (!igniteuiWebcomponentsCore.isNaN_(this.h4)) {
+                c = c + this.h4;
+            }
+            return Math.max(igniteuiWebcomponentsCore.DeviceUtils.g(36), this.bu + this.jm + c);
         };
-        ToolActionIconMenu.prototype.ju = function (a, b, c, d, e, f, g) {
+        ToolActionIconMenu.prototype.jv = function (a, b, c, d, e, f, g) {
+            this.ho = true;
             if (g) {
                 a.b8(2);
                 a.b8(1);
                 if (a.bm == 0) {
                     c.b2(0, 1, igniteuiWebcomponentsCore.DeviceUtils.g(this.bu));
-                    c.b2(1, 1, this.jl);
+                    c.b2(1, 1, this.jm);
                     c.bn(d);
                     c.bn(e);
                     c.ca(d, 0);
                     c.ca(e, 1);
-                    this.jg = c;
+                    this.jh = c;
                     b.bo = c;
                     a.bn(b);
                 }
@@ -26478,22 +26479,22 @@
                 else {
                     b.bp = this.ai(this.u);
                 }
-                c.bi = new igniteuiWebcomponentsCore.Thickness(1, this.h2, this.h4, this.h3, this.h1);
+                c.bi = new igniteuiWebcomponentsCore.Thickness(1, this.h3, this.h5, this.h4, this.h2);
                 b.bn = 4;
                 b.bu = true;
                 b.f = 1;
-                var h = this.bu + this.h2 + this.h3;
-                if (this.jk) {
-                    h = h + this.jn - this.jm;
+                var h = this.bu + this.h3 + this.h4;
+                if (this.jl) {
+                    h = h + this.jo - this.jn;
                 }
                 b.bx = h;
                 b.bz = new igniteuiWebcomponentsCore.CornerRadius(0, 18);
-                this.jc(d);
+                this.jd(d);
                 d.h = 1;
-                e.ae = this.jn;
-                e.y = this.jn;
+                e.ae = this.jo;
+                e.y = this.jo;
                 e.h = 1;
-                e.bh = new igniteuiWebcomponentsCore.Thickness(1, -this.jm, 0, 0, 0);
+                e.bh = new igniteuiWebcomponentsCore.Thickness(1, -this.jn, 0, 0, 0);
                 e.br = "igDropDownArrow";
                 e.bq = "IG_Default";
                 e.bb = igniteuiWebcomponentsCore.BrushUtil.h(0, 0, 0, 0);
@@ -26511,14 +26512,14 @@
             d.bc = this.gv;
             d.ae = this.bu;
             d.y = this.bt;
-            e.bc = this.jv;
+            e.bc = this.jw;
             b.c = this.s;
-            b.bm = igniteuiWebcomponentsCore.runOn(this, this.ix);
-            b.q = igniteuiWebcomponentsCore.runOn(this, this.iz);
-            b.s = igniteuiWebcomponentsCore.runOn(this, this.i0);
-            b.o = igniteuiWebcomponentsCore.runOn(this, this.iy);
+            b.bm = igniteuiWebcomponentsCore.runOn(this, this.iy);
+            b.q = igniteuiWebcomponentsCore.runOn(this, this.i0);
+            b.s = igniteuiWebcomponentsCore.runOn(this, this.i1);
+            b.o = igniteuiWebcomponentsCore.runOn(this, this.iz);
             if (this.ha != b) {
-                if (this.ha != null && this.ha.bm == igniteuiWebcomponentsCore.runOn(this, this.ix)) {
+                if (this.ha != null && this.ha.bm == igniteuiWebcomponentsCore.runOn(this, this.iy)) {
                     this.ha.bm = null;
                     this.ha.q = null;
                     this.ha.s = null;
@@ -26529,25 +26530,26 @@
             if (this.hb != d) {
                 this.hb = d;
             }
-            if (this.jh != e) {
-                this.jh = e;
+            if (this.ji != e) {
+                this.ji = e;
             }
-            this.jt();
+            this.ju();
+            this.ho = false;
         };
         ToolActionIconMenu.prototype.f1 = function (a, b, c) {
             var _this = this;
-            if (this.jj) {
+            if (this.jk) {
                 return;
             }
             var d = b.b;
             if (d.bs == null || d.ao == null || igniteuiWebcomponentsCore.EnumUtil.getEnumValue(igniteuiWebcomponentsCore.ToolActionType_$type, d.ao) != this.z || a.bm == 0) {
                 var e = [1, 7, 11, 11, 12];
                 var f = [this.aj(1), this.aj(7), this.aj(11), this.aj(11), this.aj(12)];
-                this.jj = true;
+                this.jk = true;
                 igniteuiWebcomponentsCore.NativeUIComponent.av(this.q.v.x(), e, f, function (g) {
-                    _this.ju(a, g[0], g[1], g[2], g[3], c, true);
-                    _this.jd(a, g[4]);
-                    _this.jj = false;
+                    _this.jv(a, g[0], g[1], g[2], g[3], c, true);
+                    _this.je(a, g[4]);
+                    _this.jk = false;
                 });
                 d.ao = igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ToolActionType_$type, this.z);
             }
@@ -26557,11 +26559,11 @@
                 var i = h.bl(0);
                 var j = h.bl(1);
                 var k = a.bl(1);
-                this.ju(a, g, h, i, j, c, false);
-                this.jd(a, k);
+                this.jv(a, g, h, i, j, c, false);
+                this.je(a, k);
             }
         };
-        ToolActionIconMenu.prototype.js = function (a) {
+        ToolActionIconMenu.prototype.jt = function (a) {
             this.f9(a.a, a.b);
             if (a.b) {
                 this.e4();
@@ -26571,40 +26573,41 @@
             _super.prototype.f5.call(this, a, b, c);
             switch (a) {
                 case "ShowArrowIcon":
-                    this.jt();
+                    this.ju();
                     break;
             }
         };
-        ToolActionIconMenu.prototype.jt = function () {
-            if (this.ha == null || this.hb == null || this.jh == null) {
+        ToolActionIconMenu.prototype.ju = function () {
+            if (this.ha == null || this.hb == null || this.ji == null) {
                 return;
             }
-            if (this.jk) {
+            if (this.jl) {
                 var a = this.ha.bo;
                 if (a.bx == 2) {
                     a.cd(0, 1, igniteuiWebcomponentsCore.DeviceUtils.g(this.bu));
-                    a.cd(1, 1, this.jl);
+                    a.cd(1, 1, this.jm);
                 }
                 else {
                     a.b2(0, 1, igniteuiWebcomponentsCore.DeviceUtils.g(this.bu));
-                    a.b2(1, 1, this.jl);
+                    a.b2(1, 1, this.jm);
                 }
                 a.ca(this.hb, 0);
-                a.ca(this.jh, 1);
-                this.jh.bj = 0;
+                a.ca(this.ji, 1);
+                this.ji.bj = 0;
             }
             else {
                 var b = this.ha.bo;
                 b.cd(1, 1, igniteuiWebcomponentsCore.DeviceUtils.g(0));
-                this.jh.bj = 1;
+                this.ji.bj = 1;
             }
+            this.go();
         };
         ToolActionIconMenu.prototype.e1 = function (a, b) {
             _super.prototype.e1.call(this, a, b);
             switch (b) {
                 case "Visibility":
-                    if (this.jf != null) {
-                        this.jf.ax();
+                    if (this.jg != null) {
+                        this.jg.ax();
                     }
                     break;
             }
@@ -26613,17 +26616,17 @@
             _super.prototype.f3.call(this, a);
             if (a.z == 8) {
                 var b = a;
-                if (this.jk != b.jk) {
-                    this.jk = b.jk;
+                if (this.jl != b.jl) {
+                    this.jl = b.jl;
                 }
-                if (this.jw != b.jw) {
-                    this.jw = b.jw;
+                if (this.jx != b.jx) {
+                    this.jx = b.jx;
                 }
             }
         };
         ToolActionIconMenu.prototype.e = function () {
             if (this.hd.b6) {
-                return this.jf.k().a;
+                return this.jg.k().a;
             }
             return null;
         };
@@ -26639,23 +26642,23 @@
             if (this.hb != null) {
                 a.b = this.hb.af();
             }
-            if (this.jh != null) {
-                a.j = this.jh.af();
+            if (this.ji != null) {
+                a.j = this.ji.af();
             }
             return a;
         };
         ToolActionIconMenu.prototype.hn = function () {
             return this.q.ay && this.actions.count > 0;
         };
-        ToolActionIconMenu.prototype.hp = function (a) {
+        ToolActionIconMenu.prototype.hq = function (a) {
             if (this.q.cp < 0 || a < this.q.cp) {
-                this.ja();
+                this.jb();
                 return false;
             }
             return true;
         };
         ToolActionIconMenu.$t = igniteuiWebcomponentsCore.markType(ToolActionIconMenu, 'ToolActionIconMenu', ToolActionIconButton.$);
-        ToolActionIconMenu.jp = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n" + "<path d=\"M20 11.1205L16.2166 14.8795L12.4575 11.1205\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n" + "</svg>\r\n";
+        ToolActionIconMenu.jq = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n" + "<path d=\"M20 11.1205L16.2166 14.8795L12.4575 11.1205\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n" + "</svg>\r\n";
         return ToolActionIconMenu;
     }(ToolActionIconButton));
     /**
@@ -31922,13 +31925,6 @@
         return IgcToolActionPerformedEventArgs;
     }());
 
-    /*
-    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.
-    */
-
     /**
      * Represents base class for all tool actions in toolbar
     */
@@ -31993,6 +31989,70 @@
         };
         IgcToolActionComponent.prototype.onImplementationCreated = function () {
         };
+        IgcToolActionComponent.prototype._initializeAdapters = function () {
+            var _this = this;
+            if (!this.__observingChildren) {
+                this.__observingChildren = true;
+                var mut = new MutationObserver(function (list) {
+                    var e_1, _b;
+                    try {
+                        for (var list_1 = tslib.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                            var mutation = list_1_1.value;
+                            if (mutation.type == 'childList') {
+                                if (_this.updateContentChildren) {
+                                    _this.updateContentChildren();
+                                }
+                                else if (_this._initializeAdapters) {
+                                    _this.initializeAdapters();
+                                }
+                            }
+                        }
+                    }
+                    catch (e_1_1) {
+                        e_1 = { error: e_1_1 };
+                    }
+                    finally {
+                        try {
+                            if (list_1_1 && !list_1_1.done && (_b = list_1.return))
+                                _b.call(list_1);
+                        }
+                        finally {
+                            if (e_1)
+                                throw e_1.error;
+                        }
+                    }
+                });
+                mut.observe(this, {
+                    childList: true
+                });
+            }
+            this._actionsAdapter = new igniteuiWebcomponentsCore.CollectionAdapter(this.contentActions, this.i.actions, this.actualActions, function (c) { return c.i; }, function (i) {
+                if (_this._initializeElement) {
+                    _this._initializeElement(i);
+                }
+            }, function (i) {
+                if (_this._destroyElement) {
+                    _this._destroyElement(i);
+                }
+            });
+            if (_super.prototype["_initializeAdapters"]) {
+                _super.prototype["_initializeAdapters"].call(this);
+            }
+        };
+        IgcToolActionComponent.prototype._updateAdapters = function () {
+            if (_super.prototype["_updateAdapters"]) {
+                _super.prototype["_updateAdapters"].call(this);
+            }
+            this.contentActions.length = 0;
+            for (var i = 0; i < this.children.length; i++) {
+                if (this.children[i] instanceof IgcToolActionComponent) {
+                    this.contentActions.push(this.children[i]);
+                }
+            }
+            if (this._actionsAdapter != null) {
+                this._actionsAdapter.notifyContentChanged();
+            }
+        };
         IgcToolActionComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
             this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
         };
@@ -32028,6 +32088,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -32117,37 +32183,57 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(IgcToolActionComponent.prototype, "actualActions", {
+            get: function () {
+                if (!this._actualActions) {
+                    this._actualActions = [];
+                }
+                return this._actualActions;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(IgcToolActionComponent.prototype, "contentActions", {
+            get: function () {
+                if (!this._contentActions) {
+                    this._contentActions = [];
+                }
+                return this._contentActions;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(IgcToolActionComponent.prototype, "actions", {
             /**
              * Gets the sub actions associated with this tool action.
             */
             get: function () {
+                var _this = this;
                 if (this._actions === null) {
                     var coll = new IgcToolActionCollection();
-                    var innerColl = this.i.actions;
-                    if (!innerColl) {
-                        innerColl = new ToolActionCollection();
-                    }
-                    this._actions = coll._fromInner(innerColl);
+                    var inner = coll._innerColl;
+                    this._actions = coll;
+                    inner.addListener(function (sender, e) {
+                        switch (e.action) {
+                            case igniteuiWebcomponentsCore.NotifyCollectionChangedAction.Add:
+                                _this._actionsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                                break;
+                            case igniteuiWebcomponentsCore.NotifyCollectionChangedAction.Remove:
+                                _this._actionsAdapter.removeManualItemAt(e.oldStartingIndex);
+                                break;
+                            case igniteuiWebcomponentsCore.NotifyCollectionChangedAction.Replace:
+                                _this._actionsAdapter.removeManualItemAt(e.oldStartingIndex);
+                                _this._actionsAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
+                                break;
+                            case igniteuiWebcomponentsCore.NotifyCollectionChangedAction.Reset:
+                                _this._actionsAdapter.clearManualItems();
+                                break;
+                        }
+                    });
+                    ;
                 }
                 return this._actions;
             },
-            set: function (v) {
-                if (this._actions !== null) {
-                    this._actions._setSyncTarget(null);
-                    this._actions = null;
-                }
-                var coll = new IgcToolActionCollection();
-                this._actions = coll._fromOuter(v);
-                var syncColl = new igniteuiWebcomponentsCore.SyncableObservableCollection$1(ToolAction.$type);
-                var innerColl = this.i.actions;
-                if (!innerColl) {
-                    innerColl = new ToolActionCollection();
-                }
-                syncColl._inner = innerColl;
-                syncColl.clear();
-                this._actions._setSyncTarget(syncColl);
-            },
             enumerable: false,
             configurable: true
         });
@@ -33171,6 +33257,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -33262,6 +33354,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -33613,6 +33711,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -33834,6 +33938,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -33953,6 +34063,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34134,6 +34250,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34175,11 +34297,11 @@
              * Gets or sets how long it takes before the tooltip is displayed (in milliseconds).
             */
             get: function () {
-                return this.i.id;
+                return this.i.ie;
             },
             set: function (v) {
-                this.i.id = +v;
-                this._a("tooltipDelay", this.i.id);
+                this.i.ie = +v;
+                this._a("tooltipDelay", this.i.ie);
             },
             enumerable: false,
             configurable: true
@@ -34189,99 +34311,99 @@
              * Gets the actual delay before the tooltip is displayed (in milliseconds).
             */
             get: function () {
-                return this.i.ic;
+                return this.i.id;
             },
             set: function (v) {
-                this.i.ic = +v;
-                this._a("actualTooltipDelay", this.i.ic);
+                this.i.id = +v;
+                this._a("actualTooltipDelay", this.i.id);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingLeft", {
             get: function () {
-                return this.i.h6;
+                return this.i.h7;
             },
             set: function (v) {
-                this.i.h6 = +v;
-                this._a("contentPaddingLeft", this.i.h6);
+                this.i.h7 = +v;
+                this._a("contentPaddingLeft", this.i.h7);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingLeft", {
             get: function () {
-                return this.i.h2;
+                return this.i.h3;
             },
             set: function (v) {
-                this.i.h2 = +v;
-                this._a("actualContentPaddingLeft", this.i.h2);
+                this.i.h3 = +v;
+                this._a("actualContentPaddingLeft", this.i.h3);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingTop", {
             get: function () {
-                return this.i.h8;
+                return this.i.h9;
             },
             set: function (v) {
-                this.i.h8 = +v;
-                this._a("contentPaddingTop", this.i.h8);
+                this.i.h9 = +v;
+                this._a("contentPaddingTop", this.i.h9);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingTop", {
             get: function () {
-                return this.i.h4;
+                return this.i.h5;
             },
             set: function (v) {
-                this.i.h4 = +v;
-                this._a("actualContentPaddingTop", this.i.h4);
+                this.i.h5 = +v;
+                this._a("actualContentPaddingTop", this.i.h5);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingRight", {
             get: function () {
-                return this.i.h7;
+                return this.i.h8;
             },
             set: function (v) {
-                this.i.h7 = +v;
-                this._a("contentPaddingRight", this.i.h7);
+                this.i.h8 = +v;
+                this._a("contentPaddingRight", this.i.h8);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingRight", {
             get: function () {
-                return this.i.h3;
+                return this.i.h4;
             },
             set: function (v) {
-                this.i.h3 = +v;
-                this._a("actualContentPaddingRight", this.i.h3);
+                this.i.h4 = +v;
+                this._a("actualContentPaddingRight", this.i.h4);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "contentPaddingBottom", {
             get: function () {
-                return this.i.h5;
+                return this.i.h6;
             },
             set: function (v) {
-                this.i.h5 = +v;
-                this._a("contentPaddingBottom", this.i.h5);
+                this.i.h6 = +v;
+                this._a("contentPaddingBottom", this.i.h6);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(IgcToolActionIconButtonComponent.prototype, "actualContentPaddingBottom", {
             get: function () {
-                return this.i.h1;
+                return this.i.h2;
             },
             set: function (v) {
-                this.i.h1 = +v;
-                this._a("actualContentPaddingBottom", this.i.h1);
+                this.i.h2 = +v;
+                this._a("actualContentPaddingBottom", this.i.h2);
             },
             enumerable: false,
             configurable: true
@@ -34389,6 +34511,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34430,11 +34558,11 @@
              * Gets or sets the stroke color of the arrow icon.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.jw);
+                return igniteuiWebcomponentsCore.brushToString(this.i.jx);
             },
             set: function (v) {
-                this.i.jw = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("arrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.jw));
+                this.i.jx = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("arrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.jx));
             },
             enumerable: false,
             configurable: true
@@ -34444,11 +34572,11 @@
              * Gets the actual stroke color of the arrow icon.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.jv);
+                return igniteuiWebcomponentsCore.brushToString(this.i.jw);
             },
             set: function (v) {
-                this.i.jv = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("actualArrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.jv));
+                this.i.jw = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("actualArrowStroke", igniteuiWebcomponentsCore.brushToString(this.i.jw));
             },
             enumerable: false,
             configurable: true
@@ -34458,11 +34586,11 @@
              * Gets or sets whether the arrow icon should be shown.
             */
             get: function () {
-                return this.i.jk;
+                return this.i.jl;
             },
             set: function (v) {
-                this.i.jk = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showArrowIcon", this.i.jk);
+                this.i.jl = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showArrowIcon", this.i.jl);
             },
             enumerable: false,
             configurable: true
@@ -34526,6 +34654,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34645,6 +34779,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34736,6 +34876,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -34981,6 +35127,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -36693,6 +36845,13 @@
     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.
     */
 
+    /*
+    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 IgcToolbarSubMenuOpeningEventArgs = /** @class */ /*@__PURE__*/ (function () {
         function IgcToolbarSubMenuOpeningEventArgs() {
             this._implementation = this.createImplementation();
@@ -40447,6 +40606,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -40547,6 +40712,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -40713,6 +40884,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();
@@ -41274,6 +41451,12 @@
             if (this.i.connectedCallback) {
                 this.i.connectedCallback();
             }
+            if (this.updateContentChildren) {
+                this.updateContentChildren();
+            }
+            else if (this._updateAdapters) {
+                this._updateAdapters();
+            }
             if (!this._attached) {
                 this._attached = true;
                 this._flushQueuedAttributes();