igniteui-webcomponents-layouts 3.2.3 → 3.5.0

package/esm2015/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/esm2015/lib/ToolbarIconManager.js

@@ -0,0 +1,40 @@
+/*
+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 { Base, markType } from "igniteui-webcomponents-core";
+import { SvgIconRegistry } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+export let ToolbarIconManager = /*@__PURE__*/ (() => {
+    class ToolbarIconManager extends Base {
+        static c() {
+            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");
+        }
+        static b(a, b) {
+            SvgIconRegistry.instance.addSvgPathString("default", a, b);
+        }
+    }
+    ToolbarIconManager.$t = /*@__PURE__*/ markType(ToolbarIconManager, 'ToolbarIconManager');
+    ToolbarIconManager.a = false;
+    return ToolbarIconManager;
+})();

package/esm2015/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 let ToolbarOrientation_$type = /*@__PURE__*/ markEnum('ToolbarOrientation', 'Vertical,0|Horizontal,1');

package/esm2015/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/esm2015/lib/ToolbarView_combined.js

@@ -0,0 +1,387 @@
+/*
+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 { 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
+ */
+export let ToolbarView = /*@__PURE__*/ (() => {
+    class ToolbarView extends Base {
+        constructor() {
+            super();
+            this.n = null;
+            this.m = null;
+            this.a = null;
+            this.i = null;
+            this.l = null;
+            this.e = null;
+            this.k = null;
+            this.b = ((() => {
+                let $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;
+        }
+        p() {
+            return this.i;
+        }
+        v() {
+        }
+        t(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();
+            let b = new ToolPanel();
+            let c = this.i.createElement("div");
+            c.setStyleProperty("width", "100%");
+            c.setStyleProperty("height", "100%");
+            this.i.append(c);
+            let d = this.i.getSubRenderer(c);
+            b.provideContainer(d);
+            let e = this.i.getExternal(b, this.i.rootWrapper, this.i.getExternal(this.a, null, null));
+            this.a.am(b);
+            let f = Math.round(a.rootWrapper.width());
+            let g = Math.round(a.rootWrapper.height());
+            this.i.rootWrapper.setStyleProperty("position", "relative");
+        }
+        y() {
+        }
+        x() {
+            if (this.i != null) {
+            }
+        }
+        s() {
+            if (this.i == null) {
+                return;
+            }
+            let a = this.i.rootWrapper.width();
+            let b = this.i.rootWrapper.height();
+            this.aa = new Size(1, a, b);
+        }
+        z() {
+            let a = this.i;
+            if (null == a) {
+                return;
+            }
+            let b = a.rootWrapper;
+            if (null != b) {
+                NativeUI.o(b, this.a.a1);
+                NativeUI.k(b, this.a.ay);
+            }
+        }
+        d() {
+            return this.b;
+        }
+        u() {
+        }
+        w() {
+        }
+        r() {
+        }
+        g() {
+            return this.aa.width;
+        }
+        h(a) {
+            this.c = this.a.p();
+            return FontUtil.measureStringWidth(a, this.c, this.e);
+        }
+        q(a, b) {
+            if (this.j == null) {
+                this.j = this.i.createElement("div");
+            }
+            b(this.j.getNativeElement());
+        }
+    }
+    ToolbarView.$t = /*@__PURE__*/ markType(ToolbarView, 'ToolbarView');
+    return ToolbarView;
+})();
+/**
+ * @hidden
+ */
+export let Toolbar = /*@__PURE__*/ (() => {
+    class Toolbar extends Base {
+        constructor() {
+            super();
+            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();
+            let a = this.actions;
+            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.ah));
+            NativeUIInputsFactory.m();
+            let b = new ToolbarView();
+            b.a = this;
+            this.k = b;
+            this.k.v();
+        }
+        get r() {
+            if (this.q == null) {
+                this.q = new SRProvider(this.k.i);
+                this.q.cb("Layouts");
+            }
+            return this.q;
+        }
+        am(a) {
+            this.l = a;
+            let b = this.l;
+            b.onCommand = delegateCombine(b.onCommand, runOn(this, this.ag));
+            this.l.k = this.j;
+        }
+        ag(a, b) {
+            if (this.m != null) {
+                this.m.onToolCommandExecuting(b.a);
+            }
+        }
+        ap(a) {
+        }
+        get autoGeneratedActions() {
+            return this.d;
+        }
+        set autoGeneratedActions(a) {
+            let b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.aq("AutoGeneratedActions", b, this.d);
+            }
+        }
+        get actions() {
+            return this.b;
+        }
+        set actions(a) {
+            let b = this.b;
+            this.b = a;
+            if (b != this.b) {
+                this.aq("Actions", b, this.b);
+            }
+        }
+        get actualActions() {
+            return this.c;
+        }
+        set actualActions(a) {
+            let b = this.c;
+            this.c = a;
+            if (b != this.c) {
+                this.aq("ActualActions", b, this.c);
+            }
+        }
+        get j() {
+            return this.h;
+        }
+        set j(a) {
+            let b = this.h;
+            this.h = a;
+            if (b != this.h) {
+                this.aq("Orientation", enumGetBox(ToolbarOrientation_$type, b), enumGetBox(ToolbarOrientation_$type, a));
+            }
+        }
+        get w() {
+            return this.u;
+        }
+        set w(a) {
+            let b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.aq("Target", b, a);
+            }
+        }
+        get ay() {
+            return this.aw;
+        }
+        set ay(a) {
+            let b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.aq("BackgroundColor", b, a);
+            }
+        }
+        get a1() {
+            return this.ax;
+        }
+        set a1(a) {
+            let b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
+                this.aq("TextColor", b, a);
+            }
+        }
+        get o() {
+            return this.n;
+        }
+        set o(a) {
+            let b = this.n;
+            this.n = a;
+            if (b != this.n) {
+                this.aq("CellTextStyle", b, this.n);
+            }
+        }
+        p() {
+            if (this.o == null) {
+                return this.k.d();
+            }
+            return this.o;
+        }
+        ah(a, b) {
+            if (b.oldItems != null) {
+                for (let c of fromEn(b.oldItems)) {
+                    if (typeCast(INotifyPropertyChanged_$type, c) !== null) {
+                        let d = c;
+                        d.propertyChanged = delegateRemove(d.propertyChanged, runOn(this, this.ai));
+                    }
+                }
+            }
+            if (b.newItems != null) {
+                for (let e of fromEn(b.newItems)) {
+                    if (typeCast(INotifyPropertyChanged_$type, e) !== null) {
+                        let f = e;
+                        f.propertyChanged = delegateCombine(f.propertyChanged, runOn(this, this.ai));
+                    }
+                }
+            }
+            this.ao();
+        }
+        ai(a, b) {
+            this.ao();
+        }
+        ao() {
+            this.au();
+        }
+        au() {
+            if (this.t) {
+                return;
+            }
+            this.t = true;
+            this.a.enqueueAction(runOn(this, this.ak));
+        }
+        ak() {
+            if (!this.t) {
+                return;
+            }
+            this.t = false;
+            this.av();
+            if (this.l.actions != this.actualActions) {
+                this.l.actions = this.actualActions;
+            }
+        }
+        av() {
+            this.actualActions.clear();
+            for (let a = 0; a < this.actions.count; a++) {
+                this.actualActions.add(this.actions._inner[a]);
+            }
+            for (let b = 0; b < this.autoGeneratedActions.count; b++) {
+                this.actualActions.add(this.autoGeneratedActions._inner[b]);
+            }
+        }
+        al() {
+            if (this.t) {
+                this.ak();
+            }
+        }
+        notifySizeChanged() {
+            this.k.s();
+        }
+        destroy() {
+            this.provideContainer(null);
+        }
+        provideContainer(a) {
+            this.k.t(a);
+        }
+        aq(a, b, c) {
+            if (this.propertyChanged != null) {
+                this.propertyChanged(this, new PropertyChangedEventArgs(a));
+            }
+            this.as(a, b, c);
+        }
+        as(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":
+                    let d = c;
+                    let e = b;
+                    this.ar(e, d);
+                    break;
+            }
+        }
+        ar(a, b) {
+            this.m = b;
+            if (a != null) {
+                this.autoGeneratedActions.clear();
+                this.au();
+            }
+            if (b != null) {
+                this.autoGeneratedActions.clear();
+                let c = b.getDesiredToolbarActions();
+                if (c != null) {
+                    for (let d = 0; d < c.length; d++) {
+                        let e = ToolAction.a(c[d]);
+                        this.autoGeneratedActions.add(e);
+                    }
+                }
+                this.au();
+            }
+        }
+    }
+    Toolbar.$t = /*@__PURE__*/ markType(Toolbar, 'Toolbar', Base.$, [INotifyPropertyChanged_$type]);
+    Toolbar.i = 1;
+    Toolbar.v = null;
+    Toolbar.az = /*@__PURE__*/ BrushUtil.g(255, 248, 248, 248);
+    Toolbar.a0 = /*@__PURE__*/ BrushUtil.g(255, 24, 29, 31);
+    return Toolbar;
+})();