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

package/esm5/lib/igc-tool-panel-component.js

@@ -276,11 +276,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
      * Gets or sets if the tool actions should display their submenus on mouse hover.
     */
         get: function () {
-            return this.i.a6;
+            return this.i.a7;
         },
         set: function (v) {
-            this.i.a6 = ensureBool(v);
-            this._a("showOnHover", this.i.a6);
+            this.i.a7 = ensureBool(v);
+            this._a("showOnHover", this.i.a7);
         },
         enumerable: false,
         configurable: true
@@ -290,11 +290,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets if the tool action icon buttons should display their tooltips on mouse hover.
         */
         get: function () {
-            return this.i.a7;
+            return this.i.a8;
         },
         set: function (v) {
-            this.i.a7 = ensureBool(v);
-            this._a("showTooltipOnHover", this.i.a7);
+            this.i.a8 = ensureBool(v);
+            this._a("showTooltipOnHover", this.i.a8);
         },
         enumerable: false,
         configurable: true
@@ -306,11 +306,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * always keep the dropdown open during a hover open and will require an extra click to close.
         */
         get: function () {
-            return this.i.c1;
+            return this.i.c2;
         },
         set: function (v) {
-            this.i.c1 = +v;
-            this._a("dropdownClickBuffer", this.i.c1);
+            this.i.c2 = +v;
+            this._a("dropdownClickBuffer", this.i.c2);
         },
         enumerable: false,
         configurable: true
@@ -320,11 +320,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Prevents clicks on the tool actions from bubbling.
         */
         get: function () {
-            return this.i.a8;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a8 = ensureBool(v);
-            this._a("stopPropagation", this.i.a8);
+            this.i.a9 = ensureBool(v);
+            this._a("stopPropagation", this.i.a9);
         },
         enumerable: false,
         configurable: true
@@ -433,22 +433,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the color to use for the background of the component.
         */
         get: function () {
-            return brushToString(this.i.jo);
+            return brushToString(this.i.jv);
         },
         set: function (v) {
-            this.i.jo = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.jo));
+            this.i.jv = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.jv));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualBackgroundColor", {
         get: function () {
-            return brushToString(this.i.i3);
+            return brushToString(this.i.ja);
         },
         set: function (v) {
-            this.i.i3 = stringToBrush(v);
-            this._a("actualBackgroundColor", brushToString(this.i.i3));
+            this.i.ja = stringToBrush(v);
+            this._a("actualBackgroundColor", brushToString(this.i.ja));
         },
         enumerable: false,
         configurable: true
@@ -458,22 +458,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the background color for submenus.
         */
         get: function () {
-            return brushToString(this.i.j4);
+            return brushToString(this.i.ke);
         },
         set: function (v) {
-            this.i.j4 = stringToBrush(v);
-            this._a("submenuBackgroundColor", brushToString(this.i.j4));
+            this.i.ke = stringToBrush(v);
+            this._a("submenuBackgroundColor", brushToString(this.i.ke));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSubmenuBackgroundColor", {
         get: function () {
-            return brushToString(this.i.jh);
+            return brushToString(this.i.jo);
         },
         set: function (v) {
-            this.i.jh = stringToBrush(v);
-            this._a("actualSubmenuBackgroundColor", brushToString(this.i.jh));
+            this.i.jo = stringToBrush(v);
+            this._a("actualSubmenuBackgroundColor", brushToString(this.i.jo));
         },
         enumerable: false,
         configurable: true
@@ -483,22 +483,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the group header background color.
         */
         get: function () {
-            return brushToString(this.i.ju);
+            return brushToString(this.i.j4);
         },
         set: function (v) {
-            this.i.ju = stringToBrush(v);
-            this._a("groupHeaderBackgroundColor", brushToString(this.i.ju));
+            this.i.j4 = stringToBrush(v);
+            this._a("groupHeaderBackgroundColor", brushToString(this.i.j4));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualGroupHeaderBackgroundColor", {
         get: function () {
-            return brushToString(this.i.i7);
+            return brushToString(this.i.je);
         },
         set: function (v) {
-            this.i.i7 = stringToBrush(v);
-            this._a("actualGroupHeaderBackgroundColor", brushToString(this.i.i7));
+            this.i.je = stringToBrush(v);
+            this._a("actualGroupHeaderBackgroundColor", brushToString(this.i.je));
         },
         enumerable: false,
         configurable: true
@@ -508,22 +508,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the separator background color.
         */
         get: function () {
-            return brushToString(this.i.j3);
+            return brushToString(this.i.kd);
         },
         set: function (v) {
-            this.i.j3 = stringToBrush(v);
-            this._a("separatorBackgroundColor", brushToString(this.i.j3));
+            this.i.kd = stringToBrush(v);
+            this._a("separatorBackgroundColor", brushToString(this.i.kd));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorBackgroundColor", {
         get: function () {
-            return brushToString(this.i.jg);
+            return brushToString(this.i.jn);
         },
         set: function (v) {
-            this.i.jg = stringToBrush(v);
-            this._a("actualSeparatorBackgroundColor", brushToString(this.i.jg));
+            this.i.jn = stringToBrush(v);
+            this._a("actualSeparatorBackgroundColor", brushToString(this.i.jn));
         },
         enumerable: false,
         configurable: true
@@ -533,22 +533,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the group header separator background color.
         */
         get: function () {
-            return brushToString(this.i.jv);
+            return brushToString(this.i.j5);
         },
         set: function (v) {
-            this.i.jv = stringToBrush(v);
-            this._a("groupHeaderSeparatorBackgroundColor", brushToString(this.i.jv));
+            this.i.j5 = stringToBrush(v);
+            this._a("groupHeaderSeparatorBackgroundColor", brushToString(this.i.j5));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualGroupHeaderSeparatorBackgroundColor", {
         get: function () {
-            return brushToString(this.i.i8);
+            return brushToString(this.i.jf);
         },
         set: function (v) {
-            this.i.i8 = stringToBrush(v);
-            this._a("actualGroupHeaderSeparatorBackgroundColor", brushToString(this.i.i8));
+            this.i.jf = stringToBrush(v);
+            this._a("actualGroupHeaderSeparatorBackgroundColor", brushToString(this.i.jf));
         },
         enumerable: false,
         configurable: true
@@ -558,22 +558,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the hover background color.
         */
         get: function () {
-            return brushToString(this.i.jz);
+            return brushToString(this.i.j9);
         },
         set: function (v) {
-            this.i.jz = stringToBrush(v);
-            this._a("hoverBackgroundColor", brushToString(this.i.jz));
+            this.i.j9 = stringToBrush(v);
+            this._a("hoverBackgroundColor", brushToString(this.i.j9));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.jc);
+            return brushToString(this.i.jj);
         },
         set: function (v) {
-            this.i.jc = stringToBrush(v);
-            this._a("actualHoverBackgroundColor", brushToString(this.i.jc));
+            this.i.jj = stringToBrush(v);
+            this._a("actualHoverBackgroundColor", brushToString(this.i.jj));
         },
         enumerable: false,
         configurable: true
@@ -583,33 +583,33 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the color to use for the text of the component.
         */
         get: function () {
-            return brushToString(this.i.j6);
+            return brushToString(this.i.kg);
         },
         set: function (v) {
-            this.i.j6 = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.j6));
+            this.i.kg = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.kg));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualTextColor", {
         get: function () {
-            return brushToString(this.i.jj);
+            return brushToString(this.i.jq);
         },
         set: function (v) {
-            this.i.jj = stringToBrush(v);
-            this._a("actualTextColor", brushToString(this.i.jj));
+            this.i.jq = stringToBrush(v);
+            this._a("actualTextColor", brushToString(this.i.jq));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSubtitleTextColor", {
         get: function () {
-            return brushToString(this.i.ji);
+            return brushToString(this.i.jp);
         },
         set: function (v) {
-            this.i.ji = stringToBrush(v);
-            this._a("actualSubtitleTextColor", brushToString(this.i.ji));
+            this.i.jp = stringToBrush(v);
+            this._a("actualSubtitleTextColor", brushToString(this.i.jp));
         },
         enumerable: false,
         configurable: true
@@ -619,11 +619,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the color to use for the subtitle of the component.
         */
         get: function () {
-            return brushToString(this.i.j5);
+            return brushToString(this.i.kf);
         },
         set: function (v) {
-            this.i.j5 = stringToBrush(v);
-            this._a("subtitleTextColor", brushToString(this.i.j5));
+            this.i.kf = stringToBrush(v);
+            this._a("subtitleTextColor", brushToString(this.i.kf));
         },
         enumerable: false,
         configurable: true
@@ -633,22 +633,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the color to use for the text in disabled tool actions.
         */
         get: function () {
-            return brushToString(this.i.jr);
+            return brushToString(this.i.j1);
         },
         set: function (v) {
-            this.i.jr = stringToBrush(v);
-            this._a("disabledTextColor", brushToString(this.i.jr));
+            this.i.j1 = stringToBrush(v);
+            this._a("disabledTextColor", brushToString(this.i.j1));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualDisabledTextColor", {
         get: function () {
-            return brushToString(this.i.i6);
+            return brushToString(this.i.jd);
         },
         set: function (v) {
-            this.i.i6 = stringToBrush(v);
-            this._a("actualDisabledTextColor", brushToString(this.i.i6));
+            this.i.jd = stringToBrush(v);
+            this._a("actualDisabledTextColor", brushToString(this.i.jd));
         },
         enumerable: false,
         configurable: true
@@ -658,22 +658,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the text color for group header tool actions.
         */
         get: function () {
-            return brushToString(this.i.jx);
+            return brushToString(this.i.j7);
         },
         set: function (v) {
-            this.i.jx = stringToBrush(v);
-            this._a("groupHeaderTextColor", brushToString(this.i.jx));
+            this.i.j7 = stringToBrush(v);
+            this._a("groupHeaderTextColor", brushToString(this.i.j7));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualGroupHeaderTextColor", {
         get: function () {
-            return brushToString(this.i.ja);
+            return brushToString(this.i.jh);
         },
         set: function (v) {
-            this.i.ja = stringToBrush(v);
-            this._a("actualGroupHeaderTextColor", brushToString(this.i.ja));
+            this.i.jh = stringToBrush(v);
+            this._a("actualGroupHeaderTextColor", brushToString(this.i.jh));
         },
         enumerable: false,
         configurable: true
@@ -683,22 +683,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the text color for group header subtitle.
         */
         get: function () {
-            return brushToString(this.i.jw);
+            return brushToString(this.i.j6);
         },
         set: function (v) {
-            this.i.jw = stringToBrush(v);
-            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.jw));
+            this.i.j6 = stringToBrush(v);
+            this._a("groupHeaderSubtitleTextColor", brushToString(this.i.j6));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualGroupHeaderSubtitleTextColor", {
         get: function () {
-            return brushToString(this.i.i9);
+            return brushToString(this.i.jg);
         },
         set: function (v) {
-            this.i.i9 = stringToBrush(v);
-            this._a("actualGroupHeaderSubtitleTextColor", brushToString(this.i.i9));
+            this.i.jg = stringToBrush(v);
+            this._a("actualGroupHeaderSubtitleTextColor", brushToString(this.i.jg));
         },
         enumerable: false,
         configurable: true
@@ -708,22 +708,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the tooltip text color.
         */
         get: function () {
-            return brushToString(this.i.j8);
+            return brushToString(this.i.ki);
         },
         set: function (v) {
-            this.i.j8 = stringToBrush(v);
-            this._a("toolTipTextColor", brushToString(this.i.j8));
+            this.i.ki = stringToBrush(v);
+            this._a("toolTipTextColor", brushToString(this.i.ki));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualToolTipTextColor", {
         get: function () {
-            return brushToString(this.i.jl);
+            return brushToString(this.i.js);
         },
         set: function (v) {
-            this.i.jl = stringToBrush(v);
-            this._a("actualToolTipTextColor", brushToString(this.i.jl));
+            this.i.js = stringToBrush(v);
+            this._a("actualToolTipTextColor", brushToString(this.i.js));
         },
         enumerable: false,
         configurable: true
@@ -733,11 +733,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.j7);
+            return brushToString(this.i.kh);
         },
         set: function (v) {
-            this.i.j7 = stringToBrush(v);
-            this._a("toolTipBackgroundColor", brushToString(this.i.j7));
+            this.i.kh = stringToBrush(v);
+            this._a("toolTipBackgroundColor", brushToString(this.i.kh));
         },
         enumerable: false,
         configurable: true
@@ -747,11 +747,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual tooltip background color.
         */
         get: function () {
-            return brushToString(this.i.jk);
+            return brushToString(this.i.jr);
         },
         set: function (v) {
-            this.i.jk = stringToBrush(v);
-            this._a("actualToolTipBackgroundColor", brushToString(this.i.jk));
+            this.i.jr = stringToBrush(v);
+            this._a("actualToolTipBackgroundColor", brushToString(this.i.jr));
         },
         enumerable: false,
         configurable: true
@@ -761,11 +761,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the tooltip corner radius.
         */
         get: function () {
-            return this.i.ct;
+            return this.i.cu;
         },
         set: function (v) {
-            this.i.ct = +v;
-            this._a("toolTipCornerRadius", this.i.ct);
+            this.i.cu = +v;
+            this._a("toolTipCornerRadius", this.i.cu);
         },
         enumerable: false,
         configurable: true
@@ -775,11 +775,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual tooltip corner radius.
         */
         get: function () {
-            return this.i.ce;
+            return this.i.cf;
         },
         set: function (v) {
-            this.i.ce = +v;
-            this._a("actualToolTipCornerRadius", this.i.ce);
+            this.i.cf = +v;
+            this._a("actualToolTipCornerRadius", this.i.cf);
         },
         enumerable: false,
         configurable: true
@@ -789,11 +789,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the shadow elevation for the tooltip.
         */
         get: function () {
-            return this.i.cu;
+            return this.i.cv;
         },
         set: function (v) {
-            this.i.cu = +v;
-            this._a("toolTipElevation", this.i.cu);
+            this.i.cv = +v;
+            this._a("toolTipElevation", this.i.cv);
         },
         enumerable: false,
         configurable: true
@@ -803,11 +803,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual shadow elevation used by the tooltip.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.cg;
         },
         set: function (v) {
-            this.i.cf = +v;
-            this._a("actualToolTipElevation", this.i.cf);
+            this.i.cg = +v;
+            this._a("actualToolTipElevation", this.i.cg);
         },
         enumerable: false,
         configurable: true
@@ -817,11 +817,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the fill color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.j0);
+            return brushToString(this.i.ka);
         },
         set: function (v) {
-            this.i.j0 = stringToBrush(v);
-            this._a("iconFill", brushToString(this.i.j0));
+            this.i.ka = stringToBrush(v);
+            this._a("iconFill", brushToString(this.i.ka));
         },
         enumerable: false,
         configurable: true
@@ -831,11 +831,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual icon fill color.
         */
         get: function () {
-            return brushToString(this.i.jd);
+            return brushToString(this.i.jk);
         },
         set: function (v) {
-            this.i.jd = stringToBrush(v);
-            this._a("actualIconFill", brushToString(this.i.jd));
+            this.i.jk = stringToBrush(v);
+            this._a("actualIconFill", brushToString(this.i.jk));
         },
         enumerable: false,
         configurable: true
@@ -845,11 +845,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the stroke color of icons in the ToolPanel.
         */
         get: function () {
-            return brushToString(this.i.j1);
+            return brushToString(this.i.kb);
         },
         set: function (v) {
-            this.i.j1 = stringToBrush(v);
-            this._a("iconStroke", brushToString(this.i.j1));
+            this.i.kb = stringToBrush(v);
+            this._a("iconStroke", brushToString(this.i.kb));
         },
         enumerable: false,
         configurable: true
@@ -859,11 +859,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual icon stroke color.
         */
         get: function () {
-            return brushToString(this.i.je);
+            return brushToString(this.i.jl);
         },
         set: function (v) {
-            this.i.je = stringToBrush(v);
-            this._a("actualIconStroke", brushToString(this.i.je));
+            this.i.jl = stringToBrush(v);
+            this._a("actualIconStroke", brushToString(this.i.jl));
         },
         enumerable: false,
         configurable: true
@@ -873,22 +873,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the left padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.cq;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cq = +v;
-            this._a("separatorVerticalPaddingLeft", this.i.cq);
+            this.i.cr = +v;
+            this._a("separatorVerticalPaddingLeft", this.i.cr);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorVerticalPaddingLeft", {
         get: function () {
-            return this.i.cb;
+            return this.i.cc;
         },
         set: function (v) {
-            this.i.cb = +v;
-            this._a("actualSeparatorVerticalPaddingLeft", this.i.cb);
+            this.i.cc = +v;
+            this._a("actualSeparatorVerticalPaddingLeft", this.i.cc);
         },
         enumerable: false,
         configurable: true
@@ -898,22 +898,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the right padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.cr;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.cr = +v;
-            this._a("separatorVerticalPaddingRight", this.i.cr);
+            this.i.cs = +v;
+            this._a("separatorVerticalPaddingRight", this.i.cs);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorVerticalPaddingRight", {
         get: function () {
-            return this.i.cc;
+            return this.i.cd;
         },
         set: function (v) {
-            this.i.cc = +v;
-            this._a("actualSeparatorVerticalPaddingRight", this.i.cc);
+            this.i.cd = +v;
+            this._a("actualSeparatorVerticalPaddingRight", this.i.cd);
         },
         enumerable: false,
         configurable: true
@@ -923,22 +923,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the top padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.cs;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cs = +v;
-            this._a("separatorVerticalPaddingTop", this.i.cs);
+            this.i.ct = +v;
+            this._a("separatorVerticalPaddingTop", this.i.ct);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorVerticalPaddingTop", {
         get: function () {
-            return this.i.cd;
+            return this.i.ce;
         },
         set: function (v) {
-            this.i.cd = +v;
-            this._a("actualSeparatorVerticalPaddingTop", this.i.cd);
+            this.i.ce = +v;
+            this._a("actualSeparatorVerticalPaddingTop", this.i.ce);
         },
         enumerable: false,
         configurable: true
@@ -948,22 +948,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the bottom padding for separators in the vertical orientation.
         */
         get: function () {
-            return this.i.cp;
+            return this.i.cq;
         },
         set: function (v) {
-            this.i.cp = +v;
-            this._a("separatorVerticalPaddingBottom", this.i.cp);
+            this.i.cq = +v;
+            this._a("separatorVerticalPaddingBottom", this.i.cq);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorVerticalPaddingBottom", {
         get: function () {
-            return this.i.ca;
+            return this.i.cb;
         },
         set: function (v) {
-            this.i.ca = +v;
-            this._a("actualSeparatorVerticalPaddingBottom", this.i.ca);
+            this.i.cb = +v;
+            this._a("actualSeparatorVerticalPaddingBottom", this.i.cb);
         },
         enumerable: false,
         configurable: true
@@ -973,22 +973,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the left padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.cm;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.cm = +v;
-            this._a("separatorHorizontalPaddingLeft", this.i.cm);
+            this.i.cn = +v;
+            this._a("separatorHorizontalPaddingLeft", this.i.cn);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorHorizontalPaddingLeft", {
         get: function () {
-            return this.i.b7;
+            return this.i.b8;
         },
         set: function (v) {
-            this.i.b7 = +v;
-            this._a("actualSeparatorHorizontalPaddingLeft", this.i.b7);
+            this.i.b8 = +v;
+            this._a("actualSeparatorHorizontalPaddingLeft", this.i.b8);
         },
         enumerable: false,
         configurable: true
@@ -998,22 +998,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the right padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.cn;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.cn = +v;
-            this._a("separatorHorizontalPaddingRight", this.i.cn);
+            this.i.co = +v;
+            this._a("separatorHorizontalPaddingRight", this.i.co);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorHorizontalPaddingRight", {
         get: function () {
-            return this.i.b8;
+            return this.i.b9;
         },
         set: function (v) {
-            this.i.b8 = +v;
-            this._a("actualSeparatorHorizontalPaddingRight", this.i.b8);
+            this.i.b9 = +v;
+            this._a("actualSeparatorHorizontalPaddingRight", this.i.b9);
         },
         enumerable: false,
         configurable: true
@@ -1023,22 +1023,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the top padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.co;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.co = +v;
-            this._a("separatorHorizontalPaddingTop", this.i.co);
+            this.i.cp = +v;
+            this._a("separatorHorizontalPaddingTop", this.i.cp);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorHorizontalPaddingTop", {
         get: function () {
-            return this.i.b9;
+            return this.i.ca;
         },
         set: function (v) {
-            this.i.b9 = +v;
-            this._a("actualSeparatorHorizontalPaddingTop", this.i.b9);
+            this.i.ca = +v;
+            this._a("actualSeparatorHorizontalPaddingTop", this.i.ca);
         },
         enumerable: false,
         configurable: true
@@ -1048,22 +1048,22 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the bottom padding for separators in the horizontal orientation.
         */
         get: function () {
-            return this.i.cl;
+            return this.i.cm;
         },
         set: function (v) {
-            this.i.cl = +v;
-            this._a("separatorHorizontalPaddingBottom", this.i.cl);
+            this.i.cm = +v;
+            this._a("separatorHorizontalPaddingBottom", this.i.cm);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualSeparatorHorizontalPaddingBottom", {
         get: function () {
-            return this.i.b6;
+            return this.i.b7;
         },
         set: function (v) {
-            this.i.b6 = +v;
-            this._a("actualSeparatorHorizontalPaddingBottom", this.i.b6);
+            this.i.b7 = +v;
+            this._a("actualSeparatorHorizontalPaddingBottom", this.i.b7);
         },
         enumerable: false,
         configurable: true
@@ -1087,11 +1087,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the row height for the panel.
         */
         get: function () {
-            return this.i.c5;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.c5 = +v;
-            this._a("rowHeight", this.i.c5);
+            this.i.c6 = +v;
+            this._a("rowHeight", this.i.c6);
         },
         enumerable: false,
         configurable: true
@@ -1101,7 +1101,7 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual row height used by the panel.
         */
         get: function () {
-            return this.i.b5;
+            return this.i.b6;
         },
         enumerable: false,
         configurable: true
@@ -1111,99 +1111,99 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the height to use for the sub panel rows if different than default.
         */
         get: function () {
-            return this.i.c6;
+            return this.i.c7;
         },
         set: function (v) {
-            this.i.c6 = +v;
-            this._a("subPanelRowHeight", this.i.c6);
+            this.i.c7 = +v;
+            this._a("subPanelRowHeight", this.i.c7);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "highlightWidth", {
         get: function () {
-            return this.i.cj;
+            return this.i.ck;
         },
         set: function (v) {
-            this.i.cj = +v;
-            this._a("highlightWidth", this.i.cj);
+            this.i.ck = +v;
+            this._a("highlightWidth", this.i.ck);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualHighlightWidth", {
         get: function () {
-            return this.i.b4;
+            return this.i.b5;
         },
         set: function (v) {
-            this.i.b4 = +v;
-            this._a("actualHighlightWidth", this.i.b4);
+            this.i.b5 = +v;
+            this._a("actualHighlightWidth", this.i.b5);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "highlightRadius", {
         get: function () {
-            return this.i.ci;
+            return this.i.cj;
         },
         set: function (v) {
-            this.i.ci = +v;
-            this._a("highlightRadius", this.i.ci);
+            this.i.cj = +v;
+            this._a("highlightRadius", this.i.cj);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualHighlightRadius", {
         get: function () {
-            return this.i.b3;
+            return this.i.b4;
         },
         set: function (v) {
-            this.i.b3 = +v;
-            this._a("actualHighlightRadius", this.i.b3);
+            this.i.b4 = +v;
+            this._a("actualHighlightRadius", this.i.b4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "highlightColor", {
         get: function () {
-            return brushToString(this.i.jy);
+            return brushToString(this.i.j8);
         },
         set: function (v) {
-            this.i.jy = stringToBrush(v);
-            this._a("highlightColor", brushToString(this.i.jy));
+            this.i.j8 = stringToBrush(v);
+            this._a("highlightColor", brushToString(this.i.j8));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualHighlightColor", {
         get: function () {
-            return brushToString(this.i.jb);
+            return brushToString(this.i.ji);
         },
         set: function (v) {
-            this.i.jb = stringToBrush(v);
-            this._a("actualHighlightColor", brushToString(this.i.jb));
+            this.i.ji = stringToBrush(v);
+            this._a("actualHighlightColor", brushToString(this.i.ji));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "actualAccentColor", {
         get: function () {
-            return brushToString(this.i.i2);
+            return brushToString(this.i.i9);
         },
         set: function (v) {
-            this.i.i2 = stringToBrush(v);
-            this._a("actualAccentColor", brushToString(this.i.i2));
+            this.i.i9 = stringToBrush(v);
+            this._a("actualAccentColor", brushToString(this.i.i9));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "accentColor", {
         get: function () {
-            return brushToString(this.i.i1);
+            return brushToString(this.i.i8);
         },
         set: function (v) {
-            this.i.i1 = stringToBrush(v);
-            this._a("accentColor", brushToString(this.i.i1));
+            this.i.i8 = stringToBrush(v);
+            this._a("accentColor", brushToString(this.i.i8));
         },
         enumerable: false,
         configurable: true
@@ -1213,11 +1213,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the stroke color for all icon menu dropdown arrows.
         */
         get: function () {
-            return brushToString(this.i.j2);
+            return brushToString(this.i.kc);
         },
         set: function (v) {
-            this.i.j2 = stringToBrush(v);
-            this._a("menuArrowStroke", brushToString(this.i.j2));
+            this.i.kc = stringToBrush(v);
+            this._a("menuArrowStroke", brushToString(this.i.kc));
         },
         enumerable: false,
         configurable: true
@@ -1227,11 +1227,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual stroke color for all icon menu dropdown arrows.
         */
         get: function () {
-            return brushToString(this.i.jf);
+            return brushToString(this.i.jm);
         },
         set: function (v) {
-            this.i.jf = stringToBrush(v);
-            this._a("actualMenuArrowStroke", brushToString(this.i.jf));
+            this.i.jm = stringToBrush(v);
+            this._a("actualMenuArrowStroke", brushToString(this.i.jm));
         },
         enumerable: false,
         configurable: true
@@ -1241,11 +1241,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.j9);
+            return brushToString(this.i.kj);
         },
         set: function (v) {
-            this.i.j9 = stringToBrush(v);
-            this._a("uncheckedBackgroundColor", brushToString(this.i.j9));
+            this.i.kj = stringToBrush(v);
+            this._a("uncheckedBackgroundColor", brushToString(this.i.kj));
         },
         enumerable: false,
         configurable: true
@@ -1255,11 +1255,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual background color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.jm);
+            return brushToString(this.i.jt);
         },
         set: function (v) {
-            this.i.jm = stringToBrush(v);
-            this._a("actualUncheckedBackgroundColor", brushToString(this.i.jm));
+            this.i.jt = stringToBrush(v);
+            this._a("actualUncheckedBackgroundColor", brushToString(this.i.jt));
         },
         enumerable: false,
         configurable: true
@@ -1269,11 +1269,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.jp);
+            return brushToString(this.i.jz);
         },
         set: function (v) {
-            this.i.jp = stringToBrush(v);
-            this._a("checkedBackgroundColor", brushToString(this.i.jp));
+            this.i.jz = stringToBrush(v);
+            this._a("checkedBackgroundColor", brushToString(this.i.jz));
         },
         enumerable: false,
         configurable: true
@@ -1283,11 +1283,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual background color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.i4);
+            return brushToString(this.i.jb);
         },
         set: function (v) {
-            this.i.i4 = stringToBrush(v);
-            this._a("actualCheckedBackgroundColor", brushToString(this.i.i4));
+            this.i.jb = stringToBrush(v);
+            this._a("actualCheckedBackgroundColor", brushToString(this.i.jb));
         },
         enumerable: false,
         configurable: true
@@ -1297,11 +1297,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.ka);
+            return brushToString(this.i.kk);
         },
         set: function (v) {
-            this.i.ka = stringToBrush(v);
-            this._a("uncheckedBorderColor", brushToString(this.i.ka));
+            this.i.kk = stringToBrush(v);
+            this._a("uncheckedBorderColor", brushToString(this.i.kk));
         },
         enumerable: false,
         configurable: true
@@ -1311,11 +1311,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual border color of the radio when in the unchecked state.
         */
         get: function () {
-            return brushToString(this.i.jn);
+            return brushToString(this.i.ju);
         },
         set: function (v) {
-            this.i.jn = stringToBrush(v);
-            this._a("actualUncheckedBorderColor", brushToString(this.i.jn));
+            this.i.ju = stringToBrush(v);
+            this._a("actualUncheckedBorderColor", brushToString(this.i.ju));
         },
         enumerable: false,
         configurable: true
@@ -1325,11 +1325,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.jq);
+            return brushToString(this.i.j0);
         },
         set: function (v) {
-            this.i.jq = stringToBrush(v);
-            this._a("checkedBorderColor", brushToString(this.i.jq));
+            this.i.j0 = stringToBrush(v);
+            this._a("checkedBorderColor", brushToString(this.i.j0));
         },
         enumerable: false,
         configurable: true
@@ -1339,11 +1339,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual border color of the radio when in the checked state.
         */
         get: function () {
-            return brushToString(this.i.i5);
+            return brushToString(this.i.jc);
         },
         set: function (v) {
-            this.i.i5 = stringToBrush(v);
-            this._a("actualCheckedBorderColor", brushToString(this.i.i5));
+            this.i.jc = stringToBrush(v);
+            this._a("actualCheckedBorderColor", brushToString(this.i.jc));
         },
         enumerable: false,
         configurable: true
@@ -1353,11 +1353,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets or sets the dropdown delay time in milliseconds.
         */
         get: function () {
-            return this.i.c2;
+            return this.i.c3;
         },
         set: function (v) {
-            this.i.c2 = +v;
-            this._a("dropdownDelay", this.i.c2);
+            this.i.c3 = +v;
+            this._a("dropdownDelay", this.i.c3);
         },
         enumerable: false,
         configurable: true
@@ -1367,11 +1367,11 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
          * Gets the actual dropdown delay.
         */
         get: function () {
-            return this.i.c0;
+            return this.i.c1;
         },
         set: function (v) {
-            this.i.c0 = +v;
-            this._a("actualDropdownDelay", this.i.c0);
+            this.i.c1 = +v;
+            this._a("actualDropdownDelay", this.i.c1);
         },
         enumerable: false,
         configurable: true
@@ -1390,16 +1390,58 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcToolPanelComponent.prototype, "checkboxListScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists hosted in this tool panel's actions.
+        */
+        get: function () {
+            return brushToString(this.i.jx);
+        },
+        set: function (v) {
+            this.i.jx = stringToBrush(v);
+            this._a("checkboxListScrollbarBackground", brushToString(this.i.jx));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolPanelComponent.prototype, "checkboxListScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists hosted in this tool panel's actions.
+        */
+        get: function () {
+            return brushToString(this.i.jy);
+        },
+        set: function (v) {
+            this.i.jy = stringToBrush(v);
+            this._a("checkboxListScrollbarHoverBackground", brushToString(this.i.jy));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolPanelComponent.prototype, "checkboxListScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists hosted in this tool panel's actions.
+        */
+        get: function () {
+            return brushToString(this.i.jw);
+        },
+        set: function (v) {
+            this.i.jw = stringToBrush(v);
+            this._a("checkboxListScrollbarActiveBackground", brushToString(this.i.jw));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcToolPanelComponent.prototype, "itemSpacing", {
         /**
          * Gets or sets the spacing between items
         */
         get: function () {
-            return this.i.ck;
+            return this.i.cl;
         },
         set: function (v) {
-            this.i.ck = +v;
-            this._a("itemSpacing", this.i.ck);
+            this.i.cl = +v;
+            this._a("itemSpacing", this.i.cl);
         },
         enumerable: false,
         configurable: true
@@ -1420,7 +1462,7 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
     });
     Object.defineProperty(IgcToolPanelComponent.prototype, "isOpen", {
         get: function () {
-            return this.i.a5;
+            return this.i.a6;
         },
         enumerable: false,
         configurable: true
@@ -1494,84 +1536,84 @@ export var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super
         this._inStyling = false;
     };
     IgcToolPanelComponent.prototype.refresh = function () {
-        this.i.gz();
+        this.i.g3();
     };
     IgcToolPanelComponent.prototype.getDesiredSize = function () {
-        var iv = this.i.kd();
+        var iv = this.i.kn();
         return fromSize(iv);
     };
     IgcToolPanelComponent.prototype.flushRefresh = function () {
-        this.i.ge();
+        this.i.gi();
     };
     /**
      * Forces any open sub menus to close.
     
     */
     IgcToolPanelComponent.prototype.closeSubmenus = function () {
-        this.i.f9();
+        this.i.gd();
     };
     IgcToolPanelComponent.prototype.exportVisualData = function () {
-        var iv = this.i.c7();
+        var iv = this.i.c8();
         return (iv);
     };
     IgcToolPanelComponent.prototype.exportSerializedVisualData = function () {
-        var iv = this.i.eu();
+        var iv = this.i.ey();
         return (iv);
     };
     IgcToolPanelComponent.prototype.setBrushContextItem = function (key, value) {
-        this.i.g8(key, stringToBrush(value));
+        this.i.hc(key, stringToBrush(value));
     };
     IgcToolPanelComponent.prototype.getBrushContextItem = function (key) {
-        var iv = this.i.js(key);
+        var iv = this.i.j2(key);
         return brushToString(iv);
     };
     IgcToolPanelComponent.prototype.setBrushCollectionContextItem = function (key, value) {
-        this.i.g6(key, toBrushCollection(value));
+        this.i.ha(key, toBrushCollection(value));
     };
     IgcToolPanelComponent.prototype.getBrushCollectionContextItem = function (key) {
         var iv = this.i.a(key);
         return fromBrushCollection(iv);
     };
     IgcToolPanelComponent.prototype.setDoubleContextItem = function (key, value) {
-        this.i.hg(key, value);
+        this.i.hk(key, value);
     };
     IgcToolPanelComponent.prototype.getDoubleContextItem = function (key) {
-        var iv = this.i.cg(key);
+        var iv = this.i.ch(key);
         return (iv);
     };
     IgcToolPanelComponent.prototype.setIntContextItem = function (key, value) {
-        this.i.hi(key, value);
+        this.i.hm(key, value);
     };
     IgcToolPanelComponent.prototype.getIntContextItem = function (key) {
-        var iv = this.i.c3(key);
+        var iv = this.i.c4(key);
         return (iv);
     };
     IgcToolPanelComponent.prototype.setStringContextItem = function (key, value) {
-        this.i.hk(key, value);
+        this.i.ho(key, value);
     };
     IgcToolPanelComponent.prototype.getStringContextItem = function (key) {
-        var iv = this.i.ev(key);
+        var iv = this.i.ez(key);
         return (iv);
     };
     IgcToolPanelComponent.prototype.setBoolContextItem = function (key, value) {
-        this.i.g4(key, value);
+        this.i.g8(key, value);
     };
     IgcToolPanelComponent.prototype.getBoolContextItem = function (key) {
         var iv = this.i.a2(key);
         return (iv);
     };
     IgcToolPanelComponent.prototype.setColorContextItem = function (key, value) {
-        this.i.ha(key, stringToColor(value));
+        this.i.he(key, stringToColor(value));
     };
     IgcToolPanelComponent.prototype.getColorContextItem = function (key) {
-        var iv = this.i.kb(key);
+        var iv = this.i.kl(key);
         return colorToString(iv);
     };
     IgcToolPanelComponent.prototype.setDataContextItem = function (key, value) {
-        this.i.he(key, value);
+        this.i.hi(key, value);
     };
     IgcToolPanelComponent.prototype.getDataContextItem = function (key) {
-        var iv = this.i.da(key);
+        var iv = this.i.db(key);
         return (iv);
     };
     Object.defineProperty(IgcToolPanelComponent.prototype, "contentRefreshed", {