igniteui-webcomponents-layouts 3.2.2 → 3.2.4

package/esm5/lib/Toolbar.js

@@ -0,0 +1,7 @@
+/*
+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.
+*/
+export { Toolbar } from "./ToolbarView_combined";

package/esm5/lib/ToolbarIconManager.js

@@ -0,0 +1,44 @@
+/*
+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.
+*/
+import * as tslib_1 from "tslib";
+import { Base, markType } from "igniteui-webcomponents-core";
+import { SvgIconRegistry } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+var ToolbarIconManager = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__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) {
+        SvgIconRegistry.instance.addSvgPathString("default", a, b);
+    };
+    ToolbarIconManager.$t = markType(ToolbarIconManager, 'ToolbarIconManager');
+    ToolbarIconManager.a = false;
+    return ToolbarIconManager;
+}(Base));
+export { ToolbarIconManager };

package/esm5/lib/ToolbarOrientation.js

@@ -0,0 +1,16 @@
+/*
+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.
+*/
+import { markEnum } from "igniteui-webcomponents-core";
+export var ToolbarOrientation = /*@__PURE__*/ (function (ToolbarOrientation) {
+    ToolbarOrientation[ToolbarOrientation["Vertical"] = 0] = "Vertical";
+    ToolbarOrientation[ToolbarOrientation["Horizontal"] = 1] = "Horizontal";
+    return ToolbarOrientation;
+})({});
+/**
+ * @hidden
+ */
+export var ToolbarOrientation_$type = /*@__PURE__*/ markEnum('ToolbarOrientation', 'Vertical,0|Horizontal,1');

package/esm5/lib/ToolbarView.js

@@ -0,0 +1,7 @@
+/*
+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.
+*/
+export { ToolbarView } from "./ToolbarView_combined";

package/esm5/lib/ToolbarView_combined.js

@@ -0,0 +1,459 @@
+/*
+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.
+*/
+import * as tslib_1 from "tslib";
+import { Base, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, runOn, delegateCombine, enumGetBox, typeCast, delegateRemove, fromEn } from "igniteui-webcomponents-core";
+import { RenderingContext } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { ToolPanel } from "./ToolPanel";
+import { DOMExecutionContext } from "igniteui-webcomponents-core";
+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 { SRProvider } from "igniteui-webcomponents-core";
+import { ToolActionCollection } from "./ToolActionCollection";
+import { ToolbarOrientation_$type } from "./ToolbarOrientation";
+import { ToolbarIconManager } from "./ToolbarIconManager";
+import { ToolAction } from "./ToolAction";
+import { NativeUIInputsFactory } from "igniteui-webcomponents-core";
+import { BrushUtil } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+var ToolbarView = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(ToolbarView, _super);
+    function ToolbarView() {
+        var _this = _super.call(this) || this;
+        _this.n = null;
+        _this.m = null;
+        _this.a = null;
+        _this.i = null;
+        _this.l = null;
+        _this.e = null;
+        _this.k = null;
+        _this.b = ((function () {
+            var $ret = new FontInfo();
+            $ret.n = "Verdana";
+            $ret.d = 13;
+            $ret.q = "Normal";
+            $ret.s = "Normal";
+            $ret.o = "Normal";
+            return $ret;
+        })());
+        _this.aa = new Size();
+        _this.c = null;
+        _this._gridExternal = null;
+        _this.f = false;
+        _this.j = null;
+        return _this;
+    }
+    ToolbarView.prototype.p = function () {
+        return this.i;
+    };
+    ToolbarView.prototype.v = function () {
+    };
+    ToolbarView.prototype.t = function (a) {
+        if (a == null) {
+            this.i = null;
+            return;
+        }
+        this.a.a = new DOMExecutionContext(a);
+        this.i = a;
+        this.l = this.i.createElement("canvas");
+        this.e = new RenderingContext(new CanvasViewRenderer(), this.i.get2DCanvasContext(this.l));
+        this.k = this.i.createElement("div");
+        this.y();
+        var b = new ToolPanel();
+        var c = this.i.createElement("div");
+        c.setStyleProperty("width", "100%");
+        c.setStyleProperty("height", "100%");
+        this.i.append(c);
+        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.am(b);
+        var f = Math.round(a.rootWrapper.width());
+        var g = Math.round(a.rootWrapper.height());
+        this.i.rootWrapper.setStyleProperty("position", "relative");
+    };
+    ToolbarView.prototype.y = function () {
+    };
+    ToolbarView.prototype.x = function () {
+        if (this.i != null) {
+        }
+    };
+    ToolbarView.prototype.s = function () {
+        if (this.i == null) {
+            return;
+        }
+        var a = this.i.rootWrapper.width();
+        var b = this.i.rootWrapper.height();
+        this.aa = new Size(1, a, b);
+    };
+    ToolbarView.prototype.z = function () {
+        var a = this.i;
+        if (null == a) {
+            return;
+        }
+        var b = a.rootWrapper;
+        if (null != b) {
+            NativeUI.o(b, this.a.a1);
+            NativeUI.k(b, this.a.ay);
+        }
+    };
+    ToolbarView.prototype.d = function () {
+        return this.b;
+    };
+    ToolbarView.prototype.u = function () {
+    };
+    ToolbarView.prototype.w = function () {
+    };
+    ToolbarView.prototype.r = function () {
+    };
+    ToolbarView.prototype.g = function () {
+        return this.aa.width;
+    };
+    ToolbarView.prototype.h = function (a) {
+        this.c = this.a.p();
+        return FontUtil.measureStringWidth(a, this.c, this.e);
+    };
+    ToolbarView.prototype.q = function (a, b) {
+        if (this.j == null) {
+            this.j = this.i.createElement("div");
+        }
+        b(this.j.getNativeElement());
+    };
+    ToolbarView.$t = markType(ToolbarView, 'ToolbarView');
+    return ToolbarView;
+}(Base));
+export { ToolbarView };
+/**
+ * @hidden
+ */
+var Toolbar = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(Toolbar, _super);
+    function Toolbar() {
+        var _this = _super.call(this) || this;
+        _this.k = null;
+        _this.s = false;
+        _this.q = null;
+        _this.l = null;
+        _this.d = new ToolActionCollection();
+        _this.b = new ToolActionCollection();
+        _this.c = new ToolActionCollection();
+        _this.h = Toolbar.i;
+        _this.m = null;
+        _this.u = Toolbar.v;
+        _this.aw = Toolbar.az;
+        _this.ax = Toolbar.a0;
+        _this.n = null;
+        _this.t = false;
+        _this.propertyChanged = null;
+        _this.a = null;
+        ToolbarIconManager.c();
+        var a = _this.actions;
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ah));
+        NativeUIInputsFactory.m();
+        var b = new ToolbarView();
+        b.a = _this;
+        _this.k = b;
+        _this.k.v();
+        return _this;
+    }
+    Object.defineProperty(Toolbar.prototype, "r", {
+        get: function () {
+            if (this.q == null) {
+                this.q = new SRProvider(this.k.i);
+                this.q.cb("Layouts");
+            }
+            return this.q;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Toolbar.prototype.am = function (a) {
+        this.l = a;
+        var b = this.l;
+        b.onCommand = delegateCombine(b.onCommand, runOn(this, this.ag));
+        this.l.k = this.j;
+    };
+    Toolbar.prototype.ag = function (a, b) {
+        if (this.m != null) {
+            this.m.onToolCommandExecuting(b.a);
+        }
+    };
+    Toolbar.prototype.ap = function (a) {
+    };
+    Object.defineProperty(Toolbar.prototype, "autoGeneratedActions", {
+        get: function () {
+            return this.d;
+        },
+        set: function (a) {
+            var b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.aq("AutoGeneratedActions", b, this.d);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "actions", {
+        get: function () {
+            return this.b;
+        },
+        set: function (a) {
+            var b = this.b;
+            this.b = a;
+            if (b != this.b) {
+                this.aq("Actions", b, this.b);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "actualActions", {
+        get: function () {
+            return this.c;
+        },
+        set: function (a) {
+            var b = this.c;
+            this.c = a;
+            if (b != this.c) {
+                this.aq("ActualActions", b, this.c);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "j", {
+        get: function () {
+            return this.h;
+        },
+        set: function (a) {
+            var b = this.h;
+            this.h = a;
+            if (b != this.h) {
+                this.aq("Orientation", enumGetBox(ToolbarOrientation_$type, b), enumGetBox(ToolbarOrientation_$type, a));
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "w", {
+        get: function () {
+            return this.u;
+        },
+        set: function (a) {
+            var b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.aq("Target", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "ay", {
+        get: function () {
+            return this.aw;
+        },
+        set: function (a) {
+            var b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.aq("BackgroundColor", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "a1", {
+        get: function () {
+            return this.ax;
+        },
+        set: function (a) {
+            var b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
+                this.aq("TextColor", b, a);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Toolbar.prototype, "o", {
+        get: function () {
+            return this.n;
+        },
+        set: function (a) {
+            var b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.aq("CellTextStyle", b, this.n);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Toolbar.prototype.p = function () {
+        if (this.o == null) {
+            return this.k.d();
+        }
+        return this.o;
+    };
+    Toolbar.prototype.ah = function (a, b) {
+        var e_1, _a, e_2, _b;
+        if (b.oldItems != null) {
+            try {
+                for (var _c = tslib_1.__values(fromEn(b.oldItems)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var c = _d.value;
+                    if (typeCast(INotifyPropertyChanged_$type, c) !== null) {
+                        var d = c;
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.ai));
+                    }
+                }
+            }
+            catch (e_1_1) {
+                e_1 = { error: e_1_1 };
+            }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return))
+                        _a.call(_c);
+                }
+                finally {
+                    if (e_1)
+                        throw e_1.error;
+                }
+            }
+        }
+        if (b.newItems != null) {
+            try {
+                for (var _e = tslib_1.__values(fromEn(b.newItems)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var e = _f.value;
+                    if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
+                        var f = e;
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.ai));
+                    }
+                }
+            }
+            catch (e_2_1) {
+                e_2 = { error: e_2_1 };
+            }
+            finally {
+                try {
+                    if (_f && !_f.done && (_b = _e.return))
+                        _b.call(_e);
+                }
+                finally {
+                    if (e_2)
+                        throw e_2.error;
+                }
+            }
+        }
+        this.ao();
+    };
+    Toolbar.prototype.ai = function (a, b) {
+        this.ao();
+    };
+    Toolbar.prototype.ao = function () {
+        this.au();
+    };
+    Toolbar.prototype.au = function () {
+        if (this.t) {
+            return;
+        }
+        this.t = true;
+        this.a.enqueueAction(runOn(this, this.ak));
+    };
+    Toolbar.prototype.ak = function () {
+        if (!this.t) {
+            return;
+        }
+        this.t = false;
+        this.av();
+        if (this.l.actions != this.actualActions) {
+            this.l.actions = this.actualActions;
+        }
+    };
+    Toolbar.prototype.av = function () {
+        this.actualActions.clear();
+        for (var a = 0; a < this.actions.count; a++) {
+            this.actualActions.add(this.actions._inner[a]);
+        }
+        for (var b = 0; b < this.autoGeneratedActions.count; b++) {
+            this.actualActions.add(this.autoGeneratedActions._inner[b]);
+        }
+    };
+    Toolbar.prototype.al = function () {
+        if (this.t) {
+            this.ak();
+        }
+    };
+    Toolbar.prototype.notifySizeChanged = function () {
+        this.k.s();
+    };
+    Toolbar.prototype.destroy = function () {
+        this.provideContainer(null);
+    };
+    Toolbar.prototype.provideContainer = function (a) {
+        this.k.t(a);
+    };
+    Toolbar.prototype.aq = function (a, b, c) {
+        if (this.propertyChanged != null) {
+            this.propertyChanged(this, new PropertyChangedEventArgs(a));
+        }
+        this.as(a, b, c);
+    };
+    Toolbar.prototype.as = function (a, b, c) {
+        switch (a) {
+            case "CellTextStyle":
+                this.au();
+                break;
+            case "BackgroundColor":
+            case "TextColor":
+                this.au();
+                break;
+            case "Orientation":
+                if (this.l != null) {
+                    this.l.k = this.j;
+                }
+                break;
+            case "Target":
+                var d = c;
+                var e = b;
+                this.ar(e, d);
+                break;
+        }
+    };
+    Toolbar.prototype.ar = function (a, b) {
+        this.m = b;
+        if (a != null) {
+            this.autoGeneratedActions.clear();
+            this.au();
+        }
+        if (b != null) {
+            this.autoGeneratedActions.clear();
+            var c = b.getDesiredToolbarActions();
+            if (c != null) {
+                for (var d = 0; d < c.length; d++) {
+                    var e = ToolAction.a(c[d]);
+                    this.autoGeneratedActions.add(e);
+                }
+            }
+            this.au();
+        }
+    };
+    Toolbar.$t = markType(Toolbar, 'Toolbar', Base.$, [INotifyPropertyChanged_$type]);
+    Toolbar.i = 1;
+    Toolbar.v = null;
+    Toolbar.az = BrushUtil.g(255, 248, 248, 248);
+    Toolbar.a0 = BrushUtil.g(255, 24, 29, 31);
+    return Toolbar;
+}(Base));
+export { Toolbar };