igniteui-webcomponents-layouts 7.1.0-beta.2 → 7.1.0-beta.4

package/esm5/lib/igc-toolbar-component.js

@@ -417,11 +417,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.fv);
+            return brushToString(this.i.f1);
         },
         set: function (v) {
-            this.i.fv = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.fv));
+            this.i.f1 = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.f1));
         },
         enumerable: false,
         configurable: true
@@ -431,11 +431,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color for submenus.
         */
         get: function () {
-            return brushToString(this.i.f9);
+            return brushToString(this.i.gi);
         },
         set: function (v) {
-            this.i.f9 = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.f9));
+            this.i.gi = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.gi));
         },
         enumerable: false,
         configurable: true
@@ -445,11 +445,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the group header background color.
         */
         get: function () {
-            return brushToString(this.i.f0);
+            return brushToString(this.i.f9);
         },
         set: function (v) {
-            this.i.f0 = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.f0));
+            this.i.f9 = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.f9));
         },
         enumerable: false,
         configurable: true
@@ -459,11 +459,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the separator background color.
         */
         get: function () {
-            return brushToString(this.i.f8);
+            return brushToString(this.i.gh);
         },
         set: function (v) {
-            this.i.f8 = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.f8));
+            this.i.gh = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.gh));
         },
         enumerable: false,
         configurable: true
@@ -473,11 +473,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the hover background color.
         */
         get: function () {
-            return brushToString(this.i.f4);
+            return brushToString(this.i.gd);
         },
         set: function (v) {
-            this.i.f4 = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.f4));
+            this.i.gd = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.gd));
         },
         enumerable: false,
         configurable: true
@@ -487,11 +487,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.gb);
+            return brushToString(this.i.gk);
         },
         set: function (v) {
-            this.i.gb = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.gb));
+            this.i.gk = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.gk));
         },
         enumerable: false,
         configurable: true
@@ -501,11 +501,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get: function () {
-            return brushToString(this.i.fy);
+            return brushToString(this.i.f7);
         },
         set: function (v) {
-            this.i.fy = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.fy));
+            this.i.f7 = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.f7));
         },
         enumerable: false,
         configurable: true
@@ -515,11 +515,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for group header tool actions.
         */
         get: function () {
-            return brushToString(this.i.f2);
+            return brushToString(this.i.gb);
         },
         set: function (v) {
-            this.i.f2 = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.f2));
+            this.i.gb = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.gb));
         },
         enumerable: false,
         configurable: true
@@ -529,11 +529,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the tooltip text color.
         */
         get: function () {
-            return brushToString(this.i.gd);
+            return brushToString(this.i.gm);
         },
         set: function (v) {
-            this.i.gd = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.gd));
+            this.i.gm = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.gm));
         },
         enumerable: false,
         configurable: true
@@ -543,11 +543,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.gc);
+            return brushToString(this.i.gl);
         },
         set: function (v) {
-            this.i.gc = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.gc));
+            this.i.gl = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.gl));
         },
         enumerable: false,
         configurable: true
@@ -585,11 +585,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.f5);
+            return brushToString(this.i.ge);
         },
         set: function (v) {
-            this.i.f5 = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.f5));
+            this.i.ge = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.ge));
         },
         enumerable: false,
         configurable: true
@@ -599,11 +599,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.f6);
+            return brushToString(this.i.gf);
         },
         set: function (v) {
-            this.i.f6 = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.f6));
+            this.i.gf = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.gf));
         },
         enumerable: false,
         configurable: true
@@ -845,22 +845,22 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.f3);
+            return brushToString(this.i.gc);
         },
         set: function (v) {
-            this.i.f3 = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.f3));
+            this.i.gc = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.gc));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolbarComponent.prototype, "accentColor", {
         get: function () {
-            return brushToString(this.i.fu);
+            return brushToString(this.i.f0);
         },
         set: function (v) {
-            this.i.fu = stringToBrush(v);
-            this._a("accentColor", brushToString(this.i.fu));
+            this.i.f0 = stringToBrush(v);
+            this._a("accentColor", brushToString(this.i.f0));
         },
         enumerable: false,
         configurable: true
@@ -870,11 +870,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get: function () {
-            return brushToString(this.i.f7);
+            return brushToString(this.i.gg);
         },
         set: function (v) {
-            this.i.f7 = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.f7));
+            this.i.gg = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.gg));
         },
         enumerable: false,
         configurable: true
@@ -884,11 +884,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.ge);
+            return brushToString(this.i.gn);
         },
         set: function (v) {
-            this.i.ge = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.ge));
+            this.i.gn = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.gn));
         },
         enumerable: false,
         configurable: true
@@ -898,11 +898,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.fw);
+            return brushToString(this.i.f5);
         },
         set: function (v) {
-            this.i.fw = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.fw));
+            this.i.f5 = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.f5));
         },
         enumerable: false,
         configurable: true
@@ -912,11 +912,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.gf);
+            return brushToString(this.i.go);
         },
         set: function (v) {
-            this.i.gf = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.gf));
+            this.i.go = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.go));
         },
         enumerable: false,
         configurable: true
@@ -926,11 +926,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.fx);
+            return brushToString(this.i.f6);
         },
         set: function (v) {
-            this.i.fx = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.fx));
+            this.i.f6 = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.f6));
         },
         enumerable: false,
         configurable: true
@@ -968,11 +968,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for subtitles.
         */
         get: function () {
-            return brushToString(this.i.ga);
+            return brushToString(this.i.gj);
         },
         set: function (v) {
-            this.i.ga = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.ga));
+            this.i.gj = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.gj));
         },
         enumerable: false,
         configurable: true
@@ -982,11 +982,11 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for group header subtitles.
         */
         get: function () {
-            return brushToString(this.i.f1);
+            return brushToString(this.i.ga);
         },
         set: function (v) {
-            this.i.f1 = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.f1));
+            this.i.ga = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.ga));
         },
         enumerable: false,
         configurable: true
@@ -1033,6 +1033,48 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcToolbarComponent.prototype, "checkboxListScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get: function () {
+            return brushToString(this.i.f3);
+        },
+        set: function (v) {
+            this.i.f3 = stringToBrush(v);
+            this._a("checkboxListScrollbarBackground", brushToString(this.i.f3));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "checkboxListScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get: function () {
+            return brushToString(this.i.f4);
+        },
+        set: function (v) {
+            this.i.f4 = stringToBrush(v);
+            this._a("checkboxListScrollbarHoverBackground", brushToString(this.i.f4));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolbarComponent.prototype, "checkboxListScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists hosted in this toolbar's sub-menus.
+        */
+        get: function () {
+            return brushToString(this.i.f2);
+        },
+        set: function (v) {
+            this.i.f2 = stringToBrush(v);
+            this._a("checkboxListScrollbarActiveBackground", brushToString(this.i.f2));
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcToolbarComponent.prototype.findByName = function (name) {
         if (this.findEphemera) {
             if (name && name.indexOf("@@e:") == 0) {
@@ -1108,7 +1150,7 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
         this._inStyling = false;
     };
     IgcToolbarComponent.prototype.flushRefresh = function () {
-        this.i.d6();
+        this.i.d9();
     };
     /**
      * Is a dropdown menu or tooltip currently open.
@@ -1123,7 +1165,7 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcToolbarComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.gh();
+        var iv = this.i.gq();
         return fromSize(iv);
     };
     /**
@@ -1131,111 +1173,111 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcToolbarComponent.prototype.closeSubmenus = function () {
-        this.i.d3();
+        this.i.d6();
     };
     IgcToolbarComponent.prototype.onCommandStateChanged = function (id, type, value) {
         this.i.onCommandStateChanged(id, ensureEnum(ToolCommandStateType_$type, type), value);
     };
     IgcToolbarComponent.prototype.registerIconFromText = function (iconCollection, iconName, iconText) {
-        this.i.en(iconCollection, iconName, iconText);
+        this.i.eq(iconCollection, iconName, iconText);
     };
     IgcToolbarComponent.prototype.getIconFromCache = function (iconCollection, iconName) {
-        var iv = this.i.ct(iconCollection, iconName);
+        var iv = this.i.cw(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerMultiPathSVG = function (iconCollection, iconName, multiPathSVG) {
-        this.i.ep(iconCollection, iconName, multiPathSVG);
+        this.i.es(iconCollection, iconName, multiPathSVG);
     };
     IgcToolbarComponent.prototype.getMultiPathSVGFromCache = function (iconCollection, iconName) {
         var iv = this.i.a(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerIconFromDataURL = function (iconCollection, iconName, dataURL) {
-        this.i.em(iconCollection, iconName, dataURL);
+        this.i.ep(iconCollection, iconName, dataURL);
     };
     IgcToolbarComponent.prototype.getDataURLFromCache = function (iconCollection, iconName) {
-        var iv = this.i.cs(iconCollection, iconName);
+        var iv = this.i.cv(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.registerIconSource = function (iconCollection, iconName, source) {
-        this.i.eo(iconCollection, iconName, source);
+        this.i.er(iconCollection, iconName, source);
     };
     IgcToolbarComponent.prototype.getIconSource = function (iconCollection, iconName) {
         var iv = this.i.ca(iconCollection, iconName);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBrushContextItem = function (key, value) {
-        this.i.es(key, stringToBrush(value));
+        this.i.ev(key, stringToBrush(value));
     };
     IgcToolbarComponent.prototype.getBrushContextItem = function (key) {
-        var iv = this.i.fz(key);
+        var iv = this.i.f8(key);
         return brushToString(iv);
     };
     IgcToolbarComponent.prototype.setBrushCollectionContextItem = function (key, value) {
-        this.i.er(key, toBrushCollection(value));
+        this.i.eu(key, toBrushCollection(value));
     };
     IgcToolbarComponent.prototype.getBrushCollectionContextItem = function (key) {
         var iv = this.i.b(key);
         return fromBrushCollection(iv);
     };
     IgcToolbarComponent.prototype.setDoubleContextItem = function (key, value) {
-        this.i.ew(key, value);
+        this.i.ez(key, value);
     };
     IgcToolbarComponent.prototype.getDoubleContextItem = function (key) {
         var iv = this.i.bd(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setIntContextItem = function (key, value) {
-        this.i.e3(key, value);
+        this.i.e6(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDoubleContextItem = function (key) {
         var iv = this.i.be(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDoubleContextItem = function (key, value) {
-        this.i.e1(key, value);
+        this.i.e4(key, value);
     };
     IgcToolbarComponent.prototype.getIntContextItem = function (key) {
         var iv = this.i.by(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalIntContextItem = function (key, value) {
-        this.i.e2(key, value);
+        this.i.e5(key, value);
     };
     IgcToolbarComponent.prototype.getExternalIntContextItem = function (key) {
         var iv = this.i.bx(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setStringContextItem = function (key, value) {
-        this.i.e4(key, value);
+        this.i.e7(key, value);
     };
     IgcToolbarComponent.prototype.getStringContextItem = function (key) {
-        var iv = this.i.cu(key);
+        var iv = this.i.cx(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setBoolContextItem = function (key, value) {
-        this.i.eq(key, value);
+        this.i.et(key, value);
     };
     IgcToolbarComponent.prototype.getBoolContextItem = function (key) {
         var iv = this.i.au(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setColorContextItem = function (key, value) {
-        this.i.et(key, stringToColor(value));
+        this.i.ew(key, stringToColor(value));
     };
     IgcToolbarComponent.prototype.getColorContextItem = function (key) {
-        var iv = this.i.gg(key);
+        var iv = this.i.gp(key);
         return colorToString(iv);
     };
     IgcToolbarComponent.prototype.setDataContextItem = function (key, value) {
-        this.i.ev(key, value);
+        this.i.ey(key, value);
     };
     IgcToolbarComponent.prototype.getDataContextItem = function (key) {
         var iv = this.i.b5(key);
         return (iv);
     };
     IgcToolbarComponent.prototype.setExternalDataContextItem = function (key, value) {
-        this.i.e0(key, value);
+        this.i.e3(key, value);
     };
     IgcToolbarComponent.prototype.getExternalDataContextItem = function (key) {
         var iv = this.i.b9(key);
@@ -1254,7 +1296,7 @@ export var IgcToolbarComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcToolbarComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.cr();
+        var iv = this.i.cu();
         return (iv);
     };
     Object.defineProperty(IgcToolbarComponent.prototype, "onCommand", {