igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha

package/esm5/lib/ToolPanelView_combined.js

@@ -5,7 +5,7 @@ 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.
 */
 import * as tslib_1 from "tslib";
-import { Base, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, EnumUtil, runOn, delegateCombine, typeCast, delegateRemove, fromEn, String_$type, enumGetBox } from "igniteui-webcomponents-core";
+import { Base, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, EnumUtil, runOn, delegateCombine, typeCast, delegateRemove, fromEn, String_$type } from "igniteui-webcomponents-core";
 import { RenderingContext } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { ListPanel } from "./ListPanel";
@@ -14,10 +14,11 @@ import { CanvasViewRenderer } from "igniteui-webcomponents-core";
 import { Size } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { FontUtil } from "igniteui-webcomponents-core";
-import { Popup } from "./Popup";
+import { Popup } from "igniteui-webcomponents-core";
 import { NativeUIContent } from "igniteui-webcomponents-core";
 import { NativeUIComponent } from "igniteui-webcomponents-core";
 import { Rect } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ToolActionType_$type } from "igniteui-webcomponents-core";
 import { ToolCommandArgument } from "igniteui-webcomponents-core";
 import { ToolActionMeasurementContext } from "./ToolActionMeasurementContext";
@@ -34,6 +35,7 @@ import { ObservableCollection$1 } from "igniteui-webcomponents-core";
 import { ToolPanelContentRefreshedEventArgs } from "./ToolPanelContentRefreshedEventArgs";
 import { SRProvider } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
+import { NativeUIXInputsFactory } from "igniteui-webcomponents-inputs";
 import { NativeUIInputsFactory } from "igniteui-webcomponents-core";
 /**
  * @hidden
@@ -90,7 +92,7 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         b.provideContainer(d);
         var e = this.k.getExternal(b, this.k.rootWrapper, this.k.getExternal(this.c, null, null));
         b.externalListPanel = e;
-        this.c.aq(b);
+        this.c.at(b);
         var f = Math.round(a.rootWrapper.width());
         var g = Math.round(a.rootWrapper.height());
         this.k.rootWrapper.setStyleProperty("position", "relative");
@@ -108,7 +110,8 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.k.rootWrapper.width();
         var b = this.k.rootWrapper.height();
         this.ad = new Size(1, a, b);
-        if (this.c.p != null) {
+        this.c.az(this.ad);
+        if (this.c.r != null) {
         }
     };
     ToolPanelView.prototype.ab = function () {
@@ -118,8 +121,8 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.o(b, this.c.ba);
-            NativeUI.k(b, this.c.a7);
+            NativeUI.o(b, this.c.be);
+            NativeUI.k(b, this.c.bb);
         }
     };
     ToolPanelView.prototype.f = function () {
@@ -135,7 +138,7 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
         return this.ad.width;
     };
     ToolPanelView.prototype.j = function (a) {
-        this.e = this.c.o();
+        this.e = this.c.q();
         return FontUtil.measureStringWidth(a, this.e, this.g);
     };
     ToolPanelView.prototype.s = function (a, b) {
@@ -152,7 +155,7 @@ var ToolPanelView = /** @class */ /*@__PURE__*/ (function (_super) {
     ToolPanelView.prototype.b = function (a) {
         var b = new ToolPanel();
         var c = this.k.getExternal(b, this.k.rootWrapper, this.k.getExternal(this.c, null, null));
-        var d = a.v;
+        var d = a.x;
         d.appendChild(b.l.k.rootWrapper.getNativeElement());
         return b;
     };
@@ -177,37 +180,38 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
     function ToolAction() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.e = null;
+        _this.ag = null;
+        _this.ab = null;
+        _this.aa = null;
+        _this.w = null;
+        _this.f = 0;
+        _this.m = DeviceUtils.g(5);
+        _this.n = DeviceUtils.g(5);
+        _this.l = DeviceUtils.g(2);
+        _this.o = DeviceUtils.g(2);
+        _this.af = null;
         _this.ae = null;
-        _this.z = null;
-        _this.y = null;
-        _this.u = null;
-        _this.k = DeviceUtils.g(5);
-        _this.l = DeviceUtils.g(5);
-        _this.j = DeviceUtils.g(2);
-        _this.m = DeviceUtils.g(2);
         _this.ad = null;
         _this.ac = null;
-        _this.ab = null;
-        _this.aa = null;
         _this.propertyChanged = null;
         _this.onCommand = null;
         _this.performed = null;
         return _this;
     }
-    Object.defineProperty(ToolAction.prototype, "ao", {
+    Object.defineProperty(ToolAction.prototype, "ar", {
         get: function () {
-            if (this.ar != null) {
-                return this.ar;
+            if (this.au != null) {
+                return this.au;
             }
-            if (this.ap != null) {
-                return this.a1(this.ap);
+            if (this.as != null) {
+                return this.a4(this.as);
             }
             return null;
         },
         enumerable: true,
         configurable: true
     });
-    ToolAction.prototype.a1 = function (a) {
+    ToolAction.prototype.a4 = function (a) {
         return stringReplace(a, " ", "_");
     };
     ToolAction.prototype.b = function (a) {
@@ -219,241 +223,262 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })());
     };
-    ToolAction.prototype.g = function () {
+    ToolAction.prototype.i = function () {
         var _this = this;
         return ((function () {
             var $ret = new ToolCommandArgument();
-            $ret.argumentName = _this.az();
-            $ret.value = _this.w();
+            $ret.argumentName = _this.a2();
+            $ret.value = _this.y();
             return $ret;
         })());
     };
-    ToolAction.prototype.az = function () {
-        if (this.af != null) {
-            return this.af;
+    ToolAction.prototype.a2 = function () {
+        if (this.ai != null) {
+            return this.ai;
         }
-        return this.ao != null ? this.ao : "Unknown";
+        return this.ar != null ? this.ar : "Unknown";
     };
-    ToolAction.prototype.w = function () {
-        if (this.v != null) {
-            return this.v;
+    ToolAction.prototype.y = function () {
+        if (this.x != null) {
+            return this.x;
         }
-        return this.x();
+        return this.z();
     };
-    ToolAction.prototype.x = function () {
+    ToolAction.prototype.z = function () {
         return null;
     };
-    Object.defineProperty(ToolAction.prototype, "ax", {
+    Object.defineProperty(ToolAction.prototype, "a0", {
         get: function () {
-            return this.ae;
+            return this.ag;
         },
         set: function (a) {
-            var b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.a8("ParentId", b, this.ae);
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.bb("ParentId", b, this.ag);
             }
         },
         enumerable: true,
         configurable: true
     });
-    ToolAction.prototype.a0 = function () {
-        if (this.ai != null) {
-            return this.ai;
+    ToolAction.prototype.a3 = function () {
+        if (this.al != null) {
+            return this.al;
         }
-        return this.ao;
+        return this.ar;
     };
+    Object.defineProperty(ToolAction.prototype, "al", {
+        get: function () {
+            return this.ab;
+        },
+        set: function (a) {
+            var b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.bb("CommandId", b, this.ab);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(ToolAction.prototype, "ai", {
         get: function () {
-            return this.z;
+            return this.aa;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.a8("CommandId", b, this.z);
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.bb("CommandArgument", b, this.aa);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "af", {
+    Object.defineProperty(ToolAction.prototype, "x", {
         get: function () {
-            return this.y;
+            return this.w;
         },
         set: function (a) {
-            var b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.a8("CommandArgument", b, this.y);
+            var b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.bb("CommandArgumentValue", b, this.w);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "v", {
+    Object.defineProperty(ToolAction.prototype, "g", {
         get: function () {
-            return this.u;
+            return this.f;
         },
         set: function (a) {
-            var b = this.u;
-            this.u = a;
-            if (b != this.u) {
-                this.a8("CommandArgumentValue", b, this.u);
+            var b = this.f;
+            this.f = a;
+            if (b != this.f) {
+                this.bb("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "r", {
+    Object.defineProperty(ToolAction.prototype, "t", {
         get: function () {
-            return this.k;
+            return this.m;
         },
         set: function (a) {
-            var b = this.k;
-            this.k = a;
-            if (b != this.k) {
-                this.a8("PaddingLeft", b, this.k);
+            var b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.bb("PaddingLeft", b, this.m);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "s", {
+    Object.defineProperty(ToolAction.prototype, "u", {
         get: function () {
-            return this.l;
+            return this.n;
         },
         set: function (a) {
-            var b = this.l;
-            this.l = a;
-            if (b != this.l) {
-                this.a8("PaddingRight", b, this.l);
+            var b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.bb("PaddingRight", b, this.n);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "q", {
+    Object.defineProperty(ToolAction.prototype, "s", {
         get: function () {
-            return this.j;
+            return this.l;
         },
         set: function (a) {
-            var b = this.j;
-            this.j = a;
-            if (b != this.j) {
-                this.a8("PaddingBottom", b, this.j);
+            var b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.bb("PaddingBottom", b, this.l);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "t", {
+    Object.defineProperty(ToolAction.prototype, "v", {
         get: function () {
-            return this.m;
+            return this.o;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.a8("PaddingTop", b, this.m);
+            var b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.bb("PaddingTop", b, this.o);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "i", {
+    Object.defineProperty(ToolAction.prototype, "k", {
         get: function () {
-            return this.ax != null;
+            return this.a0 != null;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "ar", {
+    Object.defineProperty(ToolAction.prototype, "au", {
         get: function () {
-            return this.ad;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.a8("Name", b, this.ad);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.bb("Name", b, this.af);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "ap", {
+    Object.defineProperty(ToolAction.prototype, "as", {
         get: function () {
-            return this.ac;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.a8("Label", b, this.ac);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.bb("Label", b, this.ae);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "am", {
+    Object.defineProperty(ToolAction.prototype, "ap", {
         get: function () {
-            return this.ab;
+            return this.ad;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.a8("IconName", b, this.ab);
+            var b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.bb("IconName", b, this.ad);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolAction.prototype, "ak", {
+    Object.defineProperty(ToolAction.prototype, "an", {
         get: function () {
-            return this.aa;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.a8("IconCollectionName", b, this.aa);
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.bb("IconCollectionName", b, this.ac);
             }
         },
         enumerable: true,
         configurable: true
     });
-    ToolAction.prototype.a8 = function (a, b, c) {
+    ToolAction.prototype.bb = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.bc(a, b, c);
+        this.bf(a, b, c);
     };
-    ToolAction.prototype.get_f = function () {
+    ToolAction.prototype.get_h = function () {
         return 0;
     };
-    Object.defineProperty(ToolAction.prototype, "f", {
+    Object.defineProperty(ToolAction.prototype, "h", {
         get: function () {
-            return this.get_f();
+            return this.get_h();
         },
         enumerable: true,
         configurable: true
     });
-    ToolAction.prototype.bc = function (a, b, c) {
+    ToolAction.prototype.bf = function (a, b, c) {
+        switch (a) {
+            case "BaseTheme":
+                this.bh();
+                break;
+        }
     };
-    ToolAction.prototype.ba = function (a, b, c, d) {
-        this.bb(a, b, c, d);
+    ToolAction.prototype.bh = function () {
     };
-    ToolAction.prototype.bb = function (a, b, c, d) {
+    ToolAction.prototype.bd = function (a, b, c, d) {
+        this.be(a, b, c, d);
     };
-    ToolAction.prototype.a4 = function (a, b) {
-        this.a5(a, b);
+    ToolAction.prototype.be = function (a, b, c, d) {
     };
-    ToolAction.prototype.a5 = function (a, b) {
-        b.e = this.n(a, b);
-        b.g = this.p(a, b);
-        b.f = this.o(a, b);
+    ToolAction.prototype.a7 = function (a, b) {
+        this.a8(a, b);
+    };
+    ToolAction.prototype.a8 = function (a, b) {
+        b.e = this.p(a, b);
+        b.g = this.r(a, b);
+        b.f = this.q(a, b);
         if (b.a == 1) {
             var c = 0;
             if (!isNaN_(b.e)) {
@@ -465,36 +490,36 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
             if (!isNaN_(b.f)) {
                 c += b.f;
             }
-            c += (this.r + this.s);
+            c += (this.t + this.u);
             b.d = c;
         }
     };
-    ToolAction.prototype.o = function (a, b) {
+    ToolAction.prototype.q = function (a, b) {
         return NaN;
     };
-    ToolAction.prototype.p = function (a, b) {
-        if (this.ap == null) {
+    ToolAction.prototype.r = function (a, b) {
+        if (this.as == null) {
             return NaN;
         }
-        var c = a.l.j(this.ap);
+        var c = a.l.j(this.as);
         return c;
     };
-    ToolAction.prototype.n = function (a, b) {
+    ToolAction.prototype.p = function (a, b) {
         return NaN;
     };
-    ToolAction.prototype.a9 = function (a, b) {
-        this.bd();
-        if (this.i) {
-            var c = this.e.c(this.ax);
+    ToolAction.prototype.bc = function (a, b) {
+        this.bg();
+        if (this.k) {
+            var c = this.e.c(this.a0);
             if (c != null) {
-                c.a7(this);
+                c.ba(this);
             }
         }
         else {
-            if (this.e.u(this)) {
+            if (this.e.w(this)) {
                 if (this.performed != null) {
                     var d_1 = new ToolActionEventDetailCollection();
-                    this.a3(this, d_1, b);
+                    this.a6(this, d_1, b);
                     this.performed(this, ((function () {
                         var $ret = new ToolActionPerformedEventArgs();
                         $ret.c = true;
@@ -515,15 +540,15 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ToolAction.prototype.bd = function () {
-        var a = this.a0();
+    ToolAction.prototype.bg = function () {
+        var a = this.a3();
         if (a == null) {
             return;
         }
         var b = new ToolCommand();
         b.commandId = a;
         var c = new List$1(ToolCommandArgument.$, 0);
-        this.a2(this, c);
+        this.a5(this, c);
         b.argumentsList = c.toArray();
         if (this.onCommand != null) {
             this.onCommand(this, ((function () {
@@ -533,44 +558,44 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
         if (this.e != null) {
-            this.e.ay(this, b);
+            this.e.a1(this, b);
         }
     };
-    ToolAction.prototype.a2 = function (a, b) {
-        var c = a.g();
+    ToolAction.prototype.a5 = function (a, b) {
+        var c = a.i();
         if (c != null) {
             b.add(c);
         }
-        var d = this.e.y(a);
+        var d = this.e.aa(a);
         if (d != null) {
             for (var e = 0; e < d.count; e++) {
-                if (d._inner[e].h()) {
-                    this.a2(d._inner[e], b);
+                if (d._inner[e].j()) {
+                    this.a5(d._inner[e], b);
                 }
             }
         }
     };
-    ToolAction.prototype.h = function () {
+    ToolAction.prototype.j = function () {
         return true;
     };
-    ToolAction.prototype.a7 = function (a) {
-        if (this.i) {
-            var b = this.e.c(this.ax);
+    ToolAction.prototype.ba = function (a) {
+        if (this.k) {
+            var b = this.e.c(this.a0);
             if (b != null) {
-                b.a7(a);
+                b.ba(a);
             }
         }
         else {
-            this.a9(this.b(false), a);
+            this.bc(this.b(false), a);
         }
     };
-    ToolAction.prototype.a3 = function (a, b, c) {
+    ToolAction.prototype.a6 = function (a, b, c) {
         var d = a.b(a == c);
         b.add(d);
-        var e = this.e.y(a);
+        var e = this.e.aa(a);
         if (e != null) {
             for (var f = 0; f < e.count; f++) {
-                this.a3(e._inner[f], b, c);
+                this.a6(e._inner[f], b, c);
             }
         }
     };
@@ -601,29 +626,115 @@ var ToolAction = /** @class */ /*@__PURE__*/ (function (_super) {
             case 8:
                 b = new ToolActionIconMenu();
                 break;
+            case 9:
+                b = new ToolActionButton();
+                break;
             case 0: return null;
         }
-        b.a6(a);
+        b.a9(a);
         return b;
     };
-    ToolAction.prototype.a6 = function (a) {
-        this.ar = a.name;
-        this.ap = a.label;
-        this.af = a.commandArgument;
-        this.v = a.commandArgumentValue;
-        this.ai = a.commandId;
-        this.am = a.iconName;
-        this.ak = a.iconCollectionName;
-        this.r = a.paddingLeft;
-        this.s = a.paddingRight;
-        this.t = a.paddingTop;
-        this.q = a.paddingBottom;
-        this.ax = a.parentId;
+    ToolAction.prototype.a9 = function (a) {
+        this.au = a.name;
+        this.as = a.label;
+        this.ai = a.commandArgument;
+        this.x = a.commandArgumentValue;
+        this.al = a.commandId;
+        this.ap = a.iconName;
+        this.an = a.iconCollectionName;
+        this.t = a.paddingLeft;
+        this.u = a.paddingRight;
+        this.v = a.paddingTop;
+        this.s = a.paddingBottom;
+        this.a0 = a.parentId;
     };
     ToolAction.$t = markType(ToolAction, 'ToolAction', Base.$, [INotifyPropertyChanged_$type]);
     return ToolAction;
 }(Base));
 export { ToolAction };
+/**
+ * @hidden
+ */
+var ToolActionButton = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ToolActionButton, _super);
+    function ToolActionButton() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.bi = null;
+        return _this;
+    }
+    ToolActionButton.prototype.get_h = function () {
+        return 9;
+    };
+    ToolActionButton.prototype.i = function () {
+        return null;
+    };
+    ToolActionButton.prototype.b = function (a) {
+        var b = new ToolActionEventDetail();
+        b.a = this;
+        b.b = this.h;
+        b.d = a;
+        return b;
+    };
+    ToolActionButton.prototype.r = function (a, b) {
+        return NaN;
+    };
+    ToolActionButton.prototype.q = function (a, b) {
+        return 88;
+    };
+    ToolActionButton.prototype.bk = function (a, b, c, d, e, f, g) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
+            if (g.a == 1) {
+                b.f = 0;
+            }
+            else {
+                b.f = 3;
+            }
+            b.bd(0, 2, 1);
+            b.bc(0, 0, 1);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
+            }
+            b.bh(c, 0);
+            b.bg(c, 0);
+            this.bi = c;
+            this.bi.a0 = 2;
+            this.bi.az = runOn(this, this.bj);
+        }
+        c.a1 = this.as;
+        b.j = f.a.j;
+    };
+    ToolActionButton.prototype.bj = function (a, b) {
+        this.bc(this.b(true), this);
+    };
+    ToolActionButton.prototype.be = function (a, b, c, d) {
+        var _this = this;
+        _super.prototype.be.call(this, a, b, c, d);
+        var e = c.b;
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            var f = [7, 1];
+            var g = [0, 0];
+            if (this.g >= 3 && this.g <= 6) {
+                g = [0, 2];
+            }
+            NativeUIComponent.ae(b.l.r(), f, g, function (h) {
+                var i = h[0];
+                var j = h[1];
+                e.a6 = i;
+                _this.bk(e, i, j, a, b, c, d);
+            });
+        }
+        else {
+            var h = e.a6;
+            var i = h.az(0);
+            this.bk(e, h, i, a, b, c, d);
+        }
+    };
+    ToolActionButton.$t = markType(ToolActionButton, 'ToolActionButton', ToolAction.$);
+    return ToolActionButton;
+}(ToolAction));
+export { ToolActionButton };
 /**
  * @hidden
  */
@@ -632,55 +743,55 @@ var ToolActionLabel = /** @class */ /*@__PURE__*/ (function (_super) {
     function ToolActionLabel() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    ToolActionLabel.prototype.get_f = function () {
+    ToolActionLabel.prototype.get_h = function () {
         return 4;
     };
-    ToolActionLabel.prototype.bf = function (a, b, c, d, e, f, g) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionLabel.prototype.bj = function (a, b, c, d, e, f, g) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (g.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
+                b.f = 3;
             }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(g.e) ? 0 : g.e);
-            b.a6(1, 1, isNaN_(g.g) ? 0 : g.g);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(g.e) ? 0 : g.e);
+            b.bc(1, 1, isNaN_(g.g) ? 0 : g.g);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
             }
-            b.bb(c, 0);
-            b.ba(c, 1);
-            c.e = 1;
-            b.a1 = runOn(this, this.be);
+            b.bh(c, 0);
+            b.bg(c, 1);
+            c.g = 1;
+            b.a7 = runOn(this, this.bi);
         }
-        b.h = f.a.j;
-        b.aj = BrushUtil.g(0, 0, 0, 0);
-        c.au = this.ap;
-        c.al = BrushUtil.g(255, 20, 20, 20);
+        b.j = f.a.j;
+        b.ao = BrushUtil.g(0, 0, 0, 0);
+        c.az = this.as;
+        c.aq = BrushUtil.g(255, 20, 20, 20);
     };
-    ToolActionLabel.prototype.be = function (a, b) {
-        this.a9(this.b(false), this);
+    ToolActionLabel.prototype.bi = function (a, b) {
+        this.bc(this.b(false), this);
     };
-    ToolActionLabel.prototype.bb = function (a, b, c, d) {
+    ToolActionLabel.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 3], function (f) {
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            NativeUIComponent.af(b.l.r(), [7, 3], function (f) {
                 var g = f[0];
                 var h = f[1];
-                e.a0 = g;
-                _this.bf(e, g, h, a, b, c, d);
+                e.a6 = g;
+                _this.bj(e, g, h, a, b, c, d);
             });
             ;
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            this.bf(e, f, g, a, b, c, d);
+            var f = e.a6;
+            var g = f.az(0);
+            this.bj(e, f, g, a, b, c, d);
         }
     };
     ToolActionLabel.$t = markType(ToolActionLabel, 'ToolActionLabel', ToolAction.$);
@@ -694,89 +805,109 @@ var ToolActionRadio = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionRadio, _super);
     function ToolActionRadio() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.bf = null;
-        _this.be = null;
+        _this.bj = "channel_1";
+        _this.bi = null;
         return _this;
     }
-    ToolActionRadio.prototype.get_f = function () {
+    ToolActionRadio.prototype.get_h = function () {
         return 6;
     };
+    Object.defineProperty(ToolActionRadio.prototype, "bk", {
+        get: function () {
+            return this.bj;
+        },
+        set: function (a) {
+            this.bj = a;
+        },
+        enumerable: true,
+        configurable: true
+    });
     ToolActionRadio.prototype.b = function (a) {
         var b = new ToolActionEventDetail();
         b.a = this;
-        b.b = this.f;
+        b.b = this.h;
         b.d = a;
-        if (this.be != null) {
-            b.c = this.be.aw;
+        if (this.bi != null) {
+            b.c = this.bi.a1;
         }
         return b;
     };
-    ToolActionRadio.prototype.x = function () {
-        return this.be.aw;
+    ToolActionRadio.prototype.z = function () {
+        return this.bi.a1;
     };
-    ToolActionRadio.prototype.bg = function () {
-        if (this.be != null) {
-            this.be.aw = false;
+    ToolActionRadio.prototype.bl = function () {
+        if (this.bi != null) {
+            this.bi.a1 = false;
         }
     };
-    ToolActionRadio.prototype.o = function (a, b) {
+    ToolActionRadio.prototype.q = function (a, b) {
         return 30;
     };
-    ToolActionRadio.prototype.bi = function (a, b, c, d, e, f, g, h) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionRadio.prototype.bh = function () {
+        if (this.bi != null) {
+            this.bi.c = this.g;
+        }
+    };
+    ToolActionRadio.prototype.bn = function (a, b, c, d, e, f, g, h) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (h.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
-            }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
-            b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
-            b.a6(2, 2, 1);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
-                b.aw(d);
-            }
-            b.bb(c, 0);
-            b.ba(c, 1);
-            b.bb(d, 0);
-            b.ba(d, 2);
-            this.be = d;
-            d.ax = 25;
-            d.av = true;
-            d.d = 2;
-            d.e = 1;
-            d.au = runOn(this, this.bh);
-            c.e = 1;
-        }
-        b.h = g.a.j;
-        c.au = this.ap;
-        c.al = BrushUtil.g(255, 20, 20, 20);
-    };
-    ToolActionRadio.prototype.bh = function (a, b) {
-        this.a9(this.b(true), this);
-    };
-    ToolActionRadio.prototype.bb = function (a, b, c, d) {
+                b.f = 3;
+            }
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(h.e) ? 0 : h.e);
+            b.bc(1, 1, isNaN_(h.g) ? 0 : h.g);
+            b.bc(2, 2, 1);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
+                b.a1(d);
+            }
+            b.bh(c, 0);
+            b.bg(c, 1);
+            b.bh(d, 0);
+            b.bg(d, 2);
+            this.bi = d;
+            d.a2 = 25;
+            d.a0 = true;
+            d.f = 2;
+            d.g = 1;
+            d.az = runOn(this, this.bm);
+            c.g = 1;
+        }
+        b.j = g.a.j;
+        c.az = this.as;
+        c.aq = BrushUtil.g(255, 20, 20, 20);
+    };
+    ToolActionRadio.prototype.bm = function (a, b) {
+        this.bc(this.b(true), this);
+    };
+    ToolActionRadio.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 3, 6], function (f) {
-                var g = f[0];
-                var h = f[1];
-                var i = f[2];
-                e.a0 = g;
-                _this.bi(e, g, h, i, a, b, c, d);
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            var f = [7, 3, 6];
+            var g = [0, 0, 0];
+            if (this.g >= 3 && this.g <= 6) {
+                g = [0, 0, 2];
+            }
+            NativeUIComponent.ae(b.l.r(), f, g, function (h) {
+                var i = h[0];
+                var j = h[1];
+                var k = h[2];
+                e.a6 = i;
+                _this.bn(e, i, j, k, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            var h = f.au(1);
-            this.bi(e, f, g, h, a, b, c, d);
+            var h = e.a6;
+            var i = h.az(0);
+            var j = h.az(1);
+            this.bn(e, h, i, j, a, b, c, d);
         }
     };
     ToolActionRadio.$t = markType(ToolActionRadio, 'ToolActionRadio', ToolAction.$);
@@ -791,11 +922,11 @@ var ToolActionSeparator = /** @class */ /*@__PURE__*/ (function (_super) {
     function ToolActionSeparator() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    ToolActionSeparator.prototype.get_f = function () {
+    ToolActionSeparator.prototype.get_h = function () {
         return 7;
     };
-    ToolActionSeparator.prototype.a5 = function (a, b) {
-        _super.prototype.a5.call(this, a, b);
+    ToolActionSeparator.prototype.a8 = function (a, b) {
+        _super.prototype.a8.call(this, a, b);
         if (b.a == 1) {
             b.d = 2;
         }
@@ -803,40 +934,40 @@ var ToolActionSeparator = /** @class */ /*@__PURE__*/ (function (_super) {
             b.c = 2;
         }
     };
-    ToolActionSeparator.prototype.be = function (a, b, c, d, e, f) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionSeparator.prototype.bi = function (a, b, c, d, e, f) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (f.a == 1) {
-                b.d = 0;
-                b.e = 3;
+                b.f = 0;
+                b.g = 3;
             }
             else {
-                b.d = 3;
+                b.f = 3;
             }
         }
         if (f.a == 1) {
-            b.n = DeviceUtils.g(2);
+            b.p = DeviceUtils.g(2);
         }
         else {
-            b.h = DeviceUtils.g(2);
+            b.j = DeviceUtils.g(2);
         }
-        b.aj = BrushUtil.g(255, 200, 200, 200);
-        b.ak = BrushUtil.g(255, 80, 80, 80);
+        b.ao = BrushUtil.g(255, 200, 200, 200);
+        b.ap = BrushUtil.g(255, 80, 80, 80);
     };
-    ToolActionSeparator.prototype.bb = function (a, b, c, d) {
+    ToolActionSeparator.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7], function (f) {
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            NativeUIComponent.af(b.l.r(), [7], function (f) {
                 var g = f[0];
-                e.a0 = g;
-                _this.be(e, g, a, b, c, d);
+                e.a6 = g;
+                _this.bi(e, g, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            this.be(e, f, a, b, c, d);
+            var f = e.a6;
+            this.bi(e, f, a, b, c, d);
         }
     };
     ToolActionSeparator.$t = markType(ToolActionSeparator, 'ToolActionSeparator', ToolAction.$);
@@ -850,69 +981,79 @@ var ToolActionIconButton = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionIconButton, _super);
     function ToolActionIconButton() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.be = null;
+        _this.bi = null;
         return _this;
     }
-    ToolActionIconButton.prototype.get_f = function () {
+    ToolActionIconButton.prototype.get_h = function () {
         return 3;
     };
-    ToolActionIconButton.prototype.g = function () {
+    ToolActionIconButton.prototype.i = function () {
         return null;
     };
     ToolActionIconButton.prototype.b = function (a) {
         var b = new ToolActionEventDetail();
         b.a = this;
-        b.b = this.f;
+        b.b = this.h;
         b.d = a;
         return b;
     };
-    ToolActionIconButton.prototype.o = function (a, b) {
+    ToolActionIconButton.prototype.q = function (a, b) {
         return 30;
     };
-    ToolActionIconButton.prototype.bg = function (a, b, c, d, e, f, g) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionIconButton.prototype.bh = function () {
+        if (this.bi != null) {
+            this.bi.c = this.g;
+        }
+    };
+    ToolActionIconButton.prototype.bk = function (a, b, c, d, e, f, g) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (g.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
+                b.f = 3;
             }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(g.f) ? 0 : g.f);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
             }
-            b.bb(c, 0);
-            b.ba(c, 0);
-            this.be = c;
-            this.be.av = 2;
-            this.be.au = runOn(this, this.bf);
+            b.bh(c, 0);
+            b.bg(c, 0);
+            this.bi = c;
+            this.bi.a0 = 2;
+            this.bi.az = runOn(this, this.bj);
         }
-        this.be.ay = this.am;
-        this.be.ax = this.ak;
-        b.h = f.a.j;
+        this.bi.a3 = this.ap;
+        this.bi.a2 = this.an;
+        b.j = f.a.j;
     };
-    ToolActionIconButton.prototype.bf = function (a, b) {
-        this.a9(this.b(true), this);
+    ToolActionIconButton.prototype.bj = function (a, b) {
+        this.bc(this.b(true), this);
     };
-    ToolActionIconButton.prototype.bb = function (a, b, c, d) {
+    ToolActionIconButton.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 10], function (f) {
-                var g = f[0];
-                var h = f[1];
-                e.a0 = g;
-                _this.bg(e, g, h, a, b, c, d);
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            var f = [7, 10];
+            var g = [0, 0];
+            if (this.g >= 3 && this.g <= 6) {
+                g = [0, 2];
+            }
+            NativeUIComponent.ae(b.l.r(), f, g, function (h) {
+                var i = h[0];
+                var j = h[1];
+                e.a6 = i;
+                _this.bk(e, i, j, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            this.bg(e, f, g, a, b, c, d);
+            var h = e.a6;
+            var i = h.az(0);
+            this.bk(e, h, i, a, b, c, d);
         }
     };
     ToolActionIconButton.$t = markType(ToolActionIconButton, 'ToolActionIconButton', ToolAction.$);
@@ -927,52 +1068,52 @@ var ToolActionGroupHeader = /** @class */ /*@__PURE__*/ (function (_super) {
     function ToolActionGroupHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    ToolActionGroupHeader.prototype.get_f = function () {
+    ToolActionGroupHeader.prototype.get_h = function () {
         return 1;
     };
-    ToolActionGroupHeader.prototype.be = function (a, b, c, d, e, f, g) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionGroupHeader.prototype.bi = function (a, b, c, d, e, f, g) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (g.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
-            }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(g.e) ? 0 : g.e);
-            b.a6(1, 2, 1);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
-            }
-            c.e = 1;
-        }
-        b.h = f.a.j;
-        b.aj = BrushUtil.g(255, 200, 200, 200);
-        b.ak = BrushUtil.g(255, 80, 80, 80);
-        b.aq = new Thickness(1, 0, 0, 0, 2);
-        c.au = this.ap;
-        c.al = BrushUtil.g(255, 20, 20, 20);
-        b.bb(c, 0);
-        b.ba(c, 1);
-    };
-    ToolActionGroupHeader.prototype.bb = function (a, b, c, d) {
+                b.f = 3;
+            }
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(g.e) ? 0 : g.e);
+            b.bc(1, 2, 1);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
+            }
+            c.g = 1;
+        }
+        b.j = f.a.j;
+        b.ao = BrushUtil.g(255, 200, 200, 200);
+        b.ap = BrushUtil.g(255, 80, 80, 80);
+        b.av = new Thickness(1, 0, 0, 0, 2);
+        c.az = this.as;
+        c.aq = BrushUtil.g(255, 20, 20, 20);
+        b.bh(c, 0);
+        b.bg(c, 1);
+    };
+    ToolActionGroupHeader.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 3], function (f) {
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            NativeUIComponent.af(b.l.r(), [7, 3], function (f) {
                 var g = f[0];
                 var h = f[1];
-                e.a0 = g;
-                _this.be(e, g, h, a, b, c, d);
+                e.a6 = g;
+                _this.bi(e, g, h, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            this.be(e, f, g, a, b, c, d);
+            var f = e.a6;
+            var g = f.az(0);
+            this.bi(e, f, g, a, b, c, d);
         }
     };
     ToolActionGroupHeader.$t = markType(ToolActionGroupHeader, 'ToolActionGroupHeader', ToolAction.$);
@@ -986,44 +1127,44 @@ var ToolActionMenuBase = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionMenuBase, _super);
     function ToolActionMenuBase() {
         var _this = _super.call(this) || this;
-        _this.bh = new ToolActionCollection();
-        _this.bm = false;
-        _this.be = null;
-        _this.bk = null;
-        _this.bl = false;
-        _this.bj = null;
-        _this.bo = false;
-        _this.bn = false;
-        var a = _this.bh;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.bq));
+        _this.bl = new ToolActionCollection();
+        _this.bq = false;
+        _this.bi = null;
+        _this.bo = null;
+        _this.bp = false;
+        _this.bn = null;
+        _this.bs = false;
+        _this.br = false;
+        var a = _this.bl;
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.bu));
         return _this;
     }
-    ToolActionMenuBase.prototype.g = function () {
+    ToolActionMenuBase.prototype.i = function () {
         return null;
     };
-    ToolActionMenuBase.prototype.a6 = function (a) {
-        _super.prototype.a6.call(this, a);
+    ToolActionMenuBase.prototype.a9 = function (a) {
+        _super.prototype.a9.call(this, a);
         var b = a;
         if (b.actions != null) {
             for (var c = 0; c < b.actions.length; c++) {
-                this.bh.add(ToolAction.a(b.actions[c]));
+                this.bl.add(ToolAction.a(b.actions[c]));
             }
         }
     };
-    ToolActionMenuBase.prototype.bq = function (a, b) {
-        this.bv();
+    ToolActionMenuBase.prototype.bu = function (a, b) {
+        this.bz();
     };
-    ToolActionMenuBase.prototype.bv = function () {
+    ToolActionMenuBase.prototype.bz = function () {
     };
     Object.defineProperty(ToolActionMenuBase.prototype, "actions", {
         get: function () {
-            return this.bh;
+            return this.bl;
         },
         set: function (a) {
-            var b = this.bh;
-            this.bh = a;
-            if (b != this.bh) {
-                this.a8("Actions", b, this.bh);
+            var b = this.bl;
+            this.bl = a;
+            if (b != this.bl) {
+                this.bb("Actions", b, this.bl);
             }
         },
         enumerable: true,
@@ -1032,70 +1173,71 @@ var ToolActionMenuBase = /** @class */ /*@__PURE__*/ (function (_super) {
     ToolActionMenuBase.prototype.b = function (a) {
         var b = new ToolActionEventDetail();
         b.a = this;
-        b.b = this.f;
+        b.b = this.h;
         b.d = a;
         return b;
     };
-    ToolActionMenuBase.prototype.bw = function () {
-        this.bt();
-        this.bs();
-        this.bu();
-        if (this.be.t || this.bn) {
-            if (this.bn) {
-                this.bn = false;
+    ToolActionMenuBase.prototype.b0 = function () {
+        this.bx();
+        this.bw();
+        this.by();
+        if (this.bi.t || this.br) {
+            if (this.br) {
+                this.br = false;
             }
             else {
-                this.be.ao();
+                this.bi.ao();
             }
         }
         else {
-            if (this.bo) {
-                this.bx();
+            if (this.bs) {
+                this.b1();
             }
             else {
-                this.bn = true;
+                this.br = true;
             }
         }
     };
-    ToolActionMenuBase.prototype.bx = function () {
-        this.be.showRelativeToExclusionRect(this.by(), this.bg(), this.bf());
+    ToolActionMenuBase.prototype.b1 = function () {
+        this.bi.showRelativeToExclusionRect(this.b2(), this.bk(), this.bj());
     };
-    ToolActionMenuBase.prototype.bf = function () {
+    ToolActionMenuBase.prototype.bj = function () {
         return 1;
     };
-    ToolActionMenuBase.prototype.bg = function () {
+    ToolActionMenuBase.prototype.bk = function () {
         return 1;
     };
-    ToolActionMenuBase.prototype.bu = function () {
-        if (!this.bl) {
-            this.bl = true;
-            this.be.appendPopupContent(this.bk.v);
+    ToolActionMenuBase.prototype.by = function () {
+        if (!this.bp) {
+            this.bp = true;
+            this.bi.appendPopupContent(this.bo.x);
         }
     };
-    ToolActionMenuBase.prototype.bt = function () {
-        if (this.be == null) {
+    ToolActionMenuBase.prototype.bx = function () {
+        if (this.bi == null) {
             if (this.e == null) {
                 return;
             }
-            this.be = this.e.l.a();
+            this.bi = this.e.l.a();
         }
     };
-    ToolActionMenuBase.prototype.bs = function () {
+    ToolActionMenuBase.prototype.bw = function () {
         var _this = this;
-        if (this.bk == null) {
-            NativeUIContent.ac(this.e.l.r(), 0, function (a) { return _this.bk = a; });
-            this.bj = this.e.l.b(this.bk);
-            var a = this.bj;
-            a.contentRefreshed = delegateCombine(a.contentRefreshed, runOn(this, this.br));
-            this.bj.actions = this.actions;
+        if (this.bo == null) {
+            NativeUIContent.ah(this.e.l.r(), 0, function (a) { return _this.bo = a; });
+            this.bn = this.e.l.b(this.bo);
+            var a = this.bn;
+            a.contentRefreshed = delegateCombine(a.contentRefreshed, runOn(this, this.bv));
+            this.bn.actions = this.actions;
+            this.bn.n = this.g;
         }
     };
-    ToolActionMenuBase.prototype.br = function (a, b) {
-        this.bo = true;
-        this.be.ar();
-        if (this.bn) {
-            this.bn = false;
-            this.bx();
+    ToolActionMenuBase.prototype.bv = function (a, b) {
+        this.bs = true;
+        this.bi.ar();
+        if (this.br) {
+            this.br = false;
+            this.b1();
         }
     };
     ToolActionMenuBase.$t = markType(ToolActionMenuBase, 'ToolActionMenuBase', ToolAction.$);
@@ -1109,62 +1251,62 @@ var ToolActionIconMenu = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionIconMenu, _super);
     function ToolActionIconMenu() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.bz = null;
+        _this.b3 = null;
         return _this;
     }
-    ToolActionIconMenu.prototype.get_f = function () {
+    ToolActionIconMenu.prototype.get_h = function () {
         return 3;
     };
-    ToolActionIconMenu.prototype.o = function (a, b) {
+    ToolActionIconMenu.prototype.q = function (a, b) {
         return 30;
     };
-    ToolActionIconMenu.prototype.by = function () {
-        return this.e.l.ac(this.bz.v);
+    ToolActionIconMenu.prototype.b2 = function () {
+        return this.e.l.ac(this.b3.x);
     };
-    ToolActionIconMenu.prototype.b1 = function (a, b, c, d, e, f, g) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionIconMenu.prototype.b5 = function (a, b, c, d, e, f, g) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (g.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
+                b.f = 3;
             }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(g.f) ? 0 : g.f);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(g.f) ? 0 : g.f);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
             }
-            b.bb(c, 0);
-            b.ba(c, 0);
-            this.bz = c;
-            this.bz.av = 2;
-            this.bz.au = runOn(this, this.b0);
+            b.bh(c, 0);
+            b.bg(c, 0);
+            this.b3 = c;
+            this.b3.a0 = 2;
+            this.b3.az = runOn(this, this.b4);
         }
-        this.bz.ay = this.am;
-        this.bz.ax = this.ak;
-        b.h = f.a.j;
+        this.b3.a3 = this.ap;
+        this.b3.a2 = this.an;
+        b.j = f.a.j;
     };
-    ToolActionIconMenu.prototype.b0 = function (a, b) {
-        this.bw();
+    ToolActionIconMenu.prototype.b4 = function (a, b) {
+        this.b0();
     };
-    ToolActionIconMenu.prototype.bb = function (a, b, c, d) {
+    ToolActionIconMenu.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 10], function (f) {
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            NativeUIComponent.af(b.l.r(), [7, 10], function (f) {
                 var g = f[0];
                 var h = f[1];
-                e.a0 = g;
-                _this.b1(e, g, h, a, b, c, d);
+                e.a6 = g;
+                _this.b5(e, g, h, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            this.b1(e, f, g, a, b, c, d);
+            var f = e.a6;
+            var g = f.az(0);
+            this.b5(e, f, g, a, b, c, d);
         }
     };
     ToolActionIconMenu.$t = markType(ToolActionIconMenu, 'ToolActionIconMenu', ToolActionMenuBase.$);
@@ -1178,82 +1320,87 @@ var ToolActionCheckbox = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionCheckbox, _super);
     function ToolActionCheckbox() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.be = null;
+        _this.bi = null;
         return _this;
     }
-    ToolActionCheckbox.prototype.get_f = function () {
+    ToolActionCheckbox.prototype.get_h = function () {
         return 2;
     };
     ToolActionCheckbox.prototype.b = function (a) {
         var b = new ToolActionEventDetail();
         b.a = this;
-        b.b = this.f;
+        b.b = this.h;
         b.d = a;
-        if (this.be != null) {
-            b.c = this.be.aw;
+        if (this.bi != null) {
+            b.c = this.bi.a1;
         }
         return b;
     };
-    ToolActionCheckbox.prototype.x = function () {
-        return this.be.aw;
+    ToolActionCheckbox.prototype.z = function () {
+        return this.bi.a1;
     };
-    ToolActionCheckbox.prototype.o = function (a, b) {
+    ToolActionCheckbox.prototype.q = function (a, b) {
         return 30;
     };
-    ToolActionCheckbox.prototype.bg = function (a, b, c, d, e, f, g, h) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionCheckbox.prototype.bk = function (a, b, c, d, e, f, g, h) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (h.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
-            }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
-            b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
-            b.a6(1, 2, 1);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
-                b.aw(d);
-            }
-            b.bb(c, 0);
-            b.ba(c, 1);
-            b.bb(d, 0);
-            b.ba(d, 2);
-            this.be = d;
-            d.av = true;
-            d.d = 2;
-            d.e = 1;
-            d.au = runOn(this, this.bf);
-            c.e = 1;
-        }
-        b.h = g.a.j;
-        c.au = this.ap;
-        c.al = BrushUtil.g(255, 20, 20, 20);
-    };
-    ToolActionCheckbox.prototype.bf = function (a, b) {
-        this.a9(this.b(true), this);
-    };
-    ToolActionCheckbox.prototype.bb = function (a, b, c, d) {
+                b.f = 3;
+            }
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(h.e) ? 0 : h.e);
+            b.bc(1, 1, isNaN_(h.g) ? 0 : h.g);
+            b.bc(2, 2, 1);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
+                b.a1(d);
+            }
+            b.bh(c, 0);
+            b.bg(c, 1);
+            b.bh(d, 0);
+            b.bg(d, 2);
+            this.bi = d;
+            d.a0 = true;
+            d.f = 2;
+            d.g = 1;
+            d.az = runOn(this, this.bj);
+            c.g = 1;
+        }
+        b.j = g.a.j;
+        c.az = this.as;
+        c.aq = BrushUtil.g(255, 20, 20, 20);
+    };
+    ToolActionCheckbox.prototype.bj = function (a, b) {
+        this.bc(this.b(true), this);
+    };
+    ToolActionCheckbox.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 3, 6], function (f) {
-                var g = f[0];
-                var h = f[1];
-                var i = f[2];
-                e.a0 = g;
-                _this.bg(e, g, h, i, a, b, c, d);
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            var f = [7, 3, 6];
+            var g = [0, 0, 0];
+            if (this.g >= 3 && this.g <= 6) {
+                g = [0, 0, 2];
+            }
+            NativeUIComponent.ae(b.l.r(), f, g, function (h) {
+                var i = h[0];
+                var j = h[1];
+                var k = h[2];
+                e.a6 = i;
+                _this.bk(e, i, j, k, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            var h = f.au(1);
-            this.bg(e, f, g, h, a, b, c, d);
+            var h = e.a6;
+            var i = h.az(0);
+            var j = h.az(1);
+            this.bk(e, h, i, j, a, b, c, d);
         }
     };
     ToolActionCheckbox.$t = markType(ToolActionCheckbox, 'ToolActionCheckbox', ToolAction.$);
@@ -1267,58 +1414,64 @@ var ToolActionNumberInput = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(ToolActionNumberInput, _super);
     function ToolActionNumberInput() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.be = null;
+        _this.bi = null;
         return _this;
     }
-    ToolActionNumberInput.prototype.get_f = function () {
+    ToolActionNumberInput.prototype.get_h = function () {
         return 5;
     };
-    ToolActionNumberInput.prototype.x = function () {
-        return this.bf();
+    ToolActionNumberInput.prototype.z = function () {
+        return this.bj();
     };
-    ToolActionNumberInput.prototype.o = function (a, b) {
+    ToolActionNumberInput.prototype.q = function (a, b) {
         return 100;
     };
-    ToolActionNumberInput.prototype.bh = function (a, b, c, d, e, f, g, h) {
-        if (a.w == null || EnumUtil.getEnumValue(ToolActionType_$type, a.w) != this.f) {
-            a.a0 = b;
+    ToolActionNumberInput.prototype.bh = function () {
+        if (this.bi != null) {
+            this.bi.c = this.g;
+        }
+    };
+    ToolActionNumberInput.prototype.bl = function (a, b, c, d, e, f, g, h) {
+        if (a.y == null || EnumUtil.getEnumValue(ToolActionType_$type, a.y) != this.h) {
+            a.a6 = b;
             if (h.a == 1) {
-                b.d = 0;
+                b.f = 0;
             }
             else {
-                b.d = 3;
-            }
-            b.a7(0, 2, 1);
-            b.a6(0, 1, isNaN_(h.e) ? 0 : h.e);
-            b.a6(1, 1, isNaN_(h.g) ? 0 : h.g);
-            b.a6(1, 2, 1);
-            b.as = new Thickness(1, this.r, this.t, this.s, this.q);
-            if (b.av == 0) {
-                b.aw(c);
-                b.aw(d);
-            }
-            b.bb(c, 0);
-            b.ba(c, 1);
-            b.bb(d, 0);
-            b.ba(d, 2);
-            this.be = d;
-            d.n = 100;
-            d.au = 2;
-            d.ax = 1;
-            d.d = 2;
-            d.e = 1;
-            d.aw = runOn(this, this.bg);
-            c.e = 1;
-        }
-        b.h = g.a.j;
-        c.au = this.ap;
-        c.al = BrushUtil.g(255, 20, 20, 20);
-    };
-    ToolActionNumberInput.prototype.bf = function () {
+                b.f = 3;
+            }
+            b.bd(0, 2, 1);
+            b.bc(0, 1, isNaN_(h.e) ? 0 : h.e);
+            b.bc(1, 1, isNaN_(h.g) ? 0 : h.g);
+            b.bc(1, 2, 1);
+            b.ax = new Thickness(1, this.t, this.v, this.u, this.s);
+            if (b.a0 == 0) {
+                b.a1(c);
+                b.a1(d);
+            }
+            b.bh(c, 0);
+            b.bg(c, 1);
+            b.bh(d, 0);
+            b.bg(d, 2);
+            this.bi = d;
+            d.p = 100;
+            d.az = 2;
+            d.a2 = 1;
+            d.f = 2;
+            d.g = 1;
+            d.a3 = 1;
+            d.a1 = runOn(this, this.bk);
+            c.g = 1;
+        }
+        b.j = g.a.j;
+        c.az = this.as;
+        c.aq = BrushUtil.g(255, 20, 20, 20);
+    };
+    ToolActionNumberInput.prototype.bj = function () {
         var _this = this;
         var a;
         a = NaN;
-        if (this.be != null && ((function () { var b = tryParseNumber(_this.be.ay, a); a = b.p1; return b.ret; })())) {
+        if (this.bi != null && ((function () { var b = tryParseNumber(_this.bi.a4, a); a = b.p1; return b.ret; })())) {
         }
         return a;
     };
@@ -1326,34 +1479,39 @@ var ToolActionNumberInput = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = new ToolActionEventDetail();
         b.a = this;
         b.d = a;
-        b.b = this.f;
+        b.b = this.h;
         var c;
-        b.f = this.bf();
+        b.f = this.bj();
         return b;
     };
-    ToolActionNumberInput.prototype.bg = function (a, b) {
+    ToolActionNumberInput.prototype.bk = function (a, b) {
         var c = a;
         var d = this.b(true);
-        this.a9(d, this);
+        this.bc(d, this);
     };
-    ToolActionNumberInput.prototype.bb = function (a, b, c, d) {
+    ToolActionNumberInput.prototype.be = function (a, b, c, d) {
         var _this = this;
-        _super.prototype.bb.call(this, a, b, c, d);
+        _super.prototype.be.call(this, a, b, c, d);
         var e = c.b;
-        if (e.a0 == null || (e.w == null || EnumUtil.getEnumValue(ToolActionType_$type, e.w) != this.f)) {
-            NativeUIComponent.ab(b.l.r(), [7, 3, 2], function (f) {
-                var g = f[0];
-                var h = f[1];
-                var i = f[2];
-                e.a0 = g;
-                _this.bh(e, g, h, i, a, b, c, d);
+        if (e.a6 == null || (e.y == null || EnumUtil.getEnumValue(ToolActionType_$type, e.y) != this.h)) {
+            var f = [7, 3, 2];
+            var g = [0, 0, 0];
+            if (this.g >= 3 && this.g <= 6) {
+                g = [0, 0, 2];
+            }
+            NativeUIComponent.ae(b.l.r(), f, g, function (h) {
+                var i = h[0];
+                var j = h[1];
+                var k = h[2];
+                e.a6 = i;
+                _this.bl(e, i, j, k, a, b, c, d);
             });
         }
         else {
-            var f = e.a0;
-            var g = f.au(0);
-            var h = f.au(1);
-            this.bh(e, f, g, h, a, b, c, d);
+            var h = e.a6;
+            var i = h.az(0);
+            var j = h.az(1);
+            this.bl(e, h, i, j, a, b, c, d);
         }
     };
     ToolActionNumberInput.$t = markType(ToolActionNumberInput, 'ToolActionNumberInput', ToolAction.$);
@@ -1429,68 +1587,70 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
     function ToolPanel() {
         var _this = _super.call(this) || this;
         _this.l = null;
-        _this.p = null;
-        _this.s = false;
-        _this.q = null;
+        _this.r = null;
+        _this.u = false;
+        _this.s = null;
         _this.f = new ToolActionMeasurementContext();
         _this.propertyChanged = null;
         _this.d = new ToolActionCollection();
         _this.contentRefreshed = null;
-        _this.t = false;
-        _this.w = new Dictionary$2(String_$type, List$1.$.specialize(ToolAction.$), 0);
-        _this.x = new Dictionary$2(String_$type, List$1.$.specialize(ToolAction.$), 0);
-        _this.v = new Dictionary$2(String_$type, ToolAction.$, 0);
-        _this.m = null;
+        _this.v = false;
+        _this.y = new Dictionary$2(String_$type, List$1.$.specialize(ToolAction.$), 0);
+        _this.z = new Dictionary$2(String_$type, List$1.$.specialize(ToolAction.$), 0);
+        _this.x = new Dictionary$2(String_$type, ToolAction.$, 0);
+        _this.o = null;
         _this.a = null;
-        _this.a5 = ToolPanel.a8;
-        _this.a6 = ToolPanel.a9;
+        _this.m = 0;
+        _this.a9 = ToolPanel.bc;
+        _this.ba = ToolPanel.bd;
         _this.b = null;
-        _this.z = Number.POSITIVE_INFINITY;
+        _this.ab = Number.POSITIVE_INFINITY;
         _this.i = ToolPanel.j;
         _this.onCommand = null;
         var a = _this.actions;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ak));
-        NativeUIInputsFactory.m();
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.an));
+        NativeUIXInputsFactory.h();
+        NativeUIInputsFactory.n();
         var b = new ToolPanelView();
         b.c = _this;
         _this.l = b;
         _this.l.x();
         return _this;
     }
-    Object.defineProperty(ToolPanel.prototype, "r", {
+    Object.defineProperty(ToolPanel.prototype, "t", {
         get: function () {
-            if (this.q == null) {
-                this.q = new SRProvider(this.l.k);
-                this.q.cb("Layouts");
+            if (this.s == null) {
+                this.s = new SRProvider(this.l.k);
+                this.s.cb("Layouts");
             }
-            return this.q;
+            return this.s;
         },
         enumerable: true,
         configurable: true
     });
-    ToolPanel.prototype.aq = function (a) {
+    ToolPanel.prototype.at = function (a) {
         this.b = a;
         var b = this.b;
-        b.rowUpdating = delegateCombine(b.rowUpdating, runOn(this, this.aj));
+        b.rowUpdating = delegateCombine(b.rowUpdating, runOn(this, this.am));
         var c = this.b;
-        c.contentRefreshed = delegateCombine(c.contentRefreshed, runOn(this, this.ag));
+        c.contentRefreshed = delegateCombine(c.contentRefreshed, runOn(this, this.aj));
         this.b.k = this.k;
         this.b.ai = true;
         var d = this.b;
-        d.itemHeightRequested = delegateCombine(d.itemHeightRequested, runOn(this, this.ah));
+        d.itemHeightRequested = delegateCombine(d.itemHeightRequested, runOn(this, this.ak));
         var e = this.b;
-        e.itemWidthRequested = delegateCombine(e.itemWidthRequested, runOn(this, this.ai));
+        e.itemWidthRequested = delegateCombine(e.itemWidthRequested, runOn(this, this.al));
     };
-    ToolPanel.prototype.ag = function (a, b) {
+    ToolPanel.prototype.aj = function (a, b) {
         if (this.contentRefreshed != null) {
             this.contentRefreshed(this, new ToolPanelContentRefreshedEventArgs());
         }
     };
-    ToolPanel.prototype.ah = function (a, b) {
+    ToolPanel.prototype.ak = function (a, b) {
         var c = b.c;
         var d = new ToolActionMeasurementContext();
-        this.az(d);
-        c.a4(this, d);
+        this.a2(d);
+        c.a7(this, d);
         if (!isNaN_(d.c)) {
             b.a = d.c;
         }
@@ -1498,33 +1658,34 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             b.a = this.b.av;
         }
     };
-    ToolPanel.prototype.ai = function (a, b) {
+    ToolPanel.prototype.al = function (a, b) {
         var c = b.c;
         var d = new ToolActionMeasurementContext();
-        this.az(d);
-        c.a4(this, d);
+        this.a2(d);
+        c.a7(this, d);
         if (!isNaN_(d.d)) {
             b.a = d.d;
         }
         else {
         }
     };
-    ToolPanel.prototype.aj = function (a, b) {
+    ToolPanel.prototype.am = function (a, b) {
         var c = b.a.n;
         var d = a;
         if (this.k == 1) {
             var e = new ToolActionMeasurementContext();
-            this.az(e);
-            c.a4(this, e);
-            c.ba(d, this, b, e);
+            this.a2(e);
+            c.a7(this, e);
+            c.bd(d, this, b, e);
         }
         else {
-            c.ba(d, this, b, this.f);
+            c.bd(d, this, b, this.f);
         }
     };
-    ToolPanel.prototype.aw = function (a) {
-        this.z = a.width;
-        this.a2();
+    ToolPanel.prototype.az = function (a) {
+        this.ab = a.width;
+        this.a5();
+        this.b.notifySizeChanged();
     };
     Object.defineProperty(ToolPanel.prototype, "actions", {
         get: function () {
@@ -1534,13 +1695,13 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (b != this.d) {
-                this.ax("Actions", b, this.d);
+                this.a0("Actions", b, this.d);
             }
         },
         enumerable: true,
         configurable: true
     });
-    ToolPanel.prototype.ak = function (a, b) {
+    ToolPanel.prototype.an = function (a, b) {
         var e_1, _a, e_2, _b;
         if (b.oldItems != null) {
             try {
@@ -1548,7 +1709,7 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                     var c = _d.value;
                     if (typeCast(INotifyPropertyChanged_$type, c) !== null) {
                         var d = c;
-                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.ar));
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.au));
                     }
                 }
             }
@@ -1572,7 +1733,7 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                     var e = _f.value;
                     if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
                         var f = e;
-                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.ar));
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.au));
                     }
                 }
             }
@@ -1590,93 +1751,94 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.av();
+        this.a8();
+        this.ay();
     };
-    ToolPanel.prototype.av = function () {
-        this.a2();
+    ToolPanel.prototype.ay = function () {
+        this.a5();
     };
-    ToolPanel.prototype.a2 = function () {
-        if (this.t) {
+    ToolPanel.prototype.a5 = function () {
+        if (this.v) {
             return;
         }
-        this.t = true;
-        this.a.enqueueAction(runOn(this, this.an));
+        this.v = true;
+        this.a.enqueueAction(runOn(this, this.aq));
     };
-    ToolPanel.prototype.an = function () {
-        if (!this.t) {
+    ToolPanel.prototype.aq = function () {
+        if (!this.v) {
             return;
         }
-        this.t = false;
-        this.al();
-        this.a4();
+        this.v = false;
+        this.ao();
+        this.a7();
         for (var a = 0; a < this.d.count; a++) {
-            this.as(this.d._inner[a]);
+            this.av(this.d._inner[a]);
         }
-        this.ao();
+        this.ar();
     };
-    ToolPanel.prototype.al = function () {
-        this.w.clear();
+    ToolPanel.prototype.ao = function () {
+        this.y.clear();
+        this.z.clear();
         this.x.clear();
-        this.v.clear();
         for (var a = 0; a < this.d.count; a++) {
             this.d._inner[a].e = this;
-            if (this.d._inner[a].ao != null) {
-                this.v.item(this.d._inner[a].ao, this.d._inner[a]);
+            if (this.d._inner[a].ar != null) {
+                this.x.item(this.d._inner[a].ar, this.d._inner[a]);
             }
         }
         for (var b = 0; b < this.d.count; b++) {
-            if (this.d._inner[b].ax != null) {
-                if (this.v.containsKey(this.d._inner[b].ax)) {
-                    if (!this.w.containsKey(this.d._inner[b].ax)) {
-                        this.w.item(this.d._inner[b].ax, new List$1(ToolAction.$, 0));
+            if (this.d._inner[b].a0 != null) {
+                if (this.x.containsKey(this.d._inner[b].a0)) {
+                    if (!this.y.containsKey(this.d._inner[b].a0)) {
+                        this.y.item(this.d._inner[b].a0, new List$1(ToolAction.$, 0));
                     }
-                    var c = this.w.item(this.d._inner[b].ax);
+                    var c = this.y.item(this.d._inner[b].a0);
                     c.add(this.d._inner[b]);
                 }
             }
         }
         for (var d = 0; d < this.d.count; d++) {
-            if (this.d._inner[d].f == 6) {
-                var e = this.d._inner[d].bf;
-                if (!this.x.containsKey(e)) {
-                    this.x.item(e, new List$1(ToolAction.$, 0));
+            if (this.d._inner[d].h == 6) {
+                var e = this.d._inner[d].bk;
+                if (!this.z.containsKey(e)) {
+                    this.z.item(e, new List$1(ToolAction.$, 0));
                 }
-                this.x.item(e).add(this.d._inner[d]);
+                this.z.item(e).add(this.d._inner[d]);
             }
         }
     };
-    ToolPanel.prototype.u = function (a) {
-        if (a.ao == null) {
+    ToolPanel.prototype.w = function (a) {
+        if (a.ar == null) {
             return false;
         }
-        return this.w.containsKey(a.ao);
+        return this.y.containsKey(a.ar);
     };
     ToolPanel.prototype.c = function (a) {
-        if (this.v.containsKey(a)) {
-            return this.v.item(a);
+        if (this.x.containsKey(a)) {
+            return this.x.item(a);
         }
         return null;
     };
-    ToolPanel.prototype.y = function (a) {
-        if (a.ao == null) {
+    ToolPanel.prototype.aa = function (a) {
+        if (a.ar == null) {
             return null;
         }
-        if (this.w.containsKey(a.ao)) {
-            return this.w.item(a.ao);
+        if (this.y.containsKey(a.ar)) {
+            return this.y.item(a.ar);
         }
         return null;
     };
-    ToolPanel.prototype.as = function (a) {
+    ToolPanel.prototype.av = function (a) {
         var b = new ToolActionMeasurementContext();
-        this.az(b);
-        a.a4(this, b);
-        this.at(this.f, b);
+        this.a2(b);
+        a.a7(this, b);
+        this.aw(this.f, b);
     };
-    ToolPanel.prototype.az = function (a) {
+    ToolPanel.prototype.a2 = function (a) {
         a.a = this.k;
-        a.b = this.z;
+        a.b = this.ab;
     };
-    ToolPanel.prototype.at = function (a, b) {
+    ToolPanel.prototype.aw = function (a, b) {
         if (!isNaN_(b.e)) {
             if (isNaN_(a.e)) {
                 a.e = b.e;
@@ -1694,39 +1856,39 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ToolPanel.prototype.a4 = function () {
+    ToolPanel.prototype.a7 = function () {
         this.f = new ToolActionMeasurementContext();
         this.f.a = this.k;
-        this.f.b = this.z;
+        this.f.b = this.ab;
     };
-    ToolPanel.prototype.ao = function () {
+    ToolPanel.prototype.ar = function () {
         if (this.b.itemsSource != this.actions) {
             this.b.itemsSource = this.actions;
         }
     };
-    ToolPanel.prototype.ap = function () {
-        if (this.t) {
-            this.an();
+    ToolPanel.prototype.as = function () {
+        if (this.v) {
+            this.aq();
         }
         if (this.b != null) {
             this.b.bt();
         }
     };
-    ToolPanel.prototype.a3 = function (a) {
-        var b = a.bf;
-        var c = a.ao;
-        if (this.x != null) {
-            if (this.x.containsKey(b)) {
-                for (var d = 0; d < this.x.item(b).count; d++) {
-                    if (this.x.item(b)._inner[d].ao != c) {
-                        this.x.item(b)._inner[d].bg();
+    ToolPanel.prototype.a6 = function (a) {
+        var b = a.bk;
+        var c = a.ar;
+        if (this.z != null) {
+            if (this.z.containsKey(b)) {
+                for (var d = 0; d < this.z.item(b).count; d++) {
+                    if (this.z.item(b)._inner[d].ar != c) {
+                        this.z.item(b)._inner[d].bl();
                     }
                 }
             }
         }
     };
-    ToolPanel.prototype.ar = function (a, b) {
-        this.av();
+    ToolPanel.prototype.au = function (a, b) {
+        this.ay();
     };
     ToolPanel.prototype.notifySizeChanged = function () {
         this.l.u();
@@ -1737,40 +1899,43 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
     ToolPanel.prototype.provideContainer = function (a) {
         this.l.v(a);
     };
-    Object.defineProperty(ToolPanel.prototype, "n", {
+    Object.defineProperty(ToolPanel.prototype, "p", {
         get: function () {
-            return this.m;
+            return this.o;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.ax("CellTextStyle", b, this.m);
+            var b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.a0("CellTextStyle", b, this.o);
             }
         },
         enumerable: true,
         configurable: true
     });
-    ToolPanel.prototype.o = function () {
-        if (this.n == null) {
+    ToolPanel.prototype.q = function () {
+        if (this.p == null) {
             return this.l.f();
         }
-        return this.n;
+        return this.p;
     };
-    ToolPanel.prototype.ax = function (a, b, c) {
+    ToolPanel.prototype.a0 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.a0(a, b, c);
+        this.a3(a, b, c);
     };
-    ToolPanel.prototype.a0 = function (a, b, c) {
+    ToolPanel.prototype.a3 = function (a, b, c) {
         switch (a) {
+            case "BaseTheme":
+                this.a8();
+                break;
             case "CellTextStyle":
-                this.a2();
+                this.a5();
                 break;
             case "BackgroundColor":
             case "TextColor":
-                this.a2();
+                this.a5();
                 break;
             case "Orientation":
                 if (this.b != null) {
@@ -1780,39 +1945,58 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             case "Actions":
                 if (b != null) {
                     var d = b;
-                    d.collectionChanged = delegateRemove(d.collectionChanged, runOn(this, this.ak));
+                    d.collectionChanged = delegateRemove(d.collectionChanged, runOn(this, this.an));
                 }
                 if (c != null) {
                     var e = c;
-                    e.collectionChanged = delegateCombine(e.collectionChanged, runOn(this, this.ak));
+                    e.collectionChanged = delegateCombine(e.collectionChanged, runOn(this, this.an));
                 }
-                this.a2();
+                this.a5();
                 break;
         }
     };
-    Object.defineProperty(ToolPanel.prototype, "a7", {
+    ToolPanel.prototype.a8 = function () {
+        for (var a = 0; a < this.d.count; a++) {
+            this.d._inner[a].g = this.n;
+        }
+    };
+    Object.defineProperty(ToolPanel.prototype, "n", {
+        get: function () {
+            return this.m;
+        },
+        set: function (a) {
+            var b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.a0("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, a));
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ToolPanel.prototype, "bb", {
         get: function () {
-            return this.a5;
+            return this.a9;
         },
         set: function (a) {
-            var b = this.a5;
-            this.a5 = a;
-            if (b != this.a5) {
-                this.ax("BackgroundColor", b, a);
+            var b = this.a9;
+            this.a9 = a;
+            if (b != this.a9) {
+                this.a0("BackgroundColor", b, a);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ToolPanel.prototype, "ba", {
+    Object.defineProperty(ToolPanel.prototype, "be", {
         get: function () {
-            return this.a6;
+            return this.ba;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.ax("TextColor", b, a);
+            var b = this.ba;
+            this.ba = a;
+            if (b != this.ba) {
+                this.a0("TextColor", b, a);
             }
         },
         enumerable: true,
@@ -1826,13 +2010,13 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.ax("Orientation", enumGetBox(ToolPanelOrientation_$type, b), enumGetBox(ToolPanelOrientation_$type, a));
+                this.a0("Orientation", enumGetBox(ToolPanelOrientation_$type, b), enumGetBox(ToolPanelOrientation_$type, a));
             }
         },
         enumerable: true,
         configurable: true
     });
-    ToolPanel.prototype.ay = function (a, b) {
+    ToolPanel.prototype.a1 = function (a, b) {
         if (this.onCommand != null) {
             this.onCommand(this, ((function () {
                 var $ret = new ToolCommandEventArgs();
@@ -1840,13 +2024,13 @@ var ToolPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        if (a.f == 6) {
-            this.a3(a);
+        if (a.h == 6) {
+            this.a6(a);
         }
     };
     ToolPanel.$t = markType(ToolPanel, 'ToolPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ToolPanel.a8 = BrushUtil.g(255, 248, 248, 248);
-    ToolPanel.a9 = BrushUtil.g(255, 24, 29, 31);
+    ToolPanel.bc = BrushUtil.g(255, 248, 248, 248);
+    ToolPanel.bd = BrushUtil.g(255, 24, 29, 31);
     ToolPanel.j = 0;
     return ToolPanel;
 }(Base));