igniteui-webcomponents-layouts 4.0.3 → 4.2.2

package/esm5/lib/igc-property-editor-property-description-component.js

@@ -4,6 +4,7 @@ import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
 import { PropertyEditorValueType_$type } from "./PropertyEditorValueType";
 import { IgcPropertyEditorDescriptionObject } from "./igc-property-editor-description-object";
 import { IgcPropertyEditorDescriptionObjectCollection } from "./igc-property-editor-description-object-collection";
+import { IgcPropertyEditorPropertyDescriptionCollection } from "./igc-property-editor-property-description-collection";
 import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from "./igc-property-editor-property-description-button-click-event-args";
 import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from "./igc-property-editor-property-description-changed-event-args";
 import { IgcPropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs } from "./igc-property-editor-property-description-target-property-updating-event-args";
@@ -14,6 +15,7 @@ import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { PropertyEditorDescriptionObjectCollection as PropertyEditorDescriptionObjectCollection_internal } from "./PropertyEditorDescriptionObjectCollection";
 import { PropertyEditorDescriptionObject } from "./PropertyEditorDescriptionObject";
 import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
+import { PropertyEditorPropertyDescriptionCollection as PropertyEditorPropertyDescriptionCollection_internal } from "./PropertyEditorPropertyDescriptionCollection";
 var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(IgcPropertyEditorPropertyDescriptionComponent, _super);
     function IgcPropertyEditorPropertyDescriptionComponent() {
@@ -23,6 +25,7 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         _this._queuedSetAttributes = [];
         _this._updatingFromAttribute = false;
         _this._complexValues = null;
+        _this._properties = null;
         _this.__p = null;
         _this._hasUserValues = new Set();
         _this._stylingContainer = null;
@@ -155,62 +158,62 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
     };
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "propertyPath", {
         get: function () {
-            return this.i.al;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.al = v;
+            this.i.an = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "label", {
         get: function () {
-            return this.i.aj;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.aj = v;
+            this.i.al = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "valueType", {
         get: function () {
-            return this.i.n;
+            return this.i.p;
         },
         set: function (v) {
-            this.i.n = ensureEnum(PropertyEditorValueType_$type, v);
-            this._a("valueType", enumToString(PropertyEditorValueType_$type, this.i.n));
+            this.i.p = ensureEnum(PropertyEditorValueType_$type, v);
+            this._a("valueType", enumToString(PropertyEditorValueType_$type, this.i.p));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "propertyDescriptionType", {
         get: function () {
-            return this.i.ak;
+            return this.i.am;
         },
         set: function (v) {
-            this.i.ak = v;
+            this.i.am = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "shouldOverrideDefaultEditor", {
         get: function () {
-            return this.i.q;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.q = ensureBool(v);
-            this._a("shouldOverrideDefaultEditor", this.i.q);
+            this.i.s = ensureBool(v);
+            this._a("shouldOverrideDefaultEditor", this.i.s);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "elementDescriptionType", {
         get: function () {
-            return this.i.ai;
+            return this.i.ak;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.ak = v;
         },
         enumerable: true,
         configurable: true
@@ -245,65 +248,65 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "primitiveValue", {
         get: function () {
-            return this.i.ad;
+            return this.i.af;
         },
         set: function (v) {
-            this.i.ad = v;
+            this.i.af = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "min", {
         get: function () {
-            return this.i.z;
+            return this.i.ab;
         },
         set: function (v) {
-            this.i.z = +v;
-            this._a("min", this.i.z);
+            this.i.ab = +v;
+            this._a("min", this.i.ab);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "editorWidth", {
         get: function () {
-            return this.i.w;
+            return this.i.y;
         },
         set: function (v) {
-            this.i.w = +v;
-            this._a("editorWidth", this.i.w);
+            this.i.y = +v;
+            this._a("editorWidth", this.i.y);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "labelWidth", {
         get: function () {
-            return this.i.x;
+            return this.i.z;
         },
         set: function (v) {
-            this.i.x = +v;
-            this._a("labelWidth", this.i.x);
+            this.i.z = +v;
+            this._a("labelWidth", this.i.z);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "max", {
         get: function () {
-            return this.i.y;
+            return this.i.aa;
         },
         set: function (v) {
-            this.i.y = +v;
-            this._a("max", this.i.y);
+            this.i.aa = +v;
+            this._a("max", this.i.aa);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "step", {
         get: function () {
-            return this.i.aa;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.aa = +v;
-            this._a("step", this.i.aa);
+            this.i.ac = +v;
+            this._a("step", this.i.ac);
         },
         enumerable: true,
         configurable: true
@@ -316,11 +319,13 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
             }
             if (!r.externalObject) {
                 var e = new IgcPropertyEditorDescriptionObject();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }
@@ -365,6 +370,39 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "properties", {
+        get: function () {
+            if (this._properties === null) {
+                var coll = new IgcPropertyEditorPropertyDescriptionCollection();
+                var innerColl = this.i.m;
+                if (!innerColl) {
+                    innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+                }
+                this._properties = coll._fromInner(innerColl);
+                this.i.m = innerColl;
+            }
+            return this._properties;
+        },
+        set: function (v) {
+            if (this._properties !== null) {
+                this._properties._setSyncTarget(null);
+                this._properties = null;
+            }
+            var coll = new IgcPropertyEditorPropertyDescriptionCollection();
+            this._properties = coll._fromOuter(v);
+            var syncColl = new SyncableObservableCollection$1(PropertyEditorPropertyDescription.$type);
+            var innerColl = this.i.m;
+            if (!innerColl) {
+                innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
+            }
+            syncColl._inner = innerColl;
+            syncColl.clear();
+            this._properties._setSyncTarget(syncColl);
+            this.i.m = innerColl;
+        },
+        enumerable: true,
+        configurable: true
+    });
     IgcPropertyEditorPropertyDescriptionComponent.prototype.findByName = function (name) {
         if (this.findEphemera) {
             if (name && name.indexOf("@@e:") == 0) {
@@ -377,6 +415,9 @@ var IgcPropertyEditorPropertyDescriptionComponent = /** @class */ /*@__PURE__*/
         if (this.complexValues != null && this.complexValues.findByName && this.complexValues.findByName(name)) {
             return this.complexValues.findByName(name);
         }
+        if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
+            return this.properties.findByName(name);
+        }
         return null;
     };
     Object.defineProperty(IgcPropertyEditorPropertyDescriptionComponent.prototype, "hasUserValues", {

package/esm5/lib/igc-tool-action-button-component.js

@@ -0,0 +1,72 @@
+import * as tslib_1 from "tslib";
+import { IgcToolActionComponent } from "./igc-tool-action-component";
+import { ToolActionButton } from "./ToolActionButton";
+import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
+import { RegisterElementHelper } from "igniteui-webcomponents-core";
+var IgcToolActionButtonComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(IgcToolActionButtonComponent, _super);
+    function IgcToolActionButtonComponent() {
+        return _super.call(this) || this;
+    }
+    IgcToolActionButtonComponent.prototype.createImplementation = function () {
+        return new ToolActionButton();
+    };
+    Object.defineProperty(IgcToolActionButtonComponent.prototype, "i", {
+        /**
+                                     * @hidden
+                                     */
+        get: function () {
+            return this._implementation;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolActionButtonComponent.prototype.connectedCallback = function () {
+        if (_super.prototype["connectedCallback"]) {
+            _super.prototype["connectedCallback"].call(this);
+        }
+        if (this.i.connectedCallback) {
+            this.i.connectedCallback();
+        }
+        if (!this._attached) {
+            this._attached = true;
+            this._flushQueuedAttributes();
+        }
+    };
+    IgcToolActionButtonComponent.prototype.disconnectedCallback = function () {
+        if (_super.prototype["disconnectedCallback"]) {
+            _super.prototype["disconnectedCallback"].call(this);
+        }
+        if (this.i.disconnectedCallback) {
+            this.i.disconnectedCallback();
+        }
+        if (this._attached) {
+            this._attached = false;
+        }
+    };
+    Object.defineProperty(IgcToolActionButtonComponent, "observedAttributes", {
+        get: function () {
+            if (IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent == null) {
+                var names = getAllPropertyNames(IgcToolActionButtonComponent);
+                for (var i = 0; i < names.length; i++) {
+                    names[i] = toSpinal(names[i]);
+                }
+                IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = names;
+            }
+            return IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    IgcToolActionButtonComponent.register = function () {
+        if (!IgcToolActionButtonComponent._isElementRegistered) {
+            IgcToolActionButtonComponent._isElementRegistered = true;
+            RegisterElementHelper.registerElement(IgcToolActionButtonComponent.htmlTagName, IgcToolActionButtonComponent);
+        }
+    };
+    IgcToolActionButtonComponent._observedAttributesIgcToolActionButtonComponent = null;
+    IgcToolActionButtonComponent.htmlTagName = "igc-tool-action-button";
+    IgcToolActionButtonComponent._isElementRegistered = false;
+    return IgcToolActionButtonComponent;
+}(IgcToolActionComponent));
+export { IgcToolActionButtonComponent };

package/esm5/lib/igc-tool-action-button-module.js

@@ -0,0 +1,20 @@
+/*
+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 { IgcToolActionButtonComponent } from './igc-tool-action-button-component';
+import { ToolActionButton } from './ToolActionButton';
+import { TypeRegistrar } from "igniteui-webcomponents-core";
+var IgcToolActionButtonModule = /** @class */ /*@__PURE__*/ (function () {
+    function IgcToolActionButtonModule() {
+    }
+    IgcToolActionButtonModule.register = function () {
+        IgcToolActionButtonComponent.register();
+        TypeRegistrar.registerCons("IgcToolActionButtonComponent", IgcToolActionButtonComponent);
+        TypeRegistrar.register("ToolActionButton", ToolActionButton.$type);
+    };
+    return IgcToolActionButtonModule;
+}());
+export { IgcToolActionButtonModule };

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

@@ -1,11 +1,12 @@
 import * as tslib_1 from "tslib";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcToolCommandEventArgs } from "./igc-tool-command-event-args";
 import { IgcToolActionPerformedEventArgs } from "./igc-tool-action-performed-event-args";
 import { ToolAction } from "./ToolAction";
 import { TypeRegistrar } from "igniteui-webcomponents-core";
-import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, initializePropertiesFromCss } from "igniteui-webcomponents-core";
+import { NamePatcher, getAllPropertyNames, fromSpinal, toSpinal, ensureEnum, enumToString, initializePropertiesFromCss } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 /**
  * Represents base class for all tool actions in toolbar
@@ -148,131 +149,145 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "id", {
         get: function () {
-            return this.i.ao;
+            return this.i.ar;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "parentId", {
         get: function () {
-            return this.i.ax;
+            return this.i.a0;
         },
         set: function (v) {
-            this.i.ax = v;
+            this.i.a0 = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandId", {
         get: function () {
-            return this.i.ai;
+            return this.i.al;
         },
         set: function (v) {
-            this.i.ai = v;
+            this.i.al = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgument", {
         get: function () {
-            return this.i.af;
+            return this.i.ai;
         },
         set: function (v) {
-            this.i.af = v;
+            this.i.ai = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "commandArgumentValue", {
         get: function () {
-            return this.i.v;
+            return this.i.x;
+        },
+        set: function (v) {
+            this.i.x = v;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolActionComponent.prototype, "baseTheme", {
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get: function () {
+            return this.i.g;
         },
         set: function (v) {
-            this.i.v = v;
+            this.i.g = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.g));
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingLeft", {
         get: function () {
-            return this.i.r;
+            return this.i.t;
         },
         set: function (v) {
-            this.i.r = +v;
-            this._a("paddingLeft", this.i.r);
+            this.i.t = +v;
+            this._a("paddingLeft", this.i.t);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingRight", {
         get: function () {
-            return this.i.s;
+            return this.i.u;
         },
         set: function (v) {
-            this.i.s = +v;
-            this._a("paddingRight", this.i.s);
+            this.i.u = +v;
+            this._a("paddingRight", this.i.u);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingBottom", {
         get: function () {
-            return this.i.q;
+            return this.i.s;
         },
         set: function (v) {
-            this.i.q = +v;
-            this._a("paddingBottom", this.i.q);
+            this.i.s = +v;
+            this._a("paddingBottom", this.i.s);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "paddingTop", {
         get: function () {
-            return this.i.t;
+            return this.i.v;
         },
         set: function (v) {
-            this.i.t = +v;
-            this._a("paddingTop", this.i.t);
+            this.i.v = +v;
+            this._a("paddingTop", this.i.v);
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "name", {
         get: function () {
-            return this.i.ar;
+            return this.i.au;
         },
         set: function (v) {
-            this.i.ar = v;
+            this.i.au = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "label", {
         get: function () {
-            return this.i.ap;
+            return this.i.as;
         },
         set: function (v) {
-            this.i.ap = v;
+            this.i.as = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconName", {
         get: function () {
-            return this.i.am;
+            return this.i.ap;
         },
         set: function (v) {
-            this.i.am = v;
+            this.i.ap = v;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(IgcToolActionComponent.prototype, "iconCollectionName", {
         get: function () {
-            return this.i.ak;
+            return this.i.an;
         },
         set: function (v) {
-            this.i.ak = v;
+            this.i.an = v;
         },
         enumerable: true,
         configurable: true
@@ -343,7 +358,7 @@ var IgcToolActionComponent = /** @class */ /*@__PURE__*/ (function (_super) {
         this._inStyling = false;
     };
     IgcToolActionComponent.prototype.fromInfo = function (info) {
-        this.i.a6(info);
+        this.i.a9(info);
     };
     Object.defineProperty(IgcToolActionComponent.prototype, "onCommand", {
         get: function () {

package/esm5/lib/igc-tool-action-menu-base-component.js

@@ -109,7 +109,7 @@ var IgcToolActionMenuBaseComponent = /** @class */ /*@__PURE__*/ (function (_sup
         return null;
     };
     IgcToolActionMenuBaseComponent.prototype.fromInfo = function (info) {
-        this.i.a6(info);
+        this.i.a9(info);
     };
     IgcToolActionMenuBaseComponent._observedAttributesIgcToolActionMenuBaseComponent = null;
     return IgcToolActionMenuBaseComponent;

package/esm5/lib/igc-tool-action-performed-event-args.js

@@ -50,11 +50,13 @@ var IgcToolActionPerformedEventArgs = /** @class */ /*@__PURE__*/ (function () {
             }
             if (!r.externalObject) {
                 var e = new IgcToolActionEventDetail();
-                if (e.i.setNativeElement) {
-                    e.i.setNativeElement(r);
+                if (r.$type) {
+                    e._implementation = r;
                 }
                 else {
-                    e._implementation = r;
+                    if (e.i.setNativeElement) {
+                        e.i.setNativeElement(r);
+                    }
                 }
                 r.externalObject = e;
             }

package/esm5/lib/igc-tool-action-radio-component.js

@@ -64,12 +64,15 @@ var IgcToolActionRadioComponent = /** @class */ /*@__PURE__*/ (function (_super)
             RegisterElementHelper.registerElement(IgcToolActionRadioComponent.htmlTagName, IgcToolActionRadioComponent);
         }
     };
-    Object.defineProperty(IgcToolActionRadioComponent.prototype, "radioGroup", {
+    Object.defineProperty(IgcToolActionRadioComponent.prototype, "channel", {
+        /**
+         * Gets or sets the channel this radio button belongs to.
+        */
         get: function () {
-            return this.i.bf;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bf = v;
+            this.i.bk = v;
         },
         enumerable: true,
         configurable: true

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

@@ -7,6 +7,7 @@ import { CollectionAdapter } from "igniteui-webcomponents-core";
 import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
 import { RegisterElementHelper } from "igniteui-webcomponents-core";
 import { ToolPanel } from "./ToolPanel";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { IgcHTMLElement } from "igniteui-webcomponents-core";
 import { ToolPanelOrientation_$type } from './ToolPanelOrientation';
 import { IgcToolActionComponent } from "./igc-tool-action-component";
@@ -268,16 +269,30 @@ var IgcToolPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
      * Gets or Sets the property name that contains the values.
     */
         get: function () {
-            if (this.i.n == null) {
+            if (this.i.p == null) {
                 return null;
             }
-            return this.i.n.fontString;
+            return this.i.p.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.n = fi;
-            this._a("cellTextStyle", this.i.n != null ? this.i.n.fontString : "");
+            this.i.p = fi;
+            this._a("cellTextStyle", this.i.p != null ? this.i.p.fontString : "");
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(IgcToolPanelComponent.prototype, "baseTheme", {
+        /**
+         * Gets or sets the base built in theme to use for the checkbox.
+        */
+        get: function () {
+            return this.i.n;
+        },
+        set: function (v) {
+            this.i.n = ensureEnum(BaseControlTheme_$type, v);
+            this._a("baseTheme", enumToString(BaseControlTheme_$type, this.i.n));
         },
         enumerable: true,
         configurable: true
@@ -287,11 +302,11 @@ 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.a7);
+            return brushToString(this.i.bb);
         },
         set: function (v) {
-            this.i.a7 = stringToBrush(v);
-            this._a("backgroundColor", brushToString(this.i.a7));
+            this.i.bb = stringToBrush(v);
+            this._a("backgroundColor", brushToString(this.i.bb));
         },
         enumerable: true,
         configurable: true
@@ -301,11 +316,11 @@ 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.ba);
+            return brushToString(this.i.be);
         },
         set: function (v) {
-            this.i.ba = stringToBrush(v);
-            this._a("textColor", brushToString(this.i.ba));
+            this.i.be = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.be));
         },
         enumerable: true,
         configurable: true