igniteui-webcomponents-layouts 4.3.0-beta.0 → 4.3.0-beta.1

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

@@ -15890,47 +15890,6 @@
      */
     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
-    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.
-    */
-    /**
-     * @hidden
-     */
-    var ToolbarIconManager = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib.__extends(ToolbarIconManager, _super);
-        function ToolbarIconManager() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        ToolbarIconManager.c = function () {
-            if (ToolbarIconManager.a) {
-                return;
-            }
-            ToolbarIconManager.a = true;
-            ToolbarIconManager.b("Search", "m22.241 24-7.414-7.414c-1.559 1.169-3.523 1.875-5.652 1.885h-.002c-.032 0-.07.001-.108.001-5.006 0-9.065-4.058-9.065-9.065 0-.038 0-.076.001-.114v.006c0-5.135 4.163-9.298 9.298-9.298s9.298 4.163 9.298 9.298c-.031 2.129-.733 4.088-1.904 5.682l.019-.027 7.414 7.414zm-12.942-21.487c-3.72.016-6.73 3.035-6.73 6.758 0 3.732 3.025 6.758 6.758 6.758s6.758-3.025 6.758-6.758c0-1.866-.756-3.555-1.979-4.778-1.227-1.223-2.92-1.979-4.79-1.979-.006 0-.012 0-.017 0h.001z");
-            ToolbarIconManager.b("ZoomIn", "M 19.4758 12.1587 H 14.6339 V 7.3169 c 0 -0.6834 -0.5539 -1.2375 -1.2375 -1.2375 s -1.2375 0.5541 -1.2375 1.2375 v 4.8419 H 7.3171 c -0.6836 0 -1.2375 0.5541 -1.2375 1.2375 c 0 0.6834 0.5539 1.2375 1.2375 1.2375 H 12.1589 v 4.8421 c 0 0.6834 0.5539 1.2375 1.2375 1.2375 s 1.2375 -0.5541 1.2375 -1.2375 V 14.6337 h 4.8419 c 0.6836 0 1.2375 -0.5541 1.2375 -1.2375 C 20.7133 12.7128 20.1594 12.1587 19.4758 12.1587 z");
-            ToolbarIconManager.b("ZoomOut", "M 26.5087 10.4222 H 8.0865 c -1.0355 0 -1.875 0.8395 -1.875 1.875 c 0 1.0355 0.8395 1.875 1.875 1.875 h 18.4222 c 1.0355 0 1.875 -0.8395 1.875 -1.875 C 28.3837 11.2617 27.5443 10.4222 26.5087 10.4222 z");
-            ToolbarIconManager.b("Reset", "M 13.5 21 A 9 9 90 1 0 4.5 12 v 4.65 L 1.8 13.95 L 0.75 15 l 4.5 4.5 l 4.5 -4.5 l -1.05 -1.05 L 6 16.65 V 12 H 6 A 7.5 7.5 90 1 1 13.5 19.5 Z");
-            ToolbarIconManager.b("CursorPointer", "M 6.8243 23.7538 l -6.765 -22.44 c -0.26 -0.75 0.365 -1.545 1.3 -1.25 l 22.435 6.77 c 0.865 0.26 0.975 1.575 0.105 1.925 l -10.67 4.48 l -4.475 10.675 C 8.4192 24.7638 7.1193 24.6688 6.8243 23.7538 z M 2.5543 2.5638 l 5.415 17.91 l 3.54 -8.435 c 0.105 -0.26 0.31 -0.47 0.52 -0.52 l 8.43 -3.54 L 2.5543 2.5638 z");
-            ToolbarIconManager.b("CursorHand", "M 17.0635 6.0452 c -0.0739 0 -0.1351 0.0044 -0.2088 0.0129 c -0.3164 0.0368 -0.6158 0.1516 -0.8408 0.3239 v -0.3899 c 0 -0.9837 -0.7223 -1.8096 -1.6807 -1.9211 c -0.0737 -0.0086 -0.1484 -0.013 -0.2225 -0.013 c -0.3922 -0.0001 -0.7664 0.1184 -1.0826 0.3386 c -0.0692 -0.9163 -0.7661 -1.6623 -1.6753 -1.7681 c -0.0737 -0.0086 -0.1478 -0.0103 -0.2218 -0.0103 h -0.0004 h -0.0003 c -0.5074 0 -0.9852 0.1955 -1.3454 0.5557 c -0.3318 0.3318 -0.5263 0.7622 -0.5547 1.2249 c -0.2483 -0.1739 -0.5402 -0.2902 -0.8582 -0.3272 c -0.0737 -0.0086 -0.1487 -0.0133 -0.2226 -0.0133 c -0.5074 -0.0001 -1.0137 0.1981 -1.3739 0.5582 c -0.3601 0.3601 -0.587 0.8377 -0.587 1.3451 v 6.453 l -0.4143 -0.4183 c -0.3557 -0.3503 -0.8125 -0.5429 -1.3141 -0.5429 c -0.5066 0 -0.9748 0.1966 -1.3318 0.5534 c -0.7214 0.7214 -0.7343 1.885 -0.0458 2.6266 l 4.0409 5.3272 l 0.087 1.1449 c 0.0515 0.6854 0.6307 1.2223 1.318 1.2223 l 7.3853 -0.0059 c 0.6604 -0.0008 1.223 -0.4949 1.3089 -1.1492 l 0.1791 -1.3637 c 0.5668 -0.9173 0.9584 -2.1335 1.2204 -3.6171 c 0.2288 -1.2955 0.3166 -2.8331 0.3166 -4.5701 v -3.6732 C 18.9389 6.8991 18.1132 6.0452 17.0635 6.0452 z M 16.3305 21.0554 c -0.0275 0.2095 -0.2059 0.374 -0.4172 0.3742 l -7.3838 0.0137 c -0.0002 0 -0.0004 0 -0.0006 0 c -0.2203 0 -0.4035 -0.1777 -0.4201 -0.3975 l -0.1058 -1.4123 c -0.0001 -0.0008 -0.0003 -0.0034 -0.0008 -0.004 l -4.2301 -5.5802 c -0.3864 -0.3864 -0.3864 -1.0192 0 -1.4056 c 0.1932 -0.1932 0.4479 -0.2901 0.7025 -0.2901 c 0.2547 0 0.5094 0.0965 0.7026 0.2897 l 1.1905 1.1241 c 0.0928 0.0876 0.1758 0.1268 0.2852 0.1268 c 0.2375 0 0.4358 -0.1853 0.4358 -0.4624 V 5.9616 c 0 -0.5519 0.4802 -1.0036 1.0322 -1.0036 c 0.0391 0 0.0733 0.0023 0.1133 0.0069 c 0.5108 0.0595 0.8796 0.5129 0.8796 1.0271 v 5.1461 c 0 0.2671 0.2173 0.4837 0.4845 0.4837 c 0.2705 0 0.4905 -0.2193 0.4905 -0.4898 V 4.5165 c 0 -0.552 0.4706 -1.0036 1.0225 -1.0036 c 0.039 0 0.0782 0.0023 0.1181 0.007 c 0.5108 0.0594 0.8845 0.5129 0.8845 1.0271 v 6.5847 c 0 0.2707 0.2203 0.4904 0.4911 0.4904 c 0.2669 0 0.4839 -0.2164 0.4839 -0.4832 V 5.9616 c 0 -0.5519 0.4609 -1.0036 1.0129 -1.0036 c 0.039 0 0.0829 0.0023 0.1228 0.0069 c 0.5108 0.0595 0.8893 0.5129 0.8893 1.0271 v 5.1282 c 0 0.2771 0.2254 0.498 0.5024 0.498 h 0.0083 c 0.256 0 0.4643 -0.2039 0.4643 -0.4599 v -3.1792 c 0 -0.5142 0.3739 -0.9676 0.8846 -1.0271 c 0.0399 -0.0047 0.0511 -0.0069 0.0902 -0.0069 c 0.5519 0 0.9752 0.4516 0.9752 1.0036 v 3.6732 c 0 3.1371 -0.3524 6.0358 -1.4787 7.79 c -0.0342 0.0533 -0.0427 0.113 -0.051 0.1758 L 16.3305 21.0554 z");
-            ToolbarIconManager.b("OptionDots", "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0-6a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0z");
-            ToolbarIconManager.b("OptionCog", "M 21.7966 14.096 c -0.0701 -0.3878 -0.5044 -0.7946 -0.8726 -0.9345 l -0.9919 -0.3765 c -0.3682 -0.1399 -0.6371 -0.4639 -0.6191 -0.7256 c 0.0109 -0.1564 0.0173 -0.3142 0.0173 -0.4736 c 0 -0.1065 -0.003 -0.2122 -0.0079 -0.3172 c -0.0086 -0.1751 0.2696 -0.4474 0.6289 -0.609 l 0.8962 -0.4028 c 0.3592 -0.162 0.7954 -0.5869 0.8227 -0.9799 c 0.024 -0.3484 -0.0176 -0.8235 -0.243 -1.4119 c -0.2621 -0.6866 -0.6878 -1.1269 -1.0421 -1.3942 c -0.3146 -0.2374 -0.9086 -0.2231 -1.2679 -0.0611 l -0.78 0.351 c -0.3592 0.1616 -0.8528 0.0446 -1.1344 -0.231 c -0.0664 -0.0653 -0.1335 -0.1286 -0.2025 -0.1909 c -0.2918 -0.2644 -0.4387 -0.75 -0.2985 -1.1186 l 0.3071 -0.8107 c 0.1399 -0.3682 0.138 -0.9728 -0.1207 -1.2694 c -0.2381 -0.273 -0.6161 -0.5921 -1.2056 -0.8554 c -0.6615 -0.2955 -1.2548 -0.3041 -1.6811 -0.2396 c -0.3896 0.0592 -0.7954 0.4991 -0.9353 0.867 l -0.3548 0.9341 c -0.1399 0.3682 -0.2993 0.6656 -0.3559 0.6641 c -0.0345 -0.0015 -0.0686 -0.0019 -0.1028 -0.0019 c -0.2333 0 -0.4642 0.0112 -0.6923 0.0338 c -0.381 0.0375 -0.816 -0.1901 -0.9776 -0.5494 l -0.4215 -0.9375 c -0.1616 -0.3596 -0.5767 -0.8287 -0.9709 -0.8351 c -0.3435 -0.006 -0.8276 0.0784 -1.476 0.3855 c -0.7027 0.3334 -1.1141 0.6532 -1.3541 0.9139 c -0.267 0.2891 -0.2078 0.906 -0.0457 1.2652 l 0.5554 1.236 c 0.1616 0.3592 0.096 0.8498 -0.1215 1.1171 c -0.2171 0.2677 -0.6698 0.3874 -1.038 0.2479 l -1.3493 -0.5119 c -0.3682 -0.1399 -0.9937 -0.1785 -1.2772 0.096 c -0.2468 0.2389 -0.5295 0.6409 -0.771 1.3162 c -0.261 0.7328 -0.3251 1.2495 -0.3112 1.6035 c 0.0158 0.3938 0.4939 0.7879 0.8625 0.9278 l 1.647 0.6251 c 0.3682 0.1399 0.6683 0.4665 0.6896 0.7279 c 0.0206 0.2621 -0.2381 0.6038 -0.5974 0.7657 l -1.6432 0.7388 c -0.3592 0.1616 -0.8291 0.5771 -0.8351 0.9709 c -0.0056 0.3435 0.0788 0.828 0.3855 1.4756 c 0.3337 0.7027 0.6532 1.1141 0.9139 1.3541 c 0.2899 0.2674 0.9064 0.2078 1.2656 0.0461 l 1.7618 -0.792 c 0.3592 -0.162 0.7785 -0.1545 0.9469 0.0049 s 0.2006 0.5779 0.0607 0.9465 L 6.7786 19.475 c -0.1399 0.3682 -0.1785 0.9937 0.096 1.2765 c 0.2393 0.2471 0.6409 0.5302 1.3162 0.7714 c 0.7328 0.2614 1.2499 0.3255 1.6039 0.3116 c 0.3938 -0.0158 0.7875 -0.4943 0.9274 -0.8625 l 0.6349 -1.6725 c 0.1399 -0.3682 0.3968 -0.6532 0.5741 -0.6446 c 0.1065 0.0053 0.2137 0.0079 0.3214 0.0079 c 0.0503 0 0.0998 -0.0004 0.1492 -0.0019 c 0.0821 -0.0026 0.2801 0.2858 0.4417 0.6454 l 0.7361 1.6365 c 0.1616 0.3592 0.6019 0.7448 0.9949 0.7642 c 0.4204 0.021 1.0009 -0.0232 1.6612 -0.2752 c 0.6319 -0.2419 0.9971 -0.6015 1.2071 -0.9158 c 0.219 -0.3274 0.1455 -0.9439 -0.0165 -1.3031 l -0.6023 -1.3399 c -0.1616 -0.3592 -0.0634 -0.8216 0.1976 -1.059 c 0.2599 -0.2374 0.75 -0.3375 1.1179 -0.1973 l 1.287 0.4886 c 0.3682 0.1399 0.99 0.1834 1.3043 -0.0544 c 0.2767 -0.21 0.5966 -0.5587 0.8554 -1.1378 C 21.8964 15.218 21.8806 14.5614 21.7966 14.096 z M 11.9244 16.9213 c -2.9415 0 -5.3254 -2.3839 -5.3254 -5.325 s 2.3839 -5.325 5.3254 -5.325 c 2.9407 0 5.325 2.3839 5.325 5.325 C 17.2497 14.5374 14.8651 16.9213 11.9244 16.9213 z");
-            ToolbarIconManager.b("CheveronDown", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
-            ToolbarIconManager.b("CheveronLeft", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
-            ToolbarIconManager.b("CheveronRight", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
-            ToolbarIconManager.b("CheveronUp", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
-            ToolbarIconManager.b("Close", "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
-        };
-        ToolbarIconManager.b = function (a, b) {
-            igniteuiWebcomponentsCore.SvgIconRegistry.instance.addSvgPathString("default", a, b);
-        };
-        ToolbarIconManager.$t = igniteuiWebcomponentsCore.markType(ToolbarIconManager, 'ToolbarIconManager');
-        ToolbarIconManager.a = false;
-        return ToolbarIconManager;
-    }(igniteuiWebcomponentsCore.Base));
-
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la
@@ -15977,7 +15936,7 @@
                 this.i = null;
                 return;
             }
-            this.a.a = new igniteuiWebcomponentsCore.DOMExecutionContext(a);
+            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));
@@ -15991,7 +15950,7 @@
             var d = this.i.getSubRenderer(c);
             b.provideContainer(d);
             var e = this.i.getExternal(b, this.i.rootWrapper, this.i.getExternal(this.a, null, null));
-            this.a.b2(b);
+            this.a.b5(b);
             var f = Math.round(a.rootWrapper.width());
             var g = Math.round(a.rootWrapper.height());
             this.i.rootWrapper.setStyleProperty("position", "relative");
@@ -16009,7 +15968,7 @@
             var a = this.i.rootWrapper.width();
             var b = this.i.rootWrapper.height();
             this.aa = new igniteuiWebcomponentsCore.Size(1, a, b);
-            this.a.b5(this.aa);
+            this.a.b8(this.aa);
         };
         ToolbarView.prototype.z = function () {
             var a = this.i;
@@ -16018,8 +15977,8 @@
             }
             var b = a.rootWrapper;
             if (null != b) {
-                igniteuiWebcomponentsCore.NativeUI.p(b, this.a.cz);
-                igniteuiWebcomponentsCore.NativeUI.l(b, this.a.cq);
+                igniteuiWebcomponentsCore.NativeUI.p(b, this.a.c2);
+                igniteuiWebcomponentsCore.NativeUI.l(b, this.a.ct);
             }
         };
         ToolbarView.prototype.d = function () {
@@ -16035,7 +15994,7 @@
             return this.aa.width;
         };
         ToolbarView.prototype.h = function (a) {
-            this.c = this.a.s();
+            this.c = this.a.t();
             return igniteuiWebcomponentsCore.FontUtil.measureStringWidth(a, this.c, this.e);
         };
         ToolbarView.prototype.q = function (a, b) {
@@ -16054,121 +16013,121 @@
         tslib.__extends(Toolbar, _super);
         function Toolbar() {
             var _this = _super.call(this) || this;
-            _this.k = null;
-            _this.v = false;
-            _this.t = null;
-            _this.m = null;
-            _this.n = 0;
-            _this.d = new ToolActionCollection();
-            _this.b = new ToolActionCollection();
+            _this.l = null;
+            _this.w = false;
+            _this.u = null;
+            _this.n = null;
+            _this.o = 0;
+            _this.e = new ToolActionCollection();
             _this.c = new ToolActionCollection();
-            _this.h = Toolbar.i;
-            _this.p = null;
-            _this.av = Toolbar.aw;
-            _this.ce = null;
-            _this.cm = null;
-            _this.cg = null;
-            _this.cl = null;
-            _this.ci = null;
-            _this.cn = null;
-            _this.cf = null;
+            _this.d = new ToolActionCollection();
+            _this.i = Toolbar.j;
+            _this.q = null;
+            _this.ax = Toolbar.ay;
             _this.ch = null;
             _this.cp = null;
+            _this.cj = null;
             _this.co = null;
+            _this.cl = null;
+            _this.cq = null;
+            _this.ci = null;
+            _this.ck = null;
+            _this.cs = null;
+            _this.cr = null;
+            _this.al = NaN;
+            _this.am = NaN;
+            _this.cm = null;
+            _this.cn = null;
+            _this.r = null;
+            _this.ai = NaN;
             _this.aj = NaN;
             _this.ak = NaN;
-            _this.cj = null;
-            _this.ck = null;
-            _this.q = null;
-            _this.ag = NaN;
             _this.ah = NaN;
-            _this.ai = NaN;
+            _this.ae = NaN;
             _this.af = NaN;
-            _this.ac = NaN;
+            _this.ag = NaN;
             _this.ad = NaN;
-            _this.ae = NaN;
-            _this.ab = NaN;
-            _this.x = true;
-            _this.w = false;
+            _this.z = true;
+            _this.y = false;
+            _this.x = false;
             _this.propertyChanged = null;
             _this.a = null;
             _this.onCommand = null;
-            ToolbarIconManager.c();
             var a = _this.actions;
-            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.bu));
+            a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.bx));
             var b = _this.actualActions;
-            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.bw));
+            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.bz));
             var c = _this.actualActions;
-            c.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(c.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.bx));
+            c.collectionResetting = igniteuiWebcomponentsCore.delegateCombine(c.collectionResetting, igniteuiWebcomponentsCore.runOn(_this, _this.b0));
             igniteuiWebcomponentsCore.NativeUIInputsFactory.n();
             igniteuiWebcomponentsInputs.NativeUIXInputsFactory.j();
             var d = new ToolbarView();
             d.a = _this;
-            _this.k = d;
-            _this.k.v();
+            _this.l = d;
+            _this.l.v();
             return _this;
         }
-        Object.defineProperty(Toolbar.prototype, "u", {
+        Object.defineProperty(Toolbar.prototype, "v", {
             get: function () {
-                if (this.t == null) {
-                    this.t = new igniteuiWebcomponentsCore.SRProvider(this.k.i);
-                    this.t.cb("Layouts");
+                if (this.u == null) {
+                    this.u = new igniteuiWebcomponentsCore.SRProvider(this.l.i);
+                    this.u.cb("Layouts");
                 }
-                return this.t;
+                return this.u;
             },
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.b2 = function (a) {
-            this.m = a;
-            this.m.r = this.n == 0 ? 1 : this.n;
-            var b = this.m;
-            b.onCommand = igniteuiWebcomponentsCore.delegateCombine(b.onCommand, igniteuiWebcomponentsCore.runOn(this, this.bt));
-            this.m.o = this.j;
-            this.m.ac = this.aa;
-            this.m.fh = this.cz;
-            this.m.e8 = this.cr;
-            this.m.e7 = this.cq;
-            this.m.fg = this.cy;
-            this.m.e9 = this.cs;
-            this.m.fb = this.ct;
-            this.m.ff = this.cx;
-            this.m.fc = this.cu;
-            this.m.fj = this.c1;
-            this.m.fi = this.c0;
-            this.m.bl = this.at;
-            this.m.bm = this.au;
-            this.m.fd = this.cv;
-            this.m.fe = this.cw;
-            this.m.be = this.am;
-            this.m.bf = this.an;
-            this.m.bg = this.ao;
-            this.m.bd = this.al;
-            this.m.bi = this.aq;
-            this.m.bj = this.ar;
-            this.m.bk = this.as;
-            this.m.bh = this.ap;
-        };
-        Toolbar.prototype.bt = function (a, b) {
+        Toolbar.prototype.b5 = function (a) {
+            this.n = a;
+            this.n.r = this.o == 0 ? 1 : this.o;
+            var b = this.n;
+            b.onCommand = igniteuiWebcomponentsCore.delegateCombine(b.onCommand, igniteuiWebcomponentsCore.runOn(this, this.bw));
+            this.n.o = this.k;
+            this.n.ac = this.ac;
+            this.n.fh = this.c2;
+            this.n.e8 = this.cu;
+            this.n.e7 = this.ct;
+            this.n.fg = this.c1;
+            this.n.e9 = this.cv;
+            this.n.fb = this.cw;
+            this.n.ff = this.c0;
+            this.n.fc = this.cx;
+            this.n.fj = this.c4;
+            this.n.fi = this.c3;
+            this.n.bl = this.av;
+            this.n.bm = this.aw;
+            this.n.fd = this.cy;
+            this.n.fe = this.cz;
+            this.n.be = this.ao;
+            this.n.bf = this.ap;
+            this.n.bg = this.aq;
+            this.n.bd = this.an;
+            this.n.bi = this.as;
+            this.n.bj = this.at;
+            this.n.bk = this.au;
+            this.n.bh = this.ar;
+        };
+        Toolbar.prototype.bw = function (a, b) {
             if (this.onCommand != null) {
                 this.onCommand(this, b);
             }
-            if (this.p != null) {
-                this.p.onToolCommandExecuting(b.a);
+            if (this.q != null) {
+                this.q.onToolCommandExecuting(b.a);
             }
         };
-        Toolbar.prototype.b5 = function (a) {
-            this.m.notifySizeChanged();
+        Toolbar.prototype.b8 = function (a) {
+            this.n.notifySizeChanged();
         };
-        Object.defineProperty(Toolbar.prototype, "o", {
+        Object.defineProperty(Toolbar.prototype, "p", {
             get: function () {
-                return this.n;
+                return this.o;
             },
             set: function (a) {
-                var b = this.n;
-                this.n = a;
-                if (b != this.n) {
-                    this.b6("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
+                var b = this.o;
+                this.o = a;
+                if (b != this.o) {
+                    this.b9("BaseTheme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, a));
                 }
             },
             enumerable: false,
@@ -16176,13 +16135,13 @@
         });
         Object.defineProperty(Toolbar.prototype, "autoGeneratedActions", {
             get: function () {
-                return this.d;
+                return this.e;
             },
             set: function (a) {
-                var b = this.d;
-                this.d = a;
-                if (b != this.d) {
-                    this.b6("AutoGeneratedActions", b, this.d);
+                var b = this.e;
+                this.e = a;
+                if (b != this.e) {
+                    this.b9("AutoGeneratedActions", b, this.e);
                 }
             },
             enumerable: false,
@@ -16190,13 +16149,13 @@
         });
         Object.defineProperty(Toolbar.prototype, "actions", {
             get: function () {
-                return this.b;
+                return this.c;
             },
             set: function (a) {
-                var b = this.b;
-                this.b = a;
-                if (b != this.b) {
-                    this.b6("Actions", b, this.b);
+                var b = this.c;
+                this.c = a;
+                if (b != this.c) {
+                    this.b9("Actions", b, this.c);
                 }
             },
             enumerable: false,
@@ -16204,27 +16163,27 @@
         });
         Object.defineProperty(Toolbar.prototype, "actualActions", {
             get: function () {
-                return this.c;
+                return this.d;
             },
             set: function (a) {
-                var b = this.c;
-                this.c = a;
-                if (b != this.c) {
-                    this.b6("ActualActions", b, this.c);
+                var b = this.d;
+                this.d = a;
+                if (b != this.d) {
+                    this.b9("ActualActions", b, this.d);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "j", {
+        Object.defineProperty(Toolbar.prototype, "k", {
             get: function () {
-                return this.h;
+                return this.i;
             },
             set: function (a) {
-                var b = this.h;
-                this.h = a;
-                if (b != this.h) {
-                    this.b6("Orientation", igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, b), igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, a));
+                var b = this.i;
+                this.i = a;
+                if (b != this.i) {
+                    this.b9("Orientation", igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, b), igniteuiWebcomponentsCore.enumGetBox(ToolbarOrientation_$type, a));
                 }
             },
             enumerable: false,
@@ -16232,55 +16191,69 @@
         });
         Object.defineProperty(Toolbar.prototype, "target", {
             get: function () {
-                return this.av;
+                return this.ax;
             },
             set: function (a) {
-                var b = this.av;
-                this.av = a;
-                if (b != this.av) {
-                    this.b6("Target", b, a);
+                var b = this.ax;
+                this.ax = a;
+                if (b != this.ax) {
+                    this.b9("Target", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cq", {
+        Object.defineProperty(Toolbar.prototype, "ct", {
             get: function () {
-                return this.ce;
+                return this.ch;
             },
             set: function (a) {
-                var b = this.ce;
-                this.ce = a;
-                if (b != this.ce) {
-                    this.b6("BackgroundColor", b, a);
+                var b = this.ch;
+                this.ch = a;
+                if (b != this.ch) {
+                    this.b9("BackgroundColor", b, a);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cy", {
+        Object.defineProperty(Toolbar.prototype, "c1", {
             get: function () {
-                return this.cm;
+                return this.cp;
             },
             set: function (a) {
-                var b = this.cm;
-                this.cm = a;
-                if (b != this.cm) {
-                    this.b6("SubmenuBackgroundColor", b, this.cm);
+                var b = this.cp;
+                this.cp = a;
+                if (b != this.cp) {
+                    this.b9("SubmenuBackgroundColor", b, this.cp);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "cv", {
+            get: function () {
+                return this.cj;
+            },
+            set: function (a) {
+                var b = this.cj;
+                this.cj = a;
+                if (b != this.cj) {
+                    this.b9("GroupHeaderBackgroundColorPropertyName", b, this.cj);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cs", {
+        Object.defineProperty(Toolbar.prototype, "c0", {
             get: function () {
-                return this.cg;
+                return this.co;
             },
             set: function (a) {
-                var b = this.cg;
-                this.cg = a;
-                if (b != this.cg) {
-                    this.b6("GroupHeaderBackgroundColorPropertyName", b, this.cg);
+                var b = this.co;
+                this.co = a;
+                if (b != this.co) {
+                    this.b9("SeparatorBackgroundColor", b, this.co);
                 }
             },
             enumerable: false,
@@ -16294,7 +16267,21 @@
                 var b = this.cl;
                 this.cl = a;
                 if (b != this.cl) {
-                    this.b6("SeparatorBackgroundColor", b, this.cl);
+                    this.b9("HoverBackgroundColor", b, this.cl);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Toolbar.prototype, "c2", {
+            get: function () {
+                return this.cq;
+            },
+            set: function (a) {
+                var b = this.cq;
+                this.cq = a;
+                if (b != this.cq) {
+                    this.b9("TextColor", b, this.cq);
                 }
             },
             enumerable: false,
@@ -16308,167 +16295,167 @@
                 var b = this.ci;
                 this.ci = a;
                 if (b != this.ci) {
-                    this.b6("HoverBackgroundColor", b, this.ci);
+                    this.b9("DisabledTextColor", b, this.ci);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cz", {
+        Object.defineProperty(Toolbar.prototype, "cw", {
             get: function () {
-                return this.cn;
+                return this.ck;
             },
             set: function (a) {
-                var b = this.cn;
-                this.cn = a;
-                if (b != this.cn) {
-                    this.b6("TextColor", b, this.cn);
+                var b = this.ck;
+                this.ck = a;
+                if (b != this.ck) {
+                    this.b9("GroupHeaderTextColor", b, this.ck);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cr", {
+        Object.defineProperty(Toolbar.prototype, "c4", {
             get: function () {
-                return this.cf;
+                return this.cs;
             },
             set: function (a) {
-                var b = this.cf;
-                this.cf = a;
-                if (b != this.cf) {
-                    this.b6("DisabledTextColor", b, this.cf);
+                var b = this.cs;
+                this.cs = a;
+                if (b != this.cs) {
+                    this.b9("ToolTipTextColor", b, this.cs);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "ct", {
+        Object.defineProperty(Toolbar.prototype, "c3", {
             get: function () {
-                return this.ch;
+                return this.cr;
             },
             set: function (a) {
-                var b = this.ch;
-                this.ch = a;
-                if (b != this.ch) {
-                    this.b6("GroupHeaderTextColor", b, this.ch);
+                var b = this.cr;
+                this.cr = a;
+                if (b != this.cr) {
+                    this.b9("ToolTipBackgroundColor", b, this.cr);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c1", {
+        Object.defineProperty(Toolbar.prototype, "av", {
             get: function () {
-                return this.cp;
+                return this.al;
             },
             set: function (a) {
-                var b = this.cp;
-                this.cp = a;
-                if (b != this.cp) {
-                    this.b6("ToolTipTextColor", b, this.cp);
+                var b = this.al;
+                this.al = a;
+                if (b != this.al) {
+                    this.b9("ToolTipCornerRadius", b, this.al);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "c0", {
+        Object.defineProperty(Toolbar.prototype, "aw", {
             get: function () {
-                return this.co;
+                return this.am;
             },
             set: function (a) {
-                var b = this.co;
-                this.co = a;
-                if (b != this.co) {
-                    this.b6("ToolTipBackgroundColor", b, this.co);
+                var b = this.am;
+                this.am = a;
+                if (b != this.am) {
+                    this.b9("ToolTipElevation", b, this.am);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "at", {
+        Object.defineProperty(Toolbar.prototype, "cy", {
             get: function () {
-                return this.aj;
+                return this.cm;
             },
             set: function (a) {
-                var b = this.aj;
-                this.aj = a;
-                if (b != this.aj) {
-                    this.b6("ToolTipCornerRadius", b, this.aj);
+                var b = this.cm;
+                this.cm = a;
+                if (b != this.cm) {
+                    this.b9("IconFill", b, this.cm);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "au", {
+        Object.defineProperty(Toolbar.prototype, "cz", {
             get: function () {
-                return this.ak;
+                return this.cn;
             },
             set: function (a) {
-                var b = this.ak;
-                this.ak = a;
-                if (b != this.ak) {
-                    this.b6("ToolTipElevation", b, this.ak);
+                var b = this.cn;
+                this.cn = a;
+                if (b != this.cn) {
+                    this.b9("IconStroke", b, this.cn);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cv", {
+        Object.defineProperty(Toolbar.prototype, "s", {
             get: function () {
-                return this.cj;
+                return this.r;
             },
             set: function (a) {
-                var b = this.cj;
-                this.cj = a;
-                if (b != this.cj) {
-                    this.b6("IconFill", b, this.cj);
+                var b = this.r;
+                this.r = a;
+                if (b != this.r) {
+                    this.b9("CellTextStyle", b, this.r);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "cw", {
+        Toolbar.prototype.t = function () {
+            if (this.s == null) {
+                return this.l.d();
+            }
+            return this.s;
+        };
+        Object.defineProperty(Toolbar.prototype, "as", {
             get: function () {
-                return this.ck;
+                return this.ai;
             },
             set: function (a) {
-                var b = this.ck;
-                this.ck = a;
-                if (b != this.ck) {
-                    this.b6("IconStroke", b, this.ck);
+                var b = this.ai;
+                this.ai = a;
+                if (b != this.ai) {
+                    this.b9("SeparatorVerticalPaddingLeft", b, this.ai);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "r", {
+        Object.defineProperty(Toolbar.prototype, "at", {
             get: function () {
-                return this.q;
+                return this.aj;
             },
             set: function (a) {
-                var b = this.q;
-                this.q = a;
-                if (b != this.q) {
-                    this.b6("CellTextStyle", b, this.q);
+                var b = this.aj;
+                this.aj = a;
+                if (b != this.aj) {
+                    this.b9("SeparatorVerticalPaddingRight", b, this.aj);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.s = function () {
-            if (this.r == null) {
-                return this.k.d();
-            }
-            return this.r;
-        };
-        Object.defineProperty(Toolbar.prototype, "aq", {
+        Object.defineProperty(Toolbar.prototype, "au", {
             get: function () {
-                return this.ag;
+                return this.ak;
             },
             set: function (a) {
-                var b = this.ag;
-                this.ag = a;
-                if (b != this.ag) {
-                    this.b6("SeparatorVerticalPaddingLeft", b, this.ag);
+                var b = this.ak;
+                this.ak = a;
+                if (b != this.ak) {
+                    this.b9("SeparatorVerticalPaddingTop", b, this.ak);
                 }
             },
             enumerable: false,
@@ -16482,21 +16469,21 @@
                 var b = this.ah;
                 this.ah = a;
                 if (b != this.ah) {
-                    this.b6("SeparatorVerticalPaddingRight", b, this.ah);
+                    this.b9("SeparatorVerticalPaddingBottom", b, this.ah);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "as", {
+        Object.defineProperty(Toolbar.prototype, "ao", {
             get: function () {
-                return this.ai;
+                return this.ae;
             },
             set: function (a) {
-                var b = this.ai;
-                this.ai = a;
-                if (b != this.ai) {
-                    this.b6("SeparatorVerticalPaddingTop", b, this.ai);
+                var b = this.ae;
+                this.ae = a;
+                if (b != this.ae) {
+                    this.b9("SeparatorHorizontalPaddingLeft", b, this.ae);
                 }
             },
             enumerable: false,
@@ -16510,21 +16497,21 @@
                 var b = this.af;
                 this.af = a;
                 if (b != this.af) {
-                    this.b6("SeparatorVerticalPaddingBottom", b, this.af);
+                    this.b9("SeparatorHorizontalPaddingRight", b, this.af);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "am", {
+        Object.defineProperty(Toolbar.prototype, "aq", {
             get: function () {
-                return this.ac;
+                return this.ag;
             },
             set: function (a) {
-                var b = this.ac;
-                this.ac = a;
-                if (b != this.ac) {
-                    this.b6("SeparatorHorizontalPaddingLeft", b, this.ac);
+                var b = this.ag;
+                this.ag = a;
+                if (b != this.ag) {
+                    this.b9("SeparatorHorizontalPaddingTop", b, this.ag);
                 }
             },
             enumerable: false,
@@ -16538,55 +16525,27 @@
                 var b = this.ad;
                 this.ad = a;
                 if (b != this.ad) {
-                    this.b6("SeparatorHorizontalPaddingRight", b, this.ad);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Toolbar.prototype, "ao", {
-            get: function () {
-                return this.ae;
-            },
-            set: function (a) {
-                var b = this.ae;
-                this.ae = a;
-                if (b != this.ae) {
-                    this.b6("SeparatorHorizontalPaddingTop", b, this.ae);
+                    this.b9("SeparatorHorizontalPaddingBottom", b, this.ad);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Toolbar.prototype, "al", {
+        Object.defineProperty(Toolbar.prototype, "ac", {
             get: function () {
-                return this.ab;
-            },
-            set: function (a) {
-                var b = this.ab;
-                this.ab = a;
-                if (b != this.ab) {
-                    this.b6("SeparatorHorizontalPaddingBottom", b, this.ab);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Toolbar.prototype, "aa", {
-            get: function () {
-                return this.x;
+                return this.z;
             },
             set: function (a) {
-                var b = this.x;
-                this.x = a;
-                if (b != this.x) {
-                    this.b6("ShowOnHover", b, this.x);
+                var b = this.z;
+                this.z = a;
+                if (b != this.z) {
+                    this.b9("ShowOnHover", b, this.z);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Toolbar.prototype.bu = function (a, b) {
+        Toolbar.prototype.bx = function (a, b) {
             var e_1, _a, e_2, _b;
             if (b.oldItems != null) {
                 try {
@@ -16594,7 +16553,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.bv));
+                            d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.by));
                         }
                     }
                 }
@@ -16618,7 +16577,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.bv));
+                            f.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(f.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.by));
                         }
                     }
                 }
@@ -16636,52 +16595,57 @@
                     }
                 }
             }
-            this.b4();
+            this.b7();
         };
-        Toolbar.prototype.bw = function (a, b) {
-            this.cd();
+        Toolbar.prototype.bz = function (a, b) {
+            this.cg();
         };
-        Toolbar.prototype.bx = function (a, b) {
+        Toolbar.prototype.b0 = 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.bv));
+                    d.propertyChanged = igniteuiWebcomponentsCore.delegateRemove(d.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.by));
                 }
                 this.actualActions._inner[c].b = null;
             }
         };
-        Toolbar.prototype.cd = function () {
-            var a = this.o == 0 ? 1 : this.o;
-            if (this.m != null) {
-                this.m.r = a;
+        Toolbar.prototype.cg = function () {
+            var a = this.p == 0 ? 1 : this.p;
+            if (this.n != null) {
+                this.n.r = a;
             }
             for (var b = 0; b < this.actualActions.count; b++) {
                 this.actualActions._inner[b].l = a;
             }
         };
-        Toolbar.prototype.bv = function (a, b) {
+        Toolbar.prototype.by = function (a, b) {
         };
-        Toolbar.prototype.b4 = function () {
-            this.ca();
+        Toolbar.prototype.b7 = function () {
+            this.cd();
         };
-        Toolbar.prototype.ca = function () {
-            if (this.w) {
+        Toolbar.prototype.cd = function () {
+            if (this.x) {
                 return;
             }
-            this.w = true;
-            this.a.enqueueAction(igniteuiWebcomponentsCore.runOn(this, this.b0));
+            if (this.b != null) {
+                this.x = true;
+                this.b.enqueueAction(igniteuiWebcomponentsCore.runOn(this, this.b3));
+            }
+            else {
+                this.y = true;
+            }
         };
-        Toolbar.prototype.b0 = function () {
-            if (!this.w) {
+        Toolbar.prototype.b3 = function () {
+            if (!this.x) {
                 return;
             }
-            this.w = false;
-            this.cb();
-            if (this.m.actions != this.actualActions) {
-                this.m.actions = this.actualActions;
+            this.x = false;
+            this.ce();
+            if (this.n.actions != this.actualActions) {
+                this.n.actions = this.actualActions;
             }
         };
-        Toolbar.prototype.cb = function () {
+        Toolbar.prototype.ce = function () {
             var _this = this;
             this.actualActions.clear();
             for (var a = 0; a < this.autoGeneratedActions.count; a++) {
@@ -16696,7 +16660,7 @@
             var _loop_1 = function (h) {
                 var i = this_1.actions._inner[h];
                 if (!igniteuiWebcomponentsCore.stringIsNullOrEmpty(i.cw)) {
-                    if (((function () { var j = _this.y(i.cw, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
+                    if (((function () { var j = _this.aa(i.cw, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
                         b._inner[f].d2(i);
                     }
                 }
@@ -16705,7 +16669,7 @@
                         if (i.d != null) {
                             i.d.actions.remove(i);
                         }
-                        if (((function () { var j = _this.y(i.b9, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
+                        if (((function () { var j = _this.aa(i.b9, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
                             c = i.b9;
                             d = true;
                             e = false;
@@ -16715,7 +16679,7 @@
                         if (i.d != null) {
                             i.d.actions.remove(i);
                         }
-                        if (((function () { var j = _this.y(i.b6, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
+                        if (((function () { var j = _this.aa(i.b6, _this.actualActions, b, f); b = j.p2; f = j.p3; return j.ret; })())) {
                             c = i.b6;
                             d = false;
                             e = true;
@@ -16742,7 +16706,7 @@
                 _loop_1(h);
             }
         };
-        Toolbar.prototype.y = function (a, b, c, d) {
+        Toolbar.prototype.aa = function (a, b, c, d) {
             var _this = this;
             var _loop_2 = function (e) {
                 var f = b._inner[e];
@@ -16756,7 +16720,7 @@
                         } };
                 }
                 if (f.actions.count > 0) {
-                    if (((function () { var g = _this.y(a, f.actions, c, d); c = g.p2; d = g.p3; return g.ret; })())) {
+                    if (((function () { var g = _this.aa(a, f.actions, c, d); c = g.p2; d = g.p3; return g.ret; })())) {
                         return { value: {
                                 ret: true,
                                 p2: c,
@@ -16778,7 +16742,7 @@
                 p3: d
             };
         };
-        Toolbar.prototype.z = function (a, b, c, d) {
+        Toolbar.prototype.ab = function (a, b, c, d) {
             var _this = this;
             var _loop_3 = function (e) {
                 var f = b._inner[e];
@@ -16803,7 +16767,7 @@
                         } };
                 }
                 if (f.actions.count > 0) {
-                    if (((function () { var g = _this.y(a, f.actions, c, d); c = g.p2; d = g.p3; return g.ret; })())) {
+                    if (((function () { var g = _this.aa(a, f.actions, c, d); c = g.p2; d = g.p3; return g.ret; })())) {
                         return { value: {
                                 ret: true,
                                 p2: c,
@@ -16825,30 +16789,30 @@
                 p3: d
             };
         };
-        Toolbar.prototype.b1 = function () {
-            if (this.w) {
-                this.b0();
+        Toolbar.prototype.b4 = function () {
+            if (this.x) {
+                this.b3();
             }
         };
         Toolbar.prototype.notifySizeChanged = function () {
-            this.k.s();
+            this.l.s();
         };
         Toolbar.prototype.destroy = function () {
             this.provideContainer(null);
         };
         Toolbar.prototype.provideContainer = function (a) {
-            this.k.t(a);
+            this.l.t(a);
         };
-        Toolbar.prototype.b6 = function (a, b, c) {
+        Toolbar.prototype.b9 = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.b8(a, b, c);
+            this.cb(a, b, c);
         };
-        Toolbar.prototype.b8 = function (a, b, c) {
+        Toolbar.prototype.cb = function (a, b, c) {
             switch (a) {
                 case "CellTextStyle":
-                    this.ca();
+                    this.cd();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
@@ -16865,52 +16829,58 @@
                 case "ToolTipElevation":
                 case "Orientation":
                 case "ShowOnHover":
-                    this.cc();
+                    this.cf();
                     break;
                 case "Target":
                     var d = c;
                     var e = b;
-                    this.b7(e, d);
+                    this.ca(e, d);
                     break;
                 case "BaseTheme":
-                    this.cd();
+                    this.cg();
+                    break;
+                case "ExecutionContext":
+                    if (this.b != null && this.y) {
+                        this.cd();
+                        this.y = false;
+                    }
                     break;
             }
         };
-        Toolbar.prototype.cc = function () {
-            if (this.m != null) {
-                this.m.ac = this.aa;
-                this.m.e7 = this.cq;
-                this.m.fh = this.cz;
-                this.m.e8 = this.cr;
-                this.m.fg = this.cy;
-                this.m.e9 = this.cs;
-                this.m.fb = this.ct;
-                this.m.ff = this.cx;
-                this.m.fc = this.cu;
-                this.m.o = this.j;
-                this.m.fj = this.c1;
-                this.m.fi = this.c0;
-                this.m.bl = this.at;
-                this.m.bm = this.au;
-                this.m.fd = this.cv;
-                this.m.fe = this.cw;
-                this.m.be = this.am;
-                this.m.bf = this.an;
-                this.m.bg = this.ao;
-                this.m.bd = this.al;
-                this.m.bi = this.aq;
-                this.m.bj = this.ar;
-                this.m.bk = this.as;
-                this.m.bh = this.ap;
-            }
-        };
-        Toolbar.prototype.b7 = function (a, b) {
-            this.p = b;
+        Toolbar.prototype.cf = function () {
+            if (this.n != null) {
+                this.n.ac = this.ac;
+                this.n.e7 = this.ct;
+                this.n.fh = this.c2;
+                this.n.e8 = this.cu;
+                this.n.fg = this.c1;
+                this.n.e9 = this.cv;
+                this.n.fb = this.cw;
+                this.n.ff = this.c0;
+                this.n.fc = this.cx;
+                this.n.o = this.k;
+                this.n.fj = this.c4;
+                this.n.fi = this.c3;
+                this.n.bl = this.av;
+                this.n.bm = this.aw;
+                this.n.fd = this.cy;
+                this.n.fe = this.cz;
+                this.n.be = this.ao;
+                this.n.bf = this.ap;
+                this.n.bg = this.aq;
+                this.n.bd = this.an;
+                this.n.bi = this.as;
+                this.n.bj = this.at;
+                this.n.bk = this.au;
+                this.n.bh = this.ar;
+            }
+        };
+        Toolbar.prototype.ca = function (a, b) {
+            this.q = b;
             if (a != null) {
                 this.autoGeneratedActions.clear();
                 a.removeCommandStateChangedListener(this);
-                this.ca();
+                this.cd();
             }
             if (b != null) {
                 this.autoGeneratedActions.clear();
@@ -16922,19 +16892,33 @@
                     }
                 }
                 b.addCommandStateChangedListener(this);
-                this.ca();
+                this.cd();
             }
         };
-        Toolbar.prototype.by = function () {
-            if (this.m != null) {
-                this.m.dc();
+        Object.defineProperty(Toolbar.prototype, "b", {
+            get: function () {
+                return this.a;
+            },
+            set: function (a) {
+                var b = this.a;
+                this.a = a;
+                if (b != this.a) {
+                    this.b9("ExecutionContext", b, this.a);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Toolbar.prototype.b1 = function () {
+            if (this.n != null) {
+                this.n.dc();
             }
         };
         Toolbar.prototype.onCommandStateChanged = function (a, b, c) {
             var _this = this;
             var d = null;
             var e = -1;
-            if (((function () { var f = _this.z(a, _this.actualActions, d, e); d = f.p2; e = f.p3; return f.ret; })())) {
+            if (((function () { var f = _this.ab(a, _this.actualActions, d, e); d = f.p2; e = f.p3; return f.ret; })())) {
                 var f = d._inner[e];
                 switch (b) {
                     case 2:
@@ -16960,8 +16944,8 @@
             }
         };
         Toolbar.$t = igniteuiWebcomponentsCore.markType(Toolbar, 'Toolbar', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type, igniteuiWebcomponentsCore.ICommandStateChangedListener_$type]);
-        Toolbar.i = 1;
-        Toolbar.aw = null;
+        Toolbar.j = 1;
+        Toolbar.ay = null;
         return Toolbar;
     }(igniteuiWebcomponentsCore.Base));
 
@@ -17250,11 +17234,11 @@
          * Gets or sets the base built in theme to use for the checkbox.
         */
             get: function () {
-                return this.i.o;
+                return this.i.p;
             },
             set: function (v) {
-                this.i.o = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.BaseControlTheme_$type, v);
-                this._a("baseTheme", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.i.o));
+                this.i.p = igniteuiWebcomponentsCore.ensureEnum(igniteuiWebcomponentsCore.BaseControlTheme_$type, v);
+                this._a("baseTheme", igniteuiWebcomponentsCore.enumToString(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.i.p));
             },
             enumerable: false,
             configurable: true
@@ -17336,11 +17320,11 @@
              * Gets or sets the orientation of the toolbar.
             */
             get: function () {
-                return this.i.j;
+                return this.i.k;
             },
             set: function (v) {
-                this.i.j = igniteuiWebcomponentsCore.ensureEnum(ToolbarOrientation_$type, v);
-                this._a("orientation", igniteuiWebcomponentsCore.enumToString(ToolbarOrientation_$type, this.i.j));
+                this.i.k = igniteuiWebcomponentsCore.ensureEnum(ToolbarOrientation_$type, v);
+                this._a("orientation", igniteuiWebcomponentsCore.enumToString(ToolbarOrientation_$type, this.i.k));
             },
             enumerable: false,
             configurable: true
@@ -17350,11 +17334,11 @@
              * Gets or sets the color to use for the background of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cq);
+                return igniteuiWebcomponentsCore.brushToString(this.i.ct);
             },
             set: function (v) {
-                this.i.cq = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cq));
+                this.i.ct = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("backgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.ct));
             },
             enumerable: false,
             configurable: true
@@ -17364,11 +17348,11 @@
              * Gets or sets the background color for submenus.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cy);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c1);
             },
             set: function (v) {
-                this.i.cy = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("submenuBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cy));
+                this.i.c1 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("submenuBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c1));
             },
             enumerable: false,
             configurable: true
@@ -17378,11 +17362,11 @@
              * Gets or sets the group header background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cs);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cv);
             },
             set: function (v) {
-                this.i.cs = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("groupHeaderBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cs));
+                this.i.cv = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("groupHeaderBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cv));
             },
             enumerable: false,
             configurable: true
@@ -17392,11 +17376,11 @@
              * Gets or sets the separator background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cx);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c0);
             },
             set: function (v) {
-                this.i.cx = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("separatorBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cx));
+                this.i.c0 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("separatorBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c0));
             },
             enumerable: false,
             configurable: true
@@ -17406,11 +17390,11 @@
              * Gets or sets the hover background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cu);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cx);
             },
             set: function (v) {
-                this.i.cu = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("hoverBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cu));
+                this.i.cx = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("hoverBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.cx));
             },
             enumerable: false,
             configurable: true
@@ -17420,11 +17404,11 @@
              * Gets or sets the color to use for the text of the component.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cz);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c2);
             },
             set: function (v) {
-                this.i.cz = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.cz));
+                this.i.c2 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.c2));
             },
             enumerable: false,
             configurable: true
@@ -17434,11 +17418,11 @@
              * Gets or sets the color to use for the text in disabled tool actions.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cr);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cu);
             },
             set: function (v) {
-                this.i.cr = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("disabledTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cr));
+                this.i.cu = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("disabledTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cu));
             },
             enumerable: false,
             configurable: true
@@ -17448,11 +17432,11 @@
              * Gets or sets the text color for group header tool actions.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.ct);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cw);
             },
             set: function (v) {
-                this.i.ct = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("groupHeaderTextColor", igniteuiWebcomponentsCore.brushToString(this.i.ct));
+                this.i.cw = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("groupHeaderTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cw));
             },
             enumerable: false,
             configurable: true
@@ -17462,11 +17446,11 @@
              * Gets or sets the tooltip text color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c1);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c4);
             },
             set: function (v) {
-                this.i.c1 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("toolTipTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c1));
+                this.i.c4 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("toolTipTextColor", igniteuiWebcomponentsCore.brushToString(this.i.c4));
             },
             enumerable: false,
             configurable: true
@@ -17476,11 +17460,11 @@
              * Gets or sets the tooltip background color.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.c0);
+                return igniteuiWebcomponentsCore.brushToString(this.i.c3);
             },
             set: function (v) {
-                this.i.c0 = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("toolTipBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c0));
+                this.i.c3 = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("toolTipBackgroundColor", igniteuiWebcomponentsCore.brushToString(this.i.c3));
             },
             enumerable: false,
             configurable: true
@@ -17490,11 +17474,11 @@
              * Gets or sets the tooltip corner radius.
             */
             get: function () {
-                return this.i.at;
+                return this.i.av;
             },
             set: function (v) {
-                this.i.at = +v;
-                this._a("toolTipCornerRadius", this.i.at);
+                this.i.av = +v;
+                this._a("toolTipCornerRadius", this.i.av);
             },
             enumerable: false,
             configurable: true
@@ -17504,11 +17488,11 @@
              * Gets or sets the shadow elevation for the tooltip.
             */
             get: function () {
-                return this.i.au;
+                return this.i.aw;
             },
             set: function (v) {
-                this.i.au = +v;
-                this._a("toolTipElevation", this.i.au);
+                this.i.aw = +v;
+                this._a("toolTipElevation", this.i.aw);
             },
             enumerable: false,
             configurable: true
@@ -17518,11 +17502,11 @@
              * Gets or sets the fill color of icons in the ToolPanel.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cv);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cy);
             },
             set: function (v) {
-                this.i.cv = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("iconFill", igniteuiWebcomponentsCore.brushToString(this.i.cv));
+                this.i.cy = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("iconFill", igniteuiWebcomponentsCore.brushToString(this.i.cy));
             },
             enumerable: false,
             configurable: true
@@ -17532,11 +17516,11 @@
              * Gets or sets the stroke color of icons in the ToolPanel.
             */
             get: function () {
-                return igniteuiWebcomponentsCore.brushToString(this.i.cw);
+                return igniteuiWebcomponentsCore.brushToString(this.i.cz);
             },
             set: function (v) {
-                this.i.cw = igniteuiWebcomponentsCore.stringToBrush(v);
-                this._a("iconStroke", igniteuiWebcomponentsCore.brushToString(this.i.cw));
+                this.i.cz = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("iconStroke", igniteuiWebcomponentsCore.brushToString(this.i.cz));
             },
             enumerable: false,
             configurable: true
@@ -17546,16 +17530,16 @@
              * Gets or Sets the property name that contains the values.
             */
             get: function () {
-                if (this.i.r == null) {
+                if (this.i.s == null) {
                     return null;
                 }
-                return this.i.r.fontString;
+                return this.i.s.fontString;
             },
             set: function (v) {
                 var fi = new igniteuiWebcomponentsCore.FontInfo();
                 fi.fontString = v;
-                this.i.r = fi;
-                this._a("cellTextStyle", this.i.r != null ? this.i.r.fontString : "");
+                this.i.s = fi;
+                this._a("cellTextStyle", this.i.s != null ? this.i.s.fontString : "");
             },
             enumerable: false,
             configurable: true
@@ -17565,11 +17549,11 @@
              * Gets or sets the left padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.aq;
+                return this.i.as;
             },
             set: function (v) {
-                this.i.aq = +v;
-                this._a("separatorVerticalPaddingLeft", this.i.aq);
+                this.i.as = +v;
+                this._a("separatorVerticalPaddingLeft", this.i.as);
             },
             enumerable: false,
             configurable: true
@@ -17579,11 +17563,11 @@
              * Gets or sets the right padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.ar;
+                return this.i.at;
             },
             set: function (v) {
-                this.i.ar = +v;
-                this._a("separatorVerticalPaddingRight", this.i.ar);
+                this.i.at = +v;
+                this._a("separatorVerticalPaddingRight", this.i.at);
             },
             enumerable: false,
             configurable: true
@@ -17593,11 +17577,11 @@
              * Gets or sets the top 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("separatorVerticalPaddingTop", this.i.as);
+                this.i.au = +v;
+                this._a("separatorVerticalPaddingTop", this.i.au);
             },
             enumerable: false,
             configurable: true
@@ -17607,11 +17591,11 @@
              * Gets or sets the bottom padding for separators in the vertical orientation.
             */
             get: function () {
-                return this.i.ap;
+                return this.i.ar;
             },
             set: function (v) {
-                this.i.ap = +v;
-                this._a("separatorVerticalPaddingBottom", this.i.ap);
+                this.i.ar = +v;
+                this._a("separatorVerticalPaddingBottom", this.i.ar);
             },
             enumerable: false,
             configurable: true
@@ -17621,11 +17605,11 @@
              * Gets or sets the left padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.am;
+                return this.i.ao;
             },
             set: function (v) {
-                this.i.am = +v;
-                this._a("separatorHorizontalPaddingLeft", this.i.am);
+                this.i.ao = +v;
+                this._a("separatorHorizontalPaddingLeft", this.i.ao);
             },
             enumerable: false,
             configurable: true
@@ -17635,11 +17619,11 @@
              * Gets or sets the right padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.an;
+                return this.i.ap;
             },
             set: function (v) {
-                this.i.an = +v;
-                this._a("separatorHorizontalPaddingRight", this.i.an);
+                this.i.ap = +v;
+                this._a("separatorHorizontalPaddingRight", this.i.ap);
             },
             enumerable: false,
             configurable: true
@@ -17649,11 +17633,11 @@
              * Gets or sets the top 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("separatorHorizontalPaddingTop", this.i.ao);
+                this.i.aq = +v;
+                this._a("separatorHorizontalPaddingTop", this.i.aq);
             },
             enumerable: false,
             configurable: true
@@ -17663,11 +17647,11 @@
              * Gets or sets the bottom padding for separators in the horizontal orientation.
             */
             get: function () {
-                return this.i.al;
+                return this.i.an;
             },
             set: function (v) {
-                this.i.al = +v;
-                this._a("separatorHorizontalPaddingBottom", this.i.al);
+                this.i.an = +v;
+                this._a("separatorHorizontalPaddingBottom", this.i.an);
             },
             enumerable: false,
             configurable: true
@@ -17677,11 +17661,11 @@
              * Gets or sets if the tool actions should display their submenus on mouse hover.
             */
             get: function () {
-                return this.i.aa;
+                return this.i.ac;
             },
             set: function (v) {
-                this.i.aa = igniteuiWebcomponentsCore.ensureBool(v);
-                this._a("showOnHover", this.i.aa);
+                this.i.ac = igniteuiWebcomponentsCore.ensureBool(v);
+                this._a("showOnHover", this.i.ac);
             },
             enumerable: false,
             configurable: true
@@ -17765,7 +17749,7 @@
 
     */
         IgcToolbarComponent.prototype.closeSubmenus = function () {
-            this.i.by();
+            this.i.b1();
         };
         IgcToolbarComponent.prototype.onCommandStateChanged = function (id, type, value) {
             this.i.onCommandStateChanged(id, (type == null ? null : type), value);
@@ -18918,6 +18902,47 @@
      */
     var IToolbarView_$type = /*@__PURE__*/ new igniteuiWebcomponentsCore.Type(null, 'IToolbarView');
 
+    /*
+    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.
+    */
+    /**
+     * @hidden
+     */
+    var ToolbarIconManager = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib.__extends(ToolbarIconManager, _super);
+        function ToolbarIconManager() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ToolbarIconManager.c = function () {
+            if (ToolbarIconManager.a) {
+                return;
+            }
+            ToolbarIconManager.a = true;
+            ToolbarIconManager.b("Search", "m22.241 24-7.414-7.414c-1.559 1.169-3.523 1.875-5.652 1.885h-.002c-.032 0-.07.001-.108.001-5.006 0-9.065-4.058-9.065-9.065 0-.038 0-.076.001-.114v.006c0-5.135 4.163-9.298 9.298-9.298s9.298 4.163 9.298 9.298c-.031 2.129-.733 4.088-1.904 5.682l.019-.027 7.414 7.414zm-12.942-21.487c-3.72.016-6.73 3.035-6.73 6.758 0 3.732 3.025 6.758 6.758 6.758s6.758-3.025 6.758-6.758c0-1.866-.756-3.555-1.979-4.778-1.227-1.223-2.92-1.979-4.79-1.979-.006 0-.012 0-.017 0h.001z");
+            ToolbarIconManager.b("ZoomIn", "M 19.4758 12.1587 H 14.6339 V 7.3169 c 0 -0.6834 -0.5539 -1.2375 -1.2375 -1.2375 s -1.2375 0.5541 -1.2375 1.2375 v 4.8419 H 7.3171 c -0.6836 0 -1.2375 0.5541 -1.2375 1.2375 c 0 0.6834 0.5539 1.2375 1.2375 1.2375 H 12.1589 v 4.8421 c 0 0.6834 0.5539 1.2375 1.2375 1.2375 s 1.2375 -0.5541 1.2375 -1.2375 V 14.6337 h 4.8419 c 0.6836 0 1.2375 -0.5541 1.2375 -1.2375 C 20.7133 12.7128 20.1594 12.1587 19.4758 12.1587 z");
+            ToolbarIconManager.b("ZoomOut", "M 26.5087 10.4222 H 8.0865 c -1.0355 0 -1.875 0.8395 -1.875 1.875 c 0 1.0355 0.8395 1.875 1.875 1.875 h 18.4222 c 1.0355 0 1.875 -0.8395 1.875 -1.875 C 28.3837 11.2617 27.5443 10.4222 26.5087 10.4222 z");
+            ToolbarIconManager.b("Reset", "M 13.5 21 A 9 9 90 1 0 4.5 12 v 4.65 L 1.8 13.95 L 0.75 15 l 4.5 4.5 l 4.5 -4.5 l -1.05 -1.05 L 6 16.65 V 12 H 6 A 7.5 7.5 90 1 1 13.5 19.5 Z");
+            ToolbarIconManager.b("CursorPointer", "M 6.8243 23.7538 l -6.765 -22.44 c -0.26 -0.75 0.365 -1.545 1.3 -1.25 l 22.435 6.77 c 0.865 0.26 0.975 1.575 0.105 1.925 l -10.67 4.48 l -4.475 10.675 C 8.4192 24.7638 7.1193 24.6688 6.8243 23.7538 z M 2.5543 2.5638 l 5.415 17.91 l 3.54 -8.435 c 0.105 -0.26 0.31 -0.47 0.52 -0.52 l 8.43 -3.54 L 2.5543 2.5638 z");
+            ToolbarIconManager.b("CursorHand", "M 17.0635 6.0452 c -0.0739 0 -0.1351 0.0044 -0.2088 0.0129 c -0.3164 0.0368 -0.6158 0.1516 -0.8408 0.3239 v -0.3899 c 0 -0.9837 -0.7223 -1.8096 -1.6807 -1.9211 c -0.0737 -0.0086 -0.1484 -0.013 -0.2225 -0.013 c -0.3922 -0.0001 -0.7664 0.1184 -1.0826 0.3386 c -0.0692 -0.9163 -0.7661 -1.6623 -1.6753 -1.7681 c -0.0737 -0.0086 -0.1478 -0.0103 -0.2218 -0.0103 h -0.0004 h -0.0003 c -0.5074 0 -0.9852 0.1955 -1.3454 0.5557 c -0.3318 0.3318 -0.5263 0.7622 -0.5547 1.2249 c -0.2483 -0.1739 -0.5402 -0.2902 -0.8582 -0.3272 c -0.0737 -0.0086 -0.1487 -0.0133 -0.2226 -0.0133 c -0.5074 -0.0001 -1.0137 0.1981 -1.3739 0.5582 c -0.3601 0.3601 -0.587 0.8377 -0.587 1.3451 v 6.453 l -0.4143 -0.4183 c -0.3557 -0.3503 -0.8125 -0.5429 -1.3141 -0.5429 c -0.5066 0 -0.9748 0.1966 -1.3318 0.5534 c -0.7214 0.7214 -0.7343 1.885 -0.0458 2.6266 l 4.0409 5.3272 l 0.087 1.1449 c 0.0515 0.6854 0.6307 1.2223 1.318 1.2223 l 7.3853 -0.0059 c 0.6604 -0.0008 1.223 -0.4949 1.3089 -1.1492 l 0.1791 -1.3637 c 0.5668 -0.9173 0.9584 -2.1335 1.2204 -3.6171 c 0.2288 -1.2955 0.3166 -2.8331 0.3166 -4.5701 v -3.6732 C 18.9389 6.8991 18.1132 6.0452 17.0635 6.0452 z M 16.3305 21.0554 c -0.0275 0.2095 -0.2059 0.374 -0.4172 0.3742 l -7.3838 0.0137 c -0.0002 0 -0.0004 0 -0.0006 0 c -0.2203 0 -0.4035 -0.1777 -0.4201 -0.3975 l -0.1058 -1.4123 c -0.0001 -0.0008 -0.0003 -0.0034 -0.0008 -0.004 l -4.2301 -5.5802 c -0.3864 -0.3864 -0.3864 -1.0192 0 -1.4056 c 0.1932 -0.1932 0.4479 -0.2901 0.7025 -0.2901 c 0.2547 0 0.5094 0.0965 0.7026 0.2897 l 1.1905 1.1241 c 0.0928 0.0876 0.1758 0.1268 0.2852 0.1268 c 0.2375 0 0.4358 -0.1853 0.4358 -0.4624 V 5.9616 c 0 -0.5519 0.4802 -1.0036 1.0322 -1.0036 c 0.0391 0 0.0733 0.0023 0.1133 0.0069 c 0.5108 0.0595 0.8796 0.5129 0.8796 1.0271 v 5.1461 c 0 0.2671 0.2173 0.4837 0.4845 0.4837 c 0.2705 0 0.4905 -0.2193 0.4905 -0.4898 V 4.5165 c 0 -0.552 0.4706 -1.0036 1.0225 -1.0036 c 0.039 0 0.0782 0.0023 0.1181 0.007 c 0.5108 0.0594 0.8845 0.5129 0.8845 1.0271 v 6.5847 c 0 0.2707 0.2203 0.4904 0.4911 0.4904 c 0.2669 0 0.4839 -0.2164 0.4839 -0.4832 V 5.9616 c 0 -0.5519 0.4609 -1.0036 1.0129 -1.0036 c 0.039 0 0.0829 0.0023 0.1228 0.0069 c 0.5108 0.0595 0.8893 0.5129 0.8893 1.0271 v 5.1282 c 0 0.2771 0.2254 0.498 0.5024 0.498 h 0.0083 c 0.256 0 0.4643 -0.2039 0.4643 -0.4599 v -3.1792 c 0 -0.5142 0.3739 -0.9676 0.8846 -1.0271 c 0.0399 -0.0047 0.0511 -0.0069 0.0902 -0.0069 c 0.5519 0 0.9752 0.4516 0.9752 1.0036 v 3.6732 c 0 3.1371 -0.3524 6.0358 -1.4787 7.79 c -0.0342 0.0533 -0.0427 0.113 -0.051 0.1758 L 16.3305 21.0554 z");
+            ToolbarIconManager.b("OptionDots", "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0-6a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0z");
+            ToolbarIconManager.b("OptionCog", "M 21.7966 14.096 c -0.0701 -0.3878 -0.5044 -0.7946 -0.8726 -0.9345 l -0.9919 -0.3765 c -0.3682 -0.1399 -0.6371 -0.4639 -0.6191 -0.7256 c 0.0109 -0.1564 0.0173 -0.3142 0.0173 -0.4736 c 0 -0.1065 -0.003 -0.2122 -0.0079 -0.3172 c -0.0086 -0.1751 0.2696 -0.4474 0.6289 -0.609 l 0.8962 -0.4028 c 0.3592 -0.162 0.7954 -0.5869 0.8227 -0.9799 c 0.024 -0.3484 -0.0176 -0.8235 -0.243 -1.4119 c -0.2621 -0.6866 -0.6878 -1.1269 -1.0421 -1.3942 c -0.3146 -0.2374 -0.9086 -0.2231 -1.2679 -0.0611 l -0.78 0.351 c -0.3592 0.1616 -0.8528 0.0446 -1.1344 -0.231 c -0.0664 -0.0653 -0.1335 -0.1286 -0.2025 -0.1909 c -0.2918 -0.2644 -0.4387 -0.75 -0.2985 -1.1186 l 0.3071 -0.8107 c 0.1399 -0.3682 0.138 -0.9728 -0.1207 -1.2694 c -0.2381 -0.273 -0.6161 -0.5921 -1.2056 -0.8554 c -0.6615 -0.2955 -1.2548 -0.3041 -1.6811 -0.2396 c -0.3896 0.0592 -0.7954 0.4991 -0.9353 0.867 l -0.3548 0.9341 c -0.1399 0.3682 -0.2993 0.6656 -0.3559 0.6641 c -0.0345 -0.0015 -0.0686 -0.0019 -0.1028 -0.0019 c -0.2333 0 -0.4642 0.0112 -0.6923 0.0338 c -0.381 0.0375 -0.816 -0.1901 -0.9776 -0.5494 l -0.4215 -0.9375 c -0.1616 -0.3596 -0.5767 -0.8287 -0.9709 -0.8351 c -0.3435 -0.006 -0.8276 0.0784 -1.476 0.3855 c -0.7027 0.3334 -1.1141 0.6532 -1.3541 0.9139 c -0.267 0.2891 -0.2078 0.906 -0.0457 1.2652 l 0.5554 1.236 c 0.1616 0.3592 0.096 0.8498 -0.1215 1.1171 c -0.2171 0.2677 -0.6698 0.3874 -1.038 0.2479 l -1.3493 -0.5119 c -0.3682 -0.1399 -0.9937 -0.1785 -1.2772 0.096 c -0.2468 0.2389 -0.5295 0.6409 -0.771 1.3162 c -0.261 0.7328 -0.3251 1.2495 -0.3112 1.6035 c 0.0158 0.3938 0.4939 0.7879 0.8625 0.9278 l 1.647 0.6251 c 0.3682 0.1399 0.6683 0.4665 0.6896 0.7279 c 0.0206 0.2621 -0.2381 0.6038 -0.5974 0.7657 l -1.6432 0.7388 c -0.3592 0.1616 -0.8291 0.5771 -0.8351 0.9709 c -0.0056 0.3435 0.0788 0.828 0.3855 1.4756 c 0.3337 0.7027 0.6532 1.1141 0.9139 1.3541 c 0.2899 0.2674 0.9064 0.2078 1.2656 0.0461 l 1.7618 -0.792 c 0.3592 -0.162 0.7785 -0.1545 0.9469 0.0049 s 0.2006 0.5779 0.0607 0.9465 L 6.7786 19.475 c -0.1399 0.3682 -0.1785 0.9937 0.096 1.2765 c 0.2393 0.2471 0.6409 0.5302 1.3162 0.7714 c 0.7328 0.2614 1.2499 0.3255 1.6039 0.3116 c 0.3938 -0.0158 0.7875 -0.4943 0.9274 -0.8625 l 0.6349 -1.6725 c 0.1399 -0.3682 0.3968 -0.6532 0.5741 -0.6446 c 0.1065 0.0053 0.2137 0.0079 0.3214 0.0079 c 0.0503 0 0.0998 -0.0004 0.1492 -0.0019 c 0.0821 -0.0026 0.2801 0.2858 0.4417 0.6454 l 0.7361 1.6365 c 0.1616 0.3592 0.6019 0.7448 0.9949 0.7642 c 0.4204 0.021 1.0009 -0.0232 1.6612 -0.2752 c 0.6319 -0.2419 0.9971 -0.6015 1.2071 -0.9158 c 0.219 -0.3274 0.1455 -0.9439 -0.0165 -1.3031 l -0.6023 -1.3399 c -0.1616 -0.3592 -0.0634 -0.8216 0.1976 -1.059 c 0.2599 -0.2374 0.75 -0.3375 1.1179 -0.1973 l 1.287 0.4886 c 0.3682 0.1399 0.99 0.1834 1.3043 -0.0544 c 0.2767 -0.21 0.5966 -0.5587 0.8554 -1.1378 C 21.8964 15.218 21.8806 14.5614 21.7966 14.096 z M 11.9244 16.9213 c -2.9415 0 -5.3254 -2.3839 -5.3254 -5.325 s 2.3839 -5.325 5.3254 -5.325 c 2.9407 0 5.325 2.3839 5.325 5.325 C 17.2497 14.5374 14.8651 16.9213 11.9244 16.9213 z");
+            ToolbarIconManager.b("CheveronDown", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
+            ToolbarIconManager.b("CheveronLeft", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
+            ToolbarIconManager.b("CheveronRight", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
+            ToolbarIconManager.b("CheveronUp", "M 13.4122 18.5627 c -0.5216 0.6955 -1.3183 0.6955 -1.8409 0 c -0.0226 -0.0353 -0.0226 -0.0353 -0.0226 -0.0353 L 5.459 10.4433 c -0.4951 -0.6955 -0.4951 -1.7539 0 -2.4494 c 0.5216 -0.6653 1.3183 -0.6653 1.837 0 l 5.1946 6.9565 l 5.171 -6.8909 c 0.4951 -0.6602 1.3183 -0.6602 1.8144 0 c 0.4951 0.6653 0.4951 1.7577 0 2.4192 L 13.4122 18.5627 z");
+            ToolbarIconManager.b("Close", "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z");
+        };
+        ToolbarIconManager.b = function (a, b) {
+            igniteuiWebcomponentsCore.SvgIconRegistry.instance.addSvgPathString("default", a, b);
+        };
+        ToolbarIconManager.$t = igniteuiWebcomponentsCore.markType(ToolbarIconManager, 'ToolbarIconManager');
+        ToolbarIconManager.a = false;
+        return ToolbarIconManager;
+    }(igniteuiWebcomponentsCore.Base));
+
     /*
     THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
     https://www.infragistics.com/legal/license/igultimate-la